@scania/tegel 1.43.0 → 1.44.0-sonarcloud-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 (457) hide show
  1. package/dist/cjs/tds-accordion-item.cjs.entry.js +3 -3
  2. package/dist/cjs/tds-banner.cjs.entry.js +2 -2
  3. package/dist/cjs/tds-block.cjs.entry.js +1 -1
  4. package/dist/cjs/tds-body-cell.cjs.entry.js +4 -4
  5. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-button_2.cjs.entry.js +3 -3
  7. package/dist/cjs/tds-card.cjs.entry.js +2 -2
  8. package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
  9. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +2 -2
  11. package/dist/cjs/tds-datetime.cjs.entry.js +5 -5
  12. package/dist/cjs/tds-dropdown_2.cjs.entry.js +13 -13
  13. package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
  14. package/dist/cjs/tds-folder-tabs.cjs.entry.js +8 -4
  15. package/dist/cjs/tds-footer-group.cjs.entry.js +4 -4
  16. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-footer.cjs.entry.js +2 -2
  18. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  19. package/dist/cjs/tds-header-cell.cjs.entry.js +2 -2
  20. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
  21. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  23. package/dist/cjs/tds-header-dropdown.cjs.entry.js +4 -4
  24. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  26. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-launcher.cjs.entry.js +3 -3
  29. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header.cjs.entry.js +2 -2
  31. package/dist/cjs/tds-icon.cjs.entry.js +2 -2
  32. package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
  33. package/dist/cjs/tds-inline-tabs.cjs.entry.js +6 -3
  34. package/dist/cjs/tds-link.cjs.entry.js +2 -2
  35. package/dist/cjs/tds-message.cjs.entry.js +3 -3
  36. package/dist/cjs/tds-modal.cjs.entry.js +6 -6
  37. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  38. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +8 -5
  39. package/dist/cjs/tds-popover-canvas.cjs.entry.js +3 -3
  40. package/dist/cjs/tds-popover-core.cjs.entry.js +10 -10
  41. package/dist/cjs/tds-popover-menu.cjs.entry.js +3 -3
  42. package/dist/cjs/tds-radio-button.cjs.entry.js +2 -2
  43. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  44. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +3 -3
  45. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +2 -2
  46. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
  47. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +7 -4
  48. package/dist/cjs/tds-side-menu-item.cjs.entry.js +2 -2
  49. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +2 -2
  50. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  51. package/dist/cjs/tds-side-menu.cjs.entry.js +4 -4
  52. package/dist/cjs/tds-slider.cjs.entry.js +9 -8
  53. package/dist/cjs/tds-step.cjs.entry.js +1 -1
  54. package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
  55. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
  56. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +7 -7
  57. package/dist/cjs/tds-table-body-row.cjs.entry.js +2 -2
  58. package/dist/cjs/tds-table-body.cjs.entry.js +3 -3
  59. package/dist/cjs/tds-table-footer.cjs.entry.js +5 -5
  60. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  61. package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
  62. package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
  63. package/dist/cjs/tds-table.cjs.entry.js +8 -8
  64. package/dist/cjs/tds-tag.cjs.entry.js +1 -1
  65. package/dist/cjs/tds-text-field.cjs.entry.js +7 -7
  66. package/dist/cjs/tds-textarea.cjs.entry.js +5 -5
  67. package/dist/cjs/tds-toast.cjs.entry.js +3 -3
  68. package/dist/cjs/tds-toggle.cjs.entry.js +3 -3
  69. package/dist/cjs/tds-tooltip.cjs.entry.js +3 -2
  70. package/dist/collection/collection-manifest.json +1 -1
  71. package/dist/collection/components/accordion/accordion-item/accordion-item.js +3 -3
  72. package/dist/collection/components/banner/banner.js +8 -8
  73. package/dist/collection/components/block/block.js +1 -1
  74. package/dist/collection/components/breadcrumbs/breadcrumbs.js +3 -3
  75. package/dist/collection/components/button/button.js +11 -11
  76. package/dist/collection/components/card/card.js +10 -10
  77. package/dist/collection/components/checkbox/checkbox.js +10 -10
  78. package/dist/collection/components/chip/chip.js +11 -11
  79. package/dist/collection/components/datetime/datetime.js +13 -13
  80. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +6 -6
  81. package/dist/collection/components/dropdown/dropdown.css +2 -1
  82. package/dist/collection/components/dropdown/dropdown.js +27 -27
  83. package/dist/collection/components/footer/footer-group/footer-group.js +8 -8
  84. package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
  85. package/dist/collection/components/footer/footer.js +2 -2
  86. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  87. package/dist/collection/components/header/header-dropdown/header-dropdown.css +2 -1
  88. package/dist/collection/components/header/header-dropdown/header-dropdown.js +7 -7
  89. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
  90. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  91. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +9 -9
  92. package/dist/collection/components/header/header-hamburger/header-hamburger.js +3 -3
  93. package/dist/collection/components/header/header-item/header-item.js +2 -2
  94. package/dist/collection/components/header/header-launcher/header-launcher.css +2 -1
  95. package/dist/collection/components/header/header-launcher/header-launcher.js +4 -4
  96. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +3 -3
  97. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  98. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  99. package/dist/collection/components/header/header-title/header-title.css +1 -1
  100. package/dist/collection/components/header/header.css +2 -1
  101. package/dist/collection/components/header/header.js +1 -1
  102. package/dist/collection/components/icon/icon.js +2 -2
  103. package/dist/collection/components/link/link.js +2 -2
  104. package/dist/collection/components/message/message.css +3 -2
  105. package/dist/collection/components/message/message.js +6 -6
  106. package/dist/collection/components/modal/modal.css +2 -3
  107. package/dist/collection/components/modal/modal.js +15 -11
  108. package/dist/collection/components/popover-canvas/popover-canvas.js +5 -5
  109. package/dist/collection/components/popover-core/popover-core.js +12 -12
  110. package/dist/collection/components/popover-menu/popover-menu.js +5 -5
  111. package/dist/collection/components/radio-button/radio-button.js +12 -12
  112. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
  113. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +3 -3
  114. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +9 -6
  115. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
  116. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
  117. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
  118. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +7 -7
  119. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +5 -5
  120. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +3 -3
  121. package/dist/collection/components/side-menu/side-menu.css +2 -1
  122. package/dist/collection/components/side-menu/side-menu.js +3 -3
  123. package/dist/collection/components/slider/slider.js +9 -8
  124. package/dist/collection/components/stepper/step/step.js +5 -5
  125. package/dist/collection/components/stepper/stepper.js +1 -1
  126. package/dist/collection/components/table/table/table.css +2 -1
  127. package/dist/collection/components/table/table/table.js +9 -9
  128. package/dist/collection/components/table/table-body/table-body.js +3 -3
  129. package/dist/collection/components/table/table-body-cell/table-body-cell.js +18 -12
  130. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  131. package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
  132. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +9 -9
  133. package/dist/collection/components/table/table-footer/table-footer.js +5 -5
  134. package/dist/collection/components/table/table-header/table-header.js +4 -4
  135. package/dist/collection/components/table/table-header-cell/table-header-cell.js +10 -4
  136. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
  137. package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
  138. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
  139. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +12 -8
  140. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
  141. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +10 -7
  142. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  143. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +12 -9
  144. package/dist/collection/components/tag/tag.js +1 -1
  145. package/dist/collection/components/text-field/text-field.js +19 -19
  146. package/dist/collection/components/textarea/textarea.js +15 -15
  147. package/dist/collection/components/toast/toast.js +9 -9
  148. package/dist/collection/components/toggle/toggle.js +9 -9
  149. package/dist/collection/components/tooltip/tooltip.js +7 -6
  150. package/dist/collection/utils/appendHiddenInput.js +1 -1
  151. package/dist/components/{p-3f2187a4.js → p-0f9ce30b.js} +1 -1
  152. package/dist/components/{p-81499e0f.js → p-122f8027.js} +10 -10
  153. package/dist/components/{p-edc838a0.js → p-2d8f385e.js} +2 -2
  154. package/dist/components/{p-bff614d5.js → p-32351d04.js} +1 -1
  155. package/dist/components/{p-415fafb3.js → p-49b20476.js} +4 -4
  156. package/dist/components/{p-ead6727f.js → p-4c0aa33f.js} +2 -2
  157. package/dist/components/{p-ad376f70.js → p-4f672d4f.js} +4 -3
  158. package/dist/components/{p-91803ba5.js → p-542226b2.js} +2 -2
  159. package/dist/components/{p-e0ccf8e6.js → p-5725d7a2.js} +2 -2
  160. package/dist/components/{p-e52a9953.js → p-6fa6de6f.js} +12 -12
  161. package/dist/components/{p-d9cffacb.js → p-b6a99457.js} +4 -4
  162. package/dist/components/{p-de86852a.js → p-e0997ae2.js} +2 -2
  163. package/dist/components/{p-6fd2b339.js → p-e62ed985.js} +10 -10
  164. package/dist/components/{p-0d286c19.js → p-f2a10fa2.js} +3 -3
  165. package/dist/components/{p-799470b1.js → p-f6685f1b.js} +3 -3
  166. package/dist/components/{p-da11a695.js → p-f8db4031.js} +1 -1
  167. package/dist/components/tds-accordion-item.js +4 -4
  168. package/dist/components/tds-banner.js +3 -3
  169. package/dist/components/tds-block.js +1 -1
  170. package/dist/components/tds-body-cell.js +4 -4
  171. package/dist/components/tds-breadcrumbs.js +1 -1
  172. package/dist/components/tds-button.js +1 -1
  173. package/dist/components/tds-card.js +4 -4
  174. package/dist/components/tds-checkbox.js +1 -1
  175. package/dist/components/tds-chip.js +1 -1
  176. package/dist/components/tds-datetime.js +6 -6
  177. package/dist/components/tds-dropdown-option.js +1 -1
  178. package/dist/components/tds-dropdown.js +1 -1
  179. package/dist/components/tds-folder-tab.js +2 -2
  180. package/dist/components/tds-folder-tabs.js +9 -5
  181. package/dist/components/tds-footer-group.js +5 -5
  182. package/dist/components/tds-footer-item.js +1 -1
  183. package/dist/components/tds-footer.js +2 -2
  184. package/dist/components/tds-header-brand-symbol.js +2 -2
  185. package/dist/components/tds-header-cell.js +3 -3
  186. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  187. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  188. package/dist/components/tds-header-dropdown-list.js +1 -1
  189. package/dist/components/tds-header-dropdown.js +8 -8
  190. package/dist/components/tds-header-hamburger.js +3 -3
  191. package/dist/components/tds-header-item.js +1 -1
  192. package/dist/components/tds-header-launcher-button.js +1 -1
  193. package/dist/components/tds-header-launcher-grid.js +1 -1
  194. package/dist/components/tds-header-launcher-list-item.js +1 -1
  195. package/dist/components/tds-header-launcher-list-title.js +1 -1
  196. package/dist/components/tds-header-launcher-list.js +1 -1
  197. package/dist/components/tds-header-launcher.js +8 -8
  198. package/dist/components/tds-header-title.js +1 -1
  199. package/dist/components/tds-header.js +2 -2
  200. package/dist/components/tds-icon.js +1 -1
  201. package/dist/components/tds-inline-tab.js +2 -2
  202. package/dist/components/tds-inline-tabs.js +7 -4
  203. package/dist/components/tds-link.js +2 -2
  204. package/dist/components/tds-message.js +4 -4
  205. package/dist/components/tds-modal.js +7 -7
  206. package/dist/components/tds-navigation-tab.js +2 -2
  207. package/dist/components/tds-navigation-tabs.js +9 -6
  208. package/dist/components/tds-popover-canvas.js +1 -1
  209. package/dist/components/tds-popover-core.js +1 -1
  210. package/dist/components/tds-popover-menu.js +4 -4
  211. package/dist/components/tds-radio-button.js +2 -2
  212. package/dist/components/tds-side-menu-close-button.js +2 -2
  213. package/dist/components/tds-side-menu-collapse-button.js +4 -4
  214. package/dist/components/tds-side-menu-dropdown-list-item.js +2 -2
  215. package/dist/components/tds-side-menu-dropdown-list.js +2 -2
  216. package/dist/components/tds-side-menu-dropdown.js +9 -6
  217. package/dist/components/tds-side-menu-item.js +1 -1
  218. package/dist/components/tds-side-menu-user-image.js +1 -1
  219. package/dist/components/tds-side-menu-user-label.js +1 -1
  220. package/dist/components/tds-side-menu-user.js +3 -3
  221. package/dist/components/tds-side-menu.js +4 -4
  222. package/dist/components/tds-slider.js +13 -12
  223. package/dist/components/tds-step.js +2 -2
  224. package/dist/components/tds-stepper.js +1 -1
  225. package/dist/components/tds-table-body-input-wrapper.js +2 -2
  226. package/dist/components/tds-table-body-row-expandable.js +7 -7
  227. package/dist/components/tds-table-body-row.js +3 -3
  228. package/dist/components/tds-table-body.js +3 -3
  229. package/dist/components/tds-table-footer.js +9 -9
  230. package/dist/components/tds-table-header-input-wrapper.js +2 -2
  231. package/dist/components/tds-table-header.js +3 -3
  232. package/dist/components/tds-table-toolbar.js +3 -3
  233. package/dist/components/tds-table.js +8 -8
  234. package/dist/components/tds-tag.js +1 -1
  235. package/dist/components/tds-text-field.js +1 -1
  236. package/dist/components/tds-textarea.js +8 -8
  237. package/dist/components/tds-toast.js +4 -4
  238. package/dist/components/tds-toggle.js +3 -3
  239. package/dist/components/tds-tooltip.js +1 -1
  240. package/dist/esm/tds-accordion-item.entry.js +3 -3
  241. package/dist/esm/tds-banner.entry.js +2 -2
  242. package/dist/esm/tds-block.entry.js +1 -1
  243. package/dist/esm/tds-body-cell.entry.js +4 -4
  244. package/dist/esm/tds-breadcrumbs.entry.js +1 -1
  245. package/dist/esm/tds-button_2.entry.js +3 -3
  246. package/dist/esm/tds-card.entry.js +2 -2
  247. package/dist/esm/tds-checkbox.entry.js +2 -2
  248. package/dist/esm/tds-chip.entry.js +1 -1
  249. package/dist/esm/tds-core-header-item_2.entry.js +2 -2
  250. package/dist/esm/tds-datetime.entry.js +5 -5
  251. package/dist/esm/tds-dropdown_2.entry.js +13 -13
  252. package/dist/esm/tds-folder-tab.entry.js +2 -2
  253. package/dist/esm/tds-folder-tabs.entry.js +8 -4
  254. package/dist/esm/tds-footer-group.entry.js +4 -4
  255. package/dist/esm/tds-footer-item.entry.js +1 -1
  256. package/dist/esm/tds-footer.entry.js +2 -2
  257. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  258. package/dist/esm/tds-header-cell.entry.js +2 -2
  259. package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
  260. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  261. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  262. package/dist/esm/tds-header-dropdown.entry.js +4 -4
  263. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  264. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  265. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  266. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  267. package/dist/esm/tds-header-launcher.entry.js +3 -3
  268. package/dist/esm/tds-header-title.entry.js +1 -1
  269. package/dist/esm/tds-header.entry.js +2 -2
  270. package/dist/esm/tds-icon.entry.js +2 -2
  271. package/dist/esm/tds-inline-tab.entry.js +2 -2
  272. package/dist/esm/tds-inline-tabs.entry.js +6 -3
  273. package/dist/esm/tds-link.entry.js +2 -2
  274. package/dist/esm/tds-message.entry.js +3 -3
  275. package/dist/esm/tds-modal.entry.js +6 -6
  276. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  277. package/dist/esm/tds-navigation-tabs.entry.js +8 -5
  278. package/dist/esm/tds-popover-canvas.entry.js +3 -3
  279. package/dist/esm/tds-popover-core.entry.js +10 -10
  280. package/dist/esm/tds-popover-menu.entry.js +3 -3
  281. package/dist/esm/tds-radio-button.entry.js +2 -2
  282. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  283. package/dist/esm/tds-side-menu-collapse-button.entry.js +3 -3
  284. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +2 -2
  285. package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
  286. package/dist/esm/tds-side-menu-dropdown.entry.js +7 -4
  287. package/dist/esm/tds-side-menu-item.entry.js +2 -2
  288. package/dist/esm/tds-side-menu-user-image_2.entry.js +2 -2
  289. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  290. package/dist/esm/tds-side-menu.entry.js +4 -4
  291. package/dist/esm/tds-slider.entry.js +9 -8
  292. package/dist/esm/tds-step.entry.js +1 -1
  293. package/dist/esm/tds-stepper.entry.js +1 -1
  294. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  295. package/dist/esm/tds-table-body-row-expandable.entry.js +7 -7
  296. package/dist/esm/tds-table-body-row.entry.js +2 -2
  297. package/dist/esm/tds-table-body.entry.js +3 -3
  298. package/dist/esm/tds-table-footer.entry.js +5 -5
  299. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  300. package/dist/esm/tds-table-header.entry.js +2 -2
  301. package/dist/esm/tds-table-toolbar.entry.js +2 -2
  302. package/dist/esm/tds-table.entry.js +8 -8
  303. package/dist/esm/tds-tag.entry.js +1 -1
  304. package/dist/esm/tds-text-field.entry.js +7 -7
  305. package/dist/esm/tds-textarea.entry.js +5 -5
  306. package/dist/esm/tds-toast.entry.js +3 -3
  307. package/dist/esm/tds-toggle.entry.js +3 -3
  308. package/dist/esm/tds-tooltip.entry.js +3 -2
  309. package/dist/tegel/{p-6a472310.entry.js → p-066e9613.entry.js} +1 -1
  310. package/dist/tegel/p-0684b6d3.entry.js +1 -0
  311. package/dist/tegel/{p-d501a665.entry.js → p-078217d1.entry.js} +1 -1
  312. package/dist/tegel/p-07d16763.entry.js +1 -0
  313. package/dist/tegel/{p-c2e514b4.entry.js → p-08c993f3.entry.js} +1 -1
  314. package/dist/tegel/p-08f5a526.entry.js +1 -0
  315. package/dist/tegel/p-0e3fcc9f.entry.js +1 -0
  316. package/dist/tegel/{p-646d1df4.entry.js → p-10340b85.entry.js} +1 -1
  317. package/dist/tegel/{p-da38aa9a.entry.js → p-106dd3e9.entry.js} +1 -1
  318. package/dist/tegel/p-1073fb33.entry.js +1 -0
  319. package/dist/tegel/{p-e29fa563.entry.js → p-15ae9443.entry.js} +1 -1
  320. package/dist/tegel/p-15b9a73b.entry.js +1 -0
  321. package/dist/tegel/{p-9b06bd5f.entry.js → p-17893043.entry.js} +1 -1
  322. package/dist/tegel/p-25928640.entry.js +1 -0
  323. package/dist/tegel/{p-a60ed3de.entry.js → p-25c4e6f6.entry.js} +1 -1
  324. package/dist/tegel/{p-c5694dd6.entry.js → p-300af79f.entry.js} +1 -1
  325. package/dist/tegel/p-336abf3f.entry.js +1 -0
  326. package/dist/tegel/{p-a6dca188.entry.js → p-38725623.entry.js} +1 -1
  327. package/dist/tegel/p-3ba2e575.entry.js +1 -0
  328. package/dist/tegel/p-419212b5.entry.js +1 -0
  329. package/dist/tegel/{p-bb8c2a36.entry.js → p-4909249c.entry.js} +1 -1
  330. package/dist/tegel/{p-40d99d7d.entry.js → p-4a10393b.entry.js} +1 -1
  331. package/dist/tegel/{p-fe4335ca.entry.js → p-4a32a7f8.entry.js} +1 -1
  332. package/dist/tegel/{p-b9afb39e.entry.js → p-4a7c213f.entry.js} +1 -1
  333. package/dist/tegel/p-4abe96b6.entry.js +1 -0
  334. package/dist/tegel/p-508a55c0.entry.js +1 -0
  335. package/dist/tegel/{p-252a7d3f.entry.js → p-576a60ff.entry.js} +1 -1
  336. package/dist/tegel/{p-ca32a270.entry.js → p-57a2d4de.entry.js} +1 -1
  337. package/dist/tegel/p-5b80467f.entry.js +1 -0
  338. package/dist/tegel/{p-ca16f1ed.entry.js → p-5bab691f.entry.js} +1 -1
  339. package/dist/tegel/{p-655051b6.entry.js → p-608997fa.entry.js} +1 -1
  340. package/dist/tegel/p-63f77d7c.entry.js +1 -0
  341. package/dist/tegel/p-6bb6425c.entry.js +1 -0
  342. package/dist/tegel/{p-e6e9d11f.entry.js → p-739068bf.entry.js} +1 -1
  343. package/dist/tegel/{p-88bb1059.entry.js → p-79fb0088.entry.js} +1 -1
  344. package/dist/tegel/p-8e930da5.entry.js +1 -0
  345. package/dist/tegel/p-947ec2b0.entry.js +1 -0
  346. package/dist/tegel/p-9ec850a5.entry.js +1 -0
  347. package/dist/tegel/p-9f154997.entry.js +1 -0
  348. package/dist/tegel/{p-942f8c6f.entry.js → p-a00ad341.entry.js} +1 -1
  349. package/dist/tegel/{p-1e1a87c1.entry.js → p-a15280db.entry.js} +1 -1
  350. package/dist/tegel/{p-fd22d1ca.entry.js → p-a2aaf61c.entry.js} +1 -1
  351. package/dist/tegel/p-aa795666.entry.js +1 -0
  352. package/dist/tegel/{p-f8a37d39.entry.js → p-bc697ea7.entry.js} +1 -1
  353. package/dist/tegel/{p-08c16b2f.entry.js → p-bf40233e.entry.js} +1 -1
  354. package/dist/tegel/{p-177386d5.entry.js → p-c05f61d6.entry.js} +1 -1
  355. package/dist/tegel/{p-b7abb81f.entry.js → p-c2ab817d.entry.js} +1 -1
  356. package/dist/tegel/{p-9bcb8b2d.entry.js → p-c4719b10.entry.js} +1 -1
  357. package/dist/tegel/{p-a334b517.entry.js → p-c66b99a8.entry.js} +1 -1
  358. package/dist/tegel/p-c7be09fc.entry.js +1 -0
  359. package/dist/tegel/p-c8fd6b3b.entry.js +1 -0
  360. package/dist/tegel/p-caadaf33.entry.js +1 -0
  361. package/dist/tegel/{p-dda1ac69.entry.js → p-ce6faf0e.entry.js} +1 -1
  362. package/dist/tegel/p-d031a7ca.entry.js +1 -0
  363. package/dist/tegel/{p-ca068263.entry.js → p-da72f897.entry.js} +1 -1
  364. package/dist/tegel/{p-ceed0476.entry.js → p-dc93c6e5.entry.js} +1 -1
  365. package/dist/tegel/p-ded1191e.entry.js +1 -0
  366. package/dist/tegel/{p-98eff725.entry.js → p-e2a6c30c.entry.js} +1 -1
  367. package/dist/tegel/p-e2db17a5.entry.js +1 -0
  368. package/dist/tegel/{p-bcd5e06d.entry.js → p-e40d454d.entry.js} +1 -1
  369. package/dist/tegel/p-e53da1e5.entry.js +1 -0
  370. package/dist/tegel/{p-e8b58680.entry.js → p-e64c36a3.entry.js} +1 -1
  371. package/dist/tegel/p-e71f56c7.entry.js +1 -0
  372. package/dist/tegel/p-ebf13d81.entry.js +1 -0
  373. package/dist/tegel/{p-40fa0f5b.entry.js → p-ede87410.entry.js} +1 -1
  374. package/dist/tegel/{p-4b5e15cc.entry.js → p-f1d58cbf.entry.js} +1 -1
  375. package/dist/tegel/{p-4e15f31d.entry.js → p-f3cf4eba.entry.js} +1 -1
  376. package/dist/tegel/{p-771f53c2.entry.js → p-fc26fb72.entry.js} +1 -1
  377. package/dist/tegel/p-fd077a19.entry.js +1 -0
  378. package/dist/tegel/tegel.css +1 -1
  379. package/dist/tegel/tegel.esm.js +1 -1
  380. package/dist/types/components/banner/banner.d.ts +3 -3
  381. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +1 -1
  382. package/dist/types/components/button/button.d.ts +4 -4
  383. package/dist/types/components/card/card.d.ts +4 -4
  384. package/dist/types/components/checkbox/checkbox.d.ts +4 -4
  385. package/dist/types/components/chip/chip.d.ts +5 -5
  386. package/dist/types/components/datetime/datetime.d.ts +4 -4
  387. package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +2 -2
  388. package/dist/types/components/dropdown/dropdown.d.ts +9 -9
  389. package/dist/types/components/footer/footer-group/footer-group.d.ts +2 -2
  390. package/dist/types/components/header/header-dropdown/header-dropdown.d.ts +2 -2
  391. package/dist/types/components/header/header-dropdown-list-user/header-dropdown-list-user.d.ts +4 -4
  392. package/dist/types/components/header/header-hamburger/header-hamburger.d.ts +1 -1
  393. package/dist/types/components/header/header-launcher/header-launcher.d.ts +1 -1
  394. package/dist/types/components/header/header-launcher-button/header-launcher-button.d.ts +1 -1
  395. package/dist/types/components/header/header-launcher-grid/header-launcher-grid.d.ts +1 -1
  396. package/dist/types/components/message/message.d.ts +2 -2
  397. package/dist/types/components/modal/modal.d.ts +3 -3
  398. package/dist/types/components/popover-canvas/popover-canvas.d.ts +1 -1
  399. package/dist/types/components/popover-core/popover-core.d.ts +1 -1
  400. package/dist/types/components/popover-menu/popover-menu.d.ts +1 -1
  401. package/dist/types/components/radio-button/radio-button.d.ts +5 -5
  402. package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +1 -1
  403. package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts +3 -3
  404. package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts +2 -2
  405. package/dist/types/components/side-menu/side-menu-user-label/side-menu-user-label.d.ts +1 -1
  406. package/dist/types/components/stepper/step/step.d.ts +6 -6
  407. package/dist/types/components/table/table/table.d.ts +2 -1
  408. package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +5 -5
  409. package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts +1 -1
  410. package/dist/types/components/table/table-header/table-header.d.ts +1 -1
  411. package/dist/types/components/table/table-header-cell/table-header-cell.d.ts +3 -3
  412. package/dist/types/components/tabs/folder-tabs/folder-tab/folder-tab.d.ts +1 -1
  413. package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +2 -2
  414. package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts +2 -2
  415. package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +2 -2
  416. package/dist/types/components/text-field/text-field.d.ts +6 -6
  417. package/dist/types/components/textarea/textarea.d.ts +5 -5
  418. package/dist/types/components/toast/toast.d.ts +3 -3
  419. package/dist/types/components/toggle/toggle.d.ts +3 -3
  420. package/dist/types/components/tooltip/tooltip.d.ts +2 -2
  421. package/dist/types/components.d.ts +108 -106
  422. package/dist/types/utils/appendHiddenInput.d.ts +1 -1
  423. package/package.json +14 -20
  424. package/dist/tegel/p-0b37e91a.entry.js +0 -1
  425. package/dist/tegel/p-0ef32f0f.entry.js +0 -1
  426. package/dist/tegel/p-1b471db7.entry.js +0 -1
  427. package/dist/tegel/p-2268af7f.entry.js +0 -1
  428. package/dist/tegel/p-226d0290.entry.js +0 -1
  429. package/dist/tegel/p-25473962.entry.js +0 -1
  430. package/dist/tegel/p-3ef04672.entry.js +0 -1
  431. package/dist/tegel/p-4de2807c.entry.js +0 -1
  432. package/dist/tegel/p-57c08d0d.entry.js +0 -1
  433. package/dist/tegel/p-58ac68f3.entry.js +0 -1
  434. package/dist/tegel/p-5c8fd75e.entry.js +0 -1
  435. package/dist/tegel/p-70836598.entry.js +0 -1
  436. package/dist/tegel/p-7104b955.entry.js +0 -1
  437. package/dist/tegel/p-781b2939.entry.js +0 -1
  438. package/dist/tegel/p-894e7e11.entry.js +0 -1
  439. package/dist/tegel/p-9c56b031.entry.js +0 -1
  440. package/dist/tegel/p-a20a54ef.entry.js +0 -1
  441. package/dist/tegel/p-a2b2092a.entry.js +0 -1
  442. package/dist/tegel/p-a912035b.entry.js +0 -1
  443. package/dist/tegel/p-ab00e6e4.entry.js +0 -1
  444. package/dist/tegel/p-b218db70.entry.js +0 -1
  445. package/dist/tegel/p-b3b13975.entry.js +0 -1
  446. package/dist/tegel/p-bee9e9d1.entry.js +0 -1
  447. package/dist/tegel/p-c23a3f12.entry.js +0 -1
  448. package/dist/tegel/p-cc962b6c.entry.js +0 -1
  449. package/dist/tegel/p-cda2e4b2.entry.js +0 -1
  450. package/dist/tegel/p-ed66ef30.entry.js +0 -1
  451. package/dist/tegel/p-f602b3a1.entry.js +0 -1
  452. package/dist/tegel/p-f922308f.entry.js +0 -1
  453. package/dist/tegel/p-fb300776.entry.js +0 -1
  454. /package/dist/collection/{tegel-light → tegel-lite}/components/tl-dropdown/_dropdownKeyboard.js +0 -0
  455. /package/dist/collection/{tegel-light → tegel-lite}/components/tl-dropdown/_dropdownScripts.js +0 -0
  456. /package/dist/types/{tegel-light → tegel-lite}/components/tl-dropdown/_dropdownKeyboard.d.ts +0 -0
  457. /package/dist/types/{tegel-light → tegel-lite}/components/tl-dropdown/_dropdownScripts.d.ts +0 -0
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-51d04e39.js';
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
 
