@scania/tegel 1.24.0-value-prop.beta.6 → 1.25.0-beta.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 (475) hide show
  1. package/dist/cjs/index-ca8040ad.js +4 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/tds-accordion-item.cjs.entry.js +7 -4
  4. package/dist/cjs/tds-badge.cjs.entry.js +9 -8
  5. package/dist/cjs/tds-banner.cjs.entry.js +6 -3
  6. package/dist/cjs/tds-block.cjs.entry.js +12 -6
  7. package/dist/cjs/tds-body-cell.cjs.entry.js +9 -6
  8. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
  9. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +7 -1
  10. package/dist/cjs/tds-button.cjs.entry.js +13 -3
  11. package/dist/cjs/tds-card.cjs.entry.js +11 -7
  12. package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
  13. package/dist/cjs/tds-chip.cjs.entry.js +7 -2
  14. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +40 -3
  15. package/dist/cjs/tds-datetime.cjs.entry.js +20 -13
  16. package/dist/cjs/tds-divider.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-dropdown_2.cjs.entry.js +123 -30
  18. package/dist/cjs/tds-folder-tab.cjs.entry.js +4 -2
  19. package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
  20. package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
  21. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-footer.cjs.entry.js +3 -1
  23. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
  26. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-dropdown.cjs.entry.js +3 -3
  29. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  36. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
  38. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  39. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  40. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  41. package/dist/cjs/tds-inline-tab.cjs.entry.js +5 -2
  42. package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
  43. package/dist/cjs/tds-link.cjs.entry.js +5 -5
  44. package/dist/cjs/tds-message.cjs.entry.js +6 -4
  45. package/dist/cjs/tds-modal.cjs.entry.js +4 -1
  46. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  47. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +8 -2
  48. package/dist/cjs/tds-popover-canvas.cjs.entry.js +2 -2
  49. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  50. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +2 -2
  51. package/dist/cjs/tds-popover-menu.cjs.entry.js +2 -2
  52. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  53. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  54. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +4 -4
  55. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +2 -2
  56. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
  57. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +3 -3
  58. package/dist/cjs/tds-side-menu-item.cjs.entry.js +2 -2
  59. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  60. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +2 -2
  61. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  62. package/dist/cjs/tds-slider.cjs.entry.js +8 -8
  63. package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
  64. package/dist/cjs/tds-step.cjs.entry.js +1 -1
  65. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
  66. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +7 -7
  67. package/dist/cjs/tds-table-body-row.cjs.entry.js +9 -6
  68. package/dist/cjs/tds-table-body.cjs.entry.js +2 -2
  69. package/dist/cjs/tds-table-footer.cjs.entry.js +3 -3
  70. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  71. package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
  72. package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
  73. package/dist/cjs/tds-text-field.cjs.entry.js +8 -6
  74. package/dist/cjs/tds-textarea.cjs.entry.js +14 -12
  75. package/dist/cjs/tds-toast.cjs.entry.js +3 -3
  76. package/dist/cjs/tds-toggle.cjs.entry.js +13 -1
  77. package/dist/cjs/tds-tooltip-beta.cjs.entry.js +123 -0
  78. package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
  79. package/dist/cjs/tegel.cjs.js +1 -1
  80. package/dist/collection/collection-manifest.json +2 -1
  81. package/dist/collection/components/accordion/accordion-item/accordion-item.js +25 -4
  82. package/dist/collection/components/badge/badge.js +28 -8
  83. package/dist/collection/components/banner/banner.js +24 -3
  84. package/dist/collection/components/block/block.js +36 -7
  85. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +9 -10
  86. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +2 -2
  87. package/dist/collection/components/breadcrumbs/breadcrumbs.js +30 -1
  88. package/dist/collection/components/button/button.css +3 -3
  89. package/dist/collection/components/button/button.js +29 -2
  90. package/dist/collection/components/card/card.js +11 -7
  91. package/dist/collection/components/checkbox/checkbox.js +2 -2
  92. package/dist/collection/components/chip/chip.js +8 -3
  93. package/dist/collection/components/datetime/datetime.css +20 -0
  94. package/dist/collection/components/datetime/datetime.js +22 -15
  95. package/dist/collection/components/divider/divider.js +1 -1
  96. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +41 -16
  97. package/dist/collection/components/dropdown/dropdown.js +94 -43
  98. package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
  99. package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
  100. package/dist/collection/components/footer/footer.js +3 -1
  101. package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
  102. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  103. package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
  104. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
  105. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  106. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
  107. package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
  108. package/dist/collection/components/header/header-item/header-item.js +39 -2
  109. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  110. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
  111. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  112. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
  113. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
  114. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
  115. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
  116. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  117. package/dist/collection/components/header/header-title/header-title.js +1 -1
  118. package/dist/collection/components/header/header.js +1 -1
  119. package/dist/collection/components/icon/icon.js +1 -1
  120. package/dist/collection/components/link/link.js +5 -5
  121. package/dist/collection/components/message/message.js +6 -4
  122. package/dist/collection/components/modal/modal.js +4 -1
  123. package/dist/collection/components/popover-canvas/popover-canvas.js +2 -2
  124. package/dist/collection/components/popover-core/popover-core.js +1 -1
  125. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
  126. package/dist/collection/components/popover-menu/popover-menu.js +2 -2
  127. package/dist/collection/components/radio-button/radio-button.js +1 -1
  128. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
  129. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -4
  130. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
  131. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
  132. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
  133. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
  134. package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
  135. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
  136. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
  137. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
  138. package/dist/collection/components/slider/slider.css +13 -0
  139. package/dist/collection/components/slider/slider.js +7 -7
  140. package/dist/collection/components/spinner/spinner.js +1 -1
  141. package/dist/collection/components/stepper/step/step.js +1 -1
  142. package/dist/collection/components/table/table-body/table-body.js +2 -2
  143. package/dist/collection/components/table/table-body-cell/table-body-cell.js +9 -6
  144. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  145. package/dist/collection/components/table/table-body-row/table-body-row.js +9 -6
  146. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
  147. package/dist/collection/components/table/table-footer/table-footer.js +3 -3
  148. package/dist/collection/components/table/table-header/table-header.js +2 -2
  149. package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
  150. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
  151. package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
  152. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +4 -2
  153. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  154. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +5 -2
  155. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  156. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  157. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +8 -2
  158. package/dist/collection/components/text-field/text-field.js +9 -7
  159. package/dist/collection/components/textarea/textarea.js +14 -12
  160. package/dist/collection/components/toast/toast.js +3 -3
  161. package/dist/collection/components/toggle/toggle.js +30 -1
  162. package/dist/collection/components/tooltip/tooltip.js +2 -2
  163. package/dist/collection/components/tooltip-beta/tooltip-beta.css +40 -0
  164. package/dist/collection/components/tooltip-beta/tooltip-beta.js +319 -0
  165. package/dist/collection/types/Tooltip.js +1 -0
  166. package/dist/collection/utils/axeHelpers.js +3 -0
  167. package/dist/collection/utils/convertToString.js +14 -0
  168. package/dist/components/{p-0c3cab16.js → p-0e6efec9.js} +2 -2
  169. package/dist/components/{p-09d36119.js → p-265c3467.js} +1 -1
  170. package/dist/components/{p-aea7fa6b.js → p-29d19dc8.js} +3 -3
  171. package/dist/components/{p-4030e9bc.js → p-2a43e410.js} +39 -15
  172. package/dist/components/{p-fcec766c.js → p-34737ed9.js} +1 -1
  173. package/dist/components/{p-dddaa520.js → p-3e93886d.js} +1 -1
  174. package/dist/components/{p-5e1a9abc.js → p-4764a1d5.js} +1 -1
  175. package/dist/components/{p-8a2d7b2f.js → p-4c1e3344.js} +4 -4
  176. package/dist/components/{p-cfb1b588.js → p-8c849aa2.js} +2 -2
  177. package/dist/components/{p-e323cd2a.js → p-a2b7bdef.js} +1 -1
  178. package/dist/components/{p-1aae42d5.js → p-a64dc22e.js} +83 -22
  179. package/dist/components/p-b1d21573.js +16 -0
  180. package/dist/components/{p-d921fe75.js → p-c65351ab.js} +2 -2
  181. package/dist/components/{p-0676aa23.js → p-d61bd22e.js} +40 -3
  182. package/dist/components/{p-30de8ac4.js → p-e49a0ceb.js} +1 -1
  183. package/dist/components/{p-e46088d9.js → p-e8d2dbbf.js} +1 -1
  184. package/dist/components/tds-accordion-item.js +9 -5
  185. package/dist/components/tds-badge.js +11 -8
  186. package/dist/components/tds-banner.js +8 -4
  187. package/dist/components/tds-block.js +14 -7
  188. package/dist/components/tds-body-cell.js +9 -6
  189. package/dist/components/tds-breadcrumb.js +3 -3
  190. package/dist/components/tds-breadcrumbs.js +10 -2
  191. package/dist/components/tds-button.js +14 -3
  192. package/dist/components/tds-card.js +12 -8
  193. package/dist/components/tds-checkbox.js +1 -1
  194. package/dist/components/tds-chip.js +7 -2
  195. package/dist/components/tds-core-header-item.js +1 -1
  196. package/dist/components/tds-datetime.js +21 -14
  197. package/dist/components/tds-divider.js +1 -1
  198. package/dist/components/tds-dropdown-option.js +1 -1
  199. package/dist/components/tds-dropdown.js +1 -1
  200. package/dist/components/tds-folder-tab.js +4 -2
  201. package/dist/components/tds-folder-tabs.js +3 -3
  202. package/dist/components/tds-footer-group.js +4 -4
  203. package/dist/components/tds-footer-item.js +1 -1
  204. package/dist/components/tds-footer.js +3 -1
  205. package/dist/components/tds-header-brand-symbol.js +3 -3
  206. package/dist/components/tds-header-cell.js +2 -2
  207. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  208. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  209. package/dist/components/tds-header-dropdown-list.js +1 -1
  210. package/dist/components/tds-header-dropdown.js +8 -8
  211. package/dist/components/tds-header-hamburger.js +4 -4
  212. package/dist/components/tds-header-item.js +1 -1
  213. package/dist/components/tds-header-launcher-button.js +1 -1
  214. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  215. package/dist/components/tds-header-launcher-grid-title.js +1 -1
  216. package/dist/components/tds-header-launcher-grid.js +1 -1
  217. package/dist/components/tds-header-launcher-list-item.js +2 -2
  218. package/dist/components/tds-header-launcher-list-title.js +1 -1
  219. package/dist/components/tds-header-launcher-list.js +2 -2
  220. package/dist/components/tds-header-launcher.js +8 -8
  221. package/dist/components/tds-header-title.js +1 -1
  222. package/dist/components/tds-header.js +1 -1
  223. package/dist/components/tds-icon.js +1 -1
  224. package/dist/components/tds-inline-tab.js +5 -2
  225. package/dist/components/tds-inline-tabs.js +3 -3
  226. package/dist/components/tds-link.js +5 -5
  227. package/dist/components/tds-message.js +7 -5
  228. package/dist/components/tds-modal.js +5 -2
  229. package/dist/components/tds-navigation-tab.js +2 -2
  230. package/dist/components/tds-navigation-tabs.js +9 -3
  231. package/dist/components/tds-popover-canvas.js +1 -1
  232. package/dist/components/tds-popover-core.js +1 -1
  233. package/dist/components/tds-popover-menu-item.js +2 -2
  234. package/dist/components/tds-popover-menu.js +3 -3
  235. package/dist/components/tds-radio-button.js +1 -1
  236. package/dist/components/tds-side-menu-close-button.js +2 -2
  237. package/dist/components/tds-side-menu-collapse-button.js +5 -5
  238. package/dist/components/tds-side-menu-dropdown-list-item.js +2 -2
  239. package/dist/components/tds-side-menu-dropdown-list.js +2 -2
  240. package/dist/components/tds-side-menu-dropdown.js +5 -5
  241. package/dist/components/tds-side-menu-item.js +1 -1
  242. package/dist/components/tds-side-menu-overlay.js +1 -1
  243. package/dist/components/tds-side-menu-user-image.js +1 -1
  244. package/dist/components/tds-side-menu-user-label.js +1 -1
  245. package/dist/components/tds-side-menu-user.js +3 -3
  246. package/dist/components/tds-slider.js +9 -9
  247. package/dist/components/tds-spinner.js +1 -1
  248. package/dist/components/tds-step.js +2 -2
  249. package/dist/components/tds-table-body-input-wrapper.js +2 -2
  250. package/dist/components/tds-table-body-row-expandable.js +7 -7
  251. package/dist/components/tds-table-body-row.js +10 -7
  252. package/dist/components/tds-table-body.js +2 -2
  253. package/dist/components/tds-table-footer.js +7 -7
  254. package/dist/components/tds-table-header-input-wrapper.js +2 -2
  255. package/dist/components/tds-table-header.js +3 -3
  256. package/dist/components/tds-table-toolbar.js +3 -3
  257. package/dist/components/tds-text-field.js +9 -7
  258. package/dist/components/tds-textarea.js +15 -13
  259. package/dist/components/tds-toast.js +4 -4
  260. package/dist/components/tds-toggle.js +14 -1
  261. package/dist/components/tds-tooltip-beta.d.ts +11 -0
  262. package/dist/components/tds-tooltip-beta.js +149 -0
  263. package/dist/components/tds-tooltip.js +3 -3
  264. package/dist/esm/index-51d04e39.js +4 -0
  265. package/dist/esm/loader.js +1 -1
  266. package/dist/esm/tds-accordion-item.entry.js +7 -4
  267. package/dist/esm/tds-badge.entry.js +9 -8
  268. package/dist/esm/tds-banner.entry.js +6 -3
  269. package/dist/esm/tds-block.entry.js +12 -6
  270. package/dist/esm/tds-body-cell.entry.js +9 -6
  271. package/dist/esm/tds-breadcrumb.entry.js +3 -3
  272. package/dist/esm/tds-breadcrumbs.entry.js +7 -1
  273. package/dist/esm/tds-button.entry.js +13 -3
  274. package/dist/esm/tds-card.entry.js +11 -7
  275. package/dist/esm/tds-checkbox.entry.js +2 -2
  276. package/dist/esm/tds-chip.entry.js +7 -2
  277. package/dist/esm/tds-core-header-item_2.entry.js +40 -3
  278. package/dist/esm/tds-datetime.entry.js +20 -13
  279. package/dist/esm/tds-divider.entry.js +1 -1
  280. package/dist/esm/tds-dropdown_2.entry.js +123 -30
  281. package/dist/esm/tds-folder-tab.entry.js +4 -2
  282. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  283. package/dist/esm/tds-footer-group.entry.js +3 -3
  284. package/dist/esm/tds-footer-item.entry.js +1 -1
  285. package/dist/esm/tds-footer.entry.js +3 -1
  286. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  287. package/dist/esm/tds-header-cell.entry.js +1 -1
  288. package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
  289. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  290. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  291. package/dist/esm/tds-header-dropdown.entry.js +3 -3
  292. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  293. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  294. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  295. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  296. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  297. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  298. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  299. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  300. package/dist/esm/tds-header-launcher.entry.js +2 -2
  301. package/dist/esm/tds-header-title.entry.js +1 -1
  302. package/dist/esm/tds-header.entry.js +1 -1
  303. package/dist/esm/tds-icon.entry.js +1 -1
  304. package/dist/esm/tds-inline-tab.entry.js +5 -2
  305. package/dist/esm/tds-inline-tabs.entry.js +2 -2
  306. package/dist/esm/tds-link.entry.js +5 -5
  307. package/dist/esm/tds-message.entry.js +6 -4
  308. package/dist/esm/tds-modal.entry.js +4 -1
  309. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  310. package/dist/esm/tds-navigation-tabs.entry.js +8 -2
  311. package/dist/esm/tds-popover-canvas.entry.js +2 -2
  312. package/dist/esm/tds-popover-core.entry.js +1 -1
  313. package/dist/esm/tds-popover-menu-item.entry.js +2 -2
  314. package/dist/esm/tds-popover-menu.entry.js +2 -2
  315. package/dist/esm/tds-radio-button.entry.js +1 -1
  316. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  317. package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -4
  318. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +2 -2
  319. package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
  320. package/dist/esm/tds-side-menu-dropdown.entry.js +3 -3
  321. package/dist/esm/tds-side-menu-item.entry.js +2 -2
  322. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  323. package/dist/esm/tds-side-menu-user-image_2.entry.js +2 -2
  324. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  325. package/dist/esm/tds-slider.entry.js +8 -8
  326. package/dist/esm/tds-spinner.entry.js +1 -1
  327. package/dist/esm/tds-step.entry.js +1 -1
  328. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  329. package/dist/esm/tds-table-body-row-expandable.entry.js +7 -7
  330. package/dist/esm/tds-table-body-row.entry.js +9 -6
  331. package/dist/esm/tds-table-body.entry.js +2 -2
  332. package/dist/esm/tds-table-footer.entry.js +3 -3
  333. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  334. package/dist/esm/tds-table-header.entry.js +2 -2
  335. package/dist/esm/tds-table-toolbar.entry.js +2 -2
  336. package/dist/esm/tds-text-field.entry.js +8 -6
  337. package/dist/esm/tds-textarea.entry.js +14 -12
  338. package/dist/esm/tds-toast.entry.js +3 -3
  339. package/dist/esm/tds-toggle.entry.js +13 -1
  340. package/dist/esm/tds-tooltip-beta.entry.js +119 -0
  341. package/dist/esm/tds-tooltip.entry.js +2 -2
  342. package/dist/esm/tegel.js +1 -1
  343. package/dist/tegel/p-01edebef.entry.js +1 -0
  344. package/dist/tegel/p-035e58e6.entry.js +1 -0
  345. package/dist/tegel/p-065d6f83.entry.js +1 -0
  346. package/dist/tegel/p-0c1e632d.entry.js +1 -0
  347. package/dist/tegel/{p-4e3e2601.entry.js → p-168122a7.entry.js} +1 -1
  348. package/dist/tegel/{p-868435cd.entry.js → p-19eb4ae1.entry.js} +1 -1
  349. package/dist/tegel/p-1b390acb.entry.js +1 -0
  350. package/dist/tegel/{p-57f95a1b.entry.js → p-288a09ef.entry.js} +1 -1
  351. package/dist/tegel/{p-987084a5.entry.js → p-3204ae8f.entry.js} +1 -1
  352. package/dist/tegel/p-32be63ea.entry.js +1 -0
  353. package/dist/tegel/p-34b793c9.entry.js +1 -0
  354. package/dist/tegel/p-3c2f7033.entry.js +1 -0
  355. package/dist/tegel/p-46205cfb.entry.js +1 -0
  356. package/dist/tegel/p-4d5963d0.entry.js +1 -0
  357. package/dist/tegel/{p-088bfcd4.entry.js → p-4e298888.entry.js} +1 -1
  358. package/dist/tegel/p-4e33cbda.entry.js +1 -0
  359. package/dist/tegel/{p-c790ef93.entry.js → p-4ee344e5.entry.js} +1 -1
  360. package/dist/tegel/p-4f5f152a.entry.js +1 -0
  361. package/dist/tegel/p-4fe6512b.entry.js +1 -0
  362. package/dist/tegel/p-5242a1f6.entry.js +1 -0
  363. package/dist/tegel/{p-b4c7099f.entry.js → p-542d7b3e.entry.js} +1 -1
  364. package/dist/tegel/{p-e63f827f.entry.js → p-5a7110b8.entry.js} +1 -1
  365. package/dist/tegel/p-5ba254ee.entry.js +1 -0
  366. package/dist/tegel/{p-9de400f4.entry.js → p-60b38806.entry.js} +1 -1
  367. package/dist/tegel/{p-6a52ed63.entry.js → p-64c80f14.entry.js} +1 -1
  368. package/dist/tegel/{p-ed02ad2b.entry.js → p-654785d2.entry.js} +1 -1
  369. package/dist/tegel/p-6f17d37f.entry.js +1 -0
  370. package/dist/tegel/p-70795d6e.entry.js +1 -0
  371. package/dist/tegel/p-72fd0083.entry.js +1 -0
  372. package/dist/tegel/{p-bcae4d3a.entry.js → p-74fc9c92.entry.js} +1 -1
  373. package/dist/tegel/p-77c79b91.entry.js +1 -0
  374. package/dist/tegel/{p-ff5cd75f.entry.js → p-77d457b8.entry.js} +1 -1
  375. package/dist/tegel/{p-1634247e.entry.js → p-78d5acd7.entry.js} +1 -1
  376. package/dist/tegel/{p-2e44b4e9.entry.js → p-7c4c65c9.entry.js} +1 -1
  377. package/dist/tegel/{p-2557b79b.entry.js → p-848c2732.entry.js} +1 -1
  378. package/dist/tegel/p-868757d9.entry.js +1 -0
  379. package/dist/tegel/p-8c8b9908.entry.js +1 -0
  380. package/dist/tegel/{p-ff7ae8a3.entry.js → p-93a4bd11.entry.js} +1 -1
  381. package/dist/tegel/{p-50fcdc56.entry.js → p-96635c10.entry.js} +1 -1
  382. package/dist/tegel/p-9e0b31a1.entry.js +1 -0
  383. package/dist/tegel/{p-91dcddd5.entry.js → p-a0fc0cc2.entry.js} +1 -1
  384. package/dist/tegel/p-a5e0f030.entry.js +1 -0
  385. package/dist/tegel/{p-aed1c5cf.entry.js → p-aa9d281b.entry.js} +1 -1
  386. package/dist/tegel/p-ae46766a.entry.js +1 -0
  387. package/dist/tegel/{p-f9325536.entry.js → p-aef6b130.entry.js} +1 -1
  388. package/dist/tegel/p-b35e7208.entry.js +1 -0
  389. package/dist/tegel/p-b39ffad4.entry.js +1 -0
  390. package/dist/tegel/p-b5ced8e5.entry.js +1 -0
  391. package/dist/tegel/{p-a642c800.entry.js → p-b6526302.entry.js} +1 -1
  392. package/dist/tegel/p-b686f1ad.entry.js +1 -0
  393. package/dist/tegel/{p-c18b2746.entry.js → p-b9576881.entry.js} +1 -1
  394. package/dist/tegel/p-b9f81e53.entry.js +1 -0
  395. package/dist/tegel/p-be1d1345.entry.js +1 -0
  396. package/dist/tegel/{p-0f38bea7.entry.js → p-bee533b5.entry.js} +1 -1
  397. package/dist/tegel/{p-7097a39a.entry.js → p-c56be8d1.entry.js} +1 -1
  398. package/dist/tegel/{p-4ab7461e.entry.js → p-c8404432.entry.js} +1 -1
  399. package/dist/tegel/{p-ac46b0a4.entry.js → p-ca93de01.entry.js} +1 -1
  400. package/dist/tegel/p-cc6c06e3.entry.js +1 -0
  401. package/dist/tegel/{p-220affa9.entry.js → p-cca85da0.entry.js} +1 -1
  402. package/dist/tegel/p-cde32bc6.entry.js +1 -0
  403. package/dist/tegel/p-d0abf078.entry.js +1 -0
  404. package/dist/tegel/p-d1112915.entry.js +1 -0
  405. package/dist/tegel/{p-a5a67770.entry.js → p-d267665e.entry.js} +1 -1
  406. package/dist/tegel/{p-6c26e66f.entry.js → p-d33cb2d1.entry.js} +1 -1
  407. package/dist/tegel/{p-bb129d43.entry.js → p-d47c744f.entry.js} +1 -1
  408. package/dist/tegel/p-d65dfe04.entry.js +1 -0
  409. package/dist/tegel/{p-6b405a0f.entry.js → p-d853f8c2.entry.js} +1 -1
  410. package/dist/tegel/p-d9511720.entry.js +1 -0
  411. package/dist/tegel/p-dcbc35af.entry.js +1 -0
  412. package/dist/tegel/{p-06d2fa56.entry.js → p-dfbbaefd.entry.js} +1 -1
  413. package/dist/tegel/p-ea3e071f.entry.js +1 -0
  414. package/dist/tegel/{p-9bf7f5cd.entry.js → p-ed17283a.entry.js} +1 -1
  415. package/dist/tegel/{p-c917d8be.entry.js → p-ee7f07ae.entry.js} +1 -1
  416. package/dist/tegel/p-ef3671d8.entry.js +1 -0
  417. package/dist/tegel/{p-f1c172a4.entry.js → p-f1b0211a.entry.js} +1 -1
  418. package/dist/tegel/{p-de540cc0.entry.js → p-fa07db58.entry.js} +1 -1
  419. package/dist/tegel/tegel.esm.js +1 -1
  420. package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +2 -0
  421. package/dist/types/components/badge/badge.d.ts +3 -0
  422. package/dist/types/components/banner/banner.d.ts +4 -0
  423. package/dist/types/components/block/block.d.ts +8 -1
  424. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  425. package/dist/types/components/button/button.d.ts +3 -0
  426. package/dist/types/components/checkbox/checkbox.d.ts +1 -1
  427. package/dist/types/components/datetime/datetime.d.ts +2 -2
  428. package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +6 -2
  429. package/dist/types/components/dropdown/dropdown.d.ts +26 -13
  430. package/dist/types/components/header/header-item/header-item.d.ts +7 -0
  431. package/dist/types/components/toggle/toggle.d.ts +5 -0
  432. package/dist/types/components/tooltip-beta/tooltip-beta.d.ts +28 -0
  433. package/dist/types/components.d.ts +142 -28
  434. package/dist/types/types/Tooltip.d.ts +4 -0
  435. package/dist/types/utils/axeHelpers.d.ts +2 -0
  436. package/dist/types/utils/convertToString.d.ts +7 -0
  437. package/package.json +5 -5
  438. package/dist/tegel/p-0df92ce7.entry.js +0 -1
  439. package/dist/tegel/p-12303135.entry.js +0 -1
  440. package/dist/tegel/p-1a2f3852.entry.js +0 -1
  441. package/dist/tegel/p-1bc2c73c.entry.js +0 -1
  442. package/dist/tegel/p-26ae4a93.entry.js +0 -1
  443. package/dist/tegel/p-54a105a4.entry.js +0 -1
  444. package/dist/tegel/p-5a891dd2.entry.js +0 -1
  445. package/dist/tegel/p-5d0e8f1e.entry.js +0 -1
  446. package/dist/tegel/p-6938329a.entry.js +0 -1
  447. package/dist/tegel/p-693e48cf.entry.js +0 -1
  448. package/dist/tegel/p-6aabf7e1.entry.js +0 -1
  449. package/dist/tegel/p-7a83cf55.entry.js +0 -1
  450. package/dist/tegel/p-7d39487c.entry.js +0 -1
  451. package/dist/tegel/p-7d83ba98.entry.js +0 -1
  452. package/dist/tegel/p-845e1fca.entry.js +0 -1
  453. package/dist/tegel/p-930e767e.entry.js +0 -1
  454. package/dist/tegel/p-959a6780.entry.js +0 -1
  455. package/dist/tegel/p-9aefb942.entry.js +0 -1
  456. package/dist/tegel/p-9c2dfecc.entry.js +0 -1
  457. package/dist/tegel/p-a9654cd4.entry.js +0 -1
  458. package/dist/tegel/p-ad434031.entry.js +0 -1
  459. package/dist/tegel/p-b00bcf39.entry.js +0 -1
  460. package/dist/tegel/p-b9ac3122.entry.js +0 -1
  461. package/dist/tegel/p-b9e37cf2.entry.js +0 -1
  462. package/dist/tegel/p-bda3d846.entry.js +0 -1
  463. package/dist/tegel/p-cd5219ac.entry.js +0 -1
  464. package/dist/tegel/p-d1cbe5be.entry.js +0 -1
  465. package/dist/tegel/p-dcbd977f.entry.js +0 -1
  466. package/dist/tegel/p-dd060c11.entry.js +0 -1
  467. package/dist/tegel/p-e13935b6.entry.js +0 -1
  468. package/dist/tegel/p-e65dba91.entry.js +0 -1
  469. package/dist/tegel/p-e7108828.entry.js +0 -1
  470. package/dist/tegel/p-e86f2d31.entry.js +0 -1
  471. package/dist/tegel/p-e97a2700.entry.js +0 -1
  472. package/dist/tegel/p-ede11de8.entry.js +0 -1
  473. package/dist/tegel/p-f45d905c.entry.js +0 -1
  474. package/dist/tegel/p-f841f094.entry.js +0 -1
  475. package/dist/tegel/p-fc0079d2.entry.js +0 -1
