@scania/tegel 1.49.2-warning-beta.0 → 1.50.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 (436) hide show
  1. package/dist/cjs/{index-DGsdvbvx.js → index-BaAHvBEQ.js} +97 -70
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/tds-accordion-item.cjs.entry.js +4 -4
  4. package/dist/cjs/tds-accordion.cjs.entry.js +3 -3
  5. package/dist/cjs/tds-badge.cjs.entry.js +3 -3
  6. package/dist/cjs/tds-banner.cjs.entry.js +3 -3
  7. package/dist/cjs/tds-block.cjs.entry.js +2 -2
  8. package/dist/cjs/tds-body-cell.cjs.entry.js +3 -3
  9. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
  10. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +2 -2
  11. package/dist/cjs/tds-button_2.cjs.entry.js +5 -5
  12. package/dist/cjs/tds-card.cjs.entry.js +2 -2
  13. package/dist/cjs/tds-checkbox.cjs.entry.js +3 -3
  14. package/dist/cjs/tds-chip.cjs.entry.js +2 -2
  15. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +3 -3
  16. package/dist/cjs/tds-datetime.cjs.entry.js +4 -4
  17. package/dist/cjs/tds-dropdown_2.cjs.entry.js +99 -144
  18. package/dist/cjs/tds-folder-tab.cjs.entry.js +3 -3
  19. package/dist/cjs/tds-folder-tabs.cjs.entry.js +5 -3
  20. package/dist/cjs/tds-footer-group.cjs.entry.js +4 -4
  21. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-footer.cjs.entry.js +3 -3
  23. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-header-cell.cjs.entry.js +3 -3
  25. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +3 -3
  26. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +2 -2
  27. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-dropdown.cjs.entry.js +4 -4
  29. package/dist/cjs/tds-header-hamburger.cjs.entry.js +2 -2
  30. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +2 -2
  31. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  36. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-header-launcher.cjs.entry.js +3 -3
  38. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  39. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  40. package/dist/cjs/tds-icon.cjs.entry.js +2 -2
  41. package/dist/cjs/tds-inline-tab.cjs.entry.js +3 -3
  42. package/dist/cjs/tds-inline-tabs.cjs.entry.js +5 -3
  43. package/dist/cjs/tds-link.cjs.entry.js +3 -3
  44. package/dist/cjs/tds-message.cjs.entry.js +3 -3
  45. package/dist/cjs/tds-modal.cjs.entry.js +3 -3
  46. package/dist/cjs/tds-navigation-tab.cjs.entry.js +3 -3
  47. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +7 -5
  48. package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -4
  49. package/dist/cjs/tds-popover-core.cjs.entry.js +2 -2
  50. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +3 -3
  51. package/dist/cjs/tds-popover-menu.cjs.entry.js +4 -4
  52. package/dist/cjs/tds-radio-button.cjs.entry.js +3 -3
  53. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  54. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +1 -1
  55. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +3 -3
  56. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +1 -1
  57. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +4 -4
  58. package/dist/cjs/tds-side-menu-item.cjs.entry.js +3 -3
  59. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  60. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +3 -3
  61. package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -2
  62. package/dist/cjs/tds-side-menu.cjs.entry.js +4 -4
  63. package/dist/cjs/tds-slider.cjs.entry.js +10 -10
  64. package/dist/cjs/tds-spinner.cjs.entry.js +2 -2
  65. package/dist/cjs/tds-step.cjs.entry.js +2 -2
  66. package/dist/cjs/tds-stepper.cjs.entry.js +2 -2
  67. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +2 -2
  68. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +8 -8
  69. package/dist/cjs/tds-table-body-row.cjs.entry.js +1 -1
  70. package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
  71. package/dist/cjs/tds-table-footer.cjs.entry.js +6 -4
  72. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +2 -2
  73. package/dist/cjs/tds-table-header.cjs.entry.js +3 -3
  74. package/dist/cjs/tds-table-toolbar.cjs.entry.js +3 -3
  75. package/dist/cjs/tds-table.cjs.entry.js +4 -4
  76. package/dist/cjs/tds-tag.cjs.entry.js +2 -2
  77. package/dist/cjs/tds-text-field.cjs.entry.js +6 -6
  78. package/dist/cjs/tds-textarea.cjs.entry.js +4 -4
  79. package/dist/cjs/tds-toast.cjs.entry.js +4 -4
  80. package/dist/cjs/tds-toggle.cjs.entry.js +4 -4
  81. package/dist/cjs/tds-tooltip.cjs.entry.js +3 -3
  82. package/dist/cjs/tegel.cjs.js +3 -3
  83. package/dist/collection/assets/icons/traton/edit_inactive.svg +1 -0
  84. package/dist/collection/assets/icons/traton/skip_backwards.svg +1 -0
  85. package/dist/collection/assets/icons/traton/skip_forward.svg +1 -0
  86. package/dist/collection/collection-manifest.json +1 -1
  87. package/dist/collection/components/accordion/accordion-item/accordion-item.js +7 -7
  88. package/dist/collection/components/accordion/accordion.js +4 -4
  89. package/dist/collection/components/badge/badge.js +5 -5
  90. package/dist/collection/components/banner/banner.js +8 -8
  91. package/dist/collection/components/block/block.js +3 -3
  92. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +2 -2
  93. package/dist/collection/components/breadcrumbs/breadcrumbs.js +2 -2
  94. package/dist/collection/components/button/button.js +14 -14
  95. package/dist/collection/components/card/card.js +12 -12
  96. package/dist/collection/components/checkbox/checkbox.js +10 -10
  97. package/dist/collection/components/chip/chip.js +8 -8
  98. package/dist/collection/components/datetime/datetime.js +19 -19
  99. package/dist/collection/components/divider/divider.js +3 -3
  100. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +4 -4
  101. package/dist/collection/components/dropdown/dropdown.js +114 -161
  102. package/dist/collection/components/footer/footer-group/footer-group.js +5 -5
  103. package/dist/collection/components/footer/footer.js +3 -3
  104. package/dist/collection/components/header/header-dropdown/header-dropdown.js +7 -7
  105. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +3 -3
  106. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +5 -5
  107. package/dist/collection/components/header/header-hamburger/header-hamburger.js +2 -2
  108. package/dist/collection/components/header/header-item/header-item.js +4 -4
  109. package/dist/collection/components/header/header-launcher/header-launcher.js +3 -3
  110. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +3 -3
  111. package/dist/collection/components/icon/icon.js +4 -4
  112. package/dist/collection/components/link/link.js +5 -5
  113. package/dist/collection/components/message/message.js +9 -9
  114. package/dist/collection/components/modal/modal.js +10 -10
  115. package/dist/collection/components/popover-canvas/popover-canvas.js +12 -12
  116. package/dist/collection/components/popover-core/popover-core.js +10 -10
  117. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +3 -3
  118. package/dist/collection/components/popover-menu/popover-menu.js +12 -12
  119. package/dist/collection/components/radio-button/radio-button.js +9 -9
  120. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +7 -7
  121. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -3
  122. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +4 -4
  123. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +5 -5
  124. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +3 -3
  125. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +3 -3
  126. package/dist/collection/components/side-menu/side-menu.js +6 -6
  127. package/dist/collection/components/slider/slider.js +27 -27
  128. package/dist/collection/components/spinner/spinner.js +3 -3
  129. package/dist/collection/components/stepper/step/step.js +4 -4
  130. package/dist/collection/components/stepper/stepper.js +7 -7
  131. package/dist/collection/components/table/table/table.js +5 -5
  132. package/dist/collection/components/table/table-body-cell/table-body-cell.js +4 -4
  133. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +2 -2
  134. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +9 -9
  135. package/dist/collection/components/table/table-footer/table-footer.js +26 -4
  136. package/dist/collection/components/table/table-header/table-header.js +3 -3
  137. package/dist/collection/components/table/table-header-cell/table-header-cell.js +5 -5
  138. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +3 -3
  139. package/dist/collection/components/table/table-toolbar/table-toolbar.js +3 -3
  140. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +3 -3
  141. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +8 -6
  142. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +3 -3
  143. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +8 -6
  144. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +3 -3
  145. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +10 -8
  146. package/dist/collection/components/tag/tag.js +4 -4
  147. package/dist/collection/components/text-field/text-field.js +26 -26
  148. package/dist/collection/components/textarea/textarea.js +20 -20
  149. package/dist/collection/components/toast/toast.js +11 -11
  150. package/dist/collection/components/toggle/toggle.js +10 -10
  151. package/dist/collection/components/tooltip/tooltip.js +12 -12
  152. package/dist/components/index.js +1 -1
  153. package/dist/components/{p-CVrz-nvu.js → p-2Sehn7YQ.js} +1 -1
  154. package/dist/components/{p-blXt609Y.js → p-BkkKUMC2.js} +1 -1
  155. package/dist/components/{p-le823YD3.js → p-CkGDaQ3D.js} +1 -1
  156. package/dist/components/{p-CAGXolMB.js → p-Cr5AJ7EI.js} +1 -1
  157. package/dist/components/p-D7QKvdhL.js +1 -0
  158. package/dist/components/p-D8Rhjha5.js +1 -0
  159. package/dist/components/{p-CIt4YhvL.js → p-DMVs7mmW.js} +1 -1
  160. package/dist/components/{p-Dc6aMuMv.js → p-DO04x4VW.js} +1 -1
  161. package/dist/components/{p-DDZjm4KO.js → p-Df03ehYR.js} +1 -1
  162. package/dist/components/p-Dh4rW_04.js +1 -0
  163. package/dist/components/p-Dkw_xBUE.js +1 -0
  164. package/dist/components/{p-454Tm-qg.js → p-DynhdmI7.js} +1 -1
  165. package/dist/components/{p-Dcq3a5KI.js → p-T8F4U3Yc.js} +1 -1
  166. package/dist/components/{p-D0Aaqu_c.js → p-TTZk9Ssg.js} +1 -1
  167. package/dist/components/{p-7g_ABN5n.js → p-Zonwl9_G.js} +1 -1
  168. package/dist/components/{p-Zx1hN-_O.js → p-bPqW3C5g.js} +1 -1
  169. package/dist/components/tds-accordion-item.js +1 -1
  170. package/dist/components/tds-accordion.js +1 -1
  171. package/dist/components/tds-badge.js +1 -1
  172. package/dist/components/tds-banner.js +1 -1
  173. package/dist/components/tds-block.js +1 -1
  174. package/dist/components/tds-body-cell.js +1 -1
  175. package/dist/components/tds-breadcrumb.js +1 -1
  176. package/dist/components/tds-breadcrumbs.js +1 -1
  177. package/dist/components/tds-button.js +1 -1
  178. package/dist/components/tds-card.js +1 -1
  179. package/dist/components/tds-checkbox.js +1 -1
  180. package/dist/components/tds-chip.js +1 -1
  181. package/dist/components/tds-datetime.js +1 -1
  182. package/dist/components/tds-divider.js +1 -1
  183. package/dist/components/tds-dropdown-option.js +1 -1
  184. package/dist/components/tds-dropdown.js +1 -1
  185. package/dist/components/tds-folder-tab.js +1 -1
  186. package/dist/components/tds-folder-tabs.js +1 -1
  187. package/dist/components/tds-footer-group.js +1 -1
  188. package/dist/components/tds-footer.js +1 -1
  189. package/dist/components/tds-header-brand-symbol.js +1 -1
  190. package/dist/components/tds-header-cell.js +1 -1
  191. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  192. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  193. package/dist/components/tds-header-dropdown.js +1 -1
  194. package/dist/components/tds-header-hamburger.js +1 -1
  195. package/dist/components/tds-header-item.js +1 -1
  196. package/dist/components/tds-header-launcher-button.js +1 -1
  197. package/dist/components/tds-header-launcher-list-item.js +1 -1
  198. package/dist/components/tds-header-launcher.js +1 -1
  199. package/dist/components/tds-icon.js +1 -1
  200. package/dist/components/tds-inline-tab.js +1 -1
  201. package/dist/components/tds-inline-tabs.js +1 -1
  202. package/dist/components/tds-link.js +1 -1
  203. package/dist/components/tds-message.js +1 -1
  204. package/dist/components/tds-modal.js +1 -1
  205. package/dist/components/tds-navigation-tab.js +1 -1
  206. package/dist/components/tds-navigation-tabs.js +1 -1
  207. package/dist/components/tds-popover-canvas.js +1 -1
  208. package/dist/components/tds-popover-core.js +1 -1
  209. package/dist/components/tds-popover-menu-item.js +1 -1
  210. package/dist/components/tds-popover-menu.js +1 -1
  211. package/dist/components/tds-radio-button.js +1 -1
  212. package/dist/components/tds-side-menu-close-button.js +1 -1
  213. package/dist/components/tds-side-menu-collapse-button.js +1 -1
  214. package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
  215. package/dist/components/tds-side-menu-dropdown.js +1 -1
  216. package/dist/components/tds-side-menu-item.js +1 -1
  217. package/dist/components/tds-side-menu-user-image.js +1 -1
  218. package/dist/components/tds-side-menu-user-label.js +1 -1
  219. package/dist/components/tds-side-menu-user.js +1 -1
  220. package/dist/components/tds-side-menu.js +1 -1
  221. package/dist/components/tds-slider.js +1 -1
  222. package/dist/components/tds-spinner.js +1 -1
  223. package/dist/components/tds-step.js +1 -1
  224. package/dist/components/tds-stepper.js +1 -1
  225. package/dist/components/tds-table-body-input-wrapper.js +1 -1
  226. package/dist/components/tds-table-body-row-expandable.js +1 -1
  227. package/dist/components/tds-table-body-row.js +1 -1
  228. package/dist/components/tds-table-footer.js +1 -1
  229. package/dist/components/tds-table-header-input-wrapper.js +1 -1
  230. package/dist/components/tds-table-header.js +1 -1
  231. package/dist/components/tds-table-toolbar.js +1 -1
  232. package/dist/components/tds-table.js +1 -1
  233. package/dist/components/tds-tag.js +1 -1
  234. package/dist/components/tds-text-field.js +1 -1
  235. package/dist/components/tds-textarea.js +1 -1
  236. package/dist/components/tds-toast.js +1 -1
  237. package/dist/components/tds-toggle.js +1 -1
  238. package/dist/components/tds-tooltip.js +1 -1
  239. package/dist/esm/{index-9xxNGlso.js → index-BBBKPH5r.js} +97 -70
  240. package/dist/esm/loader.js +3 -3
  241. package/dist/esm/tds-accordion-item.entry.js +4 -4
  242. package/dist/esm/tds-accordion.entry.js +3 -3
  243. package/dist/esm/tds-badge.entry.js +3 -3
  244. package/dist/esm/tds-banner.entry.js +3 -3
  245. package/dist/esm/tds-block.entry.js +2 -2
  246. package/dist/esm/tds-body-cell.entry.js +3 -3
  247. package/dist/esm/tds-breadcrumb.entry.js +2 -2
  248. package/dist/esm/tds-breadcrumbs.entry.js +2 -2
  249. package/dist/esm/tds-button_2.entry.js +5 -5
  250. package/dist/esm/tds-card.entry.js +2 -2
  251. package/dist/esm/tds-checkbox.entry.js +3 -3
  252. package/dist/esm/tds-chip.entry.js +2 -2
  253. package/dist/esm/tds-core-header-item_2.entry.js +3 -3
  254. package/dist/esm/tds-datetime.entry.js +4 -4
  255. package/dist/esm/tds-dropdown_2.entry.js +99 -144
  256. package/dist/esm/tds-folder-tab.entry.js +3 -3
  257. package/dist/esm/tds-folder-tabs.entry.js +5 -3
  258. package/dist/esm/tds-footer-group.entry.js +4 -4
  259. package/dist/esm/tds-footer-item.entry.js +1 -1
  260. package/dist/esm/tds-footer.entry.js +3 -3
  261. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  262. package/dist/esm/tds-header-cell.entry.js +3 -3
  263. package/dist/esm/tds-header-dropdown-list-item.entry.js +3 -3
  264. package/dist/esm/tds-header-dropdown-list-user.entry.js +2 -2
  265. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  266. package/dist/esm/tds-header-dropdown.entry.js +4 -4
  267. package/dist/esm/tds-header-hamburger.entry.js +2 -2
  268. package/dist/esm/tds-header-launcher-button.entry.js +2 -2
  269. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  270. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  271. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  272. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  273. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  274. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  275. package/dist/esm/tds-header-launcher.entry.js +3 -3
  276. package/dist/esm/tds-header-title.entry.js +1 -1
  277. package/dist/esm/tds-header.entry.js +1 -1
  278. package/dist/esm/tds-icon.entry.js +2 -2
  279. package/dist/esm/tds-inline-tab.entry.js +3 -3
  280. package/dist/esm/tds-inline-tabs.entry.js +5 -3
  281. package/dist/esm/tds-link.entry.js +3 -3
  282. package/dist/esm/tds-message.entry.js +3 -3
  283. package/dist/esm/tds-modal.entry.js +3 -3
  284. package/dist/esm/tds-navigation-tab.entry.js +3 -3
  285. package/dist/esm/tds-navigation-tabs.entry.js +7 -5
  286. package/dist/esm/tds-popover-canvas.entry.js +4 -4
  287. package/dist/esm/tds-popover-core.entry.js +2 -2
  288. package/dist/esm/tds-popover-menu-item.entry.js +3 -3
  289. package/dist/esm/tds-popover-menu.entry.js +4 -4
  290. package/dist/esm/tds-radio-button.entry.js +3 -3
  291. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  292. package/dist/esm/tds-side-menu-collapse-button.entry.js +1 -1
  293. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
  294. package/dist/esm/tds-side-menu-dropdown-list.entry.js +1 -1
  295. package/dist/esm/tds-side-menu-dropdown.entry.js +4 -4
  296. package/dist/esm/tds-side-menu-item.entry.js +3 -3
  297. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  298. package/dist/esm/tds-side-menu-user-image_2.entry.js +3 -3
  299. package/dist/esm/tds-side-menu-user.entry.js +2 -2
  300. package/dist/esm/tds-side-menu.entry.js +4 -4
  301. package/dist/esm/tds-slider.entry.js +10 -10
  302. package/dist/esm/tds-spinner.entry.js +2 -2
  303. package/dist/esm/tds-step.entry.js +2 -2
  304. package/dist/esm/tds-stepper.entry.js +2 -2
  305. package/dist/esm/tds-table-body-input-wrapper.entry.js +2 -2
  306. package/dist/esm/tds-table-body-row-expandable.entry.js +8 -8
  307. package/dist/esm/tds-table-body-row.entry.js +1 -1
  308. package/dist/esm/tds-table-body.entry.js +1 -1
  309. package/dist/esm/tds-table-footer.entry.js +6 -4
  310. package/dist/esm/tds-table-header-input-wrapper.entry.js +2 -2
  311. package/dist/esm/tds-table-header.entry.js +3 -3
  312. package/dist/esm/tds-table-toolbar.entry.js +3 -3
  313. package/dist/esm/tds-table.entry.js +4 -4
  314. package/dist/esm/tds-tag.entry.js +2 -2
  315. package/dist/esm/tds-text-field.entry.js +6 -6
  316. package/dist/esm/tds-textarea.entry.js +4 -4
  317. package/dist/esm/tds-toast.entry.js +4 -4
  318. package/dist/esm/tds-toggle.entry.js +4 -4
  319. package/dist/esm/tds-tooltip.entry.js +3 -3
  320. package/dist/esm/tegel.js +4 -4
  321. package/dist/tegel/assets/icons/traton/edit_inactive.svg +1 -0
  322. package/dist/tegel/assets/icons/traton/skip_backwards.svg +1 -0
  323. package/dist/tegel/assets/icons/traton/skip_forward.svg +1 -0
  324. package/dist/tegel/{p-b29a9c01.entry.js → p-00aae27c.entry.js} +1 -1
  325. package/dist/tegel/{p-fb9f17be.entry.js → p-01f3cc50.entry.js} +1 -1
  326. package/dist/tegel/{p-bfa98728.entry.js → p-05f55787.entry.js} +1 -1
  327. package/dist/tegel/{p-64e04dc0.entry.js → p-07c66ff1.entry.js} +1 -1
  328. package/dist/tegel/{p-dc425994.entry.js → p-092de082.entry.js} +1 -1
  329. package/dist/tegel/{p-873dd581.entry.js → p-0c20d1c7.entry.js} +1 -1
  330. package/dist/tegel/{p-3d11fc11.entry.js → p-0c4944e5.entry.js} +1 -1
  331. package/dist/tegel/{p-5b787973.entry.js → p-14844734.entry.js} +1 -1
  332. package/dist/tegel/{p-92ee76ea.entry.js → p-14d74306.entry.js} +1 -1
  333. package/dist/tegel/{p-09867bb0.entry.js → p-1d066c1b.entry.js} +1 -1
  334. package/dist/tegel/{p-dfa11d82.entry.js → p-1dd505c6.entry.js} +1 -1
  335. package/dist/tegel/p-235903eb.entry.js +1 -0
  336. package/dist/tegel/{p-4236bbf5.entry.js → p-242583d2.entry.js} +1 -1
  337. package/dist/tegel/{p-130d96b2.entry.js → p-28f3e764.entry.js} +1 -1
  338. package/dist/tegel/{p-bc98d0e2.entry.js → p-2a58b2f8.entry.js} +1 -1
  339. package/dist/tegel/p-2b77f6d6.entry.js +1 -0
  340. package/dist/tegel/p-2f8d6d31.entry.js +1 -0
  341. package/dist/tegel/p-305797a3.entry.js +1 -0
  342. package/dist/tegel/{p-afad1dba.entry.js → p-313482df.entry.js} +1 -1
  343. package/dist/tegel/p-354919ea.entry.js +1 -0
  344. package/dist/tegel/{p-b881093c.entry.js → p-3c624875.entry.js} +1 -1
  345. package/dist/tegel/p-434da9d2.entry.js +1 -0
  346. package/dist/tegel/{p-fe45a38b.entry.js → p-4ea9b826.entry.js} +1 -1
  347. package/dist/tegel/{p-808c9db1.entry.js → p-583d9859.entry.js} +1 -1
  348. package/dist/tegel/{p-e2848b6f.entry.js → p-5e09c7ce.entry.js} +1 -1
  349. package/dist/tegel/p-626c4422.entry.js +1 -0
  350. package/dist/tegel/p-6410f220.entry.js +1 -0
  351. package/dist/tegel/{p-72f04cd1.entry.js → p-6676150e.entry.js} +1 -1
  352. package/dist/tegel/{p-34acf548.entry.js → p-6c292a59.entry.js} +1 -1
  353. package/dist/tegel/{p-2c4defb0.entry.js → p-6e965be5.entry.js} +1 -1
  354. package/dist/tegel/p-6f5456be.entry.js +1 -0
  355. package/dist/tegel/{p-a6415b2c.entry.js → p-6fc15fd4.entry.js} +1 -1
  356. package/dist/tegel/{p-121afb33.entry.js → p-719fcc3b.entry.js} +1 -1
  357. package/dist/tegel/p-80cd1b4c.entry.js +1 -0
  358. package/dist/tegel/{p-089347c1.entry.js → p-841d280c.entry.js} +1 -1
  359. package/dist/tegel/p-8a92f516.entry.js +1 -0
  360. package/dist/tegel/p-8b0e1b28.entry.js +1 -0
  361. package/dist/tegel/{p-2ef824fb.entry.js → p-9473abea.entry.js} +1 -1
  362. package/dist/tegel/{p-483d8c89.entry.js → p-94e82d86.entry.js} +1 -1
  363. package/dist/tegel/{p-eebfce98.entry.js → p-974f7eb2.entry.js} +1 -1
  364. package/dist/tegel/{p-f7e30ce0.entry.js → p-98eac83d.entry.js} +1 -1
  365. package/dist/tegel/{p-e399bba6.entry.js → p-9a15616f.entry.js} +1 -1
  366. package/dist/tegel/{p-492af98d.entry.js → p-9bec15bf.entry.js} +1 -1
  367. package/dist/tegel/{p-6bcb6678.entry.js → p-9c2ef80c.entry.js} +1 -1
  368. package/dist/tegel/p-9cf8c0f0.entry.js +1 -0
  369. package/dist/tegel/p-BBBKPH5r.js +2 -0
  370. package/dist/tegel/{p-e0be794f.entry.js → p-a3094874.entry.js} +1 -1
  371. package/dist/tegel/{p-fc5445b7.entry.js → p-a3ef5f80.entry.js} +1 -1
  372. package/dist/tegel/p-a424b80f.entry.js +1 -0
  373. package/dist/tegel/p-a4a3367d.entry.js +1 -0
  374. package/dist/tegel/p-a67979a0.entry.js +1 -0
  375. package/dist/tegel/{p-8db648a3.entry.js → p-a679b838.entry.js} +1 -1
  376. package/dist/tegel/{p-826bfbff.entry.js → p-a7b374a4.entry.js} +1 -1
  377. package/dist/tegel/{p-00f77dd3.entry.js → p-aa1ae2c3.entry.js} +1 -1
  378. package/dist/tegel/{p-8f69297f.entry.js → p-abd49ffe.entry.js} +1 -1
  379. package/dist/tegel/{p-f935c2e9.entry.js → p-ae5621f5.entry.js} +1 -1
  380. package/dist/tegel/{p-e7793e67.entry.js → p-b3465c24.entry.js} +1 -1
  381. package/dist/tegel/{p-a5ec44a0.entry.js → p-b535d60d.entry.js} +1 -1
  382. package/dist/tegel/{p-e4cd252c.entry.js → p-b96f269c.entry.js} +1 -1
  383. package/dist/tegel/{p-b524bbfe.entry.js → p-b9f1bdfd.entry.js} +1 -1
  384. package/dist/tegel/p-bd098be1.entry.js +1 -0
  385. package/dist/tegel/{p-c2e17e83.entry.js → p-bf77aa74.entry.js} +1 -1
  386. package/dist/tegel/{p-6c86f384.entry.js → p-c01dce12.entry.js} +1 -1
  387. package/dist/tegel/{p-c612b88f.entry.js → p-c30ed630.entry.js} +1 -1
  388. package/dist/tegel/{p-9d1d18e5.entry.js → p-c91a9648.entry.js} +1 -1
  389. package/dist/tegel/{p-462a1867.entry.js → p-cb84aeb0.entry.js} +1 -1
  390. package/dist/tegel/{p-e8658834.entry.js → p-cbfaf8f6.entry.js} +1 -1
  391. package/dist/tegel/{p-84580662.entry.js → p-cfc0ad1d.entry.js} +1 -1
  392. package/dist/tegel/{p-9a0253d6.entry.js → p-cff15a0b.entry.js} +1 -1
  393. package/dist/tegel/{p-d92682e4.entry.js → p-d26d4174.entry.js} +1 -1
  394. package/dist/tegel/{p-735375dd.entry.js → p-dbb6eb5c.entry.js} +1 -1
  395. package/dist/tegel/{p-408ccb20.entry.js → p-dbd3d34e.entry.js} +1 -1
  396. package/dist/tegel/{p-bf411bd0.entry.js → p-dedc2084.entry.js} +1 -1
  397. package/dist/tegel/{p-066bb57c.entry.js → p-e1bd2fa0.entry.js} +1 -1
  398. package/dist/tegel/{p-9c179f84.entry.js → p-e3c8271d.entry.js} +1 -1
  399. package/dist/tegel/{p-b11a2807.entry.js → p-f08d1a17.entry.js} +1 -1
  400. package/dist/tegel/{p-7fd4299d.entry.js → p-f1c8c48f.entry.js} +1 -1
  401. package/dist/tegel/{p-17ea4d71.entry.js → p-f80b5c4b.entry.js} +1 -1
  402. package/dist/tegel/p-fba1269d.entry.js +1 -0
  403. package/dist/tegel/p-ff25df42.entry.js +1 -0
  404. package/dist/tegel/tegel.css +93 -1
  405. package/dist/tegel/tegel.esm.js +1 -1
  406. package/dist/types/components/dropdown/dropdown.d.ts +17 -30
  407. package/dist/types/components/slider/slider-stories-setup.d.ts +1 -1
  408. package/dist/types/components/table/table-footer/table-footer.d.ts +2 -0
  409. package/dist/types/components.d.ts +15 -4
  410. package/dist/types/stencil-public-runtime.d.ts +0 -4
  411. package/dist/types/stories/formatHtmlPreview.d.ts +1 -1
  412. package/package.json +4 -3
  413. package/dist/components/p-C5Repnjj.js +0 -1
  414. package/dist/components/p-COWTtzpX.js +0 -1
  415. package/dist/components/p-CXwwrpih.js +0 -1
  416. package/dist/components/p-DU6on7Ts.js +0 -1
  417. package/dist/tegel/p-01c5df5c.entry.js +0 -1
  418. package/dist/tegel/p-09c5a74a.entry.js +0 -1
  419. package/dist/tegel/p-10bd75ab.entry.js +0 -1
  420. package/dist/tegel/p-1c117ed6.entry.js +0 -1
  421. package/dist/tegel/p-1c73f091.entry.js +0 -1
  422. package/dist/tegel/p-399de5fb.entry.js +0 -1
  423. package/dist/tegel/p-513f9e4a.entry.js +0 -1
  424. package/dist/tegel/p-5aac239b.entry.js +0 -1
  425. package/dist/tegel/p-5de5a2e8.entry.js +0 -1
  426. package/dist/tegel/p-785a02d1.entry.js +0 -1
  427. package/dist/tegel/p-7aa48b05.entry.js +0 -1
  428. package/dist/tegel/p-7d2217bc.entry.js +0 -1
  429. package/dist/tegel/p-88deac25.entry.js +0 -1
  430. package/dist/tegel/p-9xxNGlso.js +0 -2
  431. package/dist/tegel/p-ad5f719a.entry.js +0 -1
  432. package/dist/tegel/p-b35c853f.entry.js +0 -1
  433. package/dist/tegel/p-b765f247.entry.js +0 -1
  434. package/dist/tegel/p-c18d557c.entry.js +0 -1
  435. package/dist/tegel/p-dc823504.entry.js +0 -1
  436. package/dist/tegel/p-fed169d8.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as o,h as s,H as d,a}from"./p-9xxNGlso.js";import{h as i}from"./p-DDX6uFcm.js";import{g as e}from"./p-Cn4f8w1e.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},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:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)}}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}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:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}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,r=`tds-modal-body-${e()}`;return s(d,{key:"627470cc4fd39a05084149c125b34e8c41fca76b",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"64cbcfcc22244a706d448dab7834a83173943d85",class:"tds-modal-backdrop"}),s("div",{key:"ab7af811011361c8b5fb311dff6fd12143ad9fa4",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},s("div",{key:"4aa8706b05c2b2dfd286368b0f1dd7e4eaaec10f",id:a,class:"header"},this.header&&s("div",{key:"a24a3998f441a80a5ba39082e1b8c6a4568424a1",class:"header-text"},this.header),t&&s("slot",{key:"5aba912426f4743d5c136230cfbccbc3730b2adf",name:"header"}),this.closable&&s("button",{key:"14da162e80c29bdaad47990af70b533a1a2e0fc2",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"f28f4aedb9e432849803a5961db568db4c157003",name:"cross",size:"20px"}))),s("div",{key:"928a57c57f5bbbcd6411da9378d2001c9befb855",id:r,class:"body"},s("slot",{key:"800c2deda52545ce5ca457c3274734df18a1bd57",name:"body"})),o&&s("slot",{key:"d453d7e1fe3062aa238ca19883345aa09c0b87c5",name:"actions"})))}get host(){return a(this)}static get watchers(){return{show:[{handleShowPropChange:0}]}}};r.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-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-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.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(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);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(--background-elevation-layer-02);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(--foreground-text-strong);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(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-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}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);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(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@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(--foreground-text-strong)}.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{r as tds_modal}
