@scania/tegel 1.34.0-multibrand-beta.6 → 1.35.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 (406) 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 +3 -7
  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-breadcrumbs.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-button.cjs.entry.js +1 -1
  11. package/dist/cjs/tds-card.cjs.entry.js +1 -1
  12. package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
  13. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  14. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
  15. package/dist/cjs/tds-datetime.cjs.entry.js +1 -1
  16. package/dist/cjs/tds-divider.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-dropdown_2.cjs.entry.js +6 -7
  18. package/dist/cjs/tds-folder-tab.cjs.entry.js +3 -3
  19. package/dist/cjs/tds-folder-tabs.cjs.entry.js +3 -3
  20. package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
  21. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-footer.cjs.entry.js +4 -3
  23. package/dist/cjs/tds-header-cell.cjs.entry.js +2 -2
  24. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
  26. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-icon.cjs.entry.js +3 -8
  29. package/dist/cjs/tds-inline-tab.cjs.entry.js +3 -3
  30. package/dist/cjs/tds-inline-tabs.cjs.entry.js +3 -3
  31. package/dist/cjs/tds-link.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-message.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-modal.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-navigation-tab.cjs.entry.js +3 -3
  35. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +5 -5
  36. package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +1 -1
  38. package/dist/cjs/tds-popover-menu.cjs.entry.js +3 -6
  39. package/dist/cjs/tds-radio-button.cjs.entry.js +2 -4
  40. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +1 -1
  41. package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
  42. package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
  43. package/dist/cjs/tds-slider.cjs.entry.js +9 -15
  44. package/dist/cjs/tds-spinner.cjs.entry.js +2 -2
  45. package/dist/cjs/tds-step.cjs.entry.js +1 -1
  46. package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
  47. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +2 -2
  48. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +8 -8
  49. package/dist/cjs/tds-table-body-row.cjs.entry.js +3 -3
  50. package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
  51. package/dist/cjs/tds-table-footer.cjs.entry.js +4 -4
  52. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +2 -2
  53. package/dist/cjs/tds-table-header.cjs.entry.js +3 -3
  54. package/dist/cjs/tds-table-toolbar.cjs.entry.js +3 -3
  55. package/dist/cjs/tds-table.cjs.entry.js +1 -1
  56. package/dist/cjs/tds-text-field.cjs.entry.js +6 -9
  57. package/dist/cjs/tds-textarea.cjs.entry.js +5 -5
  58. package/dist/cjs/tds-toast.cjs.entry.js +4 -4
  59. package/dist/cjs/tds-toggle.cjs.entry.js +3 -3
  60. package/dist/cjs/tds-tooltip.cjs.entry.js +3 -3
  61. package/dist/cjs/tegel.cjs.js +1 -1
  62. package/dist/collection/components/accordion/accordion-item/accordion-item.css +25 -34
  63. package/dist/collection/components/accordion/accordion.css +9 -8
  64. package/dist/collection/components/badge/badge.css +4 -2
  65. package/dist/collection/components/banner/banner.css +16 -26
  66. package/dist/collection/components/block/block.css +8 -15
  67. package/dist/collection/components/block/block.js +2 -6
  68. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +8 -6
  69. package/dist/collection/components/breadcrumbs/breadcrumbs.css +2 -9
  70. package/dist/collection/components/button/button.css +426 -480
  71. package/dist/collection/components/card/card.css +18 -29
  72. package/dist/collection/components/checkbox/checkbox.css +30 -37
  73. package/dist/collection/components/chip/chip.css +19 -31
  74. package/dist/collection/components/datetime/datetime.css +199 -104
  75. package/dist/collection/components/divider/divider.css +16 -1
  76. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +11 -19
  77. package/dist/collection/components/dropdown/dropdown.css +129 -138
  78. package/dist/collection/components/dropdown/dropdown.js +4 -5
  79. package/dist/collection/components/footer/footer-group/footer-group.css +11 -21
  80. package/dist/collection/components/footer/footer-item/footer-item.css +17 -25
  81. package/dist/collection/components/footer/footer.css +7 -20
  82. package/dist/collection/components/footer/footer.js +3 -2
  83. package/dist/collection/components/header/header-dropdown/header-dropdown.css +3 -3
  84. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +3 -2
  85. package/dist/collection/components/header/header-item/header-item.css +3 -2
  86. package/dist/collection/components/header/header-launcher/header-launcher.css +3 -3
  87. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +3 -2
  88. package/dist/collection/components/icon/icon.js +2 -7
  89. package/dist/collection/components/icon/tratonIconsArray.js +1 -4
  90. package/dist/collection/components/link/link.css +14 -23
  91. package/dist/collection/components/message/message.css +53 -42
  92. package/dist/collection/components/modal/modal.css +16 -15
  93. package/dist/collection/components/popover-canvas/popover-canvas.css +2 -2
  94. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +7 -14
  95. package/dist/collection/components/popover-menu/popover-menu.css +1 -1
  96. package/dist/collection/components/popover-menu/popover-menu.js +2 -23
  97. package/dist/collection/components/radio-button/radio-button.css +25 -38
  98. package/dist/collection/components/radio-button/radio-button.js +1 -3
  99. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +3 -2
  100. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +3 -2
  101. package/dist/collection/components/side-menu/side-menu.css +3 -3
  102. package/dist/collection/components/slider/slider-stories-setup.js +1 -29
  103. package/dist/collection/components/slider/slider.css +52 -99
  104. package/dist/collection/components/slider/slider.js +8 -50
  105. package/dist/collection/components/spinner/spinner.css +64 -33
  106. package/dist/collection/components/spinner/spinner.js +2 -3
  107. package/dist/collection/components/stepper/step/step.css +38 -53
  108. package/dist/collection/components/stepper/stepper.css +3 -0
  109. package/dist/collection/components/table/table/table.css +4 -4
  110. package/dist/collection/components/table/table-body/table-body.css +21 -11
  111. package/dist/collection/components/table/table-body-cell/table-body-cell.css +5 -12
  112. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.css +9 -18
  113. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  114. package/dist/collection/components/table/table-body-row/table-body-row.css +9 -10
  115. package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
  116. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.css +12 -11
  117. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
  118. package/dist/collection/components/table/table-footer/table-footer.css +22 -33
  119. package/dist/collection/components/table/table-footer/table-footer.js +3 -3
  120. package/dist/collection/components/table/table-header/table-header.css +7 -14
  121. package/dist/collection/components/table/table-header/table-header.js +2 -2
  122. package/dist/collection/components/table/table-header-cell/table-header-cell.css +13 -27
  123. package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
  124. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.css +9 -16
  125. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
  126. package/dist/collection/components/table/table-toolbar/table-toolbar.css +14 -25
  127. package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
  128. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +18 -25
  129. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
  130. package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +18 -3
  131. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  132. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +10 -19
  133. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
  134. package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +20 -4
  135. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  136. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +10 -22
  137. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  138. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +20 -5
  139. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
  140. package/dist/collection/components/text-field/text-field.css +170 -141
  141. package/dist/collection/components/text-field/text-field.js +5 -8
  142. package/dist/collection/components/textarea/textarea.css +74 -112
  143. package/dist/collection/components/textarea/textarea.js +4 -4
  144. package/dist/collection/components/toast/toast.css +23 -31
  145. package/dist/collection/components/toast/toast.js +3 -3
  146. package/dist/collection/components/toggle/toggle.css +45 -55
  147. package/dist/collection/components/toggle/toggle.js +2 -2
  148. package/dist/collection/components/tooltip/tooltip.css +4 -11
  149. package/dist/collection/components/tooltip/tooltip.js +2 -2
  150. package/dist/components/p-58b92113.js +114 -0
  151. package/dist/components/{p-d437241f.js → p-63437b77.js} +2 -2
  152. package/dist/components/{p-4cd4e1e3.js → p-6adb1ce3.js} +1 -1
  153. package/dist/components/{p-aeba8158.js → p-6eecf159.js} +1 -1
  154. package/dist/components/{p-af5310f8.js → p-71c3dfe9.js} +1 -1
  155. package/dist/components/{p-ee402b70.js → p-9cee9d7f.js} +3 -3
  156. package/dist/components/{p-4e5ff414.js → p-b390ece5.js} +3 -8
  157. package/dist/components/{p-4bf2bec5.js → p-df84759a.js} +1 -1
  158. package/dist/components/{p-0e04ed76.js → p-ea381f94.js} +1 -1
  159. package/dist/components/{p-a1f93ac9.js → p-ecd0226b.js} +3 -3
  160. package/dist/components/{p-6bb21551.js → p-ffbaebb1.js} +6 -7
  161. package/dist/components/tds-accordion-item.js +2 -2
  162. package/dist/components/tds-accordion.js +1 -1
  163. package/dist/components/tds-badge.js +1 -1
  164. package/dist/components/tds-banner.js +2 -2
  165. package/dist/components/tds-block.js +3 -7
  166. package/dist/components/tds-body-cell.js +1 -1
  167. package/dist/components/tds-breadcrumb.js +1 -1
  168. package/dist/components/tds-breadcrumbs.js +1 -1
  169. package/dist/components/tds-button.js +1 -1
  170. package/dist/components/tds-card.js +2 -2
  171. package/dist/components/tds-checkbox.js +1 -1
  172. package/dist/components/tds-chip.js +1 -1
  173. package/dist/components/tds-datetime.js +2 -2
  174. package/dist/components/tds-divider.js +1 -1
  175. package/dist/components/tds-dropdown-option.js +1 -1
  176. package/dist/components/tds-dropdown.js +1 -1
  177. package/dist/components/tds-folder-tab.js +3 -3
  178. package/dist/components/tds-folder-tabs.js +4 -4
  179. package/dist/components/tds-footer-group.js +2 -2
  180. package/dist/components/tds-footer-item.js +1 -1
  181. package/dist/components/tds-footer.js +4 -3
  182. package/dist/components/tds-header-brand-symbol.js +1 -1
  183. package/dist/components/tds-header-cell.js +3 -3
  184. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  185. package/dist/components/tds-header-dropdown.js +4 -4
  186. package/dist/components/tds-header-hamburger.js +2 -2
  187. package/dist/components/tds-header-item.js +1 -1
  188. package/dist/components/tds-header-launcher-button.js +1 -1
  189. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  190. package/dist/components/tds-header-launcher-list-item.js +1 -1
  191. package/dist/components/tds-header-launcher.js +5 -5
  192. package/dist/components/tds-icon.js +1 -1
  193. package/dist/components/tds-inline-tab.js +3 -3
  194. package/dist/components/tds-inline-tabs.js +4 -4
  195. package/dist/components/tds-link.js +1 -1
  196. package/dist/components/tds-message.js +2 -2
  197. package/dist/components/tds-modal.js +2 -2
  198. package/dist/components/tds-navigation-tab.js +3 -3
  199. package/dist/components/tds-navigation-tabs.js +6 -6
  200. package/dist/components/tds-popover-canvas.js +1 -1
  201. package/dist/components/tds-popover-menu-item.js +1 -1
  202. package/dist/components/tds-popover-menu.js +3 -7
  203. package/dist/components/tds-radio-button.js +2 -4
  204. package/dist/components/tds-side-menu-close-button.js +1 -1
  205. package/dist/components/tds-side-menu-collapse-button.js +1 -1
  206. package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
  207. package/dist/components/tds-side-menu-dropdown.js +2 -2
  208. package/dist/components/tds-side-menu-item.js +1 -1
  209. package/dist/components/tds-side-menu.js +1 -1
  210. package/dist/components/tds-slider.js +10 -18
  211. package/dist/components/tds-spinner.js +4 -5
  212. package/dist/components/tds-step.js +2 -2
  213. package/dist/components/tds-stepper.js +1 -1
  214. package/dist/components/tds-table-body-input-wrapper.js +3 -3
  215. package/dist/components/tds-table-body-row-expandable.js +8 -8
  216. package/dist/components/tds-table-body-row.js +4 -4
  217. package/dist/components/tds-table-body.js +1 -1
  218. package/dist/components/tds-table-footer.js +8 -8
  219. package/dist/components/tds-table-header-input-wrapper.js +3 -3
  220. package/dist/components/tds-table-header.js +4 -4
  221. package/dist/components/tds-table-toolbar.js +4 -4
  222. package/dist/components/tds-table.js +1 -1
  223. package/dist/components/tds-text-field.js +8 -11
  224. package/dist/components/tds-textarea.js +7 -7
  225. package/dist/components/tds-toast.js +5 -5
  226. package/dist/components/tds-toggle.js +3 -3
  227. package/dist/components/tds-tooltip.js +1 -1
  228. package/dist/esm/loader.js +1 -1
  229. package/dist/esm/tds-accordion-item.entry.js +1 -1
  230. package/dist/esm/tds-accordion.entry.js +1 -1
  231. package/dist/esm/tds-badge.entry.js +1 -1
  232. package/dist/esm/tds-banner.entry.js +1 -1
  233. package/dist/esm/tds-block.entry.js +3 -7
  234. package/dist/esm/tds-body-cell.entry.js +1 -1
  235. package/dist/esm/tds-breadcrumb.entry.js +1 -1
  236. package/dist/esm/tds-breadcrumbs.entry.js +1 -1
  237. package/dist/esm/tds-button.entry.js +1 -1
  238. package/dist/esm/tds-card.entry.js +1 -1
  239. package/dist/esm/tds-checkbox.entry.js +1 -1
  240. package/dist/esm/tds-chip.entry.js +1 -1
  241. package/dist/esm/tds-core-header-item_2.entry.js +1 -1
  242. package/dist/esm/tds-datetime.entry.js +1 -1
  243. package/dist/esm/tds-divider.entry.js +1 -1
  244. package/dist/esm/tds-dropdown_2.entry.js +6 -7
  245. package/dist/esm/tds-folder-tab.entry.js +3 -3
  246. package/dist/esm/tds-folder-tabs.entry.js +3 -3
  247. package/dist/esm/tds-footer-group.entry.js +1 -1
  248. package/dist/esm/tds-footer-item.entry.js +1 -1
  249. package/dist/esm/tds-footer.entry.js +4 -3
  250. package/dist/esm/tds-header-cell.entry.js +2 -2
  251. package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
  252. package/dist/esm/tds-header-dropdown.entry.js +1 -1
  253. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  254. package/dist/esm/tds-header-launcher.entry.js +1 -1
  255. package/dist/esm/tds-icon.entry.js +3 -8
  256. package/dist/esm/tds-inline-tab.entry.js +3 -3
  257. package/dist/esm/tds-inline-tabs.entry.js +3 -3
  258. package/dist/esm/tds-link.entry.js +1 -1
  259. package/dist/esm/tds-message.entry.js +1 -1
  260. package/dist/esm/tds-modal.entry.js +1 -1
  261. package/dist/esm/tds-navigation-tab.entry.js +3 -3
  262. package/dist/esm/tds-navigation-tabs.entry.js +5 -5
  263. package/dist/esm/tds-popover-canvas.entry.js +1 -1
  264. package/dist/esm/tds-popover-menu-item.entry.js +1 -1
  265. package/dist/esm/tds-popover-menu.entry.js +3 -6
  266. package/dist/esm/tds-radio-button.entry.js +2 -4
  267. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +1 -1
  268. package/dist/esm/tds-side-menu-item.entry.js +1 -1
  269. package/dist/esm/tds-side-menu.entry.js +1 -1
  270. package/dist/esm/tds-slider.entry.js +9 -15
  271. package/dist/esm/tds-spinner.entry.js +3 -3
  272. package/dist/esm/tds-step.entry.js +1 -1
  273. package/dist/esm/tds-stepper.entry.js +1 -1
  274. package/dist/esm/tds-table-body-input-wrapper.entry.js +2 -2
  275. package/dist/esm/tds-table-body-row-expandable.entry.js +8 -8
  276. package/dist/esm/tds-table-body-row.entry.js +3 -3
  277. package/dist/esm/tds-table-body.entry.js +1 -1
  278. package/dist/esm/tds-table-footer.entry.js +4 -4
  279. package/dist/esm/tds-table-header-input-wrapper.entry.js +2 -2
  280. package/dist/esm/tds-table-header.entry.js +3 -3
  281. package/dist/esm/tds-table-toolbar.entry.js +3 -3
  282. package/dist/esm/tds-table.entry.js +1 -1
  283. package/dist/esm/tds-text-field.entry.js +6 -9
  284. package/dist/esm/tds-textarea.entry.js +5 -5
  285. package/dist/esm/tds-toast.entry.js +4 -4
  286. package/dist/esm/tds-toggle.entry.js +3 -3
  287. package/dist/esm/tds-tooltip.entry.js +3 -3
  288. package/dist/esm/tegel.js +1 -1
  289. package/dist/tegel/{p-39f597f5.entry.js → p-08f63e5d.entry.js} +1 -1
  290. package/dist/tegel/{p-e7638f10.entry.js → p-0cfe8671.entry.js} +1 -1
  291. package/dist/tegel/p-106e048d.entry.js +1 -0
  292. package/dist/tegel/{p-ba990426.entry.js → p-177386d5.entry.js} +1 -1
  293. package/dist/tegel/p-177e874b.entry.js +1 -0
  294. package/dist/tegel/p-1c75f8a7.entry.js +1 -0
  295. package/dist/tegel/p-25d026a6.entry.js +1 -0
  296. package/dist/tegel/p-29170339.entry.js +1 -0
  297. package/dist/tegel/{p-f12ce132.entry.js → p-2c56421f.entry.js} +1 -1
  298. package/dist/tegel/p-35a88a52.entry.js +1 -0
  299. package/dist/tegel/p-3a92d554.entry.js +1 -0
  300. package/dist/tegel/{p-40ae469d.entry.js → p-3ec01fb3.entry.js} +1 -1
  301. package/dist/tegel/p-4274d329.entry.js +1 -0
  302. package/dist/tegel/p-4a77edf1.entry.js +1 -0
  303. package/dist/tegel/p-5020a688.entry.js +1 -0
  304. package/dist/tegel/p-52adc30c.entry.js +1 -0
  305. package/dist/tegel/{p-ceddaae5.entry.js → p-5c077bb9.entry.js} +1 -1
  306. package/dist/tegel/p-5dd2aac8.entry.js +1 -0
  307. package/dist/tegel/{p-a077836e.entry.js → p-614bcd4b.entry.js} +1 -1
  308. package/dist/tegel/p-614cc097.entry.js +1 -0
  309. package/dist/tegel/p-618d6b4f.entry.js +1 -0
  310. package/dist/tegel/p-61a1dc59.entry.js +1 -0
  311. package/dist/tegel/p-67b4b2cf.entry.js +1 -0
  312. package/dist/tegel/p-6a615ac1.entry.js +1 -0
  313. package/dist/tegel/p-6d89dcbe.entry.js +1 -0
  314. package/dist/tegel/{p-0d09f1ad.entry.js → p-6e57997e.entry.js} +1 -1
  315. package/dist/tegel/p-7013249b.entry.js +1 -0
  316. package/dist/tegel/p-72006dd7.entry.js +1 -0
  317. package/dist/tegel/p-84de314b.entry.js +1 -0
  318. package/dist/tegel/{p-2718a9ce.entry.js → p-87219f00.entry.js} +1 -1
  319. package/dist/tegel/{p-d9b054fa.entry.js → p-8c841698.entry.js} +1 -1
  320. package/dist/tegel/p-942abc1e.entry.js +1 -0
  321. package/dist/tegel/p-9b2257f3.entry.js +1 -0
  322. package/dist/tegel/p-9fe97da7.entry.js +1 -0
  323. package/dist/tegel/{p-9620b368.entry.js → p-a0591e58.entry.js} +1 -1
  324. package/dist/tegel/{p-b3446292.entry.js → p-ab103d0c.entry.js} +1 -1
  325. package/dist/tegel/{p-a333339f.entry.js → p-abad3489.entry.js} +1 -1
  326. package/dist/tegel/p-ae438c2e.entry.js +1 -0
  327. package/dist/tegel/p-aec3e4cf.entry.js +1 -0
  328. package/dist/tegel/p-b58194f9.entry.js +1 -0
  329. package/dist/tegel/p-b734b309.entry.js +1 -0
  330. package/dist/tegel/p-b8a33966.entry.js +1 -0
  331. package/dist/tegel/p-b994e7ac.entry.js +1 -0
  332. package/dist/tegel/p-bb1d069f.entry.js +1 -0
  333. package/dist/tegel/p-bcd5e06d.entry.js +1 -0
  334. package/dist/tegel/p-bcdf13e0.entry.js +1 -0
  335. package/dist/tegel/p-bd935506.entry.js +1 -0
  336. package/dist/tegel/p-bdc913a0.entry.js +1 -0
  337. package/dist/tegel/{p-c94e0062.entry.js → p-c0b26507.entry.js} +1 -1
  338. package/dist/tegel/p-c6beca5e.entry.js +1 -0
  339. package/dist/tegel/p-cf7af8f2.entry.js +1 -0
  340. package/dist/tegel/p-d267c18f.entry.js +1 -0
  341. package/dist/tegel/p-dc375d3e.entry.js +1 -0
  342. package/dist/tegel/p-e3c2b6b4.entry.js +1 -0
  343. package/dist/tegel/{p-33aa94c4.entry.js → p-eff87481.entry.js} +1 -1
  344. package/dist/tegel/p-f2232281.entry.js +1 -0
  345. package/dist/tegel/p-f4b5e80b.entry.js +1 -0
  346. package/dist/tegel/p-fbffe3aa.entry.js +1 -0
  347. package/dist/tegel/p-fe8a4544.entry.js +1 -0
  348. package/dist/tegel/tegel.css +7 -3
  349. package/dist/tegel/tegel.esm.js +1 -1
  350. package/dist/types/components/footer/footer.d.ts +1 -0
  351. package/dist/types/components/popover-menu/popover-menu.d.ts +0 -2
  352. package/dist/types/components/slider/slider-stories-setup.d.ts +1 -37
  353. package/dist/types/components/slider/slider.d.ts +0 -4
  354. package/dist/types/components.d.ts +0 -24
  355. package/dist/types/types/TratonIcons.d.ts +1 -1
  356. package/package.json +2 -8
  357. package/dist/components/p-8565f800.js +0 -114
  358. package/dist/tegel/p-0096c98e.entry.js +0 -1
  359. package/dist/tegel/p-10646dec.entry.js +0 -1
  360. package/dist/tegel/p-17b55fa2.entry.js +0 -1
  361. package/dist/tegel/p-22e4a4f9.entry.js +0 -1
  362. package/dist/tegel/p-2e6b957c.entry.js +0 -1
  363. package/dist/tegel/p-38aa3ec5.entry.js +0 -1
  364. package/dist/tegel/p-3f039f89.entry.js +0 -1
  365. package/dist/tegel/p-4095d044.entry.js +0 -1
  366. package/dist/tegel/p-45a503af.entry.js +0 -1
  367. package/dist/tegel/p-5487604f.entry.js +0 -1
  368. package/dist/tegel/p-5bc63fd1.entry.js +0 -1
  369. package/dist/tegel/p-5f35ce3b.entry.js +0 -1
  370. package/dist/tegel/p-67f3c355.entry.js +0 -1
  371. package/dist/tegel/p-6a20c0b8.entry.js +0 -1
  372. package/dist/tegel/p-72b2067a.entry.js +0 -1
  373. package/dist/tegel/p-77861e4c.entry.js +0 -1
  374. package/dist/tegel/p-7aaaeb32.entry.js +0 -1
  375. package/dist/tegel/p-80ce20cc.entry.js +0 -1
  376. package/dist/tegel/p-84d8c038.entry.js +0 -1
  377. package/dist/tegel/p-8bcc772f.entry.js +0 -1
  378. package/dist/tegel/p-8efd9d9a.entry.js +0 -1
  379. package/dist/tegel/p-93d3ea90.entry.js +0 -1
  380. package/dist/tegel/p-9572319f.entry.js +0 -1
  381. package/dist/tegel/p-9990cba2.entry.js +0 -1
  382. package/dist/tegel/p-9db54bd1.entry.js +0 -1
  383. package/dist/tegel/p-a1a335f8.entry.js +0 -1
  384. package/dist/tegel/p-a2f84e4a.entry.js +0 -1
  385. package/dist/tegel/p-b02b13ee.entry.js +0 -1
  386. package/dist/tegel/p-bb115b00.entry.js +0 -1
  387. package/dist/tegel/p-c0c68796.entry.js +0 -1
  388. package/dist/tegel/p-c1ff5218.entry.js +0 -1
  389. package/dist/tegel/p-c6e76ba8.entry.js +0 -1
  390. package/dist/tegel/p-c79386a0.entry.js +0 -1
  391. package/dist/tegel/p-cb83b852.entry.js +0 -1
  392. package/dist/tegel/p-d0d2efb5.entry.js +0 -1
  393. package/dist/tegel/p-d1b356d5.entry.js +0 -1
  394. package/dist/tegel/p-d75d632d.entry.js +0 -1
  395. package/dist/tegel/p-db46db63.entry.js +0 -1
  396. package/dist/tegel/p-ec395ccd.entry.js +0 -1
  397. package/dist/tegel/p-f1b0f4f6.entry.js +0 -1
  398. package/dist/tegel/p-f5c24e0b.entry.js +0 -1
  399. package/dist/tegel/p-f8cc59e0.entry.js +0 -1
  400. package/dist/tegel/p-f9b30e56.entry.js +0 -1
  401. package/dist/tegel/p-fe51bbbb.entry.js +0 -1
  402. package/dist-styles/core.css +0 -5834
  403. package/dist-styles/scania-variables.css +0 -1720
  404. package/dist-styles/scania.css +0 -7555
  405. package/dist-styles/traton-variables.css +0 -896
  406. package/dist-styles/traton.css +0 -6731
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as a,H as s,g as i}from"./p-2049fab2.js";const d=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],o=class{constructor(a){e(this,a),this.tdsSelectAll=t(this,"tdsSelectAll",6),this.allSelected=!1,this.selected=void 0,this.disabled=!1,this.indeterminate=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>d.includes(e))).forEach((t=>{if(void 0===this[t])throw new Error(`Table prop is not supported: ${t}`);this[t]=e.detail[t]}))}internalTdsRowExpandedListener(e){this.tableId===e.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){const e=this.host.parentElement.querySelector("tds-table-body").getElementsByClassName("tds-table__row-extend--active").length,t=this.host.parentElement.querySelector("tds-table-body").getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=t===e}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){d.forEach((e=>{this[e]=this.tableEl[e]}))}componentWillRender(){this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}async handleCheckboxChange(e){this.allSelected=e.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:e.detail.checked,selectedRows:await this.tableEl.getSelectedRows()})}render(){return a(s,{key:"6f2fe80cd2493ad5c3bba50129c5d9f673e71897",class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},a("tr",{key:"b409f610aca3da5fa322e7e69f6efc06ab82165a"},this.multiselect&&a("th",{key:"89e063b17bc2fa11ba2425b88d7a4896deef164d",class:"tds-table__header-cell tds-table__header-cell--checkbox"},a("div",{key:"eb44702a1169731a5587adaf7f4d0a28beb4b6db",class:"tds-form-label tds-form-label--table"},a("tds-checkbox",{key:"5a3bb99a515fb6e87f39de70e530a67c10c3e2f7",checked:this.allSelected||this.selected,disabled:this.disabled,indeterminate:this.indeterminate,onTdsChange:e=>this.handleCheckboxChange(e)}))),this.expandableRows&&a("th",{key:"8463b7990b37ffb6eb36eaffe9e3f3e159fdf5ba",class:"tds-table__header-cell tds-table__header-cell--checkbox"}),a("slot",{key:"2f31f807f5f3744ffe05c0eebac93c6c8374b046"})))}get host(){return i(this)}};o.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{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);background-color:var(--table-header);border-bottom:1px solid var(--table-divider);color:var(--table-text);display:table-cell;text-align:left;height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--table-header-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{o as tds_table_header}
@@ -1 +0,0 @@
1
- import{r as e,h as t,H as r}from"./p-2049fab2.js";const o=class{constructor(t){e(this,t),this.current=!1}render(){return t(r,{key:"f1a223cf44e435b547b42382e8b3d47979c71793",role:"listitem"},t("div",Object.assign({key:"41baa33ae1474121ae4512ddf89fb960670d1cea",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),t("slot",{key:"8f14f28f7e9824e76886a1d49f15d3404666771a"})))}};o.style='@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--breadcrumb-label);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--breadcrumb-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--breadcrumb-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(--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 +0,0 @@
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}
@@ -1 +0,0 @@
1
- import{r as o,h as e,H as t,g as d}from"./p-2049fab2.js";const r=class{constructor(e){o(this,e),this.selected=!1,this.size="md"}render(){return e(t,{key:"1dd37d8c57686fdde3bbf602cd2d327237ff9ee8"},e("div",{key:"ecbcceac23e94264aa3bfd253190c358d415492d",class:{component:!0,"component-selected":this.selected}},e("slot",{key:"0e02564e017aaea2a0e9336e64fb853ecf4db367"})))}get host(){return d(this)}};r.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:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-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{r as tds_header_dropdown_list_item}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";import{h as s}from"./p-ae110fc2.js";const n=class{constructor(e){t(this,e),this.slotPosition=null,this.topPartGroup=!1,this.titleText=void 0,this.tdsListAriaLabel=void 0,this.open=!1,this.isMobile=void 0}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){this.updateIsMobile(),this.topPartGroup="top"===this.host.parentElement.slot,this.topPartGroup||(this.slotPosition="end"===this.host.parentElement.slot?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),s("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=s("title",this.host);return e(o,{key:"ee2e585154e56bba76c1e30aff640bda58dd401e","aria-expanded":this.open?"true":"false"},e("div",{key:"d29f4a28742993315e7514516fa057def61f0cf6",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?e("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?e("slot",{name:"title"}):this.titleText,e("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):e("div",{class:"footer-top-title"},t?e("slot",{name:"title"}):this.titleText)),e("nav",{key:"e6e37cfa8d99c76b551c95140cca24829fd74244","aria-label":this.tdsListAriaLabel},e("div",{key:"680ada977f2d1b82e9dda9250e4423cc4040c7c4",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},e("slot",{key:"6748ed2033c34e3f34a11a391713413ad28fc7dc"})))))}get host(){return i(this)}};n.style=":host{display:block}:host .footer-top-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);color:var(--footer-top-links-desktop);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{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);border:none;width:100%;color:var(--footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded{border-bottom:none}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";export{n as tds_footer_group}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as d}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";const s=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),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;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-${i()}`,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},i=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 ${i&&"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)))}};s.style='.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input[type=week].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-md[type=date].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-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].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:var(--datetime-border-radius);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--datetime-text);background-color:var(--datetime-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);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(--datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--datetime-placeholder-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--datetime-background-disabled);color:var(--datetime-text-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{padding:var(--tds-spacing-element-16)}.tds-datetime-container.sc-tds-datetime{border-radius:var(--datetime-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--datetime-background);transition:border-bottom-color 200ms ease;border-left:1px solid var(--datetime-border-color-left);border-right:1px solid var(--datetime-border-color-right);border-bottom:1px solid var(--datetime-border-color-bottom);border-top:1px solid var(--datetime-border-color-top)}.tds-datetime-container.sc-tds-datetime:hover{border-left:1px solid var(--datetime-border-color-left-hover);border-right:1px solid var(--datetime-border-color-right-hover);border-bottom:1px solid var(--datetime-border-color-bottom-hover);border-top:1px solid var(--datetime-border-color-top-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(--datetime-icon)}.tds-datetime-label.sc-tds-datetime{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(--datetime-label)}.tds-datetime-label-inside.sc-tds-datetime{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(--datetime-label-inside);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~.tds-datetime-label-inside.sc-tds-datetime,.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,.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-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}.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-md.sc-tds-datetime,.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-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.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.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:12px}.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,.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:8px}.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;width:0;position:absolute;background:var(--datetime-highlight);transition:0.35s ease all;top:54px}.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-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;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--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{cursor:not-allowed;border-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-left:1px solid var(--datetime-border-color-left-success);border-right:1px solid var(--datetime-border-color-right-success);border-bottom:1px solid var(--datetime-border-color-bottom-success);border-top:1px solid var(--datetime-border-color-top-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(--datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-left:1px solid var(--datetime-border-color-left-error);border-right:1px solid var(--datetime-border-color-right-error);border-bottom:1px solid var(--datetime-border-color-bottom-error);border-top:1px solid var(--datetime-border-color-top-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(--datetime-highlight-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--datetime-icon-error)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator,input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator,input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator,input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator,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}}.tds-form-datetime.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-left:1px solid var(--datetime-border-color-left-focus);border-right:1px solid var(--datetime-border-color-right-focus);border-bottom:1px solid var(--datetime-border-color-bottom-focus);border-top:1px solid var(--datetime-border-color-top-focus);outline:2px solid var(--datetime-outline-color-focus);outline-offset:-1px}';export{s as tds_datetime}
@@ -1 +0,0 @@
1
- import{r as e,c,h as t,g as o}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const d=class{constructor(t){e(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsFocus=c(this,"tdsFocus",6),this.tdsBlur=c(this,"tdsBlur",6),this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})},this.name=void 0,this.checkboxId=s(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.value=void 0,this.tdsAriaLabel=void 0,this.tdsAriaDescribedby=void 0}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(e){this.tdsFocus.emit(e)}handleBlur(e){this.tdsBlur.emit(e)}handleFormReset(e){this.host.closest("form")===e.target&&(this.checked=!1,this.indeterminate=!1)}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Checkbox component: tdsAriaLabel prop is missing")}render(){return t("div",{key:"97afce57b6f6ce0d66dabd227f7271b5dc8fe707",class:"tds-checkbox"},t("input",{key:"18b283a21ff649b9a4935a7b3e6f489cde16073d",ref:e=>this.inputElement=e,indeterminate:this.indeterminate,"aria-checked":this.checked,"aria-required":this.required,"aria-label":this.tdsAriaLabel,"aria-describedby":this.tdsAriaDescribedby,required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e),onChange:()=>{this.handleChange()}}),t("label",{key:"51d15b0eea1fd0f7517ca8d0f669bc02ac59781c",htmlFor:this.checkboxId},t("slot",{key:"bb10126c57b177f825ef8cd75da505465b2d6ae3",name:"label"})))}get host(){return o(this)}static get watchers(){return{indeterminate:["handleIndeterminateState"]}}};d.style='.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{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);color:var(--checkbox-label);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--checkbox-label);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:22px;height:22px;left:1px;top:1px;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--checkbox-border);background-color:var(--checkbox-fill);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--checkbox-border-hover);opacity:var(--checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--checkbox-border-focus);opacity:var(--checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after{border-color:var(--checkbox-border-disabled)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox{color:var(--checkbox-label-disabled);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--checkbox-background-image);background-color:var(--checkbox-border);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--checkbox-border-hover);opacity:var(--checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after{background-image:var(--checkbox-background-image-disabled);background-color:var(--checkbox-fill-disabled);color:var(--checkbox-border-disabled)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--checkbox-background-image-indeterminate);background-color:var(--checkbox-border);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--checkbox-background-image-indeterminate-disabled);background-color:var(--checkbox-fill-disabled);color:var(--checkbox-border-disabled)}';export{d as tds_checkbox}
@@ -1 +0,0 @@
1
- import{r as o,h as d,H as r}from"./p-2049fab2.js";const a=class{constructor(d){o(this,d),this.modeVariant=null,this.hideLastBorder=!1}render(){return d(r,{key:"c9ecf1a636d34f69a433aa6adac976623739b631",class:{"tds-accordion":!0,[`tds-mode-variant-${this.modeVariant||""}`]:Boolean(this.modeVariant),"hide-last-border":this.hideLastBorder}},d("slot",{key:"4dd6d46024e918a3cd5e7594449147a94d07d6a0"}))}};a.style=":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:focus){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host(:focus) .tds-accordion-item .tds-accordion-header-icon-start,:host(:focus) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--accordion-background-focus);outline:none}:host(:focus) .tds-accordion-item .tds-accordion-header-icon-start::after,:host(:focus) .tds-accordion-item .tds-accordion-header-icon-end::after{border-color:var(--accordion-border-focus)}:host(:focus) .disabled,:host(:focus) .disabled *{cursor:not-allowed}:host(:focus) .disabled .tds-accordion-header-icon-start,:host(:focus) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:focus) .disabled .tds-accordion-header-icon-start::after,:host(:focus) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:active) .tds-accordion-header-icon-start,:host(:active) .tds-accordion-header-icon-end{background-color:var(--accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--accordion-border)}:host(.hide-last-border:last-child){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--accordion-background)}";export{a as tds_accordion}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,H as a,g as i}from"./p-2049fab2.js";const o=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers"],l=class{constructor(a){t(this,a),this.tdsSort=e(this,"tdsSort",7),this.internalSortButtonClicked=e(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=e(this,"internalTdsTextAlign",6),this.internalTdsHover=e(this,"internalTdsHover",6),this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?s("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},s("span",{class:"tds-table__header-button-text"},this.cellValue,s("slot",null)),void 0===this.sortingDirection&&s("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&s("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):s("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:t})},this.cellKey=void 0,this.cellValue=void 0,this.customWidth=void 0,this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState=void 0,this.sortingDirection=void 0,this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1}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]}))}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]),this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return s(a,{key:"9306f586f70affe65e63f3c7545285cf58e05a92",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding},style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),role:"columnheader","aria-sort":this.getAriaSort()},this.headerCellContent())}get host(){return i(this)}};l.style=":host(.tds-table__header-cell){box-sizing:border-box;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);background-color:var(--table-header);border-bottom:1px solid var(--table-divider);color:var(--table-text);display:table-cell;text-align:left;padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{color:var(--table-text);display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px;outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{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);color:var(--table-text);text-align:left}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{fill:var(--table-text);flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--table-header-button)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--table-header-button-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}: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}:host(.tds-table--no-padding){height:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}";export{l as tds_header_cell}
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as o,g as s}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";const r=class{constructor(i){t(this,i),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 i(o,{key:"69ced518e10ea5d65da8266257d7f7bba5db3f63",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},i("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,i("slot",{key:"8fb6467b2d1fa2ce6a70a171966ff245f8205b55"})))}get host(){return s(this)}};r.style=".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;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(--tooltip-text);background-color:var(--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 +0,0 @@
1
- import{r as t,c as e,h as a}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";const s=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=r(),this.label="",this.name="",this.helper=void 0,this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.maxLength=void 0,this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.tdsAriaLabel=void 0,this.focusInput=void 0}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){this.textEl.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}connectedCallback(){this.tdsAriaLabel||this.label||console.warn("Tegel Textarea component: specify label or tdsAriaLabel prop for accessibility")}render(){var t;return a("div",{key:"dd21ad7eba3f5c751fc4e67b6e20e373aada6c79",class:{"textarea-container":!0,"textarea-focus":this.focusInput,"textarea-label-inside":"inside"===this.labelPosition,"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:"e63ddf98d7a3cb8e759061cbbee566a2855571ba",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"984e957c4a556074667140917b8345ac2595fdc5",class:"textarea-wrapper"},a("textarea",{key:"55106fda825589c3ffb4d2903b07a4431fb29d00",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":"error"===this.state?"true":"false","aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"53f748ec3aad84435b01340c427277d201ef8293",class:"textarea-resizer-icon"},a("svg",{key:"936ca19dc06fe6d83a89809c7b7500be47930442",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"142eafbb0637bc62d39cc784840525b9f942be76","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:"9c7cc7ac48f45c8e125970d3907271f96a2321e1",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"aeb173e437ac6a773caa987a6988ed4b9ac0c3a2",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"6a174aa3488ad0e8c379918bfd8f8602acdf1a62",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"aad3a3c7273215a1ff7cf44962f6cc2ee369821a",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"1ee6d461455b03f163d03d4973b54a9ab1f6c804",name:"error",size:"16px"}),this.helper),this.maxLength>0&&a("div",{key:"f83b5821271cdb06828593208faa8f7359571a43",class:"textarea-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,a("span",{key:"35900e84677ad26350fad6b0db03dc4c2afc3706",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}};s.style='.textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);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{padding-bottom:1px;position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:"";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);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);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{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;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);transition:0.1s ease all;color:var(--textarea-label-inside);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(--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(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{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(--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-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(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{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;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--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{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.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{s as tds_textarea}
@@ -1 +0,0 @@
1
- import{r as e,c as a,h as d,H as r,g as t}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";import{h as s}from"./p-ae110fc2.js";const o=class{constructor(r){e(this,r),this.tdsClick=a(this,"tdsClick",6),this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=s("header",this.host),a=s("subheader",this.host),r=s("thumbnail",this.host);return d("div",{class:"card-header"},r&&d("slot",{name:"thumbnail"}),d("div",{class:"header-subheader",id:`header-${this.cardId}`},this.header&&d("span",{class:"header"},this.header),e&&d("slot",{name:"header"}),this.subheader&&d("span",{class:"subheader"},this.subheader),a&&d("slot",{name:"subheader"})))},this.getCardContent=()=>{const e=s("body",this.host),a=s("body-image",this.host),r=s("actions",this.host),t=`body-${this.cardId}`;return d("div",{class:this.stretch&&"stretch","aria-describedby":e?t:null},"below-header"===this.imagePlacement&&this.getCardHeader(),d("div",{class:"card-body",id:t},a&&d("slot",{name:"body-image"}),this.bodyImg&&d("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&d("tds-divider",null),e&&d("slot",{name:"body"})),r&&d("slot",{name:"actions"}))},this.modeVariant=null,this.imagePlacement="below-header",this.header=void 0,this.subheader=void 0,this.bodyImg=void 0,this.bodyImgAlt=void 0,this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=i()}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[`${this.imagePlacement}-stretch`]:this.stretch};return d(r,{key:"39dde374a44320884af4b8a0da33e24c983417c5",class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?d("button",{class:e,onClick:this.handleClick,"aria-label":this.header?this.header:`Card ${this.cardId}`,"aria-describedby":`header-${this.cardId}`},this.getCardContent()):d("div",{class:e},this.getCardContent()))}get host(){return t(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--card-box);background-color:var(--card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--card-box-hover);cursor:pointer}.card .card-header{font-family:var(--headline-06-font-family);font-size:var(--headline-06-font-size);line-height:var(--headline-06-line-height);font-weight:var(--headline-06-font-weight);letter-spacing:var(--headline-06-letter-spacing);text-transform:var(--headline-06-text-transform);padding:var(--card-header-padding);display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--card-sub-headline)}.card .card-body-img{width:100%}.card tds-divider{display:block;margin:16px 16px 0;background-color:var(--card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform);color:var(--card-body-color);padding:var(--card-body-padding);margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:var(--card-slotted-padding);color:var(--card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";export{o as tds_card}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";import{d as r}from"./p-52bf0fdf.js";const a=class{constructor(e){t(this,e)}render(){return e(o,{key:"61b64a52364893a5b67de5797ae49b3c238086ac"},e("div",{key:"29a46213b10ea291137b2fa7e2f28594177da0fb",class:"item"},e("slot",{key:"a844cb74962112475d6da8d1598f0fa7e1fa0b64"})))}};a.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const d=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){const o=this.slotEl.assignedElements({flatten:!0})[0];if(o){const s=r(o,t);s&&e(s)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"4a9d013ab3abde506f9992453cae793db9a652cf"},e("tds-core-header-item",{key:"359634d0bca7720c8a9bfd5c696a89c97df76a75",class:{"component-active":this.active,"component-selected":this.selected}},e("slot",{key:"7318ad6ea4d1dfa0f16b70c6f305ece087aeea2e"})))}get host(){return s(this)}};d.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){background-color:var(--tds-header--basic-element-background-selected);padding-top:4px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--tds-nav-item-border-color-active)}";export{a as tds_core_header_item,d as tds_header_item}
@@ -1 +0,0 @@
1
- import{r as c,c as s,h as t,H as i,g as e}from"./p-2049fab2.js";import{g as o}from"./p-11648030.js";import{h as d}from"./p-ae110fc2.js";const p=class{constructor(t){c(this,t),this.tdsChange=s(this,"tdsChange",6),this.internalRadioOnChange=s(this,"internalRadioOnChange",6),this.tdsClick=s(this,"tdsClick",6),this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?(this.checked=!0,this.internalRadioOnChange.emit({chipId:this.chipId,checked:this.checked,groupName:this.name})):console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=o(),this.checked=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.tdsAriaLabel=void 0}handleInternaRadioChange(c){const{chipId:s,checked:t,groupName:i}=c.detail;s!==this.chipId&&i===this.name&&this.checked&&t&&(this.checked=!1)}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Chip component: tdsAriaLabel prop is missing")}render(){const c=this.renderInputAttributes(),s=d("prefix",this.host),e=d("label",this.host),o=d("suffix",this.host);return t(i,{key:"bec32d74f1e0a42f98fb431d5988ba1d78c57b43"},t("div",{key:"af67d86bbf22be341cc816d72dad135cf04a9002",class:"component"},t("div",{key:"ee91bc58ca35ba6307e270f63bbb3da65e16b4f9",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:s,suffix:o,disabled:this.disabled}},t("input",Object.assign({key:"a5e723793a8f8c749f6d54937bbde888788115e0",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:String(this.checked),role:this.type,"aria-label":this.tdsAriaLabel},c)),t("label",{key:"f0a219c8f5c462e3ec626551aeea054ead479d2b",onClick:c=>c.stopPropagation(),htmlFor:this.chipId},s&&t("slot",{key:"9169b3a496fa6648873811a3ca9eb5d51d110a6f",name:"prefix"}),e&&t("slot",{key:"932e06fe8be85d7588d11024ebc87000c887e9c0",name:"label"}),o&&t("slot",{key:"3f159f17de790ec17b64a596b9f88dbbda7d1429",name:"suffix"})))))}get host(){return e(this)}};p.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{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);background-color:var(--chips-background);color:var(--chips-text);display:inline-flex;align-items:center;border-radius:var(--chips-border-radius);cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--chips-background-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--chips-background-disabled);color:var(--chips-text-disabled);cursor:default;pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--chips-background-active);color:var(--chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--chips-background-active);color:var(--chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px;background-color:var(--chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked:focus-visible+label.sc-tds-chip{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px;background-color:var(--chip-focused-on-selected)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--chips-background-active);color:var(--chips-text-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--chips-background-active-hover)}";export{p as tds_chip}
@@ -1 +0,0 @@
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{background-color:var(--table-body-row);border-bottom:1px solid var(--table-divider);color:var(--table-text);display:table-row;transition:background-color 200ms ease}: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:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-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{color:var(--table-text);max-width:1px;overflow:auto;padding:16px 16px 16px 66px}: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 +0,0 @@
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);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?a(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(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,o){let i;return i=Array.isArray(t)?a(t):[d(t)],this.updateDropdownStateFromUser(i),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}async updateDisplay(){this.updateDisplayValue()}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:"676f9d61c5fd8488cedbc949757e992be13e49eb",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&i("div",{key:"ac4f3c9ca2719acc72f06ae977bf032d05913c6d",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),i("div",{key:"c9d4142f63e315c73daef5038f266a32b05559a1",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:"dfd39c165ccaef43bb3b1f3e5fd2793d771b773a",role:"listbox","aria-label":this.tdsAriaLabel,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:"2f4b44fbea4d047dda71d057d89303fcb6f5e9da",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&i("div",{key:"157d60c6f3c99c8cf4467ad060e570ce09311d60",class:`no-result ${this.size}`},this.noResultText)),this.helper&&i("div",{key:"c8d18fbec1bf442178bd5b37e75b58cb2bfe4ec6",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&i("tds-icon",{key:"c13ddefa45a3e5a80cac6298d13953ca24b4f397",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{padding-bottom:1px}:host button{all:unset;box-shadow:var(--dropdown-border);height:100%;width:100%;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{padding-bottom:1px}:host .filter{box-shadow:var(--dropdown-border);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);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{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-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{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-placeholder);position:absolute;line-height:1.3}: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{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:block;position:relative}: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{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);position:absolute;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,: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{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);position:absolute;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{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-top:var(--tds-spacing-element-4);color:var(--dropdown-helper-text);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,: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,: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.tdsAriaLabel=void 0,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)}connectedCallback(){this.tdsAriaLabel||this.multiselect||console.warn("Tegel Dropdown option component: tdsAriaLabel prop is missing")}render(){return i(s,{key:"52827112a3060a8858978c3e65c284358f923539"},i("div",{key:"edf5262e5dbbfadf34ff6faa164e58b7fec1e561",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,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},i("div",{slot:"label"},i("slot",null)))):i("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},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{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);border-bottom:1px solid var(--dropdown-option-border);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:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px;outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{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 +0,0 @@
1
- import{r as t,c as e,h as s,H as a,g as o}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";import{h as i}from"./p-ae110fc2.js";const n=class{constructor(s){t(this,s),this.tdsClose=e(this,"tdsClose",7),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)},this.toastId=r(),this.header=void 0,this.subheader=void 0,this.variant="information",this.hidden=!1,this.closable=!0,this.toastRole="alert",this.tdsCloseAriaLabel=void 0,this.tdsAriaLive="polite"}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}connectedCallback(){this.tdsCloseAriaLabel||console.warn("tds-toast: tdsCloseAriaLabel is required")}render(){const t=i("header",this.host),e=i("subheader",this.host),o=i("actions",this.host);return s(a,{key:"09db24b58ba05daeba3e00ae880e86e700a43c2d","aria-live":this.tdsAriaLive,toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},s("div",{key:"253a018ec0eea9e17f72200f52a38e71802f2902",class:`\n wrapper\n ${this.variant}`},s("tds-icon",{key:"953f414876c38ffb05bc0c684850ab53df124b5e",name:this.getIconName(),size:"20px",svgTitle:this.getIconName()}),s("div",{key:"eb1ec8eb50cf3e05ecd880c427804626d9e4c51b",class:"content"},s("div",{key:"97a0f4cb5ec278ad6a22051328461a9e0e1ce0ff",class:"header-subheader"},this.header&&s("div",{key:"b3ae30e072257f4a74e748e24991bbab72a80c01",class:"header"},this.header),t&&s("slot",{key:"761fac1eda5bedd6c36d00be0548109c4f774af9",name:"header"}),this.subheader&&s("div",{key:"b4916a19416d8c0bfbdc0ef3d98fefda6ea96c86",class:"subheader"},this.subheader),e&&s("slot",{key:"62813da86efbf2ddf089a4931e11f774d6d27491",name:"subheader"})),o&&s("div",{key:"93ec29dca445466da32ea2dc1c04bef76b8dc79e",class:"toast-bottom "+(e||this.subheader?"subheader":"no-subheader")},s("slot",{key:"fa9aeb95c9c569e77f85e3b65d993064e35dad81",name:"actions"}))),this.closable&&s("button",{key:"0d0aad78ebd983647774a2afdb593a7aa4e2dbf9",id:"my-button","aria-label":this.tdsCloseAriaLabel,onClick:this.handleClose,class:"close"},s("tds-icon",{key:"df6e7efeef43689bf44c101d23e5ce725d087951",name:"cross",size:"20px",svgTitle:"cross"}))))}get host(){return o(this)}};n.style=":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{background-color:var(--toast-background);display:flex;width:348px;border-radius:4px}:host .wrapper.information{border-left:4px solid var(--toast-icon-info)}:host .wrapper.information tds-icon{color:var(--toast-icon-info)}:host .wrapper.success{border-left:4px solid var(--toast-icon-success)}:host .wrapper.success tds-icon{color:var(--toast-icon-success)}:host .wrapper.error{border-left:4px solid var(--toast-icon-error)}:host .wrapper.error tds-icon{color:var(--toast-icon-error)}:host .wrapper.warning{border-left:4px solid var(--toast-icon-warning)}:host .wrapper.warning tds-icon{color:var(--toast-icon-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host .wrapper button.close tds-icon{color:var(--toast-dissmiss);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1;max-width:250px;word-break:break-word}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){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);color:var(--toast-headline)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){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(--toast-subheadline)}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{padding-top:12px}:host .tds-mode-variant-primary{--toast-background:var(--toast-background-primary)}:host .tds-mode-variant-secondary{--toast-background:var(--toast-background-secondary)}";export{n as tds_toast}
@@ -1 +0,0 @@
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 f=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-tooltip",{key:"2ea44f621df38ca45d069d20460eddde5806b046",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),i("tds-icon",{key:"7600bca41d29b320b08bb63d2f5db64db05df6e6",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),i("div",{key:"ad558d2263e7120319e05e0b3fba707c8871153c",class:"text-field-bar"}),i("div",{key:"09fadc6e812970a39b1b9526ec5cfaa443359946","aria-live":"assertive"},(this.helper||this.maxLength>0)&&i("div",{key:"5f4d574d9bee1765d78deac6cae96bc3de64f67b",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&i("div",{key:"d269519996cff54f5abf05a074e5b14a5ba6e717",class:"text-field-helper-error-state"},!this.readOnly&&i("tds-icon",{key:"139b181c13b213906c6d8afa1505083dc1e3f6ca",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&this.maxLength>0&&i("span",{key:"07d91f398252d0e58ef2eb40306e9dca34b7e66b",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)}};f.style='.text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;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{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.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{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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)}.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)}.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);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.form-text-field.sc-tds-text-field{padding-bottom:1px}.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::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-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-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::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.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.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{background:var(--text-field-bar-focus);content:"";height:2px;width:100%;bottom:0;position:absolute;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{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.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);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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;box-shadow:none}.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,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.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{box-shadow:var(--text-field-box-shadow-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{box-shadow:var(--text-field-box-shadow-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-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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{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-affix);align-self:center;margin:0 0 0 14px}.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-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{f as tds_text_field}
@@ -1 +0,0 @@
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 +0,0 @@
1
- import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";const r=class{constructor(e){t(this,e),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===this.host.closest("tds-footer-group").parentElement.slot}render(){return e(o,{key:"845de26cafaefdf0e5ceabe57ba7bbce51eed038",role:"listitem"},e("div",{key:"de201fb4965740a2c0bebbea790651487e082637",class:this.parentIsTopPart?"top-part-child":""},e("slot",{key:"eca7ee20a2a4b1e9e9947e6566046c9031198569"})))}get host(){return i(this)}};r.style=":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){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);color:var(--footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){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);color:var(--footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:hover),:host([role=listitem]) div.top-part-child ::slotted(button:hover){text-decoration:underline;background-color:var(--footer-top-links-background-hover)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}}";export{r as tds_footer_item}
@@ -1 +0,0 @@
1
- import{r as e,h as r,H as a}from"./p-2049fab2.js";import{g as t}from"./p-11648030.js";const o=class{constructor(r){e(this,r),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.header=void 0,this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.tdsAriaLabel=void 0}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||`${this.variant} message`}render(){const e=this.header?`tds-message-header-${t()}`:void 0,o=this.minimal?void 0:`tds-message-content-${t()}`;return r(a,{key:"f279cd2861d40276ea82a2e38d7a55eeda4c550a",role:this.tdsAlertDialog,"aria-describedby":o,"aria-label":this.getAriaLabel()},r("div",{key:"96afc352fe7b1571f62ba6c60729bd2411c56138",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal,[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},!this.noIcon&&r("tds-icon",{key:"7c95385da3ab0e887b6e955a302bc39b3aeaafe0","aria-hidden":"true","aria-label":`${this.variant}`,svgTitle:`${this.variant}`,name:this.getIconName(),size:"20px"}),r("div",{key:"eed507b43c57eaafdeba40c25e9556bacbe0f166",class:"content"},this.header&&r("div",{key:"d6faa3f523f64f158a31e35a416f957c38bbcceb",class:"header",id:e},this.header),!this.minimal&&r("div",{key:"03c724a2bdbee954b9c48aa27a18444abfacafbb",class:"extended-message",id:o},r("slot",{key:"017b634e145a514a2315880db6cfb712ddb254b0"})))))}};o.style=":host{}:host .tds-mode-variant-primary{--message-main-background:var(--message-mode-primary-background)}:host .tds-mode-variant-secondary{--message-main-background:var(--message-mode-secondary-background)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--message-main-text-color);padding:2px 0}:host .content .header{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)}:host .content .extended-message{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(--message-main-text-color)}:host .wrapper{display:flex;padding:16px;background-color:var(--message-main-background);border-radius:4px;border-left-width:4px;border-left-style:solid}:host .wrapper.information{border-left-color:var(--message-info-border-color)}:host .wrapper.information tds-icon{color:var(--message-info-icon-color)}:host .wrapper.success{border-left-color:var(--message-success-border-color)}:host .wrapper.success tds-icon{color:var(--message-success-icon-color)}:host .wrapper.error{border-left-color:var(--message-error-border-color);background-color:var(--message-error-background)}:host .wrapper.error tds-icon{color:var(--message-error-icon-color)}:host .wrapper.warning{border-left-color:var(--message-warning-border-color)}:host .wrapper.warning tds-icon{color:var(--message-warning-icon-color)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal .header{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 .wrapper.minimal.error .header{color:var(--message-error-header-text-color)}";export{o as tds_message}
@@ -1 +0,0 @@
1
- import{r as t,h as e,g as a}from"./p-2049fab2.js";const s=class{constructor(e){t(this,e),this.tdsAriaLabel=void 0}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Breadcrumbs component: missing tdsAriaLabel prop")}render(){var t;return null===(t=this.host.children[this.host.children.length-1])||void 0===t||t.classList.add("last"),e("nav",{key:"fe6eaf7da192518c8f5078ac07082ac437b4aa9d","aria-label":this.tdsAriaLabel},e("div",{key:"a33b2f1de081eff02a6101177cc72a899a81bbff",role:"list",class:"tds-breadcrumb"},e("slot",{key:"0e7a03715689f66c35f1109d301b42694254c864"})))}get host(){return a(this)}};s.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{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);padding:0;margin:0;display:flex;flex-wrap:wrap;list-style-type:none}";export{s as tds_breadcrumbs}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as i,g as o}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 i=t[e];i.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"!==i.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?i.setAttribute("aria-disabled","true"):i.removeAttribute("aria-disabled")}}render(){return e(i,{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 o(this)}};a.style=':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;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);color:var(--inline-tabs-tab);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{outline:2px solid var(--inline-tabs-tab-focus);content:"";position:absolute;left:0;right:0;top:20px;bottom:20px}:host ::slotted(*:hover){color:var(--inline-tabs-tab-hover)}: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{background-color:var(--inline-tabs-tab-indicator-hover);content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;z-index:1}:host .selected ::slotted(*){color:var(--inline-tabs-tab-selected)}:host .selected::after{background-color:var(--inline-tabs-tab-indicator-active);width:100%}:host .disabled{color:var(--inline-tabs-tab-disabled)}:host .disabled ::slotted(*){color:var(--inline-tabs-tab-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 +0,0 @@
1
- import{r as t,c as e,h as a,H as s,g as o}from"./p-2049fab2.js";const i=["compactDesign","horizontalScrollWidth"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(a){t(this,a),this.tdsPagination=e(this,"tdsPagination",7),this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.pagination=!1,this.paginationValue=1,this.rowsperpage=!0,this.rowsPerPageValues=[10,25,50],this.pages=null,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.lastCorrectValue=void 0,this.tableId="",this.horizontalScrollWidth=null,this.rowsPerPageValue=this.rowsPerPageValues[0]}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]})),this.storeLastCorrectValue(this.paginationValue);const t=this.host.parentElement.querySelector("tds-table-header").childElementCount;this.columnsNumber=this.cols?this.cols:t}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=String(this.lastCorrectValue),this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.paginationValue>this.pages&&(this.paginationValue=this.pages),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){var t;return a(s,{key:"7cfc3ea42663922b79d37538e0649c19ebc712ff",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},a("tr",{key:"3ad36497b515800372f57dcaf92589620d69b42b",class:"tds-table__footer-row"},a("td",{key:"622408b38d7ea483d50283679d8ee9d3a42098aa",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&a("div",{key:"3f119143b7000a692b4b9575eae1bc0c7909d681",class:"tds-table__pagination"},a("div",{key:"8c4a3e17f23a3febf61702aef85b9e2eb6588612",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&a("div",{key:"04a80b602eb4af3cb4a5857152dfde0fc2763713",class:"rows-per-page"},a("p",{key:"97e08ed3804491bbc8f3ed906fec42a02dfc4346"},"Rows per page"),a("tds-dropdown",{key:"df2b970e5175c21927fea11f22e991c50f998c25",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t)},this.rowsPerPageValues.map((t=>a("tds-dropdown-option",{value:`${t}`},t)))))),a("div",{key:"22ed5e4131d22d961f6742c8fa21c648b5738de5",class:"tds-table__page-selector"},a("input",{key:"bc43dd6fed5f554013872f9774c11da89be10a2f",ref:t=>this.inputElement=t,class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"rtl",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),a("p",{key:"6c4ccd34133a5b14a8d3bbeb47a6c75c7604fcb0",class:"tds-table__footer-text"},"of ",a("span",{key:"c136a3bbb26e0d915d4a009c85b9b2c03f3cf018"},this.pages)," pages"),a("button",{key:"16dafa158dc8181c56031cad5253a36104ae2df5",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},a("tds-icon",{key:"f2a5edf16a2b164c2bd85801d2582f85c8d5aa22",name:"skip_backwards",size:"20px"})),a("button",{key:"e7a73b61dfe85440cce8a76917bc68cde05241bd",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},a("tds-icon",{key:"55d7e648e0d731dec4e6aabe99d5e19a77d59d7b",name:"chevron_left",size:"20px"})),a("button",{key:"61856f668fed5d3085a9718204607f1e753fe7f1",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},a("tds-icon",{key:"f468fde63814f4f906b85390979aed45163f6705",name:"chevron_right",size:"20px"})),a("button",{key:"35cfa4a7f8f680abb7a77c035f4cc8a7920e5d67",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},a("tds-icon",{key:"44dba6b889241055ce393f021b1b68cb7ed5e162",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}};r.style=":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--table-footer);color:var(--table-text)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{margin-right:var(--tds-spacing-element-16);display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-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);background-color:var(--table-footer-page-selector-input);border-radius:var(--tds-spacing-element-4);color:var(--table-text);margin-right:var(--tds-spacing-element-4);padding-right:var(--tds-spacing-element-8);width:74px;height:30px;border:none;transition:background-color 250ms ease}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--table-footer-page-selector-input-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{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);padding:1px 22px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{border-radius:var(--tds-spacing-element-4);color:var(--table-icon);height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;transition:background-color 250ms ease}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--table-footer-button-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{color:var(--table-icon-disabled);cursor:default}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{fill:var(--table-text);height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";export{r as tds_table_footer}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,H as o,g as i}from"./p-2049fab2.js";const a=["multiselect","verticalDividers","compactDesign"],d=class{constructor(s){t(this,s),this.tdsSelect=e(this,"tdsSelect",6),this.tdsClick=e(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await this.tableEl.getSelectedRows()})}handleRowClick(t){if(!this.clickable)return;let e=Array.from(this.host.parentElement.children).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:e})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&a.forEach((t=>{this[t]=this.tableEl[t]}))}render(){return s(o,{key:"e9e619ee732dc9d3f3f34cc47abf84ae1d194e1d",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&s("td",{key:"b8be33901f5097ae612521cda831db3c5ff7334a",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},s("tds-checkbox",{key:"62b918b9aca497c5187a90ffbe8a91ac3b83c1f5",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),s("slot",{key:"570b47dae5bae13f75b7cab00a1b8b2c51912cd5"}))}get host(){return i(this)}};d.style=":host(.tds-table__row){box-sizing:border-box;background-color:var(--table-body-row);border-bottom:1px solid var(--table-divider);color:var(--table-text);display:table-row;transition:background-color 200ms ease}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){background-color:var(--table-body-row-hover)}:host(.tds-table__row--selected){background-color:var(--table-body-row-selected)}:host(.tds-table__row--selected:hover){background-color:var(--table-body-row-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}";export{d as tds_table_body_row}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";const d=class{constructor(o){t(this,o),this.modeVariant=null}render(){const t=i("top",this.host),e=i("start",this.host),d=i("end",this.host),n=i("copyright",this.host);return o(a,{key:"cd82373a4dc49301758e5063451a5f5b0b4590e6",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},o("footer",{key:"794665a563b642724b1c4698128413e776c08ef1"},t&&o("slot",{key:"5034c41b13c47a23f496cba2486ca359f8223911",name:"top"}),o("div",{key:"514699a7c5408c0d0101c79caa60eaca270663b6",class:"footer-main"},(e||d)&&o("div",{key:"a649a671452d6d70c5d88a17ad1fd9c6bf355ded",class:"footer-main-top"},e&&o("slot",{key:"6bd940362da1700eedc2a07945fb6599cd5f7561",name:"start"}),d&&o("slot",{key:"2c5953c2fd29be00f06ed917011a2c5e1b1fc219",name:"end"})),o("div",{key:"114ce1fc0d15d126cefadc5d28defef0725f30c8",class:"footer-main-bottom"},o("small",{key:"60b3f78a11678b0f96ff2d5db3095d48b84c4253",class:"copyright"},n?o("slot",{name:"copyright"}):o("div",null,o("div",null,"© ",o("span",{class:"copyright-text"},"Copyright")," ",(new Date).getFullYear()),o("div",{class:"copyright-last-part"},"All rights reserved"))),o("div",{key:"8600b61650cfc9723ad6103ed6b19c8f28b1db60",class:"brand"},o("p",{key:"5ddb9a0595f67171e00e1d98c8665ce031787c8f"},"Scania"))))))}get host(){return e(this)}};d.style=":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--footer-main-divider)}:host .footer-main-bottom small.copyright{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;color:var(--footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--component-footer-logotype-cdn), var(--component-footer-logotype-local);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}:host .copyright-text{display:none}:host .copyright-last-part{display:inline-block}}";export{d as tds_footer}
@@ -1 +0,0 @@
1
- import{r as e,c as a,h as t,H as o,g as n}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";import{h as s}from"./p-ae110fc2.js";const r=class{constructor(t){e(this,t),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=i(),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=s("subheader",this.host),a=s("subheader",this.host),n=s("actions",this.host);return t(o,{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&&t("div",{key:"45b0a63ff1015c7a24bb37211eccfa5c8b5320ca",class:`banner-icon ${this.variant}`},t("tds-icon",{key:"2375c0c7a5a785fc788088e4568ad04a7d5f778e",name:this.icon,size:"20px",svgTitle:this.icon})),t("div",{key:"0b4a58d3d3ab8405193bd771797badde39e23729",class:"content"},t("div",{key:"e9b26e4b13055853ea659cec8d990f7f2eb76999",class:"header-subheader"},this.header&&t("div",{key:"5cedf44a46330c77259c3d64cf567052ef26af0b",class:"header"},this.header),e&&t("slot",{key:"a2c9897a3befbbd5603262962a7652a763650048",name:"header"}),this.subheader&&t("div",{key:"a7916827ee4ea924270242c9f06ce75989021c3b",class:"subheader"},this.subheader),a&&t("slot",{key:"fba6caffbf916a12b8e5975966551c4c9d03a5c9",name:"subheader"})),n&&t("slot",{key:"7a1b89ac09e9aa7e79740f225960818d2622d4b4",name:"actions"})),t("div",{key:"9dca236d2f8253c64a8a9ff67981f69c6f473c77",class:"banner-close"},t("button",{key:"cabd5fa950e125babecc6caf8109c51d05142ec3","aria-label":"Close banner",onClick:this.handleClose},t("tds-icon",{key:"2ec160b7e458fc4e99528c390f6190dea039f02a",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return n(this)}};r.style=":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--banner-background-error)}:host(.information){background-color:var(--banner-background-info)}:host{display:flex;background-color:var(--banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--banner-prefix-default)}:host .banner-icon.error{color:var(--banner-prefix-error)}:host .banner-icon.information{color:var(--banner-prefix-info)}:host .content{color:var(--banner-text);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-family:var(--headline-06-font-family);font-size:var(--headline-06-font-size);line-height:var(--headline-06-line-height);font-weight:var(--headline-06-font-weight);letter-spacing:var(--headline-06-letter-spacing);text-transform:var(--headline-06-text-transform)}:host .subheader,:host slot[name=subheader]{display:block;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 slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--banner-close-icon)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--banner-close-icon)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}";export{r as tds_banner}
@@ -1 +0,0 @@
1
- import{r as o,h as t,H as n,g as r}from"./p-2049fab2.js";import{h as c}from"./p-ae110fc2.js";const s=class{constructor(t){o(this,t),this.text=void 0,this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.tdsAriaLabel=void 0,this.name=void 0,this.value=void 0,this.onlyIcon=!1}connectedCallback(){this.onlyIcon&&!this.tdsAriaLabel&&console.warn("Tegel button component: please specify the tdsAriaLabel prop when you have the onlyIcon attribute set to true")}render(){const o=c("label",this.host),r=c("icon",this.host);return this.text||o||(this.onlyIcon=!0),t(n,{key:"d6f3f193c3050d8eab6220cadd05847cbb528f3e",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},t("button",Object.assign({key:"4b548051c9eeaf43d63a5173e08f0263896626b9",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:r,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,o&&!this.onlyIcon&&t("slot",{key:"0f85ffc90d0328c14ffd4696a3b305a1ff144253",name:"label"}),r&&t("slot",{key:"a0434202a202f7996174233b18eff6e4361df146",name:"icon"})))}get host(){return r(this)}};s.style="button.sc-tds-button{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:inline-flex;align-items:center;border-radius:var(--button-radius);border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--scania-blue-400)}button.primary.sc-tds-button{background:var(--button-primary-background);border-color:var(--button-primary-border-color);color:var(--button-primary-color);outline-color:var(--button-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.primary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.primary:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.secondary.sc-tds-button{background:var(--button-secondary-background);border-color:var(--button-secondary-border-color);color:var(--button-secondary-color);outline-color:var(--button-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.secondary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.ghost.sc-tds-button{background:var(--button-ghost-background);border-color:var(--button-ghost-border-color);color:var(--button-ghost-color);outline-color:var(--button-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.ghost.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.danger.sc-tds-button{background:var(--button-danger-background);border-color:var(--button-danger-border-color);color:var(--button-danger-color);outline-color:var(--button-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.danger.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.danger:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:hover.primary{background:var(--button-primary-background-hover);border-color:var(--button-primary-border-color-hover);color:var(--button-primary-color-hover);outline-color:var(--button-primary-outline-color-hover)}button.sc-tds-button:hover.primary.icon{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:hover.primary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:hover.secondary{background:var(--button-secondary-background-hover);border-color:var(--button-secondary-border-color-hover);color:var(--button-secondary-color-hover);outline-color:var(--button-secondary-outline-color-hover)}button.sc-tds-button:hover.secondary.icon{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:hover.secondary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:hover.ghost{background:var(--button-ghost-background-hover);border-color:var(--button-ghost-border-color-hover);color:var(--button-ghost-color-hover);outline-color:var(--button-ghost-outline-color-hover)}button.sc-tds-button:hover.ghost.icon{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:hover.ghost.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:hover.danger{background:var(--button-danger-background-hover);border-color:var(--button-danger-border-color-hover);color:var(--button-danger-color-hover);outline-color:var(--button-danger-outline-color-hover)}button.sc-tds-button:hover.danger.icon{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:hover.danger.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:focus-visible{outline:var(--button-outline-width) solid var(--color-foreground-border-accent-focus);outline-offset:calc(var(--button-outline-width) * -1)}button.sc-tds-button:focus-visible.primary{background:var(--button-primary-background-focus);border-color:var(--button-primary-border-color-focus);color:var(--button-primary-color-focus);outline-color:var(--button-primary-outline-color-focus)}button.sc-tds-button:focus-visible.primary.icon{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:focus-visible.primary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:focus-visible.secondary{background:var(--button-secondary-background-focus);border-color:var(--button-secondary-border-color-focus);color:var(--button-secondary-color-focus);outline-color:var(--button-secondary-outline-color-focus)}button.sc-tds-button:focus-visible.secondary.icon{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:focus-visible.secondary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:focus-visible.ghost{background:var(--button-ghost-background-focus);border-color:var(--button-ghost-border-color-focus);color:var(--button-ghost-color-focus);outline-color:var(--button-ghost-outline-color-focus)}button.sc-tds-button:focus-visible.ghost.icon{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:focus-visible.ghost.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:focus-visible.danger{background:var(--button-danger-background-focus);border-color:var(--button-danger-border-color-focus);color:var(--button-danger-color-focus);outline-color:var(--button-danger-outline-color-focus)}button.sc-tds-button:focus-visible.danger.icon{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:focus-visible.danger.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:focus-visible.primary{background:var(--button-primary-background-focus);border-color:var(--button-primary-border-color-focus);color:var(--button-primary-color-focus);outline-color:var(--button-primary-outline-color-focus)}button:focus-visible.primary.sc-tds-button-s>[slot=icon],button:focus-visible.primary .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill-focus);color:var(--button-icon-primary-fill-focus);fill:var(--button-icon-primary-color-focus);color:var(--button-icon-primary-color-focus)}button.sc-tds-button:focus-visible.secondary{background:var(--button-secondary-background-focus);border-color:var(--button-secondary-border-color-focus);color:var(--button-secondary-color-focus);outline-color:var(--button-secondary-outline-color-focus)}button:focus-visible.secondary.sc-tds-button-s>[slot=icon],button:focus-visible.secondary .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill-focus);color:var(--button-icon-secondary-fill-focus);fill:var(--button-icon-secondary-color-focus);color:var(--button-icon-secondary-color-focus)}button.sc-tds-button:focus-visible.ghost{background:var(--button-ghost-background-focus);border-color:var(--button-ghost-border-color-focus);color:var(--button-ghost-color-focus);outline-color:var(--button-ghost-outline-color-focus)}button:focus-visible.ghost.sc-tds-button-s>[slot=icon],button:focus-visible.ghost .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill-focus);color:var(--button-icon-ghost-fill-focus);fill:var(--button-icon-ghost-color-focus);color:var(--button-icon-ghost-color-focus)}button.sc-tds-button:focus-visible.danger{background:var(--button-danger-background-focus);border-color:var(--button-danger-border-color-focus);color:var(--button-danger-color-focus);outline-color:var(--button-danger-outline-color-focus)}button:focus-visible.danger.sc-tds-button-s>[slot=icon],button:focus-visible.danger .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill-focus);color:var(--button-icon-danger-fill-focus);fill:var(--button-icon-danger-color-focus);color:var(--button-icon-danger-color-focus)}button.sc-tds-button:active.primary,button.active.primary.sc-tds-button{background:var(--button-primary-background-active);border-color:var(--button-primary-border-color-active);color:var(--button-primary-color-active);outline-color:var(--button-primary-outline-color-active)}button.sc-tds-button:active.primary.icon,button.active.primary.icon.sc-tds-button{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:active.primary.icon.disabled,button.active.primary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:active.primary:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.primary:not(.disabled).sc-tds-button-s>[slot=icon],button.active.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:active.secondary,button.active.secondary.sc-tds-button{background:var(--button-secondary-background-active);border-color:var(--button-secondary-border-color-active);color:var(--button-secondary-color-active);outline-color:var(--button-secondary-outline-color-active)}button.sc-tds-button:active.secondary.icon,button.active.secondary.icon.sc-tds-button{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:active.secondary.icon.disabled,button.active.secondary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:active.secondary:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button.active.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:active.ghost,button.active.ghost.sc-tds-button{background:var(--button-ghost-background-active);border-color:var(--button-ghost-border-color-active);color:var(--button-ghost-color-active);outline-color:var(--button-ghost-outline-color-active)}button.sc-tds-button:active.ghost.icon,button.active.ghost.icon.sc-tds-button{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:active.ghost.icon.disabled,button.active.ghost.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:active.ghost:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button.active.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:active.danger,button.active.danger.sc-tds-button{background:var(--button-danger-background-active);border-color:var(--button-danger-border-color-active);color:var(--button-danger-color-active);outline-color:var(--button-danger-outline-color-active)}button.sc-tds-button:active.danger.icon,button.active.danger.icon.sc-tds-button{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:active.danger.icon.disabled,button.active.danger.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:active.danger:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.danger:not(.disabled).sc-tds-button-s>[slot=icon],button.active.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.disabled.primary.sc-tds-button,button.sc-tds-button:disabled.primary{background:var(--button-primary-background-disabled);border-color:var(--button-primary-border-color-disabled);color:var(--button-primary-color-disabled);outline-color:var(--button-primary-outline-color-disabled)}button.disabled.primary.icon.sc-tds-button,button.sc-tds-button:disabled.primary.icon{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.disabled.primary.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.primary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.primary:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.primary:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.disabled.secondary.sc-tds-button,button.sc-tds-button:disabled.secondary{background:var(--button-secondary-background-disabled);border-color:var(--button-secondary-border-color-disabled);color:var(--button-secondary-color-disabled);outline-color:var(--button-secondary-outline-color-disabled)}button.disabled.secondary.icon.sc-tds-button,button.sc-tds-button:disabled.secondary.icon{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.disabled.secondary.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.secondary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.secondary:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.disabled.ghost.sc-tds-button,button.sc-tds-button:disabled.ghost{background:var(--button-ghost-background-disabled);border-color:var(--button-ghost-border-color-disabled);color:var(--button-ghost-color-disabled);outline-color:var(--button-ghost-outline-color-disabled)}button.disabled.ghost.icon.sc-tds-button,button.sc-tds-button:disabled.ghost.icon{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.disabled.ghost.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.ghost.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.ghost:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.disabled.danger.sc-tds-button,button.sc-tds-button:disabled.danger{background:var(--button-danger-background-disabled);border-color:var(--button-danger-border-color-disabled);color:var(--button-danger-color-disabled);outline-color:var(--button-danger-outline-color-disabled)}button.disabled.danger.icon.sc-tds-button,button.sc-tds-button:disabled.danger.icon{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.disabled.danger.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.danger.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.danger:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.danger:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0}";export{s as tds_button}
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as d,H as s,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(d){t(this,d),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 d=["BUTTON","A","INPUT"];if(d.includes(o.tagName))o.focus();else{const t=o.querySelector(d.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 d(s,{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)},d("div",{key:"5eeaf5c29529bf77ddde4892067f13d312d1bba7",class:"tds-modal-backdrop"}),d("div",{key:"8a6ccd911dfec947a809320a0631d5f9904ef78d",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},d("div",{key:"b7c760ebded4e98319cec75c161002a579316902",id:a,class:"header"},this.header&&d("div",{key:"db14e71913052ba5367ab95a41a366c7f2dea4a3",class:"header-text"},this.header),t&&d("slot",{key:"62b394718c78e564fd50e7ff3328e637a63679e6",name:"header"}),this.closable&&d("button",{key:"9ff8ad81be4f72ee6a298a9ba39a1024269d3ec2",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},d("tds-icon",{key:"b34b8a55c7f5c65ce7a3fdee6114c66ee4ab82c3",name:"cross",size:"20px"}))),d("div",{key:"ab04e506dd94c69d8f91fb774fa85f355f3629d4",id:l,class:"body"},d("slot",{key:"f4a8e2377b4cae3a9c4fa1032e896b0b0c58a06a",name:"body"})),o&&d("slot",{key:"09137d7c8b81f91dbf419b10c8a085de25df1272",name:"actions"})))}get host(){return a(this)}};l.style=".tds-modal{box-sizing:border-box;background-color:var(--modal-background);box-shadow:var(--modal-shadow);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);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);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--modal-background);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);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);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);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);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);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);cursor:pointer}.tds-modal-close:focus{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-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-cross-svg)}.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}