@@ -34,7 +34,7 @@ const Icon = class {
34
34
  this.arrayOfIcons = [...this.arrayOfIcons];
35
35
  }
36
36
  render() {
37
- return h(Host, { key: '905914904d2afac05280f9daf9834b89aa3ec14f' }, this.setIcons());
37
+ return h(Host, { key: '7501bac4e182e5b44030b140b4c2c68e0fd2522b' }, this.setIcons());
38
38
  }
39
39
  };
40
40
  Icon.style = TdsIconStyle0;
@@ -14,8 +14,11 @@ const TdsInlineTab = class {
14
14
  this.selected = selected;
15
15
  }
16
16
  render() {
17
- return (h(Host, { key: 'd15c7d658b9f90d01743d8f4fe6d14714a73e3f8', role: "listitem" }, h("div", { key: 'cc3324aa2ee065c9c9fd78c0e55c5c096a975d4d', class: `inline-tab-item ${this.selected ? 'selected' : ''}
18
- ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '68bed317582717cb72d40f6b91d304a3a3df9d47' }))));
17
+ return (h(Host, { key: '4bb1d313b0d2b7e3bc612474201b0a3e06dd6555', role: "listitem" }, h("div", { key: 'c49a2745c5c6de9276807e670c9886130f5e5dbd', class: {
18
+ 'inline-tab-item': true,
19
+ 'selected': this.selected,
20
+ 'disabled': this.disabled,
21
+ } }, h("slot", { key: 'caa1851fd0a992f38e04fb4872e52c90a3731e6a' }))));
19
22
  }
20
23
  };
21
24
  TdsInlineTab.style = TdsInlineTabStyle0;
@@ -170,9 +170,9 @@ const TdsInlineTabs = class {
170
170
  this.removeEventListenerFromTabs();
171
171
  }
172
172
  render() {
173
- return (h(Host, { key: '71f42e22f75a1fe4ca4f906b2151ed1a4c324e51', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '33e457be72862e642f2a867243f6325f94d210e8', class: "wrapper", ref: (el) => {
173
+ return (h(Host, { key: 'cd482509c07b6074d81a35eb9447ef561ce7c84a', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '63590b1fec8637f1000897f62962dae2efdcc05d', class: "wrapper", ref: (el) => {
174
174
  this.navWrapperElement = el;
175
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '786a1655c5efe5f2a079c62cb89300a99149c3fb', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'df2f3798cb6cb4ea446932cdf8ce84ac068c57ff', name: "chevron_left", size: "20px" })), h("slot", { key: 'b5e14ca573a2ac7a4e20defd05b412a941e72f0b', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'da0b823e674c5eacd325f69e98e14f4def9c477f', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '2bdd7110bb4b22c4dfabc1a5ef2acf9e7592b9b9', name: "chevron_right", size: "20px" })))));
175
+ }, 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" })))));
176
176
  }
177
177
  get host() { return getElement(this); }
178
178
  static get watchers() { return {
@@ -14,11 +14,11 @@ const TdsLink = class {
14
14
  this.host.children[0].classList.add('tds-link-component');
15
15
  }
16
16
  render() {
17
- return (h("span", { key: '619f52601e4716a34fd39752704acf06acd94dd8', class: `
18
- ${this.disabled ? 'disabled' : ''}
19
- ${!this.underline ? 'no-underline' : ''}
20
- ${this.standalone ? 'standalone' : ''}
21
- ` }, h("slot", { key: '636596dae6e69aff2f10666e86fb965e46efb059' })));
17
+ return (h("span", { key: '3fa509835f66a3128ee487b34b47c0efb9e73d82', class: {
18
+ 'disabled': this.disabled,
19
+ 'no-underline': !this.underline,
20
+ 'standalone': this.standalone,
21
+ } }, h("slot", { key: 'd83160f7b9b04e0e0cd9bd9184a45ac8ac504744' })));
22
22
  }
23
23
  get host() { return getElement(this); }
24
24
  };
@@ -27,10 +27,12 @@ const TdsMessage = class {
27
27
  this.minimal = false;
28
28
  }
29
29
  render() {
30
- return (h(Host, { key: 'b270c0935bf7eb09d16df32854c5a9411a78fba9' }, h("div", { key: '668d8a6a940ce0f972c2398d063640b38e307219', class: `
31
- wrapper ${this.variant}
32
- ${this.minimal ? 'minimal' : ''}
33
- ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && h("tds-icon", { key: 'bfa6b4c85c649cd3cff00eb121ba9df08b02d65f', name: this.getIconName(), size: "20px" }), h("div", { key: '4239603ea7d58ed79ea6bb4cf212d4405204b2a6', class: `content` }, this.header && h("div", { key: '5c8ad00a65d6310a86a353580e98e45b056c9a96', class: "header" }, this.header), !this.minimal && (h("div", { key: 'd0087a45aa622374dfcc1b6d791a82b0c14b64cf', class: "extended-message" }, h("slot", { key: '8fdfd7079bc6473ea8d8eff72874827f3f9bcae1' })))))));
30
+ return (h(Host, { key: 'efeee188e97e2562fa55dcd8217277cc69f80010' }, h("div", { key: '9d0f0fb52a4dfeb6912d141f8ee124d45c8ad382', class: {
31
+ wrapper: true,
32
+ [this.variant]: true,
33
+ minimal: this.minimal,
34
+ [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
35
+ } }, !this.noIcon && h("tds-icon", { key: 'd5fac1d2e80a7082520e5d8286f8cc3b158108fc', name: this.getIconName(), size: "20px" }), h("div", { key: 'e476f032fb5b14f219406f520690ce06b5677096', class: `content` }, this.header && h("div", { key: 'f9e23723c651c0c4ebf0a4da389779f87367739f', class: "header" }, this.header), !this.minimal && (h("div", { key: '3aa181cccd7fecbeea251245c54c53990956b271', class: "extended-message" }, h("slot", { key: 'ba233143933785b13fdeeee0f4154d4ce481dfe6' })))))));
34
36
  }
35
37
  };
36
38
  TdsMessage.style = TdsMessageStyle0;
@@ -113,7 +113,10 @@ const TdsModal = class {
113
113
  render() {
114
114
  const usesHeaderSlot = hasSlot('header', this.host);
115
115
  const usesActionsSlot = hasSlot('actions', this.host);
116
- return (h(Host, { key: 'c39328a5796996173d2a484b7b509d03524cb2d6', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'f270ed2ab8f671418d5196cda7d4085d6fa69d02', class: "tds-modal-backdrop" }), h("div", { key: '8d4670500365548f786a3c6200f9395998198ac0', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '27a05c42f14827b74b560e1f0b23286c851ff676', class: "header" }, this.header && h("div", { key: 'dadbb997eec4b06e6a64a7cdc800603653053862', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '07beeba1aea6030fd1c9f2c0aac132828e28a481', name: "header" }), this.closable && (h("button", { key: 'e2c25399c520409e8d98345d715a9ea9a4ddfb14', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'd74d288daea98783e8f4649e0320ce1f9e3b68d0', name: "cross", size: "20px" })))), h("div", { key: '594f17d9eba2cb2ec6ffc7382669caba1f5f525a', class: "body" }, h("slot", { key: 'dcdaede2986c40a927a74608bed7145696871962', name: "body" })), usesActionsSlot && h("slot", { key: 'e0403d1f1201833742925ae8cbb599c2d9ba7b94', name: "actions" }))));
116
+ return (h(Host, { key: '3b815395be0ccab91eebda3ca785528de624d17e', class: {
117
+ show: this.isShown,
118
+ hide: !this.isShown,
119
+ }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '84c9952f862e5defe06c04040e7031e08c5caca3', class: "tds-modal-backdrop" }), h("div", { key: '42b3ea985203a582b3a3dee5250b4a4468a23d6f', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '06e005618aeab759c01f7d556cc4357f0aed0e1d', class: "header" }, this.header && h("div", { key: 'bff8080a479c4ecef96eae35dc0f33cc3fadaa8c', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'dbec4b999fcda87c5c751a8cf3eb7b9f66e1ec43', name: "header" }), this.closable && (h("button", { key: 'bfbfe0d3419aa5e2a5fcbab7691560ed5619dd05', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '3bcd38d4234a689acd63bb82e21b270c2b0825f9', name: "cross", size: "20px" })))), h("div", { key: '2fc5756d3261dfa354ce3025dc9d8ff213c49ba1', class: "body" }, h("slot", { key: '389ac6e307873c9de7c36c0960ce578cdfaf88e4', name: "body" })), usesActionsSlot && h("slot", { key: 'c964f9d3999f26995543187c553adcc9ac392f2a', name: "actions" }))));
117
120
  }