4
- const tableCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}";
4
+ const tableCss = ":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}";
5
5
  const TdsTableStyle0 = tableCss;
6
6
 
7
7
  const TdsTable = class {
@@ -38,10 +38,10 @@ const TdsTable = class {
38
38
  let selectedRow = [];
39
39
  const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
40
40
  rowCells.forEach((cell) => {
41
- var _a;
41
+ var _a, _b;
42
42
  const cellObject = {
43
- cellKey: cell.cellKey,
44
- cellValue: ((_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText),
43
+ cellKey: (_a = cell.cellKey) !== null && _a !== void 0 ? _a : '',
44
+ cellValue: ((_b = cell.cellValue) !== null && _b !== void 0 ? _b : cell.innerText),
45
45
  };
46
46
  selectedRow = [...selectedRow, cellObject];
47
47
  });
@@ -92,22 +92,22 @@ const TdsTable = class {
92
92
  }
93
93
  }
94
94
  render() {
95
- return (h(Host, { key: '7a09b4ad8b4b79d0c6488ae2fc56b756857abe67', class: {
95
+ return (h(Host, { key: '2518c49a6d15147aed6989edfbd4cd658ac2219a', class: {
96
96
  'tds-table--responsive': this.responsive,
97
97
  'tds-mode-variant-primary': this.modeVariant === 'primary',
98
98
  'tds-mode-variant-secondary': this.modeVariant === 'secondary',
99
- } }, h("table", { key: '949b04b7b26286b8641df078290eadb843899d76', style: this.getStyles(), class: {
99
+ } }, h("table", { key: '1a845328df98203bd3b4bc3c058310c75ebd83a6', style: this.getStyles(), class: {
100
100
  'tds-table': true,
101
101
  'tds-table--compact': this.compactDesign,
102
102
  'tds-table--divider': this.verticalDividers,
103
- 'tds-table--no-min-width': this.noMinWidth,
103
+ 'tds-table--no-min-width': !!this.noMinWidth,
104
104
  'tds-table--responsive': this.responsive,
105
105
  'tds-table--horizontal-scroll': !!this.horizontalScrollWidth,
106
106
  'tds-table--horizontal-scroll-toolbar': this.enableHorizontalScrollToolbarDesign && !this.compactDesign,
107
107
  'tds-table--horizontal-scroll-toolbar-compact': this.enableHorizontalScrollToolbarDesign && this.compactDesign,
108
108
  'tds-table--horizontal-scroll-footer': this.enableHorizontalScrollFooterDesign && !this.compactDesign,
109
109
  'tds-table--horizontal-scroll-footer-compact': this.enableHorizontalScrollFooterDesign && this.compactDesign,
110
- } }, h("slot", { key: '319e8974bf20f3fba6c7ef286a494d4875bd2c44' }))));
110
+ } }, h("slot", { key: 'ded1d53ea8e07514e45797c0feffa83f58cce6b4' }))));
111
111
  }
112
112
  get host() { return getElement(this); }
113
113
  static get watchers() { return {
@@ -17,7 +17,7 @@ const TdsTag = class {
17
17
  [`${this.size.toLowerCase()}`]: true,
18
18
  [`${this.variant.toLowerCase()}`]: true,
19
19
  });
20
- return (h(Host, { key: 'ce69caedf87367e14db73628ff7948fca1580073', class: getTagClasses() }, h("div", { key: 'fbdddb159c5e590cca490df2ff2bf53602fc3265', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: '77e44bf68f83708da2bdf7dcf50878d43638df97', name: "prefix" }), h("span", { key: '27aa436683c94063a3a041c6679d622e5f621d92' }, this.text))));
20
+ return (h(Host, { key: 'f2f854a15358d98bc4c55b093e243cc07cc8e439', class: getTagClasses() }, h("div", { key: 'a9b74511347d721ae769d42e4b0edb5ac9acdf85', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: '95b1acec855e8e0caeadc3458222bf6a91795704', name: "prefix" }), h("span", { key: 'e40a01fda9aa32ae42032656ebf11375b45f9183' }, this.text))));
21
21
  }