1
+ import{r as t,c as o,h as s,H as d,a}from"./p-BBBKPH5r.js";import{h as i}from"./p-DDX6uFcm.js";import{g as e}from"./p-Cn4f8w1e.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},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:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)}}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}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:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}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,r=`tds-modal-body-${e()}`;return s(d,{key:"47c0d4fe04b057ad1f1295336bad71e541b052ac",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"f6500967c2aa83e740030050b5324de267ee7070",class:"tds-modal-backdrop"}),s("div",{key:"14bdaa5cef839b616355e7d5342519389a095b2d",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},s("div",{key:"fe10c46a52f58f1717b4e8bcb51b14cbef64cc4e",id:a,class:"header"},this.header&&s("div",{key:"95cf626802fe45eb54091414176e35af9eebc26e",class:"header-text"},this.header),t&&s("slot",{key:"840e065228905dff0b0aee19306c2767a44c5961",name:"header"}),this.closable&&s("button",{key:"515240253c8cf06452e6cf1e7c7cd90836ee6526",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"5b93c45967f34e994a57fd36fe50f19e34681cec",name:"cross",size:"20px"}))),s("div",{key:"e35ee14846aa28f1496e1a8dc5b0514b59a7c4f6",id:r,class:"body"},s("slot",{key:"828423ca3134f0f38520b4b70451b97cce84f19c",name:"body"})),o&&s("slot",{key:"9455e931e29bed29f10c01f7adc9555556b7f298",name:"actions"})))}get host(){return a(this)}static get watchers(){return{show:[{handleShowPropChange:0}]}}};r.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-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-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.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(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);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(--background-elevation-layer-02);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(--foreground-text-strong);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(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-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}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);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(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@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(--foreground-text-strong)}.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{r as tds_modal}
@@ -1 +1 @@
1
- import{r as t,c as e,h as a,a as r}from"./p-9xxNGlso.js";import{g as s}from"./p-Cn4f8w1e.js";import{g as d}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=s(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"2ccb72218895d827f951926844f7f5912f5e5981",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"55b640f946d5f3b553f0c8d6f458076e22675a3c",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"716876e13a8f7ce5336410fef5d9b9de90f89e01",class:"textarea-wrapper"},a("textarea",{key:"80041c04a5bce79615bb92bb3489ec9af9328cd8",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":d(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"09fe37f55f352eb6a2e6482dd4a3fd1a5c2a5a4d",class:"textarea-resizer-icon"},a("svg",{key:"7ddadcc0a6a6392b891fa93abbcb286b95123fbe",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"486e21dc5f89ca182e3870c010d05f8d05dee56f","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"bcaf8a2615483c20d5047dd182e46a3db316b745",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"a70b88e3c48613f80c8c7d558732e3d51a2cb00c",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"7bbe4e5b22c6b1cc6dca8880e03eb3079bc8fe6e",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"feadff54f5c5fc884a5a7099878ee023a3c6f1c9",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"ea538dae22b40ae4aac1d96064a137d28dbe3a52",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"92db8cc03e82c34f47a7c331c871240150b60732",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"4788115dbd59ce70f37b2033f3a08a4f8329106e",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
1
+ import{r as t,c as e,h as a,a as r}from"./p-BBBKPH5r.js";import{g as s}from"./p-Cn4f8w1e.js";import{g as d}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=s(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"09cd1df4c73550cbe10f6de7127e2835e8e8e90f",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"16f1f2dc1993c0056aee8bfd82de399292ea1496",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"86fcb4db0544d59bdc62f313a2ad1b7bec232456",class:"textarea-wrapper"},a("textarea",{key:"43addcf60de1c7de4dd5fd71b2d4e448cc36d0e8",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":d(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"79003f45831eab0125d36f3cae8e5e94016737ab",class:"textarea-resizer-icon"},a("svg",{key:"215bb650c9d5755fb1efc60fb8f860cbd320ff81",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"e7eee0f9e40c8000232f922f20461f898d3ee897","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"ee804d2983da6c42e3ce071b1e1cf1183a47500b",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"581368602f2ffcedc7af6b54c406999a731854a8",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"58de6e587437522439676f57fee5143ba28a9763",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"0d266c48b18cb493ac1b70268bdaceb0228397d8",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"cbc610ddb25b27dcb9ec84357594289335edf21a",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"f600283d05fad5e2ac4d14e759008021ff9a3c25",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"2a4d1ed0e0a6ece6d2fc0943d6f44a897f8bfcfb",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
@@ -1 +1 @@
1
- import{r as e,h as o}from"./p-9xxNGlso.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"0a7c5d1ce63bdb1454c76edbd4bfc4bc1cf10b55"},o("slot",{key:"ac27c2a4ce21972a17fba690d79bcd3d731e196b"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}";export{t as tds_header_title}
1
+ import{r as e,h as o}from"./p-BBBKPH5r.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"0a7c5d1ce63bdb1454c76edbd4bfc4bc1cf10b55"},o("slot",{key:"ac27c2a4ce21972a17fba690d79bcd3d731e196b"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}";export{t as tds_header_title}
@@ -1 +1 @@
1
- import{r as e,c as t,h as s,H as a,a as i}from"./p-9xxNGlso.js";const o=class{constructor(s){e(this,s),this.tdsCollapse=t(this,"tdsCollapse",3),this.internalTdsCollapse=t(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented||(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return s(a,{key:"af4793f3c8b8c5cc028ebcc26ddbfcc33ae1471e"},s("div",{key:"2f1b46a087dce36ca41171f93643c1f6216aeac7",class:{wrapper:!0,"state-collapsed":this.collapsed}},s("tds-side-menu-item",{key:"17de6280d2f2e695592d4e44b5918c3860d3fe80",class:{button:!0}},s("button",{key:"6d9fdaa1c0006305e1ff1388311e94b5868bbc3f",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},s("svg",{key:"ad898232c2d2965b08eb2a44d19d65c0039ff298",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{key:"5f6e67ff24fa04d193efebadec616feb6c0d6683","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&s("slot",{key:"3793bcbed80fac4010820fbfd6752083e74a93d7"})))))}get host(){return i(this)}};o.style=":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";export{o as tds_side_menu_collapse_button}
1
+ import{r as e,c as t,h as s,H as a,a as i}from"./p-BBBKPH5r.js";const o=class{constructor(s){e(this,s),this.tdsCollapse=t(this,"tdsCollapse",3),this.internalTdsCollapse=t(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented||(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return s(a,{key:"af4793f3c8b8c5cc028ebcc26ddbfcc33ae1471e"},s("div",{key:"2f1b46a087dce36ca41171f93643c1f6216aeac7",class:{wrapper:!0,"state-collapsed":this.collapsed}},s("tds-side-menu-item",{key:"17de6280d2f2e695592d4e44b5918c3860d3fe80",class:{button:!0}},s("button",{key:"6d9fdaa1c0006305e1ff1388311e94b5868bbc3f",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},s("svg",{key:"ad898232c2d2965b08eb2a44d19d65c0039ff298",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{key:"5f6e67ff24fa04d193efebadec616feb6c0d6683","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&s("slot",{key:"3793bcbed80fac4010820fbfd6752083e74a93d7"})))))}get host(){return i(this)}};o.style=":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";export{o as tds_side_menu_collapse_button}
@@ -0,0 +1 @@
1
+ import{r as e,h as r,H as a}from"./p-BBBKPH5r.js";const d=class{constructor(r){e(this,r)}render(){return r(a,{key:"497d9c1aaf805a5bba06d860f02002eeead6032c"},r("tds-header-dropdown-list-item",{key:"74b6b75f5c7759bc226ba7150f9fb5ea23bcfc66",size:"lg"},r("slot",{key:"00d8917ab3c70f6d0ca27231572c4cdfa47cf07e"})))}};d.style=":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";export{d as tds_header_launcher_list_item}