118
121
  get host() { return getElement(this); }
119
122
  };
@@ -14,8 +14,8 @@ const TdsNavigationTab = class {
14
14
  this.selected = selected;
15
15
  }
16
16
  render() {
17
- return (h(Host, { key: '46ce3b8e878eca4c970f29371cb17a0c7ec1789a', role: "listitem" }, h("div", { key: '51331675d8898d5bca9758ed9c09194c6dbfde23', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
18
- ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'd326748125d8e6a366268c581139bb859ef8feeb' }))));
17
+ return (h(Host, { key: '58749f71c75a0026b58645df3ccaa6ebd5e5dc9f', role: "listitem" }, h("div", { key: 'ed4cc04c74a69470c95f9ec3ba034c7ad6b9f2d3', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
18
+ ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'ee7c740413087d0da51bdfc8da4509d482f1faeb' }))));
19
19
  }
20
20
  };
21
21
  TdsNavigationTab.style = TdsNavigationTabStyle0;
@@ -170,9 +170,15 @@ const TdsNavigationTabs = class {
170
170
  this.removeEventListenerFromTabs();
171
171
  }
172
172
  render() {
173
- return (h(Host, { key: 'fa440271f692e4893d4374ccd081308b5b4623e5', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '434fba65da78ac84c018252c52440d20984ab7b3', class: "wrapper", ref: (el) => {
173
+ return (h(Host, { key: '0ca3544da4ef897b44bd2f55b0dc03edf7921818', role: "list", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '3eff9e0fc6b416171d0928e3e1933fed626fb3ec', class: "wrapper", ref: (el) => {
174
174
  this.navWrapperElement = el;
175
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '29d8d76a06c82f06b1c2aa15a3d023d238b05f10', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '1936dee5d3476a0d2c46b4d64a7a26848320c9d7', name: "chevron_left", size: "20px" })), h("slot", { key: '9e4cffce9188a7d517636e4b32ef8574a8bea78a', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '3af05aee3183425bdcd5c2f5f65f0c8920ba8622', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '075726ba4074a4e9452248115968d3b21104e929', name: "chevron_right", size: "20px" })))));
175
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '730023259356eec4ec037e56a495dfea4f8d469c', class: {
176
+ 'scroll-left-button': true,
177
+ 'show': this.showLeftScroll,
178
+ }, 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: {
179
+ 'scroll-right-button': true,
180
+ 'show': this.showRightScroll,
181
+ }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '9b84ae33c083f41ce6d8a83da1f1edb37c95de55', name: "chevron_right", size: "20px" })))));
176
182
  }
