@scania/tegel 1.32.0 → 1.32.2-multibrand-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (913) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
  3. package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/tds-badge.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-banner.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-block.cjs.entry.js +7 -3
  7. package/dist/cjs/tds-body-cell.cjs.entry.js +1 -1
  8. package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-button.cjs.entry.js +6 -4
  10. package/dist/cjs/tds-checkbox.cjs.entry.js +9 -3
  11. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  12. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
  13. package/dist/cjs/tds-datetime.cjs.entry.js +10 -3
  14. package/dist/cjs/tds-divider.cjs.entry.js +1 -1
  15. package/dist/cjs/tds-dropdown_2.cjs.entry.js +34 -12
  16. package/dist/cjs/tds-folder-tab.cjs.entry.js +3 -3
  17. package/dist/cjs/tds-folder-tabs.cjs.entry.js +3 -3
  18. package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
  19. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  20. package/dist/cjs/tds-header-cell.cjs.entry.js +2 -2
  21. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
  23. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-icon.cjs.entry.js +8 -3
  26. package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
  27. package/dist/cjs/tds-inline-tabs.cjs.entry.js +3 -3
  28. package/dist/cjs/tds-message.cjs.entry.js +1 -1
  29. package/dist/cjs/tds-modal.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  31. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +5 -5
  32. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-radio-button.cjs.entry.js +8 -2
  34. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +9 -3
  36. package/dist/cjs/tds-side-menu-item.cjs.entry.js +23 -7
  37. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  38. package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
  39. package/dist/cjs/tds-spinner.cjs.entry.js +2 -2
  40. package/dist/cjs/tds-step.cjs.entry.js +2 -2
  41. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +2 -2
  42. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +8 -8
  43. package/dist/cjs/tds-table-body-row.cjs.entry.js +3 -3
  44. package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
  45. package/dist/cjs/tds-table-footer.cjs.entry.js +4 -4
  46. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +2 -2
  47. package/dist/cjs/tds-table-header.cjs.entry.js +3 -3
  48. package/dist/cjs/tds-table-toolbar.cjs.entry.js +3 -3
  49. package/dist/cjs/tds-table.cjs.entry.js +1 -1
  50. package/dist/cjs/tds-text-field.cjs.entry.js +9 -6
  51. package/dist/cjs/tds-textarea.cjs.entry.js +10 -3
  52. package/dist/cjs/tds-toast.cjs.entry.js +4 -4
  53. package/dist/cjs/tds-toggle.cjs.entry.js +9 -3
  54. package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
  55. package/dist/cjs/tegel.cjs.js +1 -1
  56. package/dist/collection/assets/icons/scania/24v_battery.svg +1 -0
  57. package/dist/collection/assets/icons/scania/24v_battery_inactive.svg +1 -0
  58. package/dist/collection/assets/icons/scania/acceleration.svg +4 -0
  59. package/dist/collection/assets/icons/scania/acceleration_inactive.svg +8 -0
  60. package/dist/collection/assets/icons/scania/adblue.svg +6 -0
  61. package/dist/collection/assets/icons/scania/adblue_inactive.svg +8 -0
  62. package/dist/collection/assets/icons/scania/arrow_diagonal.svg +3 -0
  63. package/dist/collection/assets/icons/scania/arrow_down.svg +3 -0
  64. package/dist/collection/assets/icons/scania/arrow_left.svg +3 -0
  65. package/dist/collection/assets/icons/scania/arrow_right.svg +3 -0
  66. package/dist/collection/assets/icons/scania/arrow_up.svg +4 -0
  67. package/dist/collection/assets/icons/scania/audio.svg +5 -0
  68. package/dist/collection/assets/icons/scania/audio_inactive.svg +1 -0
  69. package/dist/collection/assets/icons/scania/award.svg +3 -0
  70. package/dist/collection/assets/icons/scania/back.svg +3 -0
  71. package/dist/collection/assets/icons/scania/backward.svg +1 -0
  72. package/dist/collection/assets/icons/scania/backward_inactive.svg +1 -0
  73. package/dist/collection/assets/icons/scania/bento.svg +3 -0
  74. package/dist/collection/assets/icons/scania/bug.svg +3 -0
  75. package/dist/collection/assets/icons/scania/bug_inactive.svg +6 -0
  76. package/dist/collection/assets/icons/scania/burger.svg +3 -0
  77. package/dist/collection/assets/icons/scania/bus.svg +3 -0
  78. package/dist/collection/assets/icons/scania/bus_inactive.svg +6 -0
  79. package/dist/collection/assets/icons/scania/calendar.svg +11 -0
  80. package/dist/collection/assets/icons/scania/calendar_inactive.svg +12 -0
  81. package/dist/collection/assets/icons/scania/camera.svg +4 -0
  82. package/dist/collection/assets/icons/scania/camera_inactive.svg +7 -0
  83. package/dist/collection/assets/icons/scania/card.svg +1 -0
  84. package/dist/collection/assets/icons/scania/cart.svg +1 -0
  85. package/dist/collection/assets/icons/scania/charging_complete.svg +4 -0
  86. package/dist/collection/assets/icons/scania/charging_failed.svg +5 -0
  87. package/dist/collection/assets/icons/scania/charging_speed.svg +1 -0
  88. package/dist/collection/assets/icons/scania/charging_speed_inactive.svg +1 -0
  89. package/dist/collection/assets/icons/scania/charging_stopped.svg +1 -0
  90. package/dist/collection/assets/icons/scania/chevron_down.svg +3 -0
  91. package/dist/collection/assets/icons/scania/chevron_left.svg +3 -0
  92. package/dist/collection/assets/icons/scania/chevron_right.svg +3 -0
  93. package/dist/collection/assets/icons/scania/chevron_up.svg +3 -0
  94. package/dist/collection/assets/icons/scania/clock.svg +11 -0
  95. package/dist/collection/assets/icons/scania/clock_inactive.svg +13 -0
  96. package/dist/collection/assets/icons/scania/contact.svg +4 -0
  97. package/dist/collection/assets/icons/scania/contact_inactive.svg +12 -0
  98. package/dist/collection/assets/icons/scania/cookie.svg +7 -0
  99. package/dist/collection/assets/icons/scania/cookie_inactive.svg +31 -0
  100. package/dist/collection/assets/icons/scania/coolant_level.svg +3 -0
  101. package/dist/collection/assets/icons/scania/coolant_level_inactive.svg +5 -0
  102. package/dist/collection/assets/icons/scania/copy.svg +3 -0
  103. package/dist/collection/assets/icons/scania/cross.svg +3 -0
  104. package/dist/collection/assets/icons/scania/cup.svg +3 -0
  105. package/dist/collection/assets/icons/scania/cup_inactive.svg +5 -0
  106. package/dist/collection/assets/icons/scania/dashboard.svg +1 -0
  107. package/dist/collection/assets/icons/scania/department.svg +3 -0
  108. package/dist/collection/assets/icons/scania/department_inactive.svg +5 -0
  109. package/dist/collection/assets/icons/scania/departure_scheduling.svg +5 -0
  110. package/dist/collection/assets/icons/scania/departure_scheduling_inactive.svg +8 -0
  111. package/dist/collection/assets/icons/scania/diamond.svg +3 -0
  112. package/dist/collection/assets/icons/scania/diamond_inactive.svg +5 -0
  113. package/dist/collection/assets/icons/scania/document.svg +3 -0
  114. package/dist/collection/assets/icons/scania/document_check.svg +4 -0
  115. package/dist/collection/assets/icons/scania/document_doc.svg +3 -0
  116. package/dist/collection/assets/icons/scania/document_eye.svg +14 -0
  117. package/dist/collection/assets/icons/scania/document_pdf.svg +3 -0
  118. package/dist/collection/assets/icons/scania/document_plus.svg +4 -0
  119. package/dist/collection/assets/icons/scania/document_plus_inactive.svg +7 -0
  120. package/dist/collection/assets/icons/scania/document_ppt.svg +3 -0
  121. package/dist/collection/assets/icons/scania/document_tool.svg +4 -0
  122. package/dist/collection/assets/icons/scania/document_wrong.svg +4 -0
  123. package/dist/collection/assets/icons/scania/document_xls.svg +3 -0
  124. package/dist/collection/assets/icons/scania/dollar.svg +1 -0
  125. package/dist/collection/assets/icons/scania/doner.svg +3 -0
  126. package/dist/collection/assets/icons/scania/double_kebab.svg +3 -0
  127. package/dist/collection/assets/icons/scania/download.svg +3 -0
  128. package/dist/collection/assets/icons/scania/driving_licence.svg +8 -0
  129. package/dist/collection/assets/icons/scania/driving_licence_inactive.svg +10 -0
  130. package/dist/collection/assets/icons/scania/drop.svg +3 -0
  131. package/dist/collection/assets/icons/scania/drop_inactive.svg +5 -0
  132. package/dist/collection/assets/icons/scania/edit.svg +3 -0
  133. package/dist/collection/assets/icons/scania/edit_inactive.svg +9 -0
  134. package/dist/collection/assets/icons/scania/email.svg +3 -0
  135. package/dist/collection/assets/icons/scania/engine.svg +3 -0
  136. package/dist/collection/assets/icons/scania/engine_inactive.svg +6 -0
  137. package/dist/collection/assets/icons/scania/environment.svg +3 -0
  138. package/dist/collection/assets/icons/scania/environment_inactive.svg +5 -0
  139. package/dist/collection/assets/icons/scania/error.svg +11 -0
  140. package/dist/collection/assets/icons/scania/exit.svg +4 -0
  141. package/dist/collection/assets/icons/scania/expand.svg +1 -0
  142. package/dist/collection/assets/icons/scania/expand_inactive.svg +9 -0
  143. package/dist/collection/assets/icons/scania/export.svg +3 -0
  144. package/dist/collection/assets/icons/scania/export_inactive.svg +10 -0
  145. package/dist/collection/assets/icons/scania/eye.svg +4 -0
  146. package/dist/collection/assets/icons/scania/eye_inactive.svg +14 -0
  147. package/dist/collection/assets/icons/scania/face_dissatisfied.svg +1 -0
  148. package/dist/collection/assets/icons/scania/face_neutral.svg +1 -0
  149. package/dist/collection/assets/icons/scania/face_satisfied.svg +1 -0
  150. package/dist/collection/assets/icons/scania/factory.svg +6 -0
  151. package/dist/collection/assets/icons/scania/factory_inactive.svg +9 -0
  152. package/dist/collection/assets/icons/scania/ferry.svg +3 -0
  153. package/dist/collection/assets/icons/scania/ferry_inactive.svg +5 -0
  154. package/dist/collection/assets/icons/scania/filters.svg +12 -0
  155. package/dist/collection/assets/icons/scania/filters_inactive.svg +16 -0
  156. package/dist/collection/assets/icons/scania/flash.svg +3 -0
  157. package/dist/collection/assets/icons/scania/flash_inactive.svg +5 -0
  158. package/dist/collection/assets/icons/scania/folder.svg +4 -0
  159. package/dist/collection/assets/icons/scania/forward.svg +5 -0
  160. package/dist/collection/assets/icons/scania/forward_inactive.svg +1 -0
  161. package/dist/collection/assets/icons/scania/fuel.svg +4 -0
  162. package/dist/collection/assets/icons/scania/fuel_gauge.svg +3 -0
  163. package/dist/collection/assets/icons/scania/fuel_gauge_inactive.svg +3 -0
  164. package/dist/collection/assets/icons/scania/fuel_inactive.svg +8 -0
  165. package/dist/collection/assets/icons/scania/gift inactive.svg +5 -0
  166. package/dist/collection/assets/icons/scania/gift.svg +3 -0
  167. package/dist/collection/assets/icons/scania/global.svg +18 -0
  168. package/dist/collection/assets/icons/scania/guided_tour.svg +4 -0
  169. package/dist/collection/assets/icons/scania/guided_tour_inactive.svg +7 -0
  170. package/dist/collection/assets/icons/scania/hatch_open.svg +4 -0
  171. package/dist/collection/assets/icons/scania/hatch_open_1.svg +6 -0
  172. package/dist/collection/assets/icons/scania/hatch_open_2.svg +6 -0
  173. package/dist/collection/assets/icons/scania/hatch_open_inactive.svg +1 -0
  174. package/dist/collection/assets/icons/scania/heart.svg +12 -0
  175. package/dist/collection/assets/icons/scania/heart_inactive.svg +14 -0
  176. package/dist/collection/assets/icons/scania/heating_inactive_screen.svg +1 -0
  177. package/dist/collection/assets/icons/scania/history.svg +1 -0
  178. package/dist/collection/assets/icons/scania/history_inactive.svg +1 -0
  179. package/dist/collection/assets/icons/scania/home.svg +3 -0
  180. package/dist/collection/assets/icons/scania/home_inactive.svg +9 -0
  181. package/dist/collection/assets/icons/scania/idea.svg +8 -0
  182. package/dist/collection/assets/icons/scania/idea_inactive.svg +9 -0
  183. package/dist/collection/assets/icons/scania/image.svg +3 -0
  184. package/dist/collection/assets/icons/scania/image_add.svg +3 -0
  185. package/dist/collection/assets/icons/scania/image_inactive.svg +1 -0
  186. package/dist/collection/assets/icons/scania/image_set.svg +4 -0
  187. package/dist/collection/assets/icons/scania/info.svg +4 -0
  188. package/dist/collection/assets/icons/scania/insights.svg +1 -0
  189. package/dist/collection/assets/icons/scania/kebab.svg +3 -0
  190. package/dist/collection/assets/icons/scania/key.svg +3 -0
  191. package/dist/collection/assets/icons/scania/key_inactive.svg +5 -0
  192. package/dist/collection/assets/icons/scania/layer.svg +3 -0
  193. package/dist/collection/assets/icons/scania/layer_inactive.svg +5 -0
  194. package/dist/collection/assets/icons/scania/link.svg +3 -0
  195. package/dist/collection/assets/icons/scania/link_broken.svg +3 -0
  196. package/dist/collection/assets/icons/scania/list.svg +8 -0
  197. package/dist/collection/assets/icons/scania/list_inactive.svg +9 -0
  198. package/dist/collection/assets/icons/scania/lock.svg +4 -0
  199. package/dist/collection/assets/icons/scania/lock_inactive.svg +4 -0
  200. package/dist/collection/assets/icons/scania/map_cursor.svg +3 -0
  201. package/dist/collection/assets/icons/scania/map_cursor_inactive.svg +5 -0
  202. package/dist/collection/assets/icons/scania/maximize_fullscreen.svg +1 -0
  203. package/dist/collection/assets/icons/scania/meatballs.svg +3 -0
  204. package/dist/collection/assets/icons/scania/merge.svg +3 -0
  205. package/dist/collection/assets/icons/scania/merge_inactive.svg +6 -0
  206. package/dist/collection/assets/icons/scania/message.svg +3 -0
  207. package/dist/collection/assets/icons/scania/message_inactive.svg +12 -0
  208. package/dist/collection/assets/icons/scania/mileage.svg +4 -0
  209. package/dist/collection/assets/icons/scania/mileage_inactive.svg +15 -0
  210. package/dist/collection/assets/icons/scania/minimize_fullscreen.svg +1 -0
  211. package/dist/collection/assets/icons/scania/minus.svg +3 -0
  212. package/dist/collection/assets/icons/scania/navigate.svg +3 -0
  213. package/dist/collection/assets/icons/scania/navigate_inactive.svg +6 -0
  214. package/dist/collection/assets/icons/scania/notification.svg +3 -0
  215. package/dist/collection/assets/icons/scania/notification_inactive.svg +12 -0
  216. package/dist/collection/assets/icons/scania/oil_level.svg +5 -0
  217. package/dist/collection/assets/icons/scania/oil_level_inactive.svg +9 -0
  218. package/dist/collection/assets/icons/scania/pause.svg +1 -0
  219. package/dist/collection/assets/icons/scania/pause_inactive.svg +1 -0
  220. package/dist/collection/assets/icons/scania/phone.svg +3 -0
  221. package/dist/collection/assets/icons/scania/phone_inactive.svg +9 -0
  222. package/dist/collection/assets/icons/scania/pie_chart.svg +1 -0
  223. package/dist/collection/assets/icons/scania/pin.svg +1 -0
  224. package/dist/collection/assets/icons/scania/pin_inactive.svg +5 -0
  225. package/dist/collection/assets/icons/scania/placeholder.svg +3 -0
  226. package/dist/collection/assets/icons/scania/play.svg +3 -0
  227. package/dist/collection/assets/icons/scania/play_inactive.svg +5 -0
  228. package/dist/collection/assets/icons/scania/plus.svg +3 -0
  229. package/dist/collection/assets/icons/scania/powerplug.svg +3 -0
  230. package/dist/collection/assets/icons/scania/powerplug_inactive.svg +5 -0
  231. package/dist/collection/assets/icons/scania/print.svg +12 -0
  232. package/dist/collection/assets/icons/scania/print_inactive.svg +13 -0
  233. package/dist/collection/assets/icons/scania/privacy.svg +3 -0
  234. package/dist/collection/assets/icons/scania/privacy_inactive.svg +5 -0
  235. package/dist/collection/assets/icons/scania/profile.svg +3 -0
  236. package/dist/collection/assets/icons/scania/profile_inactive.svg +12 -0
  237. package/dist/collection/assets/icons/scania/proportions.svg +3 -0
  238. package/dist/collection/assets/icons/scania/proportions_inactive.svg +3 -0
  239. package/dist/collection/assets/icons/scania/range.svg +1 -0
  240. package/dist/collection/assets/icons/scania/range_inactive.svg +1 -0
  241. package/dist/collection/assets/icons/scania/redirect.svg +3 -0
  242. package/dist/collection/assets/icons/scania/refresh.svg +3 -0
  243. package/dist/collection/assets/icons/scania/refresh_inactive.svg +1 -0
  244. package/dist/collection/assets/icons/scania/reload.svg +1 -0
  245. package/dist/collection/assets/icons/scania/reload_inactive.svg +1 -0
  246. package/dist/collection/assets/icons/scania/repeat.svg +4 -0
  247. package/dist/collection/assets/icons/scania/report.svg +3 -0
  248. package/dist/collection/assets/icons/scania/report_inactive.svg +9 -0
  249. package/dist/collection/assets/icons/scania/route.svg +5 -0
  250. package/dist/collection/assets/icons/scania/route_inactive.svg +9 -0
  251. package/dist/collection/assets/icons/scania/save.svg +4 -0
  252. package/dist/collection/assets/icons/scania/save_inactive.svg +3 -0
  253. package/dist/collection/assets/icons/scania/search.svg +3 -0
  254. package/dist/collection/assets/icons/scania/send.svg +3 -0
  255. package/dist/collection/assets/icons/scania/send_inactive.svg +3 -0
  256. package/dist/collection/assets/icons/scania/settings.svg +3 -0
  257. package/dist/collection/assets/icons/scania/share.svg +13 -0
  258. package/dist/collection/assets/icons/scania/skip_backwards.svg +4 -0
  259. package/dist/collection/assets/icons/scania/skip_forward.svg +4 -0
  260. package/dist/collection/assets/icons/scania/smartphone.svg +3 -0
  261. package/dist/collection/assets/icons/scania/smartphone_inactive.svg +3 -0
  262. package/dist/collection/assets/icons/scania/sorting.svg +5 -0
  263. package/dist/collection/assets/icons/scania/speedometer.svg +3 -0
  264. package/dist/collection/assets/icons/scania/speedometer_inactive.svg +3 -0
  265. package/dist/collection/assets/icons/scania/star.svg +3 -0
  266. package/dist/collection/assets/icons/scania/support.svg +13 -0
  267. package/dist/collection/assets/icons/scania/target.svg +1 -0
  268. package/dist/collection/assets/icons/scania/target_inactive.svg +1 -0
  269. package/dist/collection/assets/icons/scania/temperature.svg +4 -0
  270. package/dist/collection/assets/icons/scania/temperature_inactive.svg +7 -0
  271. package/dist/collection/assets/icons/scania/text.svg +8 -0
  272. package/dist/collection/assets/icons/scania/text_inactive.svg +1 -0
  273. package/dist/collection/assets/icons/scania/thumbs_down.svg +3 -0
  274. package/dist/collection/assets/icons/scania/thumbs_up.svg +3 -0
  275. package/dist/collection/assets/icons/scania/tick.svg +11 -0
  276. package/dist/collection/assets/icons/scania/timer.svg +4 -0
  277. package/dist/collection/assets/icons/scania/tool.svg +3 -0
  278. package/dist/collection/assets/icons/scania/tool_inactive.svg +15 -0
  279. package/dist/collection/assets/icons/scania/trailer.svg +2 -0
  280. package/dist/collection/assets/icons/scania/trailer_inactive.svg +7 -0
  281. package/dist/collection/assets/icons/scania/trash.svg +10 -0
  282. package/dist/collection/assets/icons/scania/trash_inactive.svg +12 -0
  283. package/dist/collection/assets/icons/scania/truck.svg +4 -0
  284. package/dist/collection/assets/icons/scania/truck_inactive.svg +5 -0
  285. package/dist/collection/assets/icons/scania/undo.svg +3 -0
  286. package/dist/collection/assets/icons/scania/undo_inactive.svg +6 -0
  287. package/dist/collection/assets/icons/scania/unlock.svg +3 -0
  288. package/dist/collection/assets/icons/scania/upload.svg +3 -0
  289. package/dist/collection/assets/icons/scania/video.svg +3 -0
  290. package/dist/collection/assets/icons/scania/video_inactive.svg +5 -0
  291. package/dist/collection/assets/icons/scania/wallet.svg +1 -0
  292. package/dist/collection/assets/icons/scania/warning.svg +11 -0
  293. package/dist/collection/assets/icons/scania/weight.svg +3 -0
  294. package/dist/collection/assets/icons/scania/weight_inactive.svg +5 -0
  295. package/dist/collection/assets/icons/scania/wifi.svg +10 -0
  296. package/dist/collection/assets/icons/scania/wifi_inactive.svg +11 -0
  297. package/dist/collection/assets/icons/scania/windscreen_heating.svg +3 -0
  298. package/dist/collection/assets/icons/scania/windscreen_heating_inactive.svg +7 -0
  299. package/dist/collection/assets/icons/traton/arrow_diagonal.svg +1 -0
  300. package/dist/collection/assets/icons/traton/arrow_down.svg +1 -0
  301. package/dist/collection/assets/icons/traton/arrow_left.svg +1 -0
  302. package/dist/collection/assets/icons/traton/arrow_right.svg +1 -0
  303. package/dist/collection/assets/icons/traton/arrow_up.svg +1 -0
  304. package/dist/collection/assets/icons/traton/bento.svg +1 -0
  305. package/dist/collection/assets/icons/traton/burger.svg +1 -0
  306. package/dist/collection/assets/icons/traton/calendar.svg +1 -0
  307. package/dist/collection/assets/icons/traton/chevron_down.svg +1 -0
  308. package/dist/collection/assets/icons/traton/chevron_left.svg +1 -0
  309. package/dist/collection/assets/icons/traton/chevron_right.svg +1 -0
  310. package/dist/collection/assets/icons/traton/chevron_up.svg +1 -0
  311. package/dist/collection/assets/icons/traton/cross.svg +1 -0
  312. package/dist/collection/assets/icons/traton/edit.svg +1 -0
  313. package/dist/collection/assets/icons/traton/error.svg +1 -0
  314. package/dist/collection/assets/icons/traton/info.svg +1 -0
  315. package/dist/collection/assets/icons/traton/minus.svg +1 -0
  316. package/dist/collection/assets/icons/traton/notification.svg +1 -0
  317. package/dist/collection/assets/icons/traton/plus.svg +1 -0
  318. package/dist/collection/assets/icons/traton/print.svg +1 -0
  319. package/dist/collection/assets/icons/traton/refresh.svg +1 -0
  320. package/dist/collection/assets/icons/traton/search.svg +1 -0
  321. package/dist/collection/assets/icons/traton/share.svg +1 -0
  322. package/dist/collection/assets/icons/traton/sorting.svg +1 -0
  323. package/dist/collection/assets/icons/traton/star.svg +1 -0
  324. package/dist/collection/assets/icons/traton/tick.svg +1 -0
  325. package/dist/collection/assets/icons/traton/truck.svg +1 -0
  326. package/dist/collection/assets/icons/traton/warning.svg +1 -0
  327. package/dist/collection/components/accordion/accordion-item/accordion-item.css +2 -1
  328. package/dist/collection/components/accordion/accordion.css +2 -1
  329. package/dist/collection/components/badge/badge.css +1 -1
  330. package/dist/collection/components/banner/banner.css +2 -1
  331. package/dist/collection/components/block/block.css +15 -8
  332. package/dist/collection/components/block/block.js +6 -2
  333. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +2 -1
  334. package/dist/collection/components/button/button.css +482 -424
  335. package/dist/collection/components/button/button.js +39 -3
  336. package/dist/collection/components/checkbox/checkbox.css +35 -28
  337. package/dist/collection/components/checkbox/checkbox.js +25 -2
  338. package/dist/collection/components/chip/chip.css +4 -3
  339. package/dist/collection/components/datetime/datetime.js +27 -3
  340. package/dist/collection/components/divider/divider.css +2 -2
  341. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +18 -10
  342. package/dist/collection/components/dropdown/dropdown.css +125 -117
  343. package/dist/collection/components/dropdown/dropdown.js +32 -10
  344. package/dist/collection/components/footer/footer-group/footer-group.css +3 -3
  345. package/dist/collection/components/footer/footer-item/footer-item.css +6 -4
  346. package/dist/collection/components/header/header-dropdown/header-dropdown.css +3 -3
  347. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +2 -1
  348. package/dist/collection/components/header/header-item/header-item.css +2 -1
  349. package/dist/collection/components/header/header-launcher/header-launcher.css +3 -3
  350. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +2 -1
  351. package/dist/collection/components/icon/icon.js +7 -2
  352. package/dist/collection/components/icon/tratonIconsArray.js +4 -1
  353. package/dist/collection/components/message/message.css +19 -21
  354. package/dist/collection/components/modal/modal.css +14 -13
  355. package/dist/collection/components/popover-core/tds-popover-core.css +8569 -1780
  356. package/dist/collection/components/radio-button/radio-button.css +4 -7
  357. package/dist/collection/components/radio-button/radio-button.js +28 -1
  358. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.css +1 -1
  359. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +8 -4
  360. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +9 -2
  361. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +34 -6
  362. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +24 -7
  363. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.css +1 -4
  364. package/dist/collection/components/side-menu/side-menu.css +3 -3
  365. package/dist/collection/components/spinner/spinner.css +34 -64
  366. package/dist/collection/components/spinner/spinner.js +3 -2
  367. package/dist/collection/components/stepper/step/step.css +19 -27
  368. package/dist/collection/components/stepper/step/step.js +1 -1
  369. package/dist/collection/components/table/table/table.css +3 -3
  370. package/dist/collection/components/table/table-body/table-body.css +18 -11
  371. package/dist/collection/components/table/table-body-cell/table-body-cell.css +12 -5
  372. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.css +16 -7
  373. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  374. package/dist/collection/components/table/table-body-row/table-body-row.css +7 -8
  375. package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
  376. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.css +11 -10
  377. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
  378. package/dist/collection/components/table/table-footer/table-footer.css +29 -17
  379. package/dist/collection/components/table/table-footer/table-footer.js +3 -3
  380. package/dist/collection/components/table/table-header/table-header.css +14 -7
  381. package/dist/collection/components/table/table-header/table-header.js +2 -2
  382. package/dist/collection/components/table/table-header-cell/table-header-cell.css +25 -13
  383. package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
  384. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.css +14 -7
  385. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
  386. package/dist/collection/components/table/table-toolbar/table-toolbar.css +22 -11
  387. package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
  388. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +2 -1
  389. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
  390. package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +2 -1
  391. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  392. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
  393. package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +2 -1
  394. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  395. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  396. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +2 -1
  397. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
  398. package/dist/collection/components/text-field/text-field.css +151 -167
  399. package/dist/collection/components/text-field/text-field.js +8 -5
  400. package/dist/collection/components/textarea/textarea.js +31 -3
  401. package/dist/collection/components/toast/toast.css +10 -12
  402. package/dist/collection/components/toast/toast.js +3 -3
  403. package/dist/collection/components/toggle/toggle.css +58 -28
  404. package/dist/collection/components/toggle/toggle.js +25 -2
  405. package/dist/collection/components/tooltip/tooltip.js +2 -2
  406. package/dist/collection/utils/accessibility.js +30 -0
  407. package/dist/collection/utils/axeHelpers.js +11 -2
  408. package/dist/components/{p-6732b15a.js → p-49f09bc8.js} +25 -8
  409. package/dist/components/{p-69109003.js → p-4e5876a2.js} +3 -3
  410. package/dist/components/{p-516d8085.js → p-58fd585c.js} +1 -1
  411. package/dist/components/p-61836275.js +2098 -0
  412. package/dist/components/{p-6cdccb27.js → p-76dc921a.js} +1 -1
  413. package/dist/components/{p-adbf32b9.js → p-858c1df0.js} +34 -12
  414. package/dist/components/{p-7ee8b262.js → p-865b81b9.js} +3 -3
  415. package/dist/components/{p-c715ab56.js → p-8ffea123.js} +8 -3
  416. package/dist/components/p-ab1f729e.js +114 -0
  417. package/dist/components/{p-ece91cb9.js → p-aeef3de3.js} +2 -2
  418. package/dist/components/{p-877931c5.js → p-c2ae5e79.js} +1 -1
  419. package/dist/components/{p-84a20410.js → p-c46ecd24.js} +1 -1
  420. package/dist/components/tds-accordion-item.js +2 -2
  421. package/dist/components/tds-accordion.js +1 -1
  422. package/dist/components/tds-badge.js +1 -1
  423. package/dist/components/tds-banner.js +2 -2
  424. package/dist/components/tds-block.js +7 -3
  425. package/dist/components/tds-body-cell.js +1 -1
  426. package/dist/components/tds-breadcrumb.js +1 -1
  427. package/dist/components/tds-button.js +8 -4
  428. package/dist/components/tds-card.js +1 -1
  429. package/dist/components/tds-checkbox.js +1 -1
  430. package/dist/components/tds-chip.js +1 -1
  431. package/dist/components/tds-datetime.js +13 -5
  432. package/dist/components/tds-divider.js +1 -1
  433. package/dist/components/tds-dropdown-option.js +1 -1
  434. package/dist/components/tds-dropdown.js +1 -1
  435. package/dist/components/tds-folder-tab.js +3 -3
  436. package/dist/components/tds-folder-tabs.js +4 -4
  437. package/dist/components/tds-footer-group.js +2 -2
  438. package/dist/components/tds-footer-item.js +1 -1
  439. package/dist/components/tds-header-brand-symbol.js +1 -1
  440. package/dist/components/tds-header-cell.js +3 -3
  441. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  442. package/dist/components/tds-header-dropdown.js +5 -5
  443. package/dist/components/tds-header-hamburger.js +2 -2
  444. package/dist/components/tds-header-item.js +1 -1
  445. package/dist/components/tds-header-launcher-button.js +1 -1
  446. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  447. package/dist/components/tds-header-launcher-list-item.js +1 -1
  448. package/dist/components/tds-header-launcher.js +6 -6
  449. package/dist/components/tds-icon.js +1 -1
  450. package/dist/components/tds-inline-tab.js +2 -2
  451. package/dist/components/tds-inline-tabs.js +4 -4
  452. package/dist/components/tds-message.js +2 -2
  453. package/dist/components/tds-modal.js +2 -2
  454. package/dist/components/tds-navigation-tab.js +2 -2
  455. package/dist/components/tds-navigation-tabs.js +6 -6
  456. package/dist/components/tds-popover-canvas.js +1 -1
  457. package/dist/components/tds-popover-core.js +1 -1
  458. package/dist/components/tds-popover-menu.js +1 -1
  459. package/dist/components/tds-radio-button.js +10 -3
  460. package/dist/components/tds-side-menu-close-button.js +2 -2
  461. package/dist/components/tds-side-menu-collapse-button.js +1 -1
  462. package/dist/components/tds-side-menu-dropdown-list-item.js +10 -3
  463. package/dist/components/tds-side-menu-dropdown.js +2 -2
  464. package/dist/components/tds-side-menu-item.js +1 -1
  465. package/dist/components/tds-side-menu-user.js +1 -1
  466. package/dist/components/tds-side-menu.js +1 -1
  467. package/dist/components/tds-slider.js +1 -1
  468. package/dist/components/tds-spinner.js +5 -4
  469. package/dist/components/tds-step.js +3 -3
  470. package/dist/components/tds-table-body-input-wrapper.js +3 -3
  471. package/dist/components/tds-table-body-row-expandable.js +8 -8
  472. package/dist/components/tds-table-body-row.js +4 -4
  473. package/dist/components/tds-table-body.js +1 -1
  474. package/dist/components/tds-table-footer.js +8 -8
  475. package/dist/components/tds-table-header-input-wrapper.js +3 -3
  476. package/dist/components/tds-table-header.js +4 -4
  477. package/dist/components/tds-table-toolbar.js +4 -4
  478. package/dist/components/tds-table.js +1 -1
  479. package/dist/components/tds-text-field.js +10 -7
  480. package/dist/components/tds-textarea.js +15 -7
  481. package/dist/components/tds-toast.js +5 -5
  482. package/dist/components/tds-toggle.js +11 -4
  483. package/dist/components/tds-tooltip.js +1 -1
  484. package/dist/esm/loader.js +1 -1
  485. package/dist/esm/tds-accordion-item.entry.js +1 -1
  486. package/dist/esm/tds-accordion.entry.js +1 -1
  487. package/dist/esm/tds-badge.entry.js +1 -1
  488. package/dist/esm/tds-banner.entry.js +1 -1
  489. package/dist/esm/tds-block.entry.js +7 -3
  490. package/dist/esm/tds-body-cell.entry.js +1 -1
  491. package/dist/esm/tds-breadcrumb.entry.js +1 -1
  492. package/dist/esm/tds-button.entry.js +6 -4
  493. package/dist/esm/tds-checkbox.entry.js +9 -3
  494. package/dist/esm/tds-chip.entry.js +1 -1
  495. package/dist/esm/tds-core-header-item_2.entry.js +1 -1
  496. package/dist/esm/tds-datetime.entry.js +10 -3
  497. package/dist/esm/tds-divider.entry.js +1 -1
  498. package/dist/esm/tds-dropdown_2.entry.js +34 -12
  499. package/dist/esm/tds-folder-tab.entry.js +3 -3
  500. package/dist/esm/tds-folder-tabs.entry.js +3 -3
  501. package/dist/esm/tds-footer-group.entry.js +1 -1
  502. package/dist/esm/tds-footer-item.entry.js +1 -1
  503. package/dist/esm/tds-header-cell.entry.js +2 -2
  504. package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
  505. package/dist/esm/tds-header-dropdown.entry.js +1 -1
  506. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  507. package/dist/esm/tds-header-launcher.entry.js +1 -1
  508. package/dist/esm/tds-icon.entry.js +8 -3
  509. package/dist/esm/tds-inline-tab.entry.js +2 -2
  510. package/dist/esm/tds-inline-tabs.entry.js +3 -3
  511. package/dist/esm/tds-message.entry.js +1 -1
  512. package/dist/esm/tds-modal.entry.js +1 -1
  513. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  514. package/dist/esm/tds-navigation-tabs.entry.js +5 -5
  515. package/dist/esm/tds-popover-core.entry.js +1 -1
  516. package/dist/esm/tds-radio-button.entry.js +8 -2
  517. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  518. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +9 -3
  519. package/dist/esm/tds-side-menu-item.entry.js +23 -7
  520. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  521. package/dist/esm/tds-side-menu.entry.js +1 -1
  522. package/dist/esm/tds-spinner.entry.js +3 -3
  523. package/dist/esm/tds-step.entry.js +2 -2
  524. package/dist/esm/tds-table-body-input-wrapper.entry.js +2 -2
  525. package/dist/esm/tds-table-body-row-expandable.entry.js +8 -8
  526. package/dist/esm/tds-table-body-row.entry.js +3 -3
  527. package/dist/esm/tds-table-body.entry.js +1 -1
  528. package/dist/esm/tds-table-footer.entry.js +4 -4
  529. package/dist/esm/tds-table-header-input-wrapper.entry.js +2 -2
  530. package/dist/esm/tds-table-header.entry.js +3 -3
  531. package/dist/esm/tds-table-toolbar.entry.js +3 -3
  532. package/dist/esm/tds-table.entry.js +1 -1
  533. package/dist/esm/tds-text-field.entry.js +9 -6
  534. package/dist/esm/tds-textarea.entry.js +10 -3
  535. package/dist/esm/tds-toast.entry.js +4 -4
  536. package/dist/esm/tds-toggle.entry.js +9 -3
  537. package/dist/esm/tds-tooltip.entry.js +2 -2
  538. package/dist/esm/tegel.js +1 -1
  539. package/dist/tegel/assets/icons/scania/24v_battery.svg +1 -0
  540. package/dist/tegel/assets/icons/scania/24v_battery_inactive.svg +1 -0
  541. package/dist/tegel/assets/icons/scania/acceleration.svg +4 -0
  542. package/dist/tegel/assets/icons/scania/acceleration_inactive.svg +8 -0
  543. package/dist/tegel/assets/icons/scania/adblue.svg +6 -0
  544. package/dist/tegel/assets/icons/scania/adblue_inactive.svg +8 -0
  545. package/dist/tegel/assets/icons/scania/arrow_diagonal.svg +3 -0
  546. package/dist/tegel/assets/icons/scania/arrow_down.svg +3 -0
  547. package/dist/tegel/assets/icons/scania/arrow_left.svg +3 -0
  548. package/dist/tegel/assets/icons/scania/arrow_right.svg +3 -0
  549. package/dist/tegel/assets/icons/scania/arrow_up.svg +4 -0
  550. package/dist/tegel/assets/icons/scania/audio.svg +5 -0
  551. package/dist/tegel/assets/icons/scania/audio_inactive.svg +1 -0
  552. package/dist/tegel/assets/icons/scania/award.svg +3 -0
  553. package/dist/tegel/assets/icons/scania/back.svg +3 -0
  554. package/dist/tegel/assets/icons/scania/backward.svg +1 -0
  555. package/dist/tegel/assets/icons/scania/backward_inactive.svg +1 -0
  556. package/dist/tegel/assets/icons/scania/bento.svg +3 -0
  557. package/dist/tegel/assets/icons/scania/bug.svg +3 -0
  558. package/dist/tegel/assets/icons/scania/bug_inactive.svg +6 -0
  559. package/dist/tegel/assets/icons/scania/burger.svg +3 -0
  560. package/dist/tegel/assets/icons/scania/bus.svg +3 -0
  561. package/dist/tegel/assets/icons/scania/bus_inactive.svg +6 -0
  562. package/dist/tegel/assets/icons/scania/calendar.svg +11 -0
  563. package/dist/tegel/assets/icons/scania/calendar_inactive.svg +12 -0
  564. package/dist/tegel/assets/icons/scania/camera.svg +4 -0
  565. package/dist/tegel/assets/icons/scania/camera_inactive.svg +7 -0
  566. package/dist/tegel/assets/icons/scania/card.svg +1 -0
  567. package/dist/tegel/assets/icons/scania/cart.svg +1 -0
  568. package/dist/tegel/assets/icons/scania/charging_complete.svg +4 -0
  569. package/dist/tegel/assets/icons/scania/charging_failed.svg +5 -0
  570. package/dist/tegel/assets/icons/scania/charging_speed.svg +1 -0
  571. package/dist/tegel/assets/icons/scania/charging_speed_inactive.svg +1 -0
  572. package/dist/tegel/assets/icons/scania/charging_stopped.svg +1 -0
  573. package/dist/tegel/assets/icons/scania/chevron_down.svg +3 -0
  574. package/dist/tegel/assets/icons/scania/chevron_left.svg +3 -0
  575. package/dist/tegel/assets/icons/scania/chevron_right.svg +3 -0
  576. package/dist/tegel/assets/icons/scania/chevron_up.svg +3 -0
  577. package/dist/tegel/assets/icons/scania/clock.svg +11 -0
  578. package/dist/tegel/assets/icons/scania/clock_inactive.svg +13 -0
  579. package/dist/tegel/assets/icons/scania/contact.svg +4 -0
  580. package/dist/tegel/assets/icons/scania/contact_inactive.svg +12 -0
  581. package/dist/tegel/assets/icons/scania/cookie.svg +7 -0
  582. package/dist/tegel/assets/icons/scania/cookie_inactive.svg +31 -0
  583. package/dist/tegel/assets/icons/scania/coolant_level.svg +3 -0
  584. package/dist/tegel/assets/icons/scania/coolant_level_inactive.svg +5 -0
  585. package/dist/tegel/assets/icons/scania/copy.svg +3 -0
  586. package/dist/tegel/assets/icons/scania/cross.svg +3 -0
  587. package/dist/tegel/assets/icons/scania/cup.svg +3 -0
  588. package/dist/tegel/assets/icons/scania/cup_inactive.svg +5 -0
  589. package/dist/tegel/assets/icons/scania/dashboard.svg +1 -0
  590. package/dist/tegel/assets/icons/scania/department.svg +3 -0
  591. package/dist/tegel/assets/icons/scania/department_inactive.svg +5 -0
  592. package/dist/tegel/assets/icons/scania/departure_scheduling.svg +5 -0
  593. package/dist/tegel/assets/icons/scania/departure_scheduling_inactive.svg +8 -0
  594. package/dist/tegel/assets/icons/scania/diamond.svg +3 -0
  595. package/dist/tegel/assets/icons/scania/diamond_inactive.svg +5 -0
  596. package/dist/tegel/assets/icons/scania/document.svg +3 -0
  597. package/dist/tegel/assets/icons/scania/document_check.svg +4 -0
  598. package/dist/tegel/assets/icons/scania/document_doc.svg +3 -0
  599. package/dist/tegel/assets/icons/scania/document_eye.svg +14 -0
  600. package/dist/tegel/assets/icons/scania/document_pdf.svg +3 -0
  601. package/dist/tegel/assets/icons/scania/document_plus.svg +4 -0
  602. package/dist/tegel/assets/icons/scania/document_plus_inactive.svg +7 -0
  603. package/dist/tegel/assets/icons/scania/document_ppt.svg +3 -0
  604. package/dist/tegel/assets/icons/scania/document_tool.svg +4 -0
  605. package/dist/tegel/assets/icons/scania/document_wrong.svg +4 -0
  606. package/dist/tegel/assets/icons/scania/document_xls.svg +3 -0
  607. package/dist/tegel/assets/icons/scania/dollar.svg +1 -0
  608. package/dist/tegel/assets/icons/scania/doner.svg +3 -0
  609. package/dist/tegel/assets/icons/scania/double_kebab.svg +3 -0
  610. package/dist/tegel/assets/icons/scania/download.svg +3 -0
  611. package/dist/tegel/assets/icons/scania/driving_licence.svg +8 -0
  612. package/dist/tegel/assets/icons/scania/driving_licence_inactive.svg +10 -0
  613. package/dist/tegel/assets/icons/scania/drop.svg +3 -0
  614. package/dist/tegel/assets/icons/scania/drop_inactive.svg +5 -0
  615. package/dist/tegel/assets/icons/scania/edit.svg +3 -0
  616. package/dist/tegel/assets/icons/scania/edit_inactive.svg +9 -0
  617. package/dist/tegel/assets/icons/scania/email.svg +3 -0
  618. package/dist/tegel/assets/icons/scania/engine.svg +3 -0
  619. package/dist/tegel/assets/icons/scania/engine_inactive.svg +6 -0
  620. package/dist/tegel/assets/icons/scania/environment.svg +3 -0
  621. package/dist/tegel/assets/icons/scania/environment_inactive.svg +5 -0
  622. package/dist/tegel/assets/icons/scania/error.svg +11 -0
  623. package/dist/tegel/assets/icons/scania/exit.svg +4 -0
  624. package/dist/tegel/assets/icons/scania/expand.svg +1 -0
  625. package/dist/tegel/assets/icons/scania/expand_inactive.svg +9 -0
  626. package/dist/tegel/assets/icons/scania/export.svg +3 -0
  627. package/dist/tegel/assets/icons/scania/export_inactive.svg +10 -0
  628. package/dist/tegel/assets/icons/scania/eye.svg +4 -0
  629. package/dist/tegel/assets/icons/scania/eye_inactive.svg +14 -0
  630. package/dist/tegel/assets/icons/scania/face_dissatisfied.svg +1 -0
  631. package/dist/tegel/assets/icons/scania/face_neutral.svg +1 -0
  632. package/dist/tegel/assets/icons/scania/face_satisfied.svg +1 -0
  633. package/dist/tegel/assets/icons/scania/factory.svg +6 -0
  634. package/dist/tegel/assets/icons/scania/factory_inactive.svg +9 -0
  635. package/dist/tegel/assets/icons/scania/ferry.svg +3 -0
  636. package/dist/tegel/assets/icons/scania/ferry_inactive.svg +5 -0
  637. package/dist/tegel/assets/icons/scania/filters.svg +12 -0
  638. package/dist/tegel/assets/icons/scania/filters_inactive.svg +16 -0
  639. package/dist/tegel/assets/icons/scania/flash.svg +3 -0
  640. package/dist/tegel/assets/icons/scania/flash_inactive.svg +5 -0
  641. package/dist/tegel/assets/icons/scania/folder.svg +4 -0
  642. package/dist/tegel/assets/icons/scania/forward.svg +5 -0
  643. package/dist/tegel/assets/icons/scania/forward_inactive.svg +1 -0
  644. package/dist/tegel/assets/icons/scania/fuel.svg +4 -0
  645. package/dist/tegel/assets/icons/scania/fuel_gauge.svg +3 -0
  646. package/dist/tegel/assets/icons/scania/fuel_gauge_inactive.svg +3 -0
  647. package/dist/tegel/assets/icons/scania/fuel_inactive.svg +8 -0
  648. package/dist/tegel/assets/icons/scania/gift inactive.svg +5 -0
  649. package/dist/tegel/assets/icons/scania/gift.svg +3 -0
  650. package/dist/tegel/assets/icons/scania/global.svg +18 -0
  651. package/dist/tegel/assets/icons/scania/guided_tour.svg +4 -0
  652. package/dist/tegel/assets/icons/scania/guided_tour_inactive.svg +7 -0
  653. package/dist/tegel/assets/icons/scania/hatch_open.svg +4 -0
  654. package/dist/tegel/assets/icons/scania/hatch_open_1.svg +6 -0
  655. package/dist/tegel/assets/icons/scania/hatch_open_2.svg +6 -0
  656. package/dist/tegel/assets/icons/scania/hatch_open_inactive.svg +1 -0
  657. package/dist/tegel/assets/icons/scania/heart.svg +12 -0
  658. package/dist/tegel/assets/icons/scania/heart_inactive.svg +14 -0
  659. package/dist/tegel/assets/icons/scania/heating_inactive_screen.svg +1 -0
  660. package/dist/tegel/assets/icons/scania/history.svg +1 -0
  661. package/dist/tegel/assets/icons/scania/history_inactive.svg +1 -0
  662. package/dist/tegel/assets/icons/scania/home.svg +3 -0
  663. package/dist/tegel/assets/icons/scania/home_inactive.svg +9 -0
  664. package/dist/tegel/assets/icons/scania/idea.svg +8 -0
  665. package/dist/tegel/assets/icons/scania/idea_inactive.svg +9 -0
  666. package/dist/tegel/assets/icons/scania/image.svg +3 -0
  667. package/dist/tegel/assets/icons/scania/image_add.svg +3 -0
  668. package/dist/tegel/assets/icons/scania/image_inactive.svg +1 -0
  669. package/dist/tegel/assets/icons/scania/image_set.svg +4 -0
  670. package/dist/tegel/assets/icons/scania/info.svg +4 -0
  671. package/dist/tegel/assets/icons/scania/insights.svg +1 -0
  672. package/dist/tegel/assets/icons/scania/kebab.svg +3 -0
  673. package/dist/tegel/assets/icons/scania/key.svg +3 -0
  674. package/dist/tegel/assets/icons/scania/key_inactive.svg +5 -0
  675. package/dist/tegel/assets/icons/scania/layer.svg +3 -0
  676. package/dist/tegel/assets/icons/scania/layer_inactive.svg +5 -0
  677. package/dist/tegel/assets/icons/scania/link.svg +3 -0
  678. package/dist/tegel/assets/icons/scania/link_broken.svg +3 -0
  679. package/dist/tegel/assets/icons/scania/list.svg +8 -0
  680. package/dist/tegel/assets/icons/scania/list_inactive.svg +9 -0
  681. package/dist/tegel/assets/icons/scania/lock.svg +4 -0
  682. package/dist/tegel/assets/icons/scania/lock_inactive.svg +4 -0
  683. package/dist/tegel/assets/icons/scania/map_cursor.svg +3 -0
  684. package/dist/tegel/assets/icons/scania/map_cursor_inactive.svg +5 -0
  685. package/dist/tegel/assets/icons/scania/maximize_fullscreen.svg +1 -0
  686. package/dist/tegel/assets/icons/scania/meatballs.svg +3 -0
  687. package/dist/tegel/assets/icons/scania/merge.svg +3 -0
  688. package/dist/tegel/assets/icons/scania/merge_inactive.svg +6 -0
  689. package/dist/tegel/assets/icons/scania/message.svg +3 -0
  690. package/dist/tegel/assets/icons/scania/message_inactive.svg +12 -0
  691. package/dist/tegel/assets/icons/scania/mileage.svg +4 -0
  692. package/dist/tegel/assets/icons/scania/mileage_inactive.svg +15 -0
  693. package/dist/tegel/assets/icons/scania/minimize_fullscreen.svg +1 -0
  694. package/dist/tegel/assets/icons/scania/minus.svg +3 -0
  695. package/dist/tegel/assets/icons/scania/navigate.svg +3 -0
  696. package/dist/tegel/assets/icons/scania/navigate_inactive.svg +6 -0
  697. package/dist/tegel/assets/icons/scania/notification.svg +3 -0
  698. package/dist/tegel/assets/icons/scania/notification_inactive.svg +12 -0
  699. package/dist/tegel/assets/icons/scania/oil_level.svg +5 -0
  700. package/dist/tegel/assets/icons/scania/oil_level_inactive.svg +9 -0
  701. package/dist/tegel/assets/icons/scania/pause.svg +1 -0
  702. package/dist/tegel/assets/icons/scania/pause_inactive.svg +1 -0
  703. package/dist/tegel/assets/icons/scania/phone.svg +3 -0
  704. package/dist/tegel/assets/icons/scania/phone_inactive.svg +9 -0
  705. package/dist/tegel/assets/icons/scania/pie_chart.svg +1 -0
  706. package/dist/tegel/assets/icons/scania/pin.svg +1 -0
  707. package/dist/tegel/assets/icons/scania/pin_inactive.svg +5 -0
  708. package/dist/tegel/assets/icons/scania/placeholder.svg +3 -0
  709. package/dist/tegel/assets/icons/scania/play.svg +3 -0
  710. package/dist/tegel/assets/icons/scania/play_inactive.svg +5 -0
  711. package/dist/tegel/assets/icons/scania/plus.svg +3 -0
  712. package/dist/tegel/assets/icons/scania/powerplug.svg +3 -0
  713. package/dist/tegel/assets/icons/scania/powerplug_inactive.svg +5 -0
  714. package/dist/tegel/assets/icons/scania/print.svg +12 -0
  715. package/dist/tegel/assets/icons/scania/print_inactive.svg +13 -0
  716. package/dist/tegel/assets/icons/scania/privacy.svg +3 -0
  717. package/dist/tegel/assets/icons/scania/privacy_inactive.svg +5 -0
  718. package/dist/tegel/assets/icons/scania/profile.svg +3 -0
  719. package/dist/tegel/assets/icons/scania/profile_inactive.svg +12 -0
  720. package/dist/tegel/assets/icons/scania/proportions.svg +3 -0
  721. package/dist/tegel/assets/icons/scania/proportions_inactive.svg +3 -0
  722. package/dist/tegel/assets/icons/scania/range.svg +1 -0
  723. package/dist/tegel/assets/icons/scania/range_inactive.svg +1 -0
  724. package/dist/tegel/assets/icons/scania/redirect.svg +3 -0
  725. package/dist/tegel/assets/icons/scania/refresh.svg +3 -0
  726. package/dist/tegel/assets/icons/scania/refresh_inactive.svg +1 -0
  727. package/dist/tegel/assets/icons/scania/reload.svg +1 -0
  728. package/dist/tegel/assets/icons/scania/reload_inactive.svg +1 -0
  729. package/dist/tegel/assets/icons/scania/repeat.svg +4 -0
  730. package/dist/tegel/assets/icons/scania/report.svg +3 -0
  731. package/dist/tegel/assets/icons/scania/report_inactive.svg +9 -0
  732. package/dist/tegel/assets/icons/scania/route.svg +5 -0
  733. package/dist/tegel/assets/icons/scania/route_inactive.svg +9 -0
  734. package/dist/tegel/assets/icons/scania/save.svg +4 -0
  735. package/dist/tegel/assets/icons/scania/save_inactive.svg +3 -0
  736. package/dist/tegel/assets/icons/scania/search.svg +3 -0
  737. package/dist/tegel/assets/icons/scania/send.svg +3 -0
  738. package/dist/tegel/assets/icons/scania/send_inactive.svg +3 -0
  739. package/dist/tegel/assets/icons/scania/settings.svg +3 -0
  740. package/dist/tegel/assets/icons/scania/share.svg +13 -0
  741. package/dist/tegel/assets/icons/scania/skip_backwards.svg +4 -0
  742. package/dist/tegel/assets/icons/scania/skip_forward.svg +4 -0
  743. package/dist/tegel/assets/icons/scania/smartphone.svg +3 -0
  744. package/dist/tegel/assets/icons/scania/smartphone_inactive.svg +3 -0
  745. package/dist/tegel/assets/icons/scania/sorting.svg +5 -0
  746. package/dist/tegel/assets/icons/scania/speedometer.svg +3 -0
  747. package/dist/tegel/assets/icons/scania/speedometer_inactive.svg +3 -0
  748. package/dist/tegel/assets/icons/scania/star.svg +3 -0
  749. package/dist/tegel/assets/icons/scania/support.svg +13 -0
  750. package/dist/tegel/assets/icons/scania/target.svg +1 -0
  751. package/dist/tegel/assets/icons/scania/target_inactive.svg +1 -0
  752. package/dist/tegel/assets/icons/scania/temperature.svg +4 -0
  753. package/dist/tegel/assets/icons/scania/temperature_inactive.svg +7 -0
  754. package/dist/tegel/assets/icons/scania/text.svg +8 -0
  755. package/dist/tegel/assets/icons/scania/text_inactive.svg +1 -0
  756. package/dist/tegel/assets/icons/scania/thumbs_down.svg +3 -0
  757. package/dist/tegel/assets/icons/scania/thumbs_up.svg +3 -0
  758. package/dist/tegel/assets/icons/scania/tick.svg +11 -0
  759. package/dist/tegel/assets/icons/scania/timer.svg +4 -0
  760. package/dist/tegel/assets/icons/scania/tool.svg +3 -0
  761. package/dist/tegel/assets/icons/scania/tool_inactive.svg +15 -0
  762. package/dist/tegel/assets/icons/scania/trailer.svg +2 -0
  763. package/dist/tegel/assets/icons/scania/trailer_inactive.svg +7 -0
  764. package/dist/tegel/assets/icons/scania/trash.svg +10 -0
  765. package/dist/tegel/assets/icons/scania/trash_inactive.svg +12 -0
  766. package/dist/tegel/assets/icons/scania/truck.svg +4 -0
  767. package/dist/tegel/assets/icons/scania/truck_inactive.svg +5 -0
  768. package/dist/tegel/assets/icons/scania/undo.svg +3 -0
  769. package/dist/tegel/assets/icons/scania/undo_inactive.svg +6 -0
  770. package/dist/tegel/assets/icons/scania/unlock.svg +3 -0
  771. package/dist/tegel/assets/icons/scania/upload.svg +3 -0
  772. package/dist/tegel/assets/icons/scania/video.svg +3 -0
  773. package/dist/tegel/assets/icons/scania/video_inactive.svg +5 -0
  774. package/dist/tegel/assets/icons/scania/wallet.svg +1 -0
  775. package/dist/tegel/assets/icons/scania/warning.svg +11 -0
  776. package/dist/tegel/assets/icons/scania/weight.svg +3 -0
  777. package/dist/tegel/assets/icons/scania/weight_inactive.svg +5 -0
  778. package/dist/tegel/assets/icons/scania/wifi.svg +10 -0
  779. package/dist/tegel/assets/icons/scania/wifi_inactive.svg +11 -0
  780. package/dist/tegel/assets/icons/scania/windscreen_heating.svg +3 -0
  781. package/dist/tegel/assets/icons/scania/windscreen_heating_inactive.svg +7 -0
  782. package/dist/tegel/assets/icons/traton/arrow_diagonal.svg +1 -0
  783. package/dist/tegel/assets/icons/traton/arrow_down.svg +1 -0
  784. package/dist/tegel/assets/icons/traton/arrow_left.svg +1 -0
  785. package/dist/tegel/assets/icons/traton/arrow_right.svg +1 -0
  786. package/dist/tegel/assets/icons/traton/arrow_up.svg +1 -0
  787. package/dist/tegel/assets/icons/traton/bento.svg +1 -0
  788. package/dist/tegel/assets/icons/traton/burger.svg +1 -0
  789. package/dist/tegel/assets/icons/traton/calendar.svg +1 -0
  790. package/dist/tegel/assets/icons/traton/chevron_down.svg +1 -0
  791. package/dist/tegel/assets/icons/traton/chevron_left.svg +1 -0
  792. package/dist/tegel/assets/icons/traton/chevron_right.svg +1 -0
  793. package/dist/tegel/assets/icons/traton/chevron_up.svg +1 -0
  794. package/dist/tegel/assets/icons/traton/cross.svg +1 -0
  795. package/dist/tegel/assets/icons/traton/edit.svg +1 -0
  796. package/dist/tegel/assets/icons/traton/error.svg +1 -0
  797. package/dist/tegel/assets/icons/traton/info.svg +1 -0
  798. package/dist/tegel/assets/icons/traton/minus.svg +1 -0
  799. package/dist/tegel/assets/icons/traton/notification.svg +1 -0
  800. package/dist/tegel/assets/icons/traton/plus.svg +1 -0
  801. package/dist/tegel/assets/icons/traton/print.svg +1 -0
  802. package/dist/tegel/assets/icons/traton/refresh.svg +1 -0
  803. package/dist/tegel/assets/icons/traton/search.svg +1 -0
  804. package/dist/tegel/assets/icons/traton/share.svg +1 -0
  805. package/dist/tegel/assets/icons/traton/sorting.svg +1 -0
  806. package/dist/tegel/assets/icons/traton/star.svg +1 -0
  807. package/dist/tegel/assets/icons/traton/tick.svg +1 -0
  808. package/dist/tegel/assets/icons/traton/truck.svg +1 -0
  809. package/dist/tegel/assets/icons/traton/warning.svg +1 -0
  810. package/dist/tegel/p-0103f442.entry.js +1 -0
  811. package/dist/tegel/p-036e12d4.entry.js +1 -0
  812. package/dist/tegel/p-0a0500f0.entry.js +1 -0
  813. package/dist/tegel/{p-3ec01fb3.entry.js → p-0ca88c7c.entry.js} +1 -1
  814. package/dist/tegel/{p-6eed8c31.entry.js → p-0f8930be.entry.js} +1 -1
  815. package/dist/tegel/p-0fdd14c7.entry.js +1 -0
  816. package/dist/tegel/p-103f9b0d.entry.js +1 -0
  817. package/dist/tegel/p-211cef64.entry.js +1 -0
  818. package/dist/tegel/p-222944dc.entry.js +1 -0
  819. package/dist/tegel/p-25d21e10.entry.js +1 -0
  820. package/dist/tegel/{p-3e4707fb.entry.js → p-2e5d2bec.entry.js} +1 -1
  821. package/dist/tegel/{p-dfe24bb1.entry.js → p-32540392.entry.js} +1 -1
  822. package/dist/tegel/p-326f0bf4.entry.js +1 -0
  823. package/dist/tegel/p-35dd9c8e.entry.js +1 -0
  824. package/dist/tegel/{p-1120575b.entry.js → p-364c08ec.entry.js} +1 -1
  825. package/dist/tegel/{p-46b66490.entry.js → p-378fe79c.entry.js} +1 -1
  826. package/dist/tegel/{p-67b4b2cf.entry.js → p-3e6d65ee.entry.js} +1 -1
  827. package/dist/tegel/p-4948ae4a.entry.js +1 -0
  828. package/dist/tegel/p-4a4b5069.entry.js +1 -0
  829. package/dist/tegel/{p-d4891ce6.entry.js → p-4d60aa49.entry.js} +1 -1
  830. package/dist/tegel/{p-fc0ceca7.entry.js → p-525c81b1.entry.js} +1 -1
  831. package/dist/tegel/p-58ec7381.entry.js +1 -0
  832. package/dist/tegel/p-5bc63fd1.entry.js +1 -0
  833. package/dist/tegel/p-62975e6d.entry.js +1 -0
  834. package/dist/tegel/p-7a97ac5e.entry.js +1 -0
  835. package/dist/tegel/{p-08f63e5d.entry.js → p-7fd272d1.entry.js} +1 -1
  836. package/dist/tegel/p-84de314b.entry.js +1 -0
  837. package/dist/tegel/{p-e102ca15.entry.js → p-87219f00.entry.js} +1 -1
  838. package/dist/tegel/p-8bf0f99f.entry.js +1 -0
  839. package/dist/tegel/p-90072813.entry.js +1 -0
  840. package/dist/tegel/p-94aa8b19.entry.js +1 -0
  841. package/dist/tegel/{p-c5e50096.entry.js → p-97de52aa.entry.js} +1 -1
  842. package/dist/tegel/{p-78823da3.entry.js → p-9e146138.entry.js} +1 -1
  843. package/dist/tegel/{p-64be21db.entry.js → p-a1444bc5.entry.js} +1 -1
  844. package/dist/tegel/{p-52adc30c.entry.js → p-a2576665.entry.js} +1 -1
  845. package/dist/tegel/p-a2f84e4a.entry.js +1 -0
  846. package/dist/tegel/{p-106e048d.entry.js → p-ad30ee83.entry.js} +1 -1
  847. package/dist/tegel/{p-760ab1ad.entry.js → p-b20f250b.entry.js} +1 -1
  848. package/dist/tegel/{p-ab103d0c.entry.js → p-b3446292.entry.js} +1 -1
  849. package/dist/tegel/p-b58194f9.entry.js +1 -0
  850. package/dist/tegel/p-b5a3c528.entry.js +1 -0
  851. package/dist/tegel/p-d1349d6c.entry.js +1 -0
  852. package/dist/tegel/p-d1b356d5.entry.js +1 -0
  853. package/dist/tegel/{p-3c51a017.entry.js → p-da60d17b.entry.js} +1 -1
  854. package/dist/tegel/p-daaf8d8f.entry.js +1 -0
  855. package/dist/tegel/p-dd5245ed.entry.js +1 -0
  856. package/dist/tegel/{p-0cfe8671.entry.js → p-e7638f10.entry.js} +1 -1
  857. package/dist/tegel/{p-98106799.entry.js → p-eb134c44.entry.js} +1 -1
  858. package/dist/tegel/{p-2c56421f.entry.js → p-f12ce132.entry.js} +1 -1
  859. package/dist/tegel/p-f4283f93.entry.js +1 -0
  860. package/dist/tegel/p-f67a8209.entry.js +1 -0
  861. package/dist/tegel/p-f76d8ab9.entry.js +1 -0
  862. package/dist/tegel/{p-4bd0d41c.entry.js → p-fdc5c832.entry.js} +1 -1
  863. package/dist/tegel/tegel.css +77 -19
  864. package/dist/tegel/tegel.esm.js +1 -1
  865. package/dist/types/components/button/button.d.ts +4 -0
  866. package/dist/types/components/checkbox/checkbox.d.ts +2 -0
  867. package/dist/types/components/datetime/datetime.d.ts +2 -0
  868. package/dist/types/components/radio-button/radio-button.d.ts +3 -0
  869. package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +1 -0
  870. package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +3 -1
  871. package/dist/types/components/textarea/textarea.d.ts +2 -0
  872. package/dist/types/components/toggle/toggle.d.ts +3 -0
  873. package/dist/types/components.d.ts +36 -0
  874. package/dist/types/types/TratonIcons.d.ts +1 -1
  875. package/dist/types/utils/accessibility.d.ts +14 -0
  876. package/dist-styles/core.css +5961 -0
  877. package/dist-styles/scania-variables.css +1826 -0
  878. package/dist-styles/scania.css +7788 -0
  879. package/dist-styles/traton-variables.css +1131 -0
  880. package/dist-styles/traton.css +7093 -0
  881. package/package.json +16 -5
  882. package/dist/components/p-1ef7423a.js +0 -107
  883. package/dist/components/p-96e83134.js +0 -2098
  884. package/dist/tegel/p-10dfd194.entry.js +0 -1
  885. package/dist/tegel/p-1297d40e.entry.js +0 -1
  886. package/dist/tegel/p-1336fb6c.entry.js +0 -1
  887. package/dist/tegel/p-1978cb0d.entry.js +0 -1
  888. package/dist/tegel/p-212e1fff.entry.js +0 -1
  889. package/dist/tegel/p-2b8e97e1.entry.js +0 -1
  890. package/dist/tegel/p-2e1d2b49.entry.js +0 -1
  891. package/dist/tegel/p-30c88c69.entry.js +0 -1
  892. package/dist/tegel/p-3a92d554.entry.js +0 -1
  893. package/dist/tegel/p-503cea9d.entry.js +0 -1
  894. package/dist/tegel/p-5bb01a99.entry.js +0 -1
  895. package/dist/tegel/p-614cc097.entry.js +0 -1
  896. package/dist/tegel/p-6cdbdb4e.entry.js +0 -1
  897. package/dist/tegel/p-72006dd7.entry.js +0 -1
  898. package/dist/tegel/p-76faaf70.entry.js +0 -1
  899. package/dist/tegel/p-90a97cc2.entry.js +0 -1
  900. package/dist/tegel/p-9899e52e.entry.js +0 -1
  901. package/dist/tegel/p-a9253c3a.entry.js +0 -1
  902. package/dist/tegel/p-ae0fed95.entry.js +0 -1
  903. package/dist/tegel/p-aec3e4cf.entry.js +0 -1
  904. package/dist/tegel/p-b152840e.entry.js +0 -1
  905. package/dist/tegel/p-b58c7bed.entry.js +0 -1
  906. package/dist/tegel/p-b7848493.entry.js +0 -1
  907. package/dist/tegel/p-bbeb4e1b.entry.js +0 -1
  908. package/dist/tegel/p-bd935506.entry.js +0 -1
  909. package/dist/tegel/p-cbe217bf.entry.js +0 -1
  910. package/dist/tegel/p-d14500a1.entry.js +0 -1
  911. package/dist/tegel/p-d6d8cb7f.entry.js +0 -1
  912. package/dist/tegel/p-f4b5e80b.entry.js +0 -1
  913. package/dist/tegel/p-fbffe3aa.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as e,c as a,h as s,H as t,g as o}from"./p-2049fab2.js";import{g as n}from"./p-11648030.js";import{h as r}from"./p-ae110fc2.js";const i=class{constructor(s){e(this,s),this.tdsClose=a(this,"tdsClose",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.variant="default",this.bannerId=n(),this.hidden=!1,this.roleType="banner"}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=r("subheader",this.host),a=r("subheader",this.host),o=r("actions",this.host);return s(t,{key:"4a8e42b6c770c6c888739b2eab7e838fe4f83899",role:this.roleType,"aria-hidden":`${this.hidden}`,"aria-live":"alert"===this.roleType?"assertive":"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:{[this.variant]:!0,hide:this.hidden,show:!this.hidden}},this.icon&&s("div",{key:"45b0a63ff1015c7a24bb37211eccfa5c8b5320ca",class:`banner-icon ${this.variant}`},s("tds-icon",{key:"2375c0c7a5a785fc788088e4568ad04a7d5f778e",name:this.icon,size:"20px",svgTitle:this.icon})),s("div",{key:"0b4a58d3d3ab8405193bd771797badde39e23729",class:"content"},s("div",{key:"e9b26e4b13055853ea659cec8d990f7f2eb76999",class:"header-subheader"},this.header&&s("div",{key:"5cedf44a46330c77259c3d64cf567052ef26af0b",class:"header"},this.header),e&&s("slot",{key:"a2c9897a3befbbd5603262962a7652a763650048",name:"header"}),this.subheader&&s("div",{key:"a7916827ee4ea924270242c9f06ce75989021c3b",class:"subheader"},this.subheader),a&&s("slot",{key:"fba6caffbf916a12b8e5975966551c4c9d03a5c9",name:"subheader"})),o&&s("slot",{key:"7a1b89ac09e9aa7e79740f225960818d2622d4b4",name:"actions"})),s("div",{key:"9dca236d2f8253c64a8a9ff67981f69c6f473c77",class:"banner-close"},s("button",{key:"cabd5fa950e125babecc6caf8109c51d05142ec3","aria-label":"Close banner",onClick:this.handleClose},s("tds-icon",{key:"2ec160b7e458fc4e99528c390f6190dea039f02a",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return o(this)}};i.style=":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{i as tds_banner}
1
+ import{r as e,c as a,h as s,H as t,g as o}from"./p-2049fab2.js";import{g as n}from"./p-11648030.js";import{h as r}from"./p-ae110fc2.js";const i=class{constructor(s){e(this,s),this.tdsClose=a(this,"tdsClose",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.variant="default",this.bannerId=n(),this.hidden=!1,this.roleType="banner"}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=r("subheader",this.host),a=r("subheader",this.host),o=r("actions",this.host);return s(t,{key:"4a8e42b6c770c6c888739b2eab7e838fe4f83899",role:this.roleType,"aria-hidden":`${this.hidden}`,"aria-live":"alert"===this.roleType?"assertive":"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:{[this.variant]:!0,hide:this.hidden,show:!this.hidden}},this.icon&&s("div",{key:"45b0a63ff1015c7a24bb37211eccfa5c8b5320ca",class:`banner-icon ${this.variant}`},s("tds-icon",{key:"2375c0c7a5a785fc788088e4568ad04a7d5f778e",name:this.icon,size:"20px",svgTitle:this.icon})),s("div",{key:"0b4a58d3d3ab8405193bd771797badde39e23729",class:"content"},s("div",{key:"e9b26e4b13055853ea659cec8d990f7f2eb76999",class:"header-subheader"},this.header&&s("div",{key:"5cedf44a46330c77259c3d64cf567052ef26af0b",class:"header"},this.header),e&&s("slot",{key:"a2c9897a3befbbd5603262962a7652a763650048",name:"header"}),this.subheader&&s("div",{key:"a7916827ee4ea924270242c9f06ce75989021c3b",class:"subheader"},this.subheader),a&&s("slot",{key:"fba6caffbf916a12b8e5975966551c4c9d03a5c9",name:"subheader"})),o&&s("slot",{key:"7a1b89ac09e9aa7e79740f225960818d2622d4b4",name:"actions"})),s("div",{key:"9dca236d2f8253c64a8a9ff67981f69c6f473c77",class:"banner-close"},s("button",{key:"cabd5fa950e125babecc6caf8109c51d05142ec3","aria-label":"Close banner",onClick:this.handleClose},s("tds-icon",{key:"2ec160b7e458fc4e99528c390f6190dea039f02a",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return o(this)}};i.style=":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}";export{i as tds_banner}
@@ -1 +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.clickHandlers=new WeakMap,this.addResizeObserver=()=>{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()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children=Array.from(this.host.children),this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"9fa2d8cb54ac480fb5875432440506b0c12efaa5",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"aecb68d56088f84e271f3c829c84da4e732df9b8",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"9b97d342cfe66209063b504b49480d587cd626d5","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"a447ce946eb5bc02a2527f210322aa76ca5ad5b8",name:"chevron_left",size:"20px"})),i("slot",{key:"1df34e68bbea35ef76de48e7b8fe96b3a8655792",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"7c753dd66c173265c32a7b49197df12fbecc78d1","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"f76934b67470db5ff6ddb6fbae86f87fd3d0bdee",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_inline_tabs}
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.clickHandlers=new WeakMap,this.addResizeObserver=()=>{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()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children=Array.from(this.host.children),this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"ffa1e0a85855080f19e5beadf00dd608728574f1",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"98bc41d5bc921882facd666c207e57c1d5b1a087",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"d500b299f2758ec13c4451859c51e9a961c42039","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"d84805f953384f3f59ec26ff74b79b84885bb4d4",name:"chevron_left",size:"20px"})),i("slot",{key:"d392fafeb4bf2f7bb129a2e55eddee128ebd2ce7",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"ceada0ebd126600199b675bc5251762e29f6b4d6","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"9175ce89c1c65a3ab7cd779483020555161e530f",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_inline_tabs}
@@ -1 +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 r=class{constructor(o){t(this,o),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:"e7229ee89dea45931af9d12f04b2f31a9c0f7be2",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"e4b263f4414f6ce9d2e557fc5431040d718aff3c"},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:"41797812218d42837bb56b393a5e20c612cc51ad"})))}get host(){return i(this)}};r.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{r as tds_tooltip}
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.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:"69ced518e10ea5d65da8266257d7f7bba5db3f63",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"9511b6fb5dcd5a270de5b6f9b50b40271b4f5030"},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:"8fb6467b2d1fa2ce6a70a171966ff245f8205b55"})))}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}
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as s,H as d,g as a}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";import{g as e}from"./p-11648030.js";const l=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.handleClose=t=>{const o=this.tdsClose.emit(t);this.returnFocusOnClose(),o.defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0)},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0}async showModal(){this.isShown=!0,requestAnimationFrame((()=>{const t=this.getFocusableElements();t.length>0&&(t[0].focus(),this.activeElementIndex=0)}))}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;let o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);if(!o)return;const s=["BUTTON","A","INPUT"];if(s.includes(o.tagName))o.focus();else{const t=o.querySelector(s.join(","));t&&t.focus()}}getFocusableElements(){const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(this.host.shadowRoot.querySelectorAll(t)),...Array.from(this.host.querySelectorAll(t))]}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header?`tds-modal-header-${e()}`:void 0,l=`tds-modal-body-${e()}`;return s(d,{key:"2d39760de58fd957585e4370aa88447d85249eca",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":l,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"5eeaf5c29529bf77ddde4892067f13d312d1bba7",class:"tds-modal-backdrop"}),s("div",{key:"8a6ccd911dfec947a809320a0631d5f9904ef78d",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"b7c760ebded4e98319cec75c161002a579316902",id:a,class:"header"},this.header&&s("div",{key:"db14e71913052ba5367ab95a41a366c7f2dea4a3",class:"header-text"},this.header),t&&s("slot",{key:"62b394718c78e564fd50e7ff3328e637a63679e6",name:"header"}),this.closable&&s("button",{key:"9ff8ad81be4f72ee6a298a9ba39a1024269d3ec2",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"b34b8a55c7f5c65ce7a3fdee6114c66ee4ab82c3",name:"cross",size:"20px"}))),s("div",{key:"ab04e506dd94c69d8f91fb774fa85f355f3629d4",id:l,class:"body"},s("slot",{key:"f4a8e2377b4cae3a9c4fa1032e896b0b0c58a06a",name:"body"})),o&&s("slot",{key:"09137d7c8b81f91dbf419b10c8a085de25df1272",name:"actions"})))}get host(){return a(this)}};l.style=".tds-modal{box-sizing:border-box;background-color:var(--modal-background-color);margin:auto;position:relative;border-radius:4px;max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:6px;background-color:transparent}.tds-modal::-webkit-scrollbar-track{background-color:transparent}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--modal-scroll-bar-thumb-color);border-radius:3px}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--modal-background-color);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--modal-background-color);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--modal-background-color);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--modal-text-color);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--modal-text-color);overflow-y:visible;padding:0 16px 16px}.body::-webkit-scrollbar{width:6px;background-color:transparent}.body::-webkit-scrollbar-track{background-color:transparent}.body::-webkit-scrollbar-thumb{background-color:var(--modal-scroll-bar-thumb-color);border-radius:3px}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-backdrop-color);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--modal-text-color);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--modal-close-x-svg-color)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{l as tds_modal}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as a,H as d,g as s}from"./p-2049fab2.js";import{g as o}from"./p-11648030.js";const i=["verticalDividers","compactDesign","noMinWidth","modeVariant"],l=class{constructor(a){t(this,a),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.tdsChange=e(this,"tdsChange",6),this.colSpan=null,this.rowId=o(),this.expanded=void 0,this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.columnsNumber=null!==this.colSpan?this.colSpan:this.tableEl.querySelector("tds-table-header").childElementCount+1}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}render(){return a(d,{key:"da3c577b253c47cd33ee07d3d028efd923fdb25d",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},a("tr",{key:"7f97fa880a101483167624cfc75d522444ad0824",id:`expandable-content-${this.rowId}`,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded},part:"row"},a("td",{key:"e51d8a91442882c1ae412d32524fdc7d1db32714",class:{"tds-table__cell-expand":!0}},a("label",{key:"4ad4a3c78f1494f27874b305b1c04a4ed4a0bf5c",class:"tds-table__expand-control-container"},a("input",{key:"853ffba9075c6b4e78f79fe965cb52a71b1db8dd",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`expandable-content-${this.rowId}`,"aria-label":this.tdsAriaLabelExpandButton}),a("span",{key:"870e9118534a8bd6772d3edc81ed6b58326ea56d",class:"tds-expendable-row-icon"},a("svg",{key:"a09133d67f9b768747da1c962e21107c0e6403c1",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},a("path",{key:"32d527f58e37c9fd797fd8437eb55dd5ae65495b","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),a("slot",{key:"d4be14761d18b718cf976749771c3252b7f3d873"})),a("tr",{key:"58c0d4956ff101d90ac48efe2fe748efa1b4d6b9",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},a("td",{key:"29264749d12132c22ec96574eaeb8d2384ad653c",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:this.columnsNumber},a("div",{key:"d11b97f03ac06b1f1d64c183619bf56e62b064e8",style:{overflow:this.overflow}},a("slot",{key:"c2feed89d38a97a47a0f07823ab4bca9bb8ae283",name:"expand-row"})))))}get host(){return s(this)}static get watchers(){return{expanded:["watchExpanded"]}}};l.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--table-divider);background-color:var(--table-body-row);transition:background-color 200ms ease;color:var(--table-text)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--table-body-row-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--table-text)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--table-body-row-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--table-body-row-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--table-divider)}";export{l as tds_table_body_row_expandable}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o}from"./p-2049fab2.js";const r=class{constructor(e){t(this,e)}render(){return e(o,{key:"fc7949be187e1a83b56e8cf3a7fd1ac51a4c76cc",role:"listitem"},e("slot",{key:"998d551d53a7e0b6536a5a45f5e67a7425508f70"}))}};r.style=":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{r as tds_header_launcher_grid_item}
1
+ import{r as t,h as e,H as o}from"./p-2049fab2.js";const r=class{constructor(e){t(this,e)}render(){return e(o,{key:"fc7949be187e1a83b56e8cf3a7fd1ac51a4c76cc",role:"listitem"},e("slot",{key:"998d551d53a7e0b6536a5a45f5e67a7425508f70"}))}};r.style=":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}";export{r as tds_header_launcher_grid_item}
@@ -1 +1 @@
1
- import{r as e,h as t,H as s,g as r}from"./p-2049fab2.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const d=class{constructor(t){e(this,t)}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const e=this.host.closest("tds-side-menu"),r=e?e.id:"",a=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},r&&{"aria-controls":r}),o(this.host)),{onClick:d.handleClick});return t(s,{key:"b0e953d2148179c2a4fd1ed352b9024f6939c77c"},t("button",Object.assign({key:"cd5f48b31d9eb62f4327a2918351920d961c446f"},a),t("tds-icon",{key:"f007bf92a2ba7186006aa4dd5126820108badecf",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return r(this)}};d.style=":host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";export{d as tds_side_menu_close_button}
1
+ import{r as e,h as t,H as s,g as r}from"./p-2049fab2.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const d=class{constructor(t){e(this,t)}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const e=this.host.closest("tds-side-menu"),r=e?e.id:"",a=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},r&&{"aria-controls":r}),o(this.host)),{onClick:d.handleClick});return t(s,{key:"b0e953d2148179c2a4fd1ed352b9024f6939c77c"},t("button",Object.assign({key:"cd5f48b31d9eb62f4327a2918351920d961c446f"},a),t("tds-icon",{key:"f007bf92a2ba7186006aa4dd5126820108badecf",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return r(this)}};d.style=":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";export{d as tds_side_menu_close_button}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as a,H as s,g as r}from"./p-2049fab2.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(a){t(this,a),this.tdsFilter=e(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}handleSearch(t){const e=t.currentTarget.value.toLowerCase(),a=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:e}),e.length>0?a.classList.add("tds-table__searchbar--active"):a.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return a(s,{key:"7cf6fffdb988f525b5ff9fca25588f2b4770f9df",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},a("div",{key:"d071dcc92ba9d045c7322eec7bde32afc16616d6",class:"tds-table__upper-bar-flex"},a("div",{key:"9cee0628c8c81614fb43ec2453644f7dd5001f54",class:"tds-table__actionbar-left"},this.tableTitle&&a("caption",{key:"90949e76eb225021d4dd9645968bd544b6ec9e71",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),a("slot",{key:"fe27e4a5f5fb81040deb6df122fafa9172fc2c54",name:"start"})),a("div",{key:"2d146dfb716542c6c44a67404e2b537dfd730887",class:"tds-table__actionbar"},this.filter&&a("div",{key:"a2aee3c2a1dc9873c66e9e916af036a5e4851cf5",class:"tds-table__searchbar"},a("input",{key:"a8d9cc52b1e90d43ef9be1d198962d2c8bc54ea8",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),a("span",{key:"77bf8cff14864f3f36a2e94d34cbcbba361b700c",class:"tds-table__searchbar-icon"},a("tds-icon",{key:"a4de427ffa05d9d08b183ecedfd6105abe9d9e35",name:"search",size:"20px"}))),a("slot",{key:"95c49753b2cc07b4dc211dc8b18ae88eb1170838",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--table-toolbar);color:var(--table-text);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--table-toolbar-searchbar)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--table-toolbar-searchbar)}:host .tds-table__searchbar .tds-table__searchbar-input{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--table-text);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--table-toolbar-searchbar)}:host .tds-table__searchbar:hover{background-color:var(--table-toolbar-searchbar-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
@@ -0,0 +1 @@
1
+ import{r as o,h as t,g as r}from"./p-2049fab2.js";const e=class{constructor(t){o(this,t),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,t=this.host.parentElement;for(;t;)"tds-block"===t.tagName.toLowerCase()&&o++,t=t.parentElement;return o}render(){const o=this.componentTag,r=this.getNestingLevel();let e="";const a=Array.from(this.host.querySelectorAll("tds-block")).length>0;return null===this.modeVariant&&(r>0||a)&&(e=r%2==0?"tds-block-even":"tds-block-odd"),t(o,{key:"3f595ff59e8957fdc7bbb3680545d293e4c9628a",class:`tds-block ${e} ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},t("slot",{key:"13cf4ac7582e31558780e39e0ef1610edf79331b"}))}get host(){return r(this)}};e.style=".tds-block{box-sizing:border-box;font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);background-color:var(--block-background);color:var(--block-text-color);border-radius:4px;padding:16px}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--block-background-mode-primary)}.tds-mode-variant-secondary{background-color:var(--block-background-mode-secondary)}.tds-block-even{background-color:var(--block-background-even)}.tds-block-odd{background-color:var(--block-background-odd)}";export{e as tds_block}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";const s=["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=>s.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?s.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-BODY-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})),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),this.moveToNextEditableCell())}))}}moveToNextEditableCell(){const t=Array.from(document.querySelectorAll("tds-table-body-input-wrapper")),e=t.indexOf(this.host);if(-1!==e&&e<t.length-1){const o=t[e+1].querySelector("input");o&&o.focus()}}render(){return e(o,{key:"47496dfe7467e43cede5af53d6c30fe17c116eaf",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot&&e("slot",{key:"ef7332417d9f9c0c2e2e9f4b030b84b0f67b251a",onSlotchange:()=>this.handleSlotChange()}),this.showIcon&&e("tds-icon",{key:"102e26b6821c0987244a7452341865259ce5f5d7",class:"edit-icon",slot:"icon",size:"16px",name:"edit"}))}get host(){return i(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(--table-input-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);box-sizing:border-box;padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--table-text);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--table-text)}::slotted(input:disabled){background-color:var(--table-input-disabled);cursor:not-allowed;color:var(--table-input-text-disabled)}::slotted(input:focus){outline:none;background-color:var(--table-input-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 o,h as i,H as s,g as e}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";const d=t=>null==t?"":t.toString(),a=t=>t.map((t=>d(t))),l=class{constructor(i){t(this,i),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.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=>d(o.value)===d(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.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,i,s,e;if("auto"===this.openDirection||!this.openDirection){const r=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(s=(i=this.host).getBoundingClientRect)||void 0===s?void 0:s.call(i).top)&&void 0!==e?e:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase(),i=this.getChildren();""===o?(i.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=i.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFilterReset=()=>{this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue=""},this.handleFocus=t=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.inputElement&&(this.inputElement.value=""),this.tdsFocus.emit(t),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=t=>{this.tdsBlur.emit(t)},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=void 0,this.filterResult=void 0,this.filterFocus=void 0,this.internalDefaultValue=void 0,this.selectedOptions=[]}handleValueChange(t){const o=this.normalizeValue(t);this.hasValueChanged(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?a(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(t)]}hasValueChanged(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const i=this.validateValues(t);this.selectedOptions=[...i],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 i=o.some((o=>d(o.value)===d(t)));return i||console.warn(`Option with value "${t}" does not exist`),i})):(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(d(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){let o;return o=Array.isArray(t)?a(t):[d(t)],this.updateDropdownStateFromUser(o),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}this.handleFocus({})}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){var o;const{activeElement:i}=document;if(!i)return;const s=this.getChildren();if("ArrowDown"===t.key){const t=i.nextElementSibling?s.findIndex((t=>t===i.nextElementSibling)):0;s[((t,o)=>{if(void 0===t[o])return 0;for(let i=o;i<t.length;i++)if(!t[i].disabled)return i})(s,t)].focus()}else if("ArrowUp"===t.key)s[((t,o)=>{if(void 0===t[o])return t.length-1;for(let i=o;i>=0;i--)if(!t[i].disabled)return i})(s,i.nextElementSibling?this.getChildren().findIndex((t=>t===i.previousElementSibling)):0)].focus();else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=this.host.shadowRoot.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=d(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=d(this.defaultValue),o=this.multiselect?t.split(",").map(d):[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)}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Dropdown component: tdsAriaLabel prop is missing")}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,i,s)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e.disabled=s,e.name=o,e.value=i||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||r()}`:void 0,o=this.helper?`dropdown-helper-${this.name||r()}`:void 0;return i(s,{key:"aed0a485fc4634cdba2599fa9792fb6289a7459c",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&i("div",{key:"39d11ac06547b133540f037a0c09ddc40b972cb5",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),i("div",{key:"8ab624d380289699887b660d30512b2e892f71c0",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?i("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},i("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&i("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&i("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),i("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.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.multiselect&&(this.inputElement.value=this.getValue()),this.handleBlur(t)},onFocus:t=>this.handleFocus(t),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),i("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),disabled:this.disabled},name:"cross",size:"16px"}),i("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"} ${this.disabled?"disabled":""}`,name:"chevron_down",size:"16px"})):i("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},i("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&i("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&i("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),i("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),i("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:`menu-icon ${this.open?"open":"closed"} ${this.disabled?"disabled":""}`,name:"chevron_down",size:"16px"})))),i("div",{key:"38fa965b0721f4f30217e20b17488a2133edf3f6",role:"listbox","aria-label":this.tdsAriaLabel,"aria-hidden":this.open?"false":"true",inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref: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}},i("slot",{key:"f325bf93f1888e95c5f2bd8b90d7639d1c8786e4",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&i("div",{key:"4a5949d7fd632308ac7b2a0ae3e9105feeab1d1e",class:`no-result ${this.size}`},this.noResultText)),this.helper&&i("div",{key:"340a871c5c43192dd4e5d130adf10116d2406825",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&i("tds-icon",{key:"10b4059f6f5149c0bb10b4c209c69859bdc28296",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};l.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;box-shadow:var(--dropdown-border);background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-border-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-border-focus)}:host button:active{box-shadow:var(--dropdown-border-active)}:host button.error{box-shadow:var(--dropdown-border-error)}:host button.error:hover{box-shadow:var(--dropdown-border-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-border-error-focus)}:host button:disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);box-shadow:var(--dropdown-border);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-border-hover)}:host .filter.disabled{color:var(--dropdown-disabled);box-shadow:var(--dropdown-border-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{position:absolute;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);line-height:1.3;color:var(--dropdown-placeholder)}: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-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);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{box-shadow:var(--dropdown-border-focus)}:host .filter.error{box-shadow:var(--dropdown-border-error)}:host .filter.error.focus{box-shadow:var(--dropdown-border-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}: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{display:block;position:relative;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .label-outside{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}: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{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{position:absolute;font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);color:var(--dropdown-text)}: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(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);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(--dropdown-helper-text);font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);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;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--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-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}: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(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const n=class{constructor(i){t(this,i),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,i;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===(i=this.host.textContent)||void 0===i?void 0:i.trim())||"")},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.internalValue),this.parentElement.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(this.parentElement.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.value=void 0,this.internalValue=void 0,this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=d(t)}componentWillLoad(){this.internalValue=d(this.value)}render(){return i(s,{key:"0964b9a046c2894b96480c133538337a56d048a2"},i("div",{key:"1f28fde6080ad6c489c1ed4a7c449bb45ab85b99",class:`dropdown-option \n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?i("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},i("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},disabled:this.disabled,checked:this.selected,class:{[this.size]:!0}},i("div",{slot:"label"},i("slot",null)))):i("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},i("div",{class:"single-select"},i("slot",null),this.selected&&i("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:["valueWatcher"]}}};n.style=":host{box-sizing:border-box;display:block;background-color:var(--dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--dropdown-text);border-bottom:1px solid var(--dropdown-option-border);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--dropdown-option-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}: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{background-color:var(--dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{l as tds_dropdown,n as tds_dropdown_option}
@@ -1 +1 @@
1
- import{r as t,c as o,h as s,H as r,g as l}from"./p-2049fab2.js";import{g as a}from"./p-11648030.js";const e=class{constructor(s){t(this,s),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(){let t=[];const o=this.host.querySelector("tds-table-body");return Array.from(o.querySelectorAll("tds-table-body-row")).filter((t=>t.selected)).forEach((o=>{let s=[];Array.from(o.getElementsByTagName("tds-body-cell")).forEach((t=>{var o;const r={cellKey:null,cellValue:null};r.cellKey=t.cellKey,r.cellValue=null!==(o=t.cellValue)&&void 0!==o?o:t.innerText,s=[...s,r]})),t=[...t,s]})),t}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(){this.horizontalScrollWidth&&(this.enableHorizontalScrollToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1,this.enableHorizontalScrollFooterDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-footer").length>=1)}render(){return s(r,{key:"7a9b7fb545f7c4cd4c0f118910ce8af6d407851e",class:{"tds-table--responsive":this.responsive,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},s("table",{key:"8a1c7e74c38a55e17d7cf322997f6690d6b29f3f",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}},s("slot",{key:"a47351a50dbd07b15f969ffaeb75f62045693968"})))}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{--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}
1
+ import{r as t,c as o,h as r,H as s,g as a}from"./p-2049fab2.js";import{g as l}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=l(),this.enableHorizontalScrollToolbarDesign=!1,this.enableHorizontalScrollFooterDesign=!1}emitInternalTdsPropChange(t,o){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[t],[t]:o})}async getSelectedRows(){let t=[];const o=this.host.querySelector("tds-table-body");return Array.from(o.querySelectorAll("tds-table-body-row")).filter((t=>t.selected)).forEach((o=>{let r=[];Array.from(o.getElementsByTagName("tds-body-cell")).forEach((t=>{var o;const s={cellKey:null,cellValue:null};s.cellKey=t.cellKey,s.cellValue=null!==(o=t.cellValue)&&void 0!==o?o:t.innerText,r=[...r,s]})),t=[...t,r]})),t}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(){this.horizontalScrollWidth&&(this.enableHorizontalScrollToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1,this.enableHorizontalScrollFooterDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-footer").length>=1)}render(){return r(s,{key:"7a9b7fb545f7c4cd4c0f118910ce8af6d407851e",class:{"tds-table--responsive":this.responsive,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},r("table",{key:"8a1c7e74c38a55e17d7cf322997f6690d6b29f3f",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:"a47351a50dbd07b15f969ffaeb75f62045693968"})))}get host(){return a(this)}static get watchers(){return{multiselect:["multiselectChanged"],expandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],zebraMode:["zebraModeChanged"],modeVariant:["modeVariantChanged"],horizontalScrollWidth:["widthChanged"]}}};e.style=":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(--color-foreground-icon-discrete);background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--color-background-layer-01)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);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}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as i,g as o}from"./p-2049fab2.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.index=void 0,this.state="upcoming",this.tdsAriaCurrent=void 0,this.hideLabels=void 0,this.size=void 0,this.orientation=void 0,this.labelPosition=void 0}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"f049d976121a1179979026cd3087ad459183de06"},e("div",{key:"1f961578e8e54ffc9e0d0c2966c86e3e32f8ddd8",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"f83033e0a0761227d911ac77cac9c64c31fe4c11",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"83c92f388cfebe37e0fb94c81d14adc391fbbbfa","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"1c6381a25f8af42afe54c0c8eaff4090bf14ee80",name:"label"}))))}get el(){return o(this)}};r.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-background);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal{padding-right:0}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].horizontal{padding-left:0}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
@@ -1 +1 @@
1
- import{r as t,h as s}from"./p-2049fab2.js";const d=class{constructor(s){t(this,s),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=t.toString().length>=3?"99+":t.toString())}render(){return s("host",{key:"718d8c1583ad75a49fb5f24bb8efbdad4e3228a7",role:"status",class:{"tds-badge":!0,[`tds-badge-${this.size}`]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},s("div",{key:"d76ae168c4f5926a170472162ecd611b5e6e4639",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:["watchProps"],size:["watchProps"]}}};d.style=":host{--tds-badge-background-color:var(--tds-negative);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";export{d as tds_badge}
1
+ import{r as t,h as s}from"./p-2049fab2.js";const d=class{constructor(s){t(this,s),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=t.toString().length>=3?"99+":t.toString())}render(){return s("host",{key:"718d8c1583ad75a49fb5f24bb8efbdad4e3228a7",role:"status",class:{"tds-badge":!0,[`tds-badge-${this.size}`]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},s("div",{key:"d76ae168c4f5926a170472162ecd611b5e6e4639",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:["watchProps"],size:["watchProps"]}}};d.style=":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";export{d as tds_badge}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as e,g as d}from"./p-2049fab2.js";const s=class{constructor(o){t(this,o),this.selected=!1,this.size="md"}render(){return o(e,{key:"1dd37d8c57686fdde3bbf602cd2d327237ff9ee8"},o("div",{key:"ecbcceac23e94264aa3bfd253190c358d415492d",class:{component:!0,"component-selected":this.selected}},o("slot",{key:"0e02564e017aaea2a0e9336e64fb853ecf4db367"})))}get host(){return d(this)}};s.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;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-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{s as tds_header_dropdown_list_item}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as i,g as d}from"./p-2049fab2.js";import{h as l}from"./p-ae110fc2.js";import{g as s}from"./p-11648030.js";const r=class{constructor(i){t(this,i),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.uuid=s(),this.type="text",this.labelPosition="no-label",this.label="",this.min=void 0,this.max=void 0,this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.tdsAriaLabel=void 0,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target;let{value:i}=e;if("number"===this.type){const t=Number(i);void 0!==this.min&&t<Number(this.min)&&(i=String(this.min)),void 0!==this.max&&t>Number(this.max)&&(i=String(this.max)),e.value=i}this.value=i,this.tdsInput.emit(t)}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Text Field component: prop tdsAriaLabel is missing")}render(){var t;const e=l("prefix",this.host),d=l("suffix",this.host);return i("div",{key:"a7034149f1d340077c362924a96dea0e3d910174",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&i("div",{key:"711e4ae521ba6719f60857284b26e15a722b4503",class:"text-field-label-outside"},i("label",{key:"c4293a6bedb427dd5ee2ee3b5e8a74fe547fc402",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),i("div",{key:"a3d2697898eab72ce3019970affca5325eecf60c",onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&i("div",{key:"97eddc6db8b78040d23fc93f87130934031e7292",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},i("slot",{key:"fe5190eb82d0424e392d31fdf178630218eab87f",name:"prefix"})),i("div",{key:"dbbb4000d41a088793f69fe0e50671af3f9e3c3c",class:"text-field-input-container"},i("input",{key:"549b76c06d00bff3ec358275928d59b0bb96c186",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-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}`}),"inside"===this.labelPosition&&"sm"!==this.size&&i("label",{key:"0c88d0caca0b0681af69dffbc7bd427de04cb17d",class:{"text-field-label-inside":!0,"text-field-label-inside-placeholder":""===this.placeholder},htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d&&i("div",{key:"fa00ee8a8dc53b674c77073e64f76ca07719f154",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},i("slot",{key:"cf68556452cba54c5ce502ea26e6ac5962613521",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&i("span",{key:"4f37f24e66e33db77892fb7dfe1014c9ef2a8da9",class:"text-field-icon__readonly"},i("tds-icon",{key:"a51b51de922b1421616d9869750766a56e6ba06f",name:"edit_inactive",size:"20px"})),i("span",{key:"c7b8897ccc3b4706a1d1c765fac7c3294d2bb32c",class:"text-field-icon__readonly-label"},"This field is non-editable")),i("div",{key:"feca8e8c206ed48c302e63bc4a22eadb9617beda",class:"text-field-bar"}),i("div",{key:"d42fcdc6707169a5718a46846d50457b42137c09","aria-live":"assertive"},(this.helper||this.maxLength>0)&&i("div",{key:"f815d607414275ab8dc89a70433a9dbac2ba5c93",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&i("div",{key:"a37d7e79cd0f894afb947e87b55de3d9d0d6f95a",class:"text-field-helper-error-state"},!this.readOnly&&i("tds-icon",{key:"d2affd5ef5faa3884b595ded63917d69710822b9",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&this.maxLength>0&&i("span",{key:"78808bda00dffd2c9d3e6956e2e2b937e3e67abc",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length," / ",this.maxLength))))}get host(){return d(this)}};r.style='.text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--text-field-text-color);background-color:var(--text-field-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--text-field-background-disabled);color:var(--text-field-text-color-disabled)}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);border-left:1px solid var(--text-field-border-color-left);border-right:1px solid var(--text-field-border-color-right);border-bottom:1px solid var(--text-field-border-color-bottom);border-top:1px solid var(--text-field-border-color-top);transition:border-bottom-color 200ms ease, border-left-color 200ms ease, border-right-color 200ms ease, border-top-color 200ms ease, outline-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-left:1px solid var(--text-field-border-color-left-hover);border-right:1px solid var(--text-field-border-color-right-hover);border-bottom:1px solid var(--text-field-border-color-bottom-hover);border-top:1px solid var(--text-field-border-color-top-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--text-field-text-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);position:absolute;pointer-events:none;color:var(--text-field-label-inside-color);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field,.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder,.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder,.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder,.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:0.1s ease all}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{content:"";height:2px;width:100%;bottom:0;position:absolute;background:var(--text-field-bar-color-focus);transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{border-left:1px solid var(--text-field-border-color-left-focus);border-right:1px solid var(--text-field-border-color-right-focus);border-bottom:1px solid var(--text-field-border-color-bottom-focus);border-top:1px solid var(--text-field-border-color-top-focus);outline:2px solid var(--text-field-outline-color-focus);outline-offset:-1px}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--text-field-icon-read-only-label-color)}.text-field-icon__readonly-label.sc-tds-text-field{display:none;position:absolute;right:18px;top:48px;font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--text-field-icon-read-only-label-background)}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-left:1px solid var(--text-field-border-color-left-success);border-right:1px solid var(--text-field-border-color-right-success);border-bottom:1px solid var(--text-field-border-color-bottom-success);border-top:1px solid var(--text-field-border-color-top-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-left:1px solid var(--text-field-border-color-left-error);border-right:1px solid var(--text-field-border-color-right-error);border-bottom:1px solid var(--text-field-border-color-bottom-error);border-top:1px solid var(--text-field-border-color-top-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-color-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);margin:0 0 0 14px;color:var(--text-field-affix-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--text-field-affix-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{r as tds_text_field}
@@ -0,0 +1 @@
1
+ import{r as o,h as t,H as e,g as n}from"./p-2049fab2.js";const d=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;const t=this.host.closest("tds-side-menu-dropdown"),e=null==t?void 0:t.querySelector("tds-side-menu-user"),n=t.shadowRoot.querySelector('slot[name="icon"]').assignedElements(),d=(null==n?void 0:n.length)>0,s="tds-side-menu-user-image"===(null===(o=null==n?void 0:n[0])||void 0===o?void 0:o.tagName.toLowerCase());d&&!s&&(this.dropdownHasIcon=!0),e&&(this.dropdownHasUser=!0)}render(){return t(e,{key:"7aedc4c01840378247f5b6f06f55f8763cd6533d",role:"listitem"},t("div",{key:"60dd4aa980084396fb930f28a95d811fb394375a",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:"75a256ed4d6674cb5d3bd7bc29026ea1e13b6489"})))}get host(){return n(this)}};d.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-header-nav-item-dropdown-opened-background-hover);cursor:pointer}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-header-nav-item-dropdown-opened-background-active) !important;cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){box-shadow:inset 4px 0 0 var(--tds-nav-item-border-color-active);background-color:var(--tds-header-nav-item-dropdown-opened-background-selected)}: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{d as tds_side_menu_dropdown_list_item}
@@ -1 +1 @@
1
- import{r as t,h as e,H as r}from"./p-2049fab2.js";const o=class{constructor(e){t(this,e),this.current=!1}render(){return e(r,{key:"f1a223cf44e435b547b42382e8b3d47979c71793",role:"listitem"},e("div",Object.assign({key:"41baa33ae1474121ae4512ddf89fb960670d1cea",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),e("slot",{key:"8f14f28f7e9824e76886a1d49f15d3404666771a"})))}};o.style='@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px;outline-offset:0}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}';export{o as tds_breadcrumb}
1
+ import{r as t,h as e,H as r}from"./p-2049fab2.js";const o=class{constructor(e){t(this,e),this.current=!1}render(){return e(r,{key:"f1a223cf44e435b547b42382e8b3d47979c71793",role:"listitem"},e("div",Object.assign({key:"41baa33ae1474121ae4512ddf89fb960670d1cea",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),e("slot",{key:"8f14f28f7e9824e76886a1d49f15d3404666771a"})))}};o.style='@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;outline-offset:0}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}';export{o as tds_breadcrumb}
@@ -1 +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.clickHandlers=new WeakMap,this.addResizeObserver=()=>{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()}))})).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(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){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:"c56bf987e23ade8b30cd2470ab1ed0f4273bd191",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"afab8a86427918d5ac4bbc17dd2a436a986df577",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"0b82a953932e888d05478d82944c90768f97bb36","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"50cd22c5be43ae452e0896b449570774c3ab0151",name:"chevron_left",size:"20px"})),i("slot",{key:"3cb17dddc8592241c467167b3a0028355f2b7d5e",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"23c289b70d723b2d0705692835a510b8a650fcfa","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"fff2bfcbcf916d1b391aa25ee5f6fda3c8e63d23",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,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}: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
+ 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.clickHandlers=new WeakMap,this.addResizeObserver=()=>{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()}))})).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(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){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:"f97a75dc1b7bf12757a7e96e4075387c27459e7e",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"92299f0dc356d448d901569d314fa6afaa21fdb1",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"f00e92acb5a9071173c25d2c8334fa32cc32cca8","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"eb113eeecf5c89a9b6e3e3c4306f3557c574b3e7",name:"chevron_left",size:"20px"})),i("slot",{key:"4136a2b52af81b9406cffc74a6ad84f428d18273",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"0d5177b9eff827616a3252992a6dc7e79e58f5e1","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"a575af766f02d2427760aa1f5911e63f32c28d1d",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,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}: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,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.clickHandlers=new WeakMap,this.addResizeObserver=()=>{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()}))})).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.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){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:"2fc278cacc04614ca43b70f52b12f79b31227fbb",role:"tablist",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},i("div",{key:"50357810903ea3bff83fde4478960de0866c7c15",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"b5b05a2f9bce1618c71594cf388dc83efce98915","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"aad19852d36ff8e1642ba464f9618a57ff37169c",name:"chevron_left",size:"20px"})),i("slot",{key:"3dcf0d7e6900df33a69863868a3a48dcb4aa8141",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"352539955226aecf92deb0c0db83c42a5b021e43","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"0e3fe531374dd82b6ee5de1a5a1bea4a38e03500",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,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}: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
+ 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.clickHandlers=new WeakMap,this.addResizeObserver=()=>{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()}))})).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.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){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:"510a2d554f93a011f5281730aa6ef7a91112f683",role:"tablist",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},i("div",{key:"56cebbe8cc41c197c5c0ff521e3cad213355907c",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"74a5fb3b9b09987d7e9f368ecdf4dc3af49e9128","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"a14c88213417a161d90cb3db00105c63e5aab2e0",name:"chevron_left",size:"20px"})),i("slot",{key:"c8eb07f136a9057a7962957a0bcc8bf1ababb579",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"7a681cbdbacc3f2e536035910d3f486cdff738f0","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"93e3d0530d4402b249f8f3da4541bac913b15ff6",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,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px}: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 e,H as o,g as i}from"./p-2049fab2.js";const a=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return e(o,{key:"496b56fa31a50e26ceea5275e29873d030ea2937","aria-selected":this.selected},e("div",{key:"c67bfb892ea721b1ad329e00453fe62dcf4681c0",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},e("slot",{key:"bae7788e0625279f4eb82129da1256fbb7f1c95b"})))}get host(){return i(this)}};a.style=':host{box-sizing:border-box;display:block;position:relative}: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:20px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:20px;bottom:20px;outline:2px solid var(--tds-blue-400)}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-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-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-inline-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{a as tds_inline_tab}
1
+ import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";const a=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return e(o,{key:"a907b7c8f2bfcf9f4930fef152a9b6cb8b63c090","aria-selected":this.selected},e("div",{key:"6401ba8aaccdf59aaf457d3c6684e1f98119d25b",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},e("slot",{key:"6bca555b29cac021978fcb5c9feacbc014c731b1"})))}get host(){return i(this)}};a.style=':host{box-sizing:border-box;display:block;position:relative}: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:20px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:20px;bottom:20px;outline:2px solid var(--tds-blue-400)}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-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-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-inline-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{a as tds_inline_tab}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as i,g as s}from"./p-2049fab2.js";const a=["verticalDividers","compactDesign","noMinWidth"],o=class{constructor(e){t(this,e),this.cellValue=void 0,this.cellKey=void 0,this.disablePadding=!1,this.textAlign=void 0,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsHoverListener(t){const{tableId:e,key:i}=t.detail;e===this.tableId&&(this.activeSorting=this.cellKey===i)}internalTdsTextAlignListener(t){const[e,i,s]=t.detail;this.tableId===e&&this.cellKey===i&&(this.textAlignState=this.textAlign?this.textAlign:["left","start","center","right","end"].includes(s)?s:"left")}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&&a.forEach((t=>{this[t]=this.tableEl[t]})),this.textAlign&&(this.textAlignState=this.textAlign)}render(){let t="var(--tds-spacing-element-16)";return this.disablePadding?t="0":this.compactDesign&&(t="var(--tds-spacing-element-8) var(--tds-spacing-element-16)"),e(i,{key:"726912df89435650c3ad1f39729fdff7d2a497e3",class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth},style:{textAlign:this.textAlignState,padding:t},role:"cell"},this.cellValue,e("slot",{key:"ff6fb6613f29e94552916cfa75932b670e22ea80"}))}get host(){return s(this)}};o.style=":host(.tds-table__body-cell){box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:table-cell;box-sizing:border-box;color:var(--table-text);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) *{box-sizing:border-box}:host(.tds-table__body-cell--hover){background-color:var(--table-body-cell-hover)}:host(.tds-table__compact){padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider){border-right:1px solid var(--table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}";export{o as tds_body_cell}
@@ -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:"28ba6f5bedc4f2a31e5011e37bf92d3b38fa8abe"},o("div",{key:"ac5aad203d8a13dc42a8f9e99b2ccdd7c784c9af",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",{key:"da6292612753748f6cac68e0b282ecde642cb5b5"})))}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) !important;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 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:26px;bottom:26px;outline:2px solid var(--tds-blue-400)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}: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 .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{color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-navigation-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}: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:"dc5a2d7616f927f2519664e4f98674b995889789"},o("div",{key:"0a6aab0c2eeb77b1376a0d0abfbd4d825cf9449e",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",{key:"6525c55249fb9fff0db0b1fc8140339f7550e838"})))}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) !important;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 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:26px;bottom:26px;outline:2px solid var(--tds-blue-400)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}: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 .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{color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-navigation-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}
@@ -1 +1 @@
1
- import{r as e,h as s,H as a}from"./p-2049fab2.js";const d=class{constructor(s){e(this,s),this.heading=void 0,this.subheading=void 0,this.imgSrc=void 0,this.imgAlt=void 0}render(){return s(a,{key:"768662a142cf0f40f24566fedff52e1e25df8bee"},s("tds-side-menu-user-image",{key:"fb02fcf45d21aa198bcba356f0502a3aa8cf3d0b",src:this.imgSrc,alt:this.imgAlt},s("slot",{key:"658ba6d53ded1f760c2ec2327de765374ba5b6b9",name:"image"})),s("tds-side-menu-user-label",{key:"1ab756a2538fd7bdde5a1714e25dc0d0fae9f7ea",heading:this.heading,subheading:this.subheading}))}};d.style=":host{display:flex;align-items:center;gap:12px;height:68px}:host tds-side-menu-user-image{margin-left:-4px}";export{d as tds_side_menu_user}
1
+ import{r as e,h as s,H as a}from"./p-2049fab2.js";const d=class{constructor(s){e(this,s),this.heading=void 0,this.subheading=void 0,this.imgSrc=void 0,this.imgAlt=void 0}render(){return s(a,{key:"768662a142cf0f40f24566fedff52e1e25df8bee"},s("tds-side-menu-user-image",{key:"fb02fcf45d21aa198bcba356f0502a3aa8cf3d0b",src:this.imgSrc,alt:this.imgAlt},s("slot",{key:"658ba6d53ded1f760c2ec2327de765374ba5b6b9",name:"image"})),s("tds-side-menu-user-label",{key:"1ab756a2538fd7bdde5a1714e25dc0d0fae9f7ea",heading:this.heading,subheading:this.subheading}))}};d.style=":host{display:flex;align-items:center;gap:16px;height:68px}";export{d as tds_side_menu_user}
@@ -1 +1 @@
1
- import{r as t,h as r,H as e,g as s}from"./p-2049fab2.js";import{g as a}from"./p-11648030.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const i=class{constructor(r){t(this,r),this.uuid=a(),this.open=!1,this.buttonEl=void 0,this.hasListTypeMenu=!1,this.tdsAriaLabel=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){"Escape"===t.key&&this.open&&(this.open=!1,this.buttonEl.shadowRoot.querySelector("button").focus())}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{const t="a, [tabindex='0']",r=this.host.shadowRoot.querySelector(t)||this.host.querySelector(t);r instanceof HTMLElement&&r.focus()}))}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Header Launcher component: missing tdsAriaLabel prop")}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return r(e,{key:"a1c8cce3e26d57b654700893add3e5e1554e23d0"},r("div",{key:"bfc4e2f77d142f4913a4509b0c16b7503c942bf3",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},r("tds-header-launcher-button",Object.assign({key:"c30e8b26d73a8d3a5aa5bf476226419b70c26061"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&r("tds-popover-canvas",{key:"10e13ac7fb52c3123dd51d1f91754262feb56134",id:`tds-launcher-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?r("slot",null):null)))}get host(){return s(this)}};i.style=":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 .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .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-radius:0}:host .wrapper .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 .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .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 .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";export{i as tds_header_launcher}
1
+ import{r as t,h as r,H as e,g as s}from"./p-2049fab2.js";import{g as a}from"./p-11648030.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const i=class{constructor(r){t(this,r),this.uuid=a(),this.open=!1,this.buttonEl=void 0,this.hasListTypeMenu=!1,this.tdsAriaLabel=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){"Escape"===t.key&&this.open&&(this.open=!1,this.buttonEl.shadowRoot.querySelector("button").focus())}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{const t="a, [tabindex='0']",r=this.host.shadowRoot.querySelector(t)||this.host.querySelector(t);r instanceof HTMLElement&&r.focus()}))}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Header Launcher component: missing tdsAriaLabel prop")}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return r(e,{key:"a1c8cce3e26d57b654700893add3e5e1554e23d0"},r("div",{key:"bfc4e2f77d142f4913a4509b0c16b7503c942bf3",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},r("tds-header-launcher-button",Object.assign({key:"c30e8b26d73a8d3a5aa5bf476226419b70c26061"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&r("tds-popover-canvas",{key:"10e13ac7fb52c3123dd51d1f91754262feb56134",id:`tds-launcher-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?r("slot",null):null)))}get host(){return s(this)}};i.style=":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 .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .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-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";export{i as tds_header_launcher}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as d}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const i=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsInput=e(this,"tdsInput",6),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),s=this.defaultValue.slice(8,10),i=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${s}T${i}:${a}`;case"date":return`${t}-${e}-${s}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}},this.type="datetime-local",this.value="",this.min=void 0,this.max=void 0,this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name=`datetime-${s()}`,this.state=void 0,this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.tdsAriaLabel=void 0,this.focusInput=void 0}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.focusInput=!1}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}connectedCallback(){this.tdsAriaLabel||this.label||console.warn("Tegel Datetime component: provide the label or tdsAriaLabel prop for improved accessibility")}render(){let t=" tds-datetime-input";"md"===this.size&&(t+=`${t}-md`),"sm"===this.size&&(t+=`${t}-sm`);const e={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,[`tds-form-datetime-${this.size}`]:["md","sm"].includes(this.size),[`tds-form-datetime-${this.state}`]:["error","success"].includes(this.state),[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant,"tds-datetime-container-label-inside":this.label&&"inside"===this.labelPosition&&"sm"!==this.size},s=navigator.userAgent.toLowerCase().includes("iphone");return d("div",{key:"28c414fb800bb7e1411feb93b03b4ec4732e60fb",class:e,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&d("label",{key:"8498489db26eeffef963d57dd8aaaa27903e3e98",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"e62f09d543d12a3d9578bee5249171c85c7e3f03",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"0d083993b8f447918d0110ba78f18586d5afac1c",class:`tds-datetime-input-container type-${this.type}`},d("input",{key:"cdec8e9e1c8f355858031f34799fac7dd8d03c4b",ref:t=>{this.textInput=t},class:t,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&d("label",{key:"f5ab00bd2a3dca4a46981da7e54ff6dcacfb6529",class:`tds-datetime-label-inside ${s&&"iphone"}`,htmlFor:this.name},this.label),d("div",{key:"ce7799142c01703e7d3add1bc3d0fb474dec25e3",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"189b60ff034d2e0bc49e9461fc9970846a7e10a2",size:"20px",name:"calendar",svgTitle:"Calendar"})),d("div",{key:"192c46c706e8d8ca8613e832df2f77e981b64e2a",class:"datetime-icon icon-time"},d("tds-icon",{key:"e0cb4c98ccd40cb6d5b82d313aa48da8e4564b57",size:"20px",name:"clock",svgTitle:"Clock"}))),d("div",{key:"5a677ae45553060d459e1002741c0bed7ae1cefa",class:"tds-datetime-bar"})),this.helper&&d("div",{key:"0b132b2f580c3dffcfceff2ba8b4c2315ca8cd50",class:"tds-datetime-helper"},d("div",{key:"b17e1f96757072c8092e4cbe6e66b45b209a16ae",class:"tds-helper"},"error"===this.state&&d("tds-icon",{key:"8afde58643e719da112bad1dcdc47f363c85490c",name:"error",size:"16px",svgTitle:"error"}),this.helper)))}};i.style='.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-datetime-label-inside.iphone.sc-tds-datetime{left:8px !important}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}';export{i as tds_datetime}