22
22
  get host() { return getElement(this); }
23
23
  };
@@ -101,10 +101,10 @@ const TdsTextField = class {
101
101
  }
102
102
  }
103
103
  render() {
104
- var _a;
104
+ var _a, _b, _c, _d;
105
105
  const usesPrefixSlot = hasSlot('prefix', this.host);
106
106
  const usesSuffixSlot = hasSlot('suffix', this.host);
107
- return (h("div", { key: 'c21d4167ad64e9cc08c309e658ddb6a0c431114f', class: {
107
+ return (h("div", { key: '362cc8ca714fab4d75f8b594494413ce8b9ce210', class: {
108
108
  'form-text-field': true,
109
109
  'form-text-field-nomin': this.noMinWidth,
110
110
  'text-field-focus': this.focusInput && !this.disabled,
@@ -122,12 +122,12 @@ const TdsTextField = class {
122
122
  'form-text-field-sm': this.size === 'sm',
123
123
  'form-text-field-error': this.state === 'error',
124
124
  'form-text-field-success': this.state === 'success',
125
- } }, this.labelPosition === 'outside' && (h("div", { key: 'fbe7ed68a33cefacab1c2afc7d9b810a59368dfc', class: "text-field-label-outside" }, h("label", { key: 'a9b988004bf788b3b58ee54f8c131b0f2014214e', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '10a1bd036b8fc91b0c1fb77121a0d02fd547eb2a', onClick: () => { var _a; return (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus(); }, class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '8b9838012fa8b4ad60d11bb3aa554cab7a12448c', class: {
125
+ } }, this.labelPosition === 'outside' && (h("div", { key: 'ace1a48203813254c9d316b78723bb89d4aa5f06', class: "text-field-label-outside" }, h("label", { key: '3fd1cab7e1862cd718d3e54ae5ff89b227e53419', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '6250d6c3318b7ce36156304e8e7d780f91a3821e', onClick: () => { var _a; return (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus(); }, class: "text-field-container" }, usesPrefixSlot && (h("div", { key: 'a891ed40d4d99129f126054fd79ce6c12d60b7f4', class: {
126
126
  'text-field-slot-wrap-prefix': true,
127
127
  'text-field-error': this.state === 'error',
128
128
  'text-field-success': this.state === 'success',
129
129
  'text-field-default': this.state === 'default',
130
- } }, h("slot", { key: 'a460a94a247dfc5430b4f112466328161b4b628c', name: "prefix" }))), h("div", { key: '5a52dff30872f28cd021ca30224cf2527bf94e93', class: "text-field-input-container" }, h("input", { key: 'a6521a8748aed06230cbff2fe617fe7325e3370d', ref: (inputEl) => {
130
+ } }, h("slot", { key: '12ba7d529a5b5402f55d232697fd7db6a9efcfa2', name: "prefix" }))), h("div", { key: 'c191e5733ddfa074915a9ba2fbb1f99784334ca6', class: "text-field-input-container" }, h("input", { key: '692af173c615cddc90dd3306b993f216ca6eedee', ref: (inputEl) => {
131
131
  this.textInput = inputEl;
132
132
  }, class: {
133
133
  'text-field-input': true,
@@ -143,16 +143,16 @@ const TdsTextField = class {
143
143
  if (!this.readOnly) {
144
144
  this.handleBlur(event);
145
145
  }
146
- }, "aria-invalid": getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '00f576ec1301e1200901f905db09b91710ccf8a5', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: '8b877f09aa33689d7027d10bdc4d45a22f4c7aba', class: {
146
+ }, "aria-invalid": getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: 'bb62115ec19d0b6cfb499f3928bc39f77e510bbb', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: '2125a08f72b015aa35bb66586d18d10c234bb212', class: {
147
147
  'text-field-slot-wrap-suffix': true,
148
148
  'text-field-error': this.state === 'error',
149
149
  'text-field-success': this.state === 'success',
150
150
  'text-field-default': this.state === 'default',
151
151
  'tds-u-display-none': this.readOnly,
152
- } }, h("slot", { key: '8a402f382de2dfca84ca46c06950969e6ca65bdb', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '5eb925b1c30e12d8c79fc91b2787291dc4879229', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: 'c307715a372fc0692a60d6f39ce8a01b736c5004', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: 'd225ef53660d5e8dad524c0c26e119e1f951ed63', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: '0bb80262383ca9359951a45fca67bcb3b51c2001', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: '519c53c3875642ff9d544839b13ace336a15ff10', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: '14fc9f23b453244bac24d79a5b46014f240b5397', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'd87add5b27ba5d0c794259194f79695b86a6b3cc', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: '355fac5a30bb91b1ae08d6bde1900a575f3594b9', class: {
152
+ } }, h("slot", { key: 'debdf5549b04c05a65913c8cea4723b5287cdbc8', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '22153b085a22b54a48610d965dbb1a571985e987', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: '3a49b98a5ab420f58a834f871d40bdf98da5a8c7', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '4be0d74de59aa0c552d951c051ca19a35e186510', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: 'a9f23d11c8cea0a7e3cdc1f81402d81f48853458', "aria-live": "assertive" }, (this.helper || ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0) && (h("div", { key: '8d65fbefc728f29279b2fceedfef0bec0fb17fb3', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: '5dd1fb8023341c1ef1f794ce8ee472ab476f866f', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'a6e87371003644f090b02c7e5e0823f4b44dfc62', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && ((_b = this.maxLength) !== null && _b !== void 0 ? _b : 0) > 0 && (h("span", { key: '4790188e2a7bc819ce1eb5239950d432193bd083', class: {
153
153
  'text-field-textcounter-divider': true,
154
154
  'text-field-textcounter-disabled': this.disabled,
155
- } }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, " / ", this.maxLength)))))));
155
+ } }, this.value === null ? 0 : (_c = this.value) === null || _c === void 0 ? void 0 : _c.length, " / ", (_d = this.maxLength) !== null && _d !== void 0 ? _d : 0)))))));
156
156
  }
157
157
  get host() { return getElement(this); }
158
158
  };
@@ -30,7 +30,7 @@ const TdsTextarea = class {
30
30
  this.autofocus = false;
31
31
  this.noMinWidth = false;
32
32
  this.tdsAriaLabel = undefined;
33
- this.focusInput = undefined;
33
+ this.focusInput = false;
34
34
  }
35
35
  handleChange(event) {
36
36
  this.tdsChange.emit(event);
@@ -70,8 +70,8 @@ const TdsTextarea = class {
70
70
  return modeVariant;
71
71
  }
72
72
  render() {
73
- var _a;
74
- return (h("div", { key: 'ab345d2f34e48367b2040556b9b3a6564add939d', class: {
73
+ var _a, _b;
74
+ return (h("div", { key: 'd7cf9dcacedf2b147de04a8e7a3bf3be9a3795a3', class: {
75
75
  'textarea-container': true,
76
76
  'textarea-label-inside': this.labelPosition === 'inside',
77
77
  'textarea-focus': this.focusInput,
@@ -81,7 +81,7 @@ const TdsTextarea = class {
81
81
  'textarea-data': this.value !== '',
82
82
  [`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
83
83
  'no-min-width': this.noMinWidth,
84
- } }, this.labelPosition !== 'no-label' && (h("label", { key: 'c8290eb384aff2b8a8d7c2495b69167066e76415', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: '43cd7476de0402a1aab5eaf2d930678422aaf40e', class: "textarea-wrapper" }, h("textarea", { key: '265bd91d6cb4ca7009d0bc60f3db15c0e6bb47bc', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
84
+ } }, this.labelPosition !== 'no-label' && (h("label", { key: 'cb98c61db81f4efc7b72c50cc56ca121f3d449c8', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: '8cfd739439df3a7a29ac73054c789f137b6aceb1', class: "textarea-wrapper" }, h("textarea", { key: 'd0d4eae432b70f1a5704e7d5c0fa351be37cf3b7', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
85
85
  this.textEl = inputEl;
86
86
  }, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
87
87
  if (!this.readOnly) {
@@ -91,7 +91,7 @@ const TdsTextarea = class {
91
91
  if (!this.readOnly) {
92
92
  this.handleBlur(event);
93
93
  }
94
- }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid(this.host, this.state), "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '682632eb45587ee86e48fa7dd42946d97db7da13', class: "textarea-resizer-icon" }, h("svg", { key: '7631ef268be5ec867452ba449f769e45c099d574', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ba27459f776dc0d6a6d0570420e4610ee08d6b9e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: '34f0c79ee333e2e0b0e27dc63d4be1e93b7fc6e4', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: '0aa6ad6c681f5abe6ba19a28f80125d002543fc4', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '780fe72cff253212d79820c29a701258c55da508', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: '657766f8f89e07aaac65daece6fc1162b925986a', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: 'ce5e472fb172d53cb45e9dab4c317fb38dbd05eb', name: "error", size: "16px" })), this.helper), this.maxLength > 0 && (h("div", { key: '919a5471cfad225cefe6c30e88f782cdfc913b2f', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '338ef9cdac06151d4fd092208764e3812c2d4f01', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
94
+ }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid(this.host, this.state), "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: 'ea26d42ffcc583c3047101200f3abcdcc731bda7', class: "textarea-resizer-icon" }, h("svg", { key: 'b61a4cda00dde41c07961ba320b996b14b04ce80', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '33118433cdc99ce54347f6720912302d0d3e8c58', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: 'b399c8b24f70b6f12b54045cc526fb858f162a06', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: '61e7fa6193e2046a8d619078265cae1b0d43b482', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: 'e3e74b086fb69ced9d59be3802038e055b9a08d5', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: 'be3f5a580e3b741229c61326c0e03df53b1510ee', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: '2e201cf5e459f0b295ec32a25e1fd1d71e8491df', name: "error", size: "16px" })), this.helper), ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0 && (h("div", { key: 'bf7060e27d93495f349771d8b1cc5fb6d0f81e01', class: 'textarea-textcounter' }, this.value === null ? 0 : (_b = this.value) === null || _b === void 0 ? void 0 : _b.length, h("span", { key: 'fd01defdf5a5a3e854b082ed0f6e68e5c943151b', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
95
95
  }
96
96
  get host() { return getElement(this); }
97
97
  };
@@ -66,12 +66,12 @@ const TdsToast = class {
66
66
  const usesHeaderSlot = hasSlot('header', this.host);
67
67
  const usesSubheaderSlot = hasSlot('subheader', this.host);
68
68
  const usesActionsSlot = hasSlot('actions', this.host);
69
- return (h(Host, { key: '09db24b58ba05daeba3e00ae880e86e700a43c2d', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
69
+ return (h(Host, { key: 'c486cb86a0e94181135e304cbda2b1bbbb20da22', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
70
70
  hide: this.hidden,
71
71
  show: !this.hidden,
72
- } }, h("div", { key: '253a018ec0eea9e17f72200f52a38e71802f2902', class: `
72
+ } }, h("div", { key: '946ba38a6c95e3450936014cc46c1eb43f927f0d', class: `
73
73
  wrapper
74
- ${this.variant}` }, h("tds-icon", { key: '953f414876c38ffb05bc0c684850ab53df124b5e', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: 'eb1ec8eb50cf3e05ecd880c427804626d9e4c51b', class: `content` }, h("div", { key: '97a0f4cb5ec278ad6a22051328461a9e0e1ce0ff', class: "header-subheader" }, this.header && h("div", { key: 'b3ae30e072257f4a74e748e24991bbab72a80c01', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '761fac1eda5bedd6c36d00be0548109c4f774af9', name: "header" }), this.subheader && h("div", { key: 'b4916a19416d8c0bfbdc0ef3d98fefda6ea96c86', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '62813da86efbf2ddf089a4931e11f774d6d27491', name: "subheader" })), usesActionsSlot && (h("div", { key: '93ec29dca445466da32ea2dc1c04bef76b8dc79e', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: 'fa9aeb95c9c569e77f85e3b65d993064e35dad81', name: "actions" })))), this.closable && (h("button", { key: '0d0aad78ebd983647774a2afdb593a7aa4e2dbf9', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'df6e7efeef43689bf44c101d23e5ce725d087951', name: "cross", size: "20px", svgTitle: "cross" }))))));
74
+ ${this.variant}` }, h("tds-icon", { key: '3af328a28e80e1b3f69ec0f4dda31f9d9c7c8571', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: 'eec58153da1bc4dee5955e2393f0610db40242c1', class: `content` }, h("div", { key: 'd40f9433b851fbd3dcfd0d60099d5035a87af2e0', class: "header-subheader" }, this.header && h("div", { key: '7748dda823fc8c17f4a7eb94d15140ba4301fa83', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '880576822af000000c972125aea031c73569768d', name: "header" }), this.subheader && h("div", { key: 'cc9dee1cef953cce966ebee2ed6c82f693f21dc1', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '01f596caf428985a0bb4dbc97282dead449fef61', name: "subheader" })), usesActionsSlot && (h("div", { key: '81e666f0d9810a0baf008782e6fee3f731b04ab2', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '085aab762cc590904d6531fcf7e969d1fa0f4eca', name: "actions" })))), this.closable && (h("button", { key: '6e1c909296a175d3a994caccb57f59ab5da9eae2', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'a1e5a6c21070afea181f6b5f20000458b50dbb45', name: "cross", size: "20px", svgTitle: "cross" }))))));
75
75
  }
76
76
  get host() { return getElement(this); }
77
77
  };
@@ -42,13 +42,13 @@ const TdsToggle = class {
42
42
  this.labelSlot = this.host.querySelector("[slot='label']");
43
43
  }
44
44
  render() {
45
- return (h("div", { key: 'ee3157ccfc7cc20e4cc0ea94d18ef18206aad346', class: "tds-toggle" }, this.headline && (h("div", { key: 'bb0b6242312d2b93aedca8b30060dced738ad418', class: {
45
+ return (h("div", { key: '18b73a45ee7d84119fa92e0510a6bc6aa0629dcd', class: "tds-toggle" }, this.headline && (h("div", { key: 'eac54354b87c7c825d0ad7fb162ec371ad88f24d', class: {
46
46
  'toggle-headline': true,
47
47
  'disabled': this.disabled,
48
- } }, this.headline)), h("input", { key: 'ff36441c8064df09ee5f09239472250211182725', ref: (inputEl) => {
48
+ } }, this.headline)), h("input", { key: '516d60fa34dad6fee640af0e3caad199e3408140', ref: (inputEl) => {
49
49
  if (inputEl)
50
50
  this.inputElement = inputEl;
51
- }, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '67a2179e0c1252fb5d4dc9d9e5ade990bec58cbc', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: 'ec8080b6080cffecbc83fb9080c55031a8d0a1e7', name: "label" })))));
51
+ }, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '48aca635f98f92bcb669dcdae4accb2f5822fe42', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '66a1c7fbd981dd02ccfe5e69f76b978ddca596ea', name: "label" })))));
52
52
  }
53
53
  get host() { return getElement(this); }
54
54
  };
@@ -7,6 +7,7 @@ const TdsTooltipStyle0 = tooltipCss;
7
7
  const TdsTooltip = class {
8
8
  constructor(hostRef) {
9
9
  registerInstance(this, hostRef);
10
+ this.border = '';
10
11
  this.popperjsExtraModifiers = [
11
12
  {
12
13
  name: 'positionCalc',
@@ -60,7 +61,7 @@ const TdsTooltip = class {
60
61
  }
61
62
  render() {
62
63
  var _a;
63
- return (h(Host, { key: '2b72a1988aa57732d9295a33a43e8baf117e7e17', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '449a74bcead02452d6bd7f443cfbfd8ef29071a1' }, this.inheritedAttributes, { class: {
64
+ return (h(Host, { key: '49b74045dffd614a85e5749c0f3e22a5c825b12a', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '8b02fca65300f241ddeb938977f6260477f10804' }, this.inheritedAttributes, { class: {
64
65
  'tds-tooltip': true,
65
66
  [`tds-tooltip-${this.border}`]: true,
66
67
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -69,7 +70,7 @@ const TdsTooltip = class {
69
70
  this.show = true;
70
71
  }, onInternalTdsClose: () => {
71
72
  this.show = false;
72
- }, defaultShow: this.defaultShow }), this.text, h("slot", { key: 'c232d55352f3e827c16630c69df138ba687486b4' }))));
73
+ }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '3dc322ae67df156173931c052dfd97b4f7fb8acb' }))));
73
74
  }
74
75
  get host() { return getElement(this); }
75
76
  };
@@ -1 +1 @@
1
- import{r as a,h as e,H as s,g as t}from"./p-2049fab2.js";const d=class{constructor(e){a(this,e)}render(){const a=this.host.querySelector("a");return(null==a?void 0:a.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),e(s,{key:"9cbe4978dccfdeb1b11ea0a8ba7c0e5e7fe991ba"},e("tds-header-item",{key:"a2ff9dc657366d73042b51717ad9447ec0f7dca1"},e("slot",{key:"9a7ded8445811b59cd858f86bb2aa640c1af91d3"})))}get host(){return t(this)}};d.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{d as tds_header_brand_symbol}
1
+ import{r as a,h as e,H as s,g as t}from"./p-2049fab2.js";const d=class{constructor(e){a(this,e)}render(){const a=this.host.querySelector("a");return(null==a?void 0:a.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),e(s,{key:"2692fca9f014e54adafca2cca8e089456d943240"},e("tds-header-item",{key:"0e31d7f161e6fd60ce217aacc169040628b3748e"},e("slot",{key:"7bcfa8a38d0725b5127dc6e13dee2d371749c49f"})))}get host(){return t(this)}};d.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{d as tds_header_brand_symbol}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.children=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children.length>0&&(this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"c7888b2f78e9aeb8fb6ca1041787785fe7d7c840",role:"tablist",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},i("div",{key:"177a79f69514e597d2795b4d60f335b485195eb0",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"7455ad87dc61ba3c4fa28aa4e9462e9fe91dbcca","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"f4b9a3b4d0eeed6c6b9035a9a33f9868fbb93bab",name:"chevron_left",size:"20px"})),i("slot",{key:"9757ef20e30a223f4dec3bf5a41da912821a46de",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"215c0a386b22f44bb891c4685c4f5b3b991982c8","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"21782c8e407746676988fb00324e10ba94379b78",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:"";position:absolute;left:3px;right:3px;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_navigation_tabs}
@@ -1 +1 @@
1
- import{r as t,h as s,H as i,g as e}from"./p-2049fab2.js";import{g as o,i as l}from"./p-9332c225.js";import"./p-52bf0fdf.js";const d=class{constructor(s){t(this,s),this.slotListeners=new Map,this.size="md",this.headingElement=void 0}componentWillLoad(){var t,s;const{children:i}=this.host;for(let t=0;t<i.length;t++){const s=i[t];"size"in s&&(s.size=this.size)}let e=this.host;"tds-header-launcher-list"===(null===(s=null===(t=this.host)||void 0===t?void 0:t.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())&&(e=this.host.parentElement);const d=o(e,l);d?this.headingElement=d:console.warn("Heading element for list not found")}componentDidLoad(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const e={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(i,Object.assign({key:"b24073590faf2ae5363a7c685b0933d6f1559eb1"},e),s("slot",{key:"e7c7fb66a65511de06b0c83f67312de0408decdd"}))}get host(){return e(this)}};d.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}";export{d as tds_header_dropdown_list}
1
+ import{r as t,h as s,H as i,g as e}from"./p-2049fab2.js";import{g as o,i as l}from"./p-9332c225.js";import"./p-52bf0fdf.js";const d=class{constructor(s){t(this,s),this.slotListeners=new Map,this.size="md",this.headingElement=void 0}componentWillLoad(){var t,s;const{children:i}=this.host;for(let t=0;t<i.length;t++){const s=i[t];"size"in s&&(s.size=this.size)}let e=this.host;"tds-header-launcher-list"===(null===(s=null===(t=this.host)||void 0===t?void 0:t.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())&&(e=this.host.parentElement);const d=o(e,l);d?this.headingElement=d:console.warn("Heading element for list not found")}componentDidLoad(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const e={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(i,Object.assign({key:"190c5b3ef5273bb4ddb4bfe7d41aa21051eced80"},e),s("slot",{key:"cb7346a42c64bfe414b1814acab5923583f543b4"}))}get host(){return e(this)}};d.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}";export{d as tds_header_dropdown_list}
@@ -0,0 +1 @@
1
+ import{r as s,h as o,H as t,g as i}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";const a=class{constructor(o){s(this,o),this.inheritedAttributes={},this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.show=null,this.placement="auto",this.offsetSkidding=0,this.animation="none",this.offsetDistance=8,this.modifiers=[],this.tdsAlertDialog="dialog",this.modeVariant=null,this.childRef=void 0}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}render(){var s;return o(t,{key:"3a0b77989875719936176b458b661398e587f818",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},o("tds-popover-core",Object.assign({key:"13299274cbac5380a1e30da56c4e60ec4054c7ae",role:this.tdsAlertDialog},this.inheritedAttributes,{class:{"tds-popover-canvas":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,modifiers:this.modifiers,trigger:"click",ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation}),o("div",{key:"6bfb89642f8d1c2b567623e31b65645e9f3010a1"},o("slot",{key:"ec3fd10e79ff3707253bcf931415e212445752a5"}))))}get host(){return i(this)}};a.style=".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:var(--tds-popover-canvas-box-shadow);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";export{a as tds_popover_canvas}
@@ -1 +1 @@
1
- import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const a=t[o];a.getAttribute("aria-controls")||console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==a.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}}render(){return o(a,{key:"fe07e37cb49b89fcd4f84e09f0d281c058e2ef0f"},o("div",{key:"243d283d090cae8d00cfafa15a95f099d9c7d2e8",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",{key:"9824df7626af1bedbc17f98c0cfe305b9546f235"})))}get host(){return e(this)}};i.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(*){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}
1
+ import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const a=t[o];a.getAttribute("aria-controls")||console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==a.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}}render(){return o(a,{key:"c0efa8fbffa68b4c81b7f337d260ed3e8023f7bc"},o("div",{key:"759dbcb91ef4b320918bcc0dae18aa9f292f2bf5",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",{key:"9eaa20e00dc625bc96723cb937e45aaa58516aa8"})))}get host(){return e(this)}};i.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(*){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as r,g as s}from"./p-2049fab2.js";import{g as e}from"./p-11648030.js";const a=class{constructor(o){t(this,o),this.uuid=e(),this.handleSlottedItemClick=t=>{const o=t.target.tagName.toLowerCase();["a","button"].includes(o)&&(this.open=!1)},this.label=void 0,this.noDropdownIcon=!1,this.selected=!1,this.tdsAriaLabel=void 0,this.open=!1,this.buttonEl=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var o;"Escape"===t.key&&this.open&&(this.open=!1,null===(o=this.buttonEl)||void 0===o||o.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const o="a, [tabindex='0']",r=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(o))||this.host.querySelector(o);r instanceof HTMLElement&&r.focus()}))}render(){return o(r,{key:"5ea7f4d3d53fd8d4148bcf1bc0f7444a6b7469f8"},o("div",{key:"e972495e46f96576fb28bba38f9bca68fd6d901e",class:{"state-open":this.open}},o("tds-header-item",{key:"f45bd2e8c6f2b1258e415cc111691dd282cdb3f9",class:"button",active:this.open,selected:this.selected},o("button",{key:"f1bce15e1258647503e4a24f6cf7d7f5eb641cdd",ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},o("slot",{key:"2b392ba923ee98e3c2bd5c86ae8cbb3eb78bf182",name:"icon"}),this.label,o("slot",{key:"0fc721ebf454e77770b7aeca79296f5a65d6031e",name:"label"}),!this.noDropdownIcon&&o("tds-icon",{key:"d8fa1bda5368e8694f429f5724d06fb5de010a50",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&o("tds-popover-canvas",{key:"894eb3d523ddb8f8a9b6e0dc248730bb13173c88",id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?o("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},o("slot",null)):null)))}get host(){return s(this)}};a.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";export{a as tds_header_dropdown}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as s,g as i}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";const d=class{constructor(o){t(this,o),this.border="",this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes={},this.text="",this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.tdsAriaDescribedby=void 0}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return o(s,{key:"49b74045dffd614a85e5749c0f3e22a5c825b12a",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"8b02fca65300f241ddeb938977f6260477f10804"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":!!this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,o("slot",{key:"3dc322ae67df156173931c052dfd97b4f7fb8acb"})))}get host(){return i(this)}};d.style=".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{d as tds_tooltip}
@@ -1 +1 @@
1
- import{r as e,h as o}from"./p-2049fab2.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a"},o("slot",{key:"e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";export{t as tds_header_title}
1
+ import{r as e,h as o}from"./p-2049fab2.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a"},o("slot",{key:"e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}";export{t as tds_header_title}
@@ -1 +1 @@
1
- import{r as t,h as o,H as s,g as e}from"./p-2049fab2.js";const i=["compactDesign"],n=class{constructor(o){t(this,o),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((o=>{if(void 0===this[o])throw console.error(`Table prop is not supported: ${o}`),new Error(`Table prop is not supported: ${o}`);this[o]=t.detail[o]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?i.forEach((o=>{this[o]=t[o]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const o=t[0];o.addEventListener("focus",(()=>{this.inputFocused=!0})),o.addEventListener("blur",(()=>{this.inputFocused=!1})),o.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),this.moveToNextEditableCell())}))}}moveToNextEditableCell(){const t=Array.from(document.querySelectorAll("tds-table-body-input-wrapper")),o=t.indexOf(this.host);if(-1!==o&&o<t.length-1){const s=t[o+1].querySelector("input");s&&s.focus()}}render(){return o(s,{key:"332c2ebf290f802f6b8067a1b7b0754cbca2b9aa",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?o("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?o("tds-icon",{class:"edit-icon",slot:"icon",size:"16px",name:"edit"}):null)}get host(){return e(this)}};n.style=":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{n as tds_table_body_input_wrapper}
1
+ import{r as t,h as o,H as s,g as e}from"./p-2049fab2.js";const i=["compactDesign"],n=class{constructor(o){t(this,o),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((o=>{if(void 0===this[o])throw console.error(`Table prop is not supported: ${o}`),new Error(`Table prop is not supported: ${o}`);this[o]=t.detail[o]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?i.forEach((o=>{this[o]=t[o]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const o=t[0];o.addEventListener("focus",(()=>{this.inputFocused=!0})),o.addEventListener("blur",(()=>{this.inputFocused=!1})),o.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),this.moveToNextEditableCell())}))}}moveToNextEditableCell(){const t=Array.from(document.querySelectorAll("tds-table-body-input-wrapper")),o=t.indexOf(this.host);if(-1!==o&&o<t.length-1){const s=t[o+1].querySelector("input");s&&s.focus()}}render(){return o(s,{key:"ad9ea213210029f368ef88ecb62db60a0d79843d",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?o("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?o("tds-icon",{class:"edit-icon",slot:"icon",size:"16px",name:"edit"}):null)}get host(){return e(this)}};n.style=":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{n as tds_table_body_input_wrapper}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.children=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){const t=Array.from(this.host.children);this.children=t.map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"093e2804b56cb6c336744551ad4d27d962a34d02",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"eaaa9db902ead14bd581416c661b7c105263e335",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"50a7f0455048807c8642ecb66de0d01b7a27ce58","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"411a393ac446ae8224ec8c407b5e1b0adda87098",name:"chevron_left",size:"20px"})),i("slot",{key:"a534cd27f044a0ac8a03ffb28e20f04cb8eba7a6",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"6284e9746b9dfdc2010ff65b201e39db0e51feda","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"6a2e53089c50e1aa03a87af001a685ff9ba059dc",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=':host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-within::before,:host .scroll-left-button:focus-within::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_folder_tabs}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";import{d}from"./p-52bf0fdf.js";const r=class{constructor(e){t(this,e)}render(){return e(o,{key:"cdc1e1712659f82b9bbefd67977de93963dbc68e"},e("div",{key:"1c39a69aa967c64941be3507d7e88f92cea58623",class:"item"},e("slot",{key:"62576106bdb13d983e5a415421522bbcddd348bf"})))}};r.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const i=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const r=s[0];if(r){const o=d(r,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){var t,e;this.slotEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),this.updateSlottedElements(),null===(e=this.slotEl)||void 0===e||e.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"9f7320da4779557177e8a07194dd701e313b466b"},e("tds-core-header-item",{key:"5fbc0242b2be8beeb3bce94bcd8016f3ade23233",class:{"component-active":this.active,"component-selected":this.selected}},e("slot",{key:"7198e70374c42fdac1e394ef022bbbc3d904b8e9"})))}get host(){return s(this)}};i.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";export{r as tds_core_header_item,i as tds_header_item}
1
+ import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";import{d}from"./p-52bf0fdf.js";const r=class{constructor(e){t(this,e)}render(){return e(o,{key:"cdc1e1712659f82b9bbefd67977de93963dbc68e"},e("div",{key:"1c39a69aa967c64941be3507d7e88f92cea58623",class:"item"},e("slot",{key:"62576106bdb13d983e5a415421522bbcddd348bf"})))}};r.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const a=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const r=s[0];if(r){const o=d(r,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){var t,e;this.slotEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),this.updateSlottedElements(),null===(e=this.slotEl)||void 0===e||e.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"4eb20ba50fa39faabf4a0538ae328f63a5468c0a"},e("tds-core-header-item",{key:"0d49c9362325f4dbb0505ff2eeccfae761be5809",class:{"component-active":this.active,"component-selected":this.selected}},e("slot",{key:"cd629d0c001b0e17df021a5f19afad156f1ee13e"})))}get host(){return s(this)}};a.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";export{r as tds_core_header_item,a as tds_header_item}
@@ -0,0 +1 @@
1
+ import{r as s,h as a,g as t}from"./p-2049fab2.js";const r=class{constructor(a){s(this,a),this.tdsAriaLabel=void 0}render(){var s;return null===(s=this.host.children[this.host.children.length-1])||void 0===s||s.classList.add("last"),a("nav",{key:"f24c1dd40a5bf741d3538c1bc5e536c45a9a6b12","aria-label":this.tdsAriaLabel},a("div",{key:"955ea954c1a161e2c4b639947f191b3b4a22957a",role:"list",class:"tds-breadcrumb"},a("slot",{key:"9466ab7b58a6953d79af70ac38cdc5466362dc6c"})))}get host(){return t(this)}};r.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{r as tds_breadcrumbs}
@@ -1 +1 @@
1
- import{r as o,h as t,H as e,g as n}from"./p-2049fab2.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed)}componentDidLoad(){var o,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector('slot[name="icon"]'));const i=null==s?void 0:s.assignedElements(),d=!!i&&(null==i?void 0:i.length)>0,c="tds-side-menu-user-image"===(null===(t=null==i?void 0:i[0])||void 0===t?void 0:t.tagName.toLowerCase());d&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return t(e,{key:"c47d9154b70987212a197a4e1cee3e031c3a5934",role:"listitem"},t("div",{key:"d35ce4e0371380a76e59ee983ce32c33a3aa8167",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},t("slot",{key:"915f92493f1a085f66501d0fbe361818e7dbc63f"})))}get host(){return n(this)}};s.style=':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}';export{s as tds_side_menu_dropdown_list_item}
1
+ import{r as o,h as t,H as e,g as n}from"./p-2049fab2.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed)}componentDidLoad(){var o,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector('slot[name="icon"]'));const d=null==s?void 0:s.assignedElements(),i=!!d&&(null==d?void 0:d.length)>0,c="tds-side-menu-user-image"===(null===(t=null==d?void 0:d[0])||void 0===t?void 0:t.tagName.toLowerCase());i&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return t(e,{key:"64c7367db70070bb43c4533ddcafbda97651231f",role:"listitem"},t("div",{key:"60434a96f6de0a9bda3d26f7003a10c8b5668552",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},t("slot",{key:"8590776910cfb61c614c5339daa5c5464cc9a729"})))}get host(){return n(this)}};s.style=':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}';export{s as tds_side_menu_dropdown_list_item}
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as s,H as i,g as e}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=t=>null==t?"":t.toString(),l=t=>t.map((t=>r(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(this,"tdsClear",6),this.hasFocus=!1,this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>r(o.value)===r(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>{var o;return null===(o=t.textContent)||void 0===o?void 0:o.trim()}))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,i,e;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+d+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{var t;if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase();this.filterQuery=o;const s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>{var s;return this.normalizeString(null!==(s=null==t?void 0:t.textContent)&&void 0!==s?s:"").toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.handleFilterReset=()=>{const t=this.filterQuery;this.filterQuery.length||this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue="",this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.inputElement&&(this.inputElement.value=""),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=()=>{this.filterFocus=!1,this.inputElement&&(this.inputElement.value=this.getValue())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.tdsAriaLabel=void 0,this.open=!1,this.internalValue="",this.filterResult=null,this.filterFocus=!1,this.internalDefaultValue="",this.selectedOptions=[],this.filterQuery=""}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[r(t[0])]:[r(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>r(o.value)===r(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(r(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?l(t):[r(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>{var o;return{value:t.value,label:null===(o=t.textContent)||void 0===o?void 0:o.trim()}}))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){var t;if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){var o,s;const{activeElement:i}=document;if(!i)return;const e=this.getChildren();if("ArrowDown"===t.key){const t=i.nextElementSibling?e.findIndex((t=>t===i.nextElementSibling)):0;if(e.length>0){const o=((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(e,t),s="number"==typeof o?e[o]:e[0];null==s||s.focus()}}else if("ArrowUp"===t.key){const t=i.nextElementSibling?this.getChildren().findIndex((t=>t===i.previousElementSibling)):0;if(e.length>0){const o=((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(e,t),s="number"==typeof o?e[o]:e[e.length-1];null==s||s.focus()}}else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector("button");null==t||t.focus()}}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():"")),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=r(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=r(this.defaultValue),o=this.multiselect?t.split(",").map(r):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e&&(e.disabled=i,e.name=o||"",e.value=s||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||d()}`:void 0,o=this.helper?`dropdown-helper-${this.name||d()}`:void 0;return s(i,{key:"1c8d408583a3161231a274bd76a94db4dae111d1",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"710bd61829fb7dc14e07495a1d96a2e74f515276",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"14818b4fdde47c7117d29bd7438eddc2211c1136",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("input",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?this.filterQuery:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.open&&""!==this.inputElement.value)},name:"cross",size:"16px"}),s("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"90e7de10a3528da4a0e6216b507245d2f95c8d45",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{t&&(this.dropdownList=t)},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":!(!this.label||"outside"!==this.labelPosition),open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"d57e1b8dd130df19847987b98c46604dc029e691",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"14d3025b9eb316dfd37bea42c45b058fa5b18492",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"ec6fe5289476727481a936b32720a62ce8aee3da",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"b1a7f99b383fee70c6bbdd90d65ab773e7b1a976",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};n.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const a=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentElement="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentElement&&(this.multiselect=null!==(o=this.parentElement.multiselect)&&void 0!==o&&o,this.size=this.parentElement.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentElement)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentElement)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentElement)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentElement)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentElement||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentElement||this.tdsBlur.emit(t)},this.value=void 0,this.internalValue="",this.disabled=!1,this.tdsAriaLabel=void 0,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=r(t)}componentWillLoad(){this.internalValue=r(this.value)}render(){return s(i,{key:"5276b572424933484ff6d923e5210dcd647b9554"},s("div",{key:"5eea7afac6ba6c1badfbc8ccf1f53ceb24df567d",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentElement)||void 0===o||o.close())}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:["valueWatcher"]}}};a.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,a as tds_dropdown_option}
@@ -1 +1 @@
1
- import{r as t,c as e,h as o,H as s,g as d}from"./p-2049fab2.js";const i=["multiselect","verticalDividers","compactDesign"],l=class{constructor(o){t(this,o),this.tdsSelect=e(this,"tdsSelect",6),this.tdsClick=e(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}handleRowClick(t){var e,o,s;if(!this.clickable)return;const d=Array.from(null!==(s=null===(o=null===(e=this.host)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.children)&&void 0!==s?s:[]).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:d})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}render(){return o(s,{key:"377d16a55b6c2cb87940ee6ec8629e71dde6ad17",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&o("td",{key:"a65e6eed2e09e49c80c5f25312613c874a3d3b1a",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},o("tds-checkbox",{key:"37b7bb583a756031ee86c57015523fdb659d683d",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),o("slot",{key:"35cdd94e92fc239d756b4ba240f10cd1e1914512"}))}get host(){return d(this)}};l.style=":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}";export{l as tds_table_body_row}
1
+ import{r as t,c as e,h as o,H as s,g as d}from"./p-2049fab2.js";const i=["multiselect","verticalDividers","compactDesign"],l=class{constructor(o){t(this,o),this.tdsSelect=e(this,"tdsSelect",6),this.tdsClick=e(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}handleRowClick(t){var e,o,s;if(!this.clickable)return;const d=Array.from(null!==(s=null===(o=null===(e=this.host)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.children)&&void 0!==s?s:[]).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:d})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}render(){return o(s,{key:"94bac5b3613998d805d62da4ce0ca9480e337fbc",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&o("td",{key:"cb823140e532475537b7f7e78ae667173fa49259",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},o("tds-checkbox",{key:"f4727dca32c80f8c0ec36995f0ac072fc7af1106",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),o("slot",{key:"33046cf6051498b6b1b314f8d7dd380b4c2309d0"}))}get host(){return d(this)}};l.style=":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}";export{l as tds_table_body_row}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";const i=["compactDesign"],a=class{constructor(e){t(this,e),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error(`Table prop is not supported: ${e}`),new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?i.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return e(o,{key:"5d46a27bdb22aec58736f8f0dce6855d6ef48f23",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?e("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?e("tds-icon",{svgTitle:"search",class:"search-icon",slot:"icon",size:"16px",name:"search"}):null)}get host(){return s(this)}};a.style=":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{a as tds_table_header_input_wrapper}
1
+ import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";const i=["compactDesign"],n=class{constructor(e){t(this,e),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error(`Table prop is not supported: ${e}`),new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?i.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return e(o,{key:"76de40e0a578e0592d9c85d278d65187d84d7573",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?e("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?e("tds-icon",{svgTitle:"search",class:"search-icon",slot:"icon",size:"16px",name:"search"}):null)}get host(){return s(this)}};n.style=":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{n as tds_table_header_input_wrapper}
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as r,H as s,g as l}from"./p-2049fab2.js";import{g as a}from"./p-11648030.js";const e=class{constructor(r){t(this,r),this.internalTdsTablePropChange=o(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=void 0,this.multiselect=!1,this.expandableRows=!1,this.responsive=!1,this.modeVariant=null,this.zebraMode="none",this.horizontalScrollWidth=null,this.tableId=a(),this.enableHorizontalScrollToolbarDesign=!1,this.enableHorizontalScrollFooterDesign=!1}emitInternalTdsPropChange(t,o){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[t],[t]:o})}async getSelectedRows(){var t;let o=[];const r=this.host.querySelector("tds-table-body");return Array.from(null!==(t=null==r?void 0:r.querySelectorAll("tds-table-body-row"))&&void 0!==t?t:[]).filter((t=>t.selected)).forEach((t=>{let r=[];Array.from(t.getElementsByTagName("tds-body-cell")).forEach((t=>{var o,s;const l={cellKey:null!==(o=t.cellKey)&&void 0!==o?o:"",cellValue:null!==(s=t.cellValue)&&void 0!==s?s:t.innerText};r=[...r,l]})),o=[...o,r]})),o}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}multiselectChanged(t){this.emitInternalTdsPropChange("multiselect",t)}enableExpandableRowsChanged(t){this.emitInternalTdsPropChange("expandableRows",t)}compactDesignChanged(t){this.emitInternalTdsPropChange("compactDesign",t)}verticalDividersChanged(t){this.emitInternalTdsPropChange("verticalDividers",t)}noMinWidthChanged(t){this.emitInternalTdsPropChange("noMinWidth",t)}zebraModeChanged(t){this.emitInternalTdsPropChange("zebraMode",t)}modeVariantChanged(t){this.emitInternalTdsPropChange("modeVariant",t)}widthChanged(t){this.emitInternalTdsPropChange("horizontalScrollWidth",t)}componentWillRender(){if(this.horizontalScrollWidth){const t=this.host.closest("tds-table");t&&(this.enableHorizontalScrollToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1,this.enableHorizontalScrollFooterDesign=t.getElementsByTagName("tds-table-footer").length>=1)}}render(){return r(s,{key:"2518c49a6d15147aed6989edfbd4cd658ac2219a",class:{"tds-table--responsive":this.responsive,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},r("table",{key:"1a845328df98203bd3b4bc3c058310c75ebd83a6",style:this.getStyles(),class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":!!this.noMinWidth,"tds-table--responsive":this.responsive,"tds-table--horizontal-scroll":!!this.horizontalScrollWidth,"tds-table--horizontal-scroll-toolbar":this.enableHorizontalScrollToolbarDesign&&!this.compactDesign,"tds-table--horizontal-scroll-toolbar-compact":this.enableHorizontalScrollToolbarDesign&&this.compactDesign,"tds-table--horizontal-scroll-footer":this.enableHorizontalScrollFooterDesign&&!this.compactDesign,"tds-table--horizontal-scroll-footer-compact":this.enableHorizontalScrollFooterDesign&&this.compactDesign}},r("slot",{key:"ded1d53ea8e07514e45797c0feffa83f58cce6b4"})))}get host(){return l(this)}static get watchers(){return{multiselect:["multiselectChanged"],expandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],zebraMode:["zebraModeChanged"],modeVariant:["modeVariantChanged"],horizontalScrollWidth:["widthChanged"]}}};e.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}";export{e as tds_table}