177
183
  get host() { return getElement(this); }
178
184
  static get watchers() { return {
@@ -29,12 +29,12 @@ const TdsPopoverCanvas = class {
29
29
  }
30
30
  render() {
31
31
  var _a;
32
- return (h(Host, { key: '13a6fe4800b9efc612ec21d20da5b2c2c9cdc2ce' }, h("tds-popover-core", Object.assign({ key: 'e3912733d09d6b7e5aa8bc2f5f6e87d828a2b07b' }, this.inheritedAttributes, { class: {
32
+ return (h(Host, { key: '68de2e7161c5060c98b1c0c78050f41a716228ee' }, h("tds-popover-core", Object.assign({ key: 'f50ae36ac2b76445d78cbe4750820d3c684e862a' }, this.inheritedAttributes, { class: {
33
33
  'tds-popover-canvas': true,
34
34
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
35
35
  }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
36
36
  this.childRef = el;
37
- }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '69bfa1b736a60777b578de6a0d4c4959c0a21781' }, h("slot", { key: '01776b37392ff7f23d35ff10fa647214d6567d1d' })))));
37
+ }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '1dac1d925ab9673219449d3885cd7430a3e3f188' }, h("slot", { key: '9c5d3c152b63e0afd8c30e4960edbd2aa3418fd2' })))));
38
38
  }
39
39
  get host() { return getElement(this); }
40
40
  };
@@ -2000,7 +2000,7 @@ const TdsPopoverCore = class {
2000
2000
  'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
2001
2001
  };
2002
2002
  const classList = generateClassList(classes);
2003
- return (h(Host, { key: '8893e2cca1fedd09a8dfff8ceeb12b47cbf07e09', class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '7e075900d43b4f6d3009ef37f11059fd646e708e' })));
2003
+ return (h(Host, { key: '75bd399d3dc2904ef4e1f92eea7caca40d7de09c', class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '67f6f36ec1ff26e413f797160dd493cd5703f73a' })));
2004
2004
  }
2005
2005
  get host() { return getElement(this); }
2006
2006
  static get watchers() { return {
@@ -9,10 +9,10 @@ const TdsPopoverMenuItem = class {
9
9
  this.disabled = false;
10
10
  }
11
11
  render() {
12
- return (h(Host, { key: 'efdc72f869be19ff2d96dbb2e88610d69011a6ee', role: "listitem" }, h("div", { key: '9313583023cc2cf6d21454e979f37de83030476a', class: {
12
+ return (h(Host, { key: '8abb30dc62eb52649840254acfbd5d8949f7bd46', role: "listitem" }, h("div", { key: '5b5fb01be3000dde8d01a5fa58105915f0c462f8', class: {
13
13
  wrapper: true,
14
14
  disabled: this.disabled,
15
- } }, h("slot", { key: 'a12d405a1bc0f1e5ddc75d52c25a8ca0b53d6427' }))));
15
+ } }, h("slot", { key: '669fd451472aaa8d07027cc990f1d8c5ae7071fc' }))));
16
16
  }
17
17
  };
18
18
  TdsPopoverMenuItem.style = TdsPopoverMenuItemStyle0;
@@ -29,13 +29,13 @@ const TdsPopoverMenu = class {
29
29
  }
30
30
  render() {
31
31
  var _a;
32
- return (h(Host, { key: '51845cbec6357e794a8bc4a9be6fba399f6cfd65' }, h("tds-popover-core", { key: 'ff9deb3164f9e80efb10bcb2bb0e2022d0df2254', class: {
32
+ return (h(Host, { key: '23d3cab59b3fec06209d158932c3f7ad1dfd71d7' }, h("tds-popover-core", { key: '1d6f9bec1dfa2c811d69915f849467d8da8f0095', class: {
33
33
  'tds-popover-menu': true,
34
34
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
35
35
  'fluid-width': this.fluidWidth,
36
36
  }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
37
37
  this.childRef = el;
38
- }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'b5bc5851c06ce2bc874c76d9229b3efa3effd33a', role: "list" }, h("slot", { key: '1628c60e504a749863c3f000ec12a6e25a0a2da8' })))));
38
+ }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: '454814b16f594bec72be5cdc608c00109c71b0d1', role: "list" }, h("slot", { key: 'c07aec34795f83fa2d0d18b63bac458ed7044f9a' })))));
39
39
  }
40
40
  get host() { return getElement(this); }
41
41
  };
@@ -22,7 +22,7 @@ const TdsRadioButton = class {
22
22
  this.disabled = false;
23
23
  }
24
24
  render() {
25
- return (h("div", { key: 'b6c39a5831fdebb5dc6dad6ddf819544a9ae2844', class: "tds-radio-button" }, h("input", { key: 'bf4455eb7169141c79ff24bff8259572864daf27', class: "tds-form-input", type: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange() }), h("label", { key: '3fd2d122f6fe481bcebfda7f0bc90aa4530f1e82', htmlFor: this.radioId }, h("slot", { key: 'cb45cf63c06a52dac0704757462a2528464f6e23', name: "label" }))));
25
+ return (h("div", { key: '6beb0c5754035e201cc35cabf68f21dbf9725cf8', class: "tds-radio-button" }, h("input", { key: 'f396d559dcb5a9c86a0f199bcafcc753340571c8', class: "tds-form-input", type: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange() }), h("label", { key: 'c036866c8cb8f02de53de6d2ec95ed7238a3f37e', htmlFor: this.radioId }, h("slot", { key: '962e47b9f92477ebfad294198ab844c37d914d3d', name: "label" }))));
26
26
  }
27
27
  get host() { return getElement(this); }
28
28
  };
@@ -11,7 +11,7 @@ const TdsSideMenuCloseButton = class {
11
11
  }
12
12
  render() {
13
13
  const buttonProps = Object.assign({ 'aria-label': 'Close' }, inheritAriaAttributes(this.host));
14
- return (h(Host, { key: '1dff25b895f341657373ab020116e5c4c0f7af67' }, h("button", Object.assign({ key: 'e2c3af974cfc7f9c9e0ec5b64c199fcda0408279' }, buttonProps), h("tds-icon", { key: 'aa56689766fe0c49e8d8d591c9f741a24dd85cc8', name: "cross", size: "20px" }))));
14
+ return (h(Host, { key: '6c4db6a1d905c8d7d543f5722da9e069b131e20a' }, h("button", Object.assign({ key: '5f3ca6918e43ea48a92d2236c246e1463b90b9b8' }, buttonProps), h("tds-icon", { key: '901137cf1ab11a88edf37878af79e22e098e44d7', name: "cross", size: "20px" }))));
15
15
  }
16
16
  get host() { return getElement(this); }
17
17
  };
@@ -32,14 +32,14 @@ const TdsSideMenuCollapseButton = class {
32
32
  this.collapsed = this.sideMenuEl.collapsed;
33
33
  }
34
34
  render() {
35
- return (h(Host, { key: '15266cdc6a39373563c89553817e1a6777f01f1c', role: "button", tabindex: "0", onClick: () => {
35
+ return (h(Host, { key: '8f904a9975e844929bfae7227d2cae9115a7ec3a', role: "button", tabindex: "0", onClick: () => {
36
36
  this.handleClick();
37
- } }, h("div", { key: '813da1c78798289b4eed8342b6c00a837ae04b24', class: {
37
+ } }, h("div", { key: 'bde9dea007da8415ce2fa2f716630759d7576bb3', class: {
38
38
  'wrapper': true,
39
39
  'state-collapsed': this.collapsed,
40
- } }, h("tds-side-menu-item", { key: '44321406d890c741fff0ad1df9576588a6658ea5', class: {
40
+ } }, h("tds-side-menu-item", { key: 'ebe63792b95a523483b68ccc762e0dbd9f325d23', class: {
41
41
  button: true,
42
- } }, h("a", { key: '7e214b15daa5dac9df931a5d15f6ed80a52b5f7d' }, h("svg", { key: '61928c3ba4c6e2357a426f0c0ca1a0de86365b6a', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '5cbbfe5239506f994a0b17f11cae1ded3c1f643e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: 'b63370f60320b46557e7d40cfad048e29c60109f' }))))));
42
+ } }, h("a", { key: '353ee11ff76a3a87ddf0602e65d8e072a2697d6b' }, h("svg", { key: 'e7c25fdd0b32d580e0aa19314864f65bd91c14c6', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '007239f3e9e5478ba63fee6422f30c84e678b961', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: 'd3639c51f6185bf7a1144a346731fe25ac9d22c1' }))))));
43
43
  }
44
44
  get host() { return getElement(this); }
45
45
  };
@@ -30,12 +30,12 @@ const TdsSideMenuDropdownListItem = class {
30
30
  }
31
31
  }
32
32
  render() {
33
- return (h(Host, { key: 'bd99626dab1cff34e10b5da4bc8f9ff22663e31e', role: "listitem" }, h("div", { key: '4a736b170841b2c195b86c18758d3e4a9e93193e', class: {
33
+ return (h(Host, { key: 'd3e238a1c5727f0b58e96883b0318fbeaf549e24', role: "listitem" }, h("div", { key: '4cbcc88749079ff1300c4182e68cecc69ce6bddf', class: {
34
34
  'component': true,
35
35
  'component-selected': this.selected,
36
36
  'component-dropdown-has-icon': this.dropdownHasIcon,
37
37
  'component-collapsed': this.collapsed,
38
- } }, h("slot", { key: 'e6d3f6d36ebd7d73f03d8eed18a86332ff90cd5b' }))));
38
+ } }, h("slot", { key: 'a2e2349fd9c1eb9fc34ebe77ed84b48878d649ea' }))));
39
39
  }
40
40
  get host() { return getElement(this); }
41
41
  };
@@ -17,9 +17,9 @@ const TdsSideMenuDropdownList = class {
17
17
  this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
18
18
  }
19
19
  render() {
20
- return (h(Host, { key: '87a06385e330eb2d65def2676ff78a09ad87d029', role: "list" }, h("div", { key: '284f409bfc8b24cea7047dd631a8895591f18a5c', class: {
20
+ return (h(Host, { key: 'dbe0a35cff13d1eaa2eea5afd744084b75ab4dd7', role: "list" }, h("div", { key: 'a0e7e86f42d1f95df8fd8e123458e26da589d979', class: {
21
21
  'state-collapsed': this.collapsed,
22
- } }, h("slot", { key: 'fdd823c6bb4fedfe12586edb58805d5588fa07e7' }))));
22
+ } }, h("slot", { key: 'e569d7bfbdcaeb80a00efe21ab52690733475574' }))));
23
23
  }
24
24
  get host() { return getElement(this); }
25
25
  };
@@ -50,13 +50,13 @@ const TdsSideMenuDropdown = class {
50
50
  this.open = this.defaultOpen;
51
51
  }
52
52
  render() {
53
- return (h(Host, { key: '1bad48953f08e903e9179dae839c93b249f93266' }, h("div", { key: '7e8020738796fb8c449f76a3d1aef801151e4e63', class: {
53
+ return (h(Host, { key: 'f794fb5b7ed319fc513804df11b2f6122a38138c' }, h("div", { key: 'e451cc6decc88a314354f246c7c9a899473a5b0a', class: {
54
54
  'wrapper': true,
55
55
  'state-open': this.getIsOpenState(),
56
56
  'state-collapsed': this.collapsed,
57
- } }, h("tds-side-menu-item", { key: 'e4420aba88077e36b1cc7cd10958459d79a463f4', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
57
+ } }, h("tds-side-menu-item", { key: '1cbb052c9a65d8a560447354342955b1de246c82', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
58
58
  this.open = !this.open;
59
- } }, h("button", { key: '483ac0b103bf54f63c67cf2d78ed9e82703ba331' }, h("slot", { key: 'ec027d3c88569c79d0dde6c51f8dc1056dee6284', name: "icon" }), !this.collapsed && (h(Fragment, { key: 'f71caa474565871d170653153c8daa7ddead5f17' }, this.buttonLabel, h("slot", { key: '487db682801ce910cd65dc6d3ef481bff888574e', name: "label" }), h("tds-icon", { key: 'dc75ac7be7eedf85fec97cd3fdbbf786cebe8907', class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), h("div", { key: 'e321069727d205d0623cd72fb922c3101f9d2e08', class: "menu" }, this.collapsed && (h("h3", { key: '7d5a73c051a700f0568d63ae62ce2737cdb57dd8', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '9c831576869cac930e8fe9edcbfc86dfede01a47', name: "label" }))), h("slot", { key: '7db68bb3f46cdc24fa44c375f0d6bec82c317be4' })))));
59
+ } }, h("button", { key: '1b39ec0c0eba39609a3e263fe8a30d7529a1ba68' }, h("slot", { key: '61432ad1590e34b3f736f49a4b882aa52b8ccd1d', name: "icon" }), !this.collapsed && (h(Fragment, { key: '8d1b5f053c630c142926fc6853312728f4edaaa3' }, this.buttonLabel, h("slot", { key: '204b4e1426221221a2bff1267d20ee5ccc6808dc', name: "label" }), h("tds-icon", { key: 'f06e41abf9ea5f2c5c0609034ba67acebafdd6db', class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), h("div", { key: 'bdb81ba6f524ed42def95629f647bcb051a09af2', class: "menu" }, this.collapsed && (h("h3", { key: '5ab3130f41e0ddcc6bc518d18ff884d877d6f6ec', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '209d7c4b63fde57eeed388c4e74e9b95e92fc946', name: "label" }))), h("slot", { key: '0585ade48d3cedee0761b0afcbecf72d2203f72b' })))));
60
60
  }
61
61
  get host() { return getElement(this); }
62
62
  };
@@ -56,12 +56,12 @@ const TdsSideMenuItem = class {
56
56
  this.updateSlottedElements();
57
57
  }
58
58
  render() {
59
- return (h(Host, { key: '13d5211709dbda15ce0e398dab7e2677e15d074c' }, h("div", { key: '99cd16c7817451dfbc3e30c59fcb95ebf84c72af', class: {
59
+ return (h(Host, { key: '47e9325f6606cb06ce21676b12b9123bb5147501' }, h("div", { key: 'b0309c6d2242d862a3c91fe0f8e94af73af915d5', class: {
60
60
  'component': true,
61
61
  'component-selected': this.selected,
62
62
  'component-active': this.active,
63
63
  'component-collapsed': this.collapsed,
64
- } }, h("slot", { key: '564c191d1bf54f63fa75c32309cd32392a22dc3a' }))));
64
+ } }, h("slot", { key: 'f96fa0078d9d2da5f76edb05d91cb5eb19dd01fb' }))));
65
65
  }
66
66
  get host() { return getElement(this); }
67
67
  };
@@ -8,7 +8,7 @@ const TdsSideMenuOverlay = class {
8
8
  registerInstance(this, hostRef);
9
9
  }
10
10
  render() {
11
- return (h(Host, { key: 'a22924316d030baaa80d15676d514eefe150b9df' }, h("div", { key: 'ad453aaa2fcaf52c94f2e7990c6d52f9db7fb55a' })));
11
+ return (h(Host, { key: '8aca5ce28c04cf2a6d5862a60f33ad73ee39ace9' }, h("div", { key: '302378bd95a8e54049c42e033a82cd4b82c18a5a' })));
12
12
  }
13
13
  };
14
14
  TdsSideMenuOverlay.style = TdsSideMenuOverlayStyle0;
@@ -10,7 +10,7 @@ const TdsSideMenuUserImage = class {
10
10
  this.alt = undefined;
11
11
  }
12
12
  render() {
13
- return (h(Host, { key: 'cd4bcc9ba4ce93b20e39ab0782136518a99899a3' }, h("slot", { key: '09bf0b847a54c03474e9d5dcaad8d0a5a347dbfc' }), this.src && h("img", { key: '8d74e3733d69ac50f4fe07557b91aec07aa74605', src: this.src, alt: this.alt })));
13
+ return (h(Host, { key: 'ea8f9c51aefab60fd2c32cee1be0344ec3fc6751' }, h("slot", { key: 'ae8fb3c065544aeb6c4737789e1dfefd5eb3a947' }), this.src && h("img", { key: '7b0b888ccaef7e1f40e82eb46c3bc09b78c92d0f', src: this.src, alt: this.alt })));
14
14
  }
15
15
  };
16
16
  TdsSideMenuUserImage.style = TdsSideMenuUserImageStyle0;
@@ -25,7 +25,7 @@ const TdsSideMenuUserLabel = class {
25
25
  this.subheading = undefined;
26
26
  }
27
27
  render() {
28
- return (h(Host, { key: '5b26493d17e356fa885a7b615ed4bda03e751eb6' }, this.heading, this.subheading && h("div", { key: '2dc511289427ef2ea490fec0308119c42956113c', class: "subheading" }, this.subheading)));
28
+ return (h(Host, { key: '7bac8221992109403d3f0506b7f0125a0b77b6d4' }, this.heading, this.subheading && h("div", { key: 'b9137e36496fb7fc10da067ea61596da2a38fa9d', class: "subheading" }, this.subheading)));
29
29
  }
30
30
  };
31
31
  TdsSideMenuUserLabel.style = TdsSideMenuUserLabelStyle0;
@@ -12,7 +12,7 @@ const TdsSideMenuUser = class {
12
12
  this.imgAlt = undefined;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '061364f66ad366cbfb421fa0609020564bd36e83' }, h("tds-side-menu-user-image", { key: '01ae0ecb3a011a6a8f50566dc5b683fb56f8d387', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '5265cabfa2a7533f7e6c8a9a47b1691f8991d3f0', name: "image" })), h("tds-side-menu-user-label", { key: '525ac1f1593b048c266733e24d5dd3f5632ce197', heading: this.heading, subheading: this.subheading })));
15
+ return (h(Host, { key: 'a2e676265c9785f8a5b7b8a5215993e6e2e32920' }, h("tds-side-menu-user-image", { key: 'fb701c03e2eaa91219fc9cb73c6f4c74eb8283e8', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '9843e8b1007289ff4195f72582c0999069d1dd39', name: "image" })), h("tds-side-menu-user-label", { key: 'e6f60cd03846a92e7174a08b1e6513f91e71f919', heading: this.heading, subheading: this.subheading })));
16
16
  }
17
17
  };
18
18
  TdsSideMenuUser.style = TdsSideMenuUserStyle0;
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-51d04e39.js';
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
 
4
- const sliderCss = "tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:\" \";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-disabled)}";
4
+ const sliderCss = "tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:\" \";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:\"\";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-disabled)}";
5
5
  const TdsSliderStyle0 = sliderCss;
6
6
 
7
7
  const TdsSlider = class {
@@ -327,24 +327,24 @@ const TdsSlider = class {
327
327
  }
328
328
  }
329
329
  render() {
330
- return (h("div", { key: 'ed4c71d1701e0711d8b01c015f137f6a3f10457e', class: {
330
+ return (h("div", { key: '0bc25504b575817a7fb374dcedf021bca0c31e1d', class: {
331
331
  'tds-slider-wrapper': true,
332
332
  'read-only': this.readOnly,
333
- } }, h("input", { key: '7d85ba109ec41e45a4ced646cfe092832b2013a7', 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: '7c32efe653a6437068026e0b612bd1cdb0fd580d', class: {
333
+ } }, 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: {
334
334
  'tds-slider': true,
335
335
  'disabled': this.disabled,
336
336
  'tds-slider-small': this.useSmall,
337
337
  }, ref: (el) => {
338
338
  this.wrapperElement = el;
339
- } }, h("label", { key: '5561410214fda42ddb4553084f312de9943f825b', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: '37340de05febbca285f031bd8df7d9c2588e315d', class: "tds-slider__input-values" }, h("div", { key: 'e973831529eb93eb0b0da6c5f92bd838dfb9bcdb', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '1a710d2d1ffac7533f9bae2908d4341d3b40e2f0', class: "tds-slider__controls" }, h("div", { key: '0a741834782d8e69a7d55e6cd87a3fdf4938d744', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event) }, h("tds-icon", { key: '8c67943ac2e15d742726e76c2b4c029d15c20f32', name: "minus", size: "16px" })))), h("div", { key: '96c4229007fbe882e106bcc3deb34f504c9604e3', class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { key: '905fc1a02070f5419f76ec5d60d8f55d89d4650b', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'd2ccbea1b6e26ab1855c81e71730bebea0da37d8', 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: '30c9b4bb6f59631d443345ee6d1edf1973a83d0b', class: "tds-slider__track", ref: (el) => {
339
+ } }, 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) => {
340
340
  this.trackElement = el;
341
- }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: '7acbccae98c481c4cfaeb2dc66d67a2e19575b93', class: "tds-slider__track-fill", ref: (el) => {
341
+ }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: '0318d2221c4b2c5ce460113111d18f63113ac4ec', class: "tds-slider__track-fill", ref: (el) => {
342
342
  this.trackFillElement = el;
343
- } }), h("div", { key: '46a5c3135c5f765d5fb0845372dc3854586fa44d', class: "tds-slider__thumb", ref: (el) => {
343
+ } }), h("div", { key: 'ad87dc2827bb7ccd306d87f675654ae40a74aeb0', class: "tds-slider__thumb", ref: (el) => {
344
344
  this.thumbElement = el;
345
- }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { key: 'd39cd29d1e6302f8bd4a3d827797f8822e24b84d', class: "tds-slider__value" }, this.value, h("svg", { key: '5946f90b70b2afb2efc7f3a3bc5817a82ac3ca4a', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9456df642aca39b94b17bb529ca02e2d6a2fde6c', 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: 'b4ca73a085f837d7e87e3334b8e58e5638125118', class: "tds-slider__thumb-inner", ref: (el) => {
345
+ }, 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) => {
346
346
  this.thumbInnerElement = el;
347
- } })))), this.useInput && (h("div", { key: '6574286ac7764807fd1e18875d6fa39ab7f7b304', class: "tds-slider__input-values" }, h("div", { key: '57a92adf59551f551c4ae06355c276a69b34028a', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '0e1632ca8c9510177d349147749e3162aa46f219', class: "tds-slider__input-field-wrapper" }, h("input", { key: '094d194bce54d1073a5d657f7bc3f30107f5fe41', 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: '207398a3fd02e11f09c70ebbb8b293d6c16afd1f', class: "tds-slider__controls" }, h("div", { key: 'ca93ce9a55d0db25a3eaefd6e4dbc53106afc895', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event) }, h("tds-icon", { key: '6ab123f8701fdd93580a61c500ae6da658b547fd', name: "plus", size: "16px" })))))));
347
+ } })))), 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" })))))));
348
348
  }
349
349
  get host() { return getElement(this); }
350
350
  static get watchers() { return {
@@ -10,7 +10,7 @@ const TdsSpinner = class {
10
10
  this.variant = 'standard';
11
11
  }
12
12
  render() {
13
- return (h("div", { key: 'cbefb74bd62350f66c0d5995f5c2f04ee51082db', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: 'c287462a00b740ffd8d68b02c1b658ebc7070476', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: '2af78cd10c8586de2d396e230746b5e744fe1060', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
13
+ 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}` }))));
14
14
  }
15
15
  };
16
16
  TdsSpinner.style = TdsSpinnerStyle0;
@@ -41,7 +41,7 @@ const TdsStep = class {
41
41
  }
42
42
  }
43
43
  render() {
44
- return (h(Host, { key: '6c7a2673bbe13e518f2052cac2b8bcc948c7c5ea' }, h("div", { key: '7df6c87c7743fcd539abcbde7c2396ba8d7fa4d6', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: 'b2902e638345c79401405b9c16dd6f4d196c8bac', 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: 'b35127501be3ab9cc6f3bf0b9f54709f0d98ec36', class: `label ${this.size} ${this.state}` }, h("slot", { key: '43499d45d42401e384b8c9f20885873d23351110', name: "label" }))))));
44
+ 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" }))))));
45
45
  }
46
46
  get el() { return getElement(this); }
47
47
  };
@@ -68,7 +68,7 @@ const TdsTableBodyInputWrapper = class {
68
68
  }
69
69
  }
70
70
  render() {
71
- return (h(Host, { key: 'c40a17a264d914934ea4f0e5c4a27b58f06d8055', class: {
71
+ return (h(Host, { key: '83dc46604d7d5607e22684a405224afcb21c463d', class: {
72
72
  'focused-input-wrapper': this.inputFocused,
73
73
  'show-icon': this.showIcon,
74
74
  'tds-table__compact': this.compactDesign,
@@ -99,26 +99,26 @@ const TdsTableBodyRowExpandable = class {
99
99
  this.sendValue();
100
100
  }
101
101
  render() {
102
- return (h(Host, { key: '802679e89bc19447faa87010bd47d17447c08aca', class: {
102
+ return (h(Host, { key: '6eaab9070f782ad29c6733f1a012eda6720d5f2c', class: {
103
103
  'tds-table__row': true,
104
104
  'tds-table__row-expand--active': this.isExpanded,
105
105
  'tds-table__compact': this.compactDesign,
106
106
  'tds-table--divider': this.verticalDividers,
107
- } }, h("tr", { key: '1c089710478c5effb5f6eb727e22879a80e9003d', class: {
107
+ } }, h("tr", { key: '2dade2d71b2421e82ec4a78568d4a1b5b9d0bb60', class: {
108
108
  'tds-table__row': true,
109
109
  'tds-table__row--expanded': this.isExpanded,
110
- }, part: "row" }, h("td", { key: '6f2b7ad6cffef0c33b9cc177e423eb3edbb5b806', class: {
110
+ }, part: "row" }, h("td", { key: '5748b3aeab6adc7f5c2bb322aa706464b845d798', class: {
111
111
  'tds-table__cell-expand': true,
112
- } }, h("label", { key: 'bfe1cc4c8bb91c3e50b1cc3abb823ce22a8c8cad', class: "tds-table__expand-control-container" }, h("input", { key: '65be9c515bccfa2bd42dfdfa869b764ca863d009', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: 'fbf0df316c42061b1800c2db37a26ba6114a2037', class: "tds-expendable-row-icon" }, h("svg", { key: '26057fa763a2debe0ef180c4e7d7e96fdd4a08a7', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '4d66ac5c686c5c0c9ba3a02dff9d7a89f5f15e1a', "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: 'b6b611bc514d9e3e74b7c275c407da8d7b1a5ef4' })), h("tr", { key: '8cb106ff4e548936195a6ffbb18739a07cd17ad1', class: {
112
+ } }, 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: {
113
113
  'tds-table__row-expand': true,
114
114
  'tds-table__row-expand--expanded': this.isExpanded,
115
- }, part: "expand-row" }, h("td", { key: '248e880b6793a6a36eb738646a07d82d91e15e8b', class: {
115
+ }, part: "expand-row" }, h("td", { key: 'f539ee0187f3b5fa7600110d8655c78d1010afdf', class: {
116
116
  'tds-table__cell-expand': true,
117
117
  'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
118
118
  'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
119
- }, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: '7489853de5d7a2cbe0168f7e873f7bb0be01a215', style: {
119
+ }, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: '0af12e1435d9cce526565183f6281c99432d4de2', style: {
120
120
  overflow: this.overflow,
121
- } }, h("slot", { key: '3f4d7715c224969fb2d798432019c3e45685731f', name: "expand-row" }))))));
121
+ } }, h("slot", { key: 'cbfdcaed15bb00884c8c5f54b9eb52aab0c6870a', name: "expand-row" }))))));
122
122
  }
123
123
  get host() { return getElement(this); }
124
124
  static get watchers() { return {
@@ -60,22 +60,25 @@ const TdsTableBodyRow = class {
60
60
  }
61
61
  }
62
62
  connectedCallback() {
63
+ var _a;
63
64
  this.tableEl = this.host.closest('tds-table');
64
- this.tableId = this.tableEl.tableId;
65
+ this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
65
66
  }
66
67
  componentWillLoad() {
67
- relevantTableProps.forEach((tablePropName) => {
68
- this[tablePropName] = this.tableEl[tablePropName];
69
- });
68
+ if (this.tableEl) {
69
+ relevantTableProps.forEach((tablePropName) => {
70
+ this[tablePropName] = this.tableEl[tablePropName];
71
+ });
72
+ }
70
73
  }
71
74
  render() {
72
- return (h(Host, { key: '47571b7325bea2c32791792aee4813ce4364e8eb', tabindex: this.clickable ? '0' : null, class: {
75
+ return (h(Host, { key: 'fa5a532c518a73a9bc4fb3b94475bb6c7fb0530b', tabindex: this.clickable ? '0' : null, class: {
73
76
  'tds-table__row': true,
74
77
  'tds-table__row--selected': this.selected,
75
78
  'tds-table__compact': this.compactDesign,
76
79
  'tds-table--divider': this.verticalDividers,
77
80
  'tds-table__row--clickable': this.clickable,
78
- }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e) }, this.multiselect && (h("td", { key: 'ad8bb61ead16afe42e6100dc4fe842c058556a20', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '37844a08f73175f234168a016a9527d01ad2209e', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: 'e7beb86f278f2476f23c365197addd4f22ce2a69' })));
81
+ }, 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' })));
79
82
  }
80
83
  get host() { return getElement(this); }
81
84
  };
@@ -62,12 +62,12 @@ const TdsTableBody = class {
62
62
  }
63
63
  }
64
64
  render() {
65
- return (h(Host, { key: '0e5ac81e32535901ac4940316a474472368cca86', "data-selected-rows": this.multiselectArrayJSON, class: {
65
+ return (h(Host, { key: '0e0b165d1fe72aecfb3ab6f5afcf2c19b917e389', "data-selected-rows": this.multiselectArrayJSON, class: {
66
66
  'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
67
67
  'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
68
68
  'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
69
69
  'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
70
- } }, h("slot", { key: 'c43f3047fc836b0d7f147e00680befd56b25721c' })));
70
+ } }, h("slot", { key: 'abc4a35c7c216a7becde1dba32f0a9eadb9364c4' })));
71
71
  }
72
72
  get host() { return getElement(this); }
73
73
  };