@scania/tegel 1.58.0 → 1.59.0-header-beta.1

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 (480) hide show
  1. package/dist/cjs/index-C7SAfnn6.js +2548 -0
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/tds-accordion-item.cjs.entry.js +4 -4
  4. package/dist/cjs/tds-accordion.cjs.entry.js +3 -3
  5. package/dist/cjs/tds-badge.cjs.entry.js +3 -3
  6. package/dist/cjs/tds-banner.cjs.entry.js +3 -3
  7. package/dist/cjs/tds-block.cjs.entry.js +2 -2
  8. package/dist/cjs/tds-body-cell.cjs.entry.js +10 -4
  9. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
  10. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +2 -2
  11. package/dist/cjs/tds-button_2.cjs.entry.js +10 -8
  12. package/dist/cjs/tds-card.cjs.entry.js +4 -4
  13. package/dist/cjs/tds-checkbox.cjs.entry.js +3 -3
  14. package/dist/cjs/tds-chip.cjs.entry.js +2 -2
  15. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +6 -6
  16. package/dist/cjs/tds-datetime.cjs.entry.js +4 -4
  17. package/dist/cjs/tds-dropdown_2.cjs.entry.js +7 -7
  18. package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
  19. package/dist/cjs/tds-folder-tabs.cjs.entry.js +1 -1
  20. package/dist/cjs/tds-footer-group.cjs.entry.js +4 -4
  21. package/dist/cjs/tds-footer-item.cjs.entry.js +2 -2
  22. package/dist/cjs/tds-footer.cjs.entry.js +3 -3
  23. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +3 -3
  24. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +4 -4
  26. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +3 -3
  27. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +3 -3
  28. package/dist/cjs/tds-header-dropdown.cjs.entry.js +5 -5
  29. package/dist/cjs/tds-header-hamburger.cjs.entry.js +2 -2
  30. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +2 -2
  31. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +3 -3
  32. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +3 -3
  33. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +2 -2
  34. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +3 -3
  35. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +3 -3
  36. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -2
  37. package/dist/cjs/tds-header-launcher.cjs.entry.js +4 -4
  38. package/dist/cjs/tds-header-title.cjs.entry.js +3 -3
  39. package/dist/cjs/tds-header.cjs.entry.js +3 -3
  40. package/dist/cjs/tds-icon.cjs.entry.js +2 -2
  41. package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
  42. package/dist/cjs/tds-inline-tabs.cjs.entry.js +1 -1
  43. package/dist/cjs/tds-link.cjs.entry.js +3 -3
  44. package/dist/cjs/tds-message.cjs.entry.js +3 -3
  45. package/dist/cjs/tds-modal.cjs.entry.js +3 -3
  46. package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
  47. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +1 -1
  48. package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -4
  49. package/dist/cjs/tds-popover-core.cjs.entry.js +2 -2
  50. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +4 -4
  51. package/dist/cjs/tds-popover-menu.cjs.entry.js +5 -5
  52. package/dist/cjs/tds-radio-button.cjs.entry.js +3 -3
  53. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +2 -2
  54. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +5 -5
  55. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +5 -5
  56. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +4 -4
  57. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +6 -6
  58. package/dist/cjs/tds-side-menu-item.cjs.entry.js +4 -4
  59. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +2 -2
  60. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +3 -3
  61. package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -2
  62. package/dist/cjs/tds-side-menu.cjs.entry.js +9 -7
  63. package/dist/cjs/tds-slider.cjs.entry.js +9 -9
  64. package/dist/cjs/tds-spinner.cjs.entry.js +2 -2
  65. package/dist/cjs/tds-step.cjs.entry.js +2 -2
  66. package/dist/cjs/tds-stepper.cjs.entry.js +2 -2
  67. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
  68. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +1 -1
  69. package/dist/cjs/tds-table-body-row.cjs.entry.js +1 -1
  70. package/dist/cjs/tds-table-body.cjs.entry.js +3 -3
  71. package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
  72. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  73. package/dist/cjs/tds-table-header.cjs.entry.js +1 -1
  74. package/dist/cjs/tds-table-toolbar.cjs.entry.js +1 -1
  75. package/dist/cjs/tds-table.cjs.entry.js +1 -1
  76. package/dist/cjs/tds-tag.cjs.entry.js +1 -1
  77. package/dist/cjs/tds-text-field.cjs.entry.js +1 -1
  78. package/dist/cjs/tds-textarea.cjs.entry.js +1 -1
  79. package/dist/cjs/tds-toast.cjs.entry.js +1 -1
  80. package/dist/cjs/tds-toggle.cjs.entry.js +1 -1
  81. package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
  82. package/dist/cjs/tegel.cjs.js +2 -2
  83. package/dist/collection/collection-manifest.json +1 -1
  84. package/dist/collection/components/accordion/accordion-item/accordion-item.js +3 -3
  85. package/dist/collection/components/accordion/accordion.js +2 -2
  86. package/dist/collection/components/badge/badge.js +2 -2
  87. package/dist/collection/components/banner/banner.js +2 -2
  88. package/dist/collection/components/block/block.js +1 -1
  89. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -1
  90. package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
  91. package/dist/collection/components/button/button.js +3 -3
  92. package/dist/collection/components/card/card.css +5 -2
  93. package/dist/collection/components/card/card.js +2 -2
  94. package/dist/collection/components/checkbox/checkbox.js +2 -2
  95. package/dist/collection/components/chip/chip.js +1 -1
  96. package/dist/collection/components/datetime/datetime.js +3 -3
  97. package/dist/collection/components/divider/divider.css +5 -2
  98. package/dist/collection/components/divider/divider.js +8 -6
  99. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +1 -1
  100. package/dist/collection/components/dropdown/dropdown.js +5 -5
  101. package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
  102. package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
  103. package/dist/collection/components/footer/footer.js +2 -2
  104. package/dist/collection/components/header/core-header-item/core-header-item.css +1 -1
  105. package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
  106. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +6 -3
  107. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  108. package/dist/collection/components/header/header-dropdown/header-dropdown.css +2 -3
  109. package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
  110. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.css +1 -1
  111. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
  112. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +7 -9
  113. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  114. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.css +4 -4
  115. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
  116. package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
  117. package/dist/collection/components/header/header-item/header-item.css +16 -6
  118. package/dist/collection/components/header/header-item/header-item.js +2 -2
  119. package/dist/collection/components/header/header-launcher/header-launcher.css +1 -1
  120. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  121. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
  122. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  123. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +2 -2
  124. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
  125. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.css +3 -3
  126. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
  127. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
  128. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.css +1 -1
  129. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
  130. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.css +1 -1
  131. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  132. package/dist/collection/components/header/header-title/header-title.css +10 -5
  133. package/dist/collection/components/header/header-title/header-title.js +1 -1
  134. package/dist/collection/components/header/header.css +2 -9
  135. package/dist/collection/components/header/header.js +1 -1
  136. package/dist/collection/components/icon/icon.js +1 -1
  137. package/dist/collection/components/link/link.js +2 -2
  138. package/dist/collection/components/message/message.js +2 -2
  139. package/dist/collection/components/modal/modal.js +2 -2
  140. package/dist/collection/components/popover-canvas/popover-canvas.js +3 -3
  141. package/dist/collection/components/popover-core/popover-core.js +1 -1
  142. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +20 -12
  143. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
  144. package/dist/collection/components/popover-menu/popover-menu.css +2 -2
  145. package/dist/collection/components/popover-menu/popover-menu.js +3 -3
  146. package/dist/collection/components/radio-button/radio-button.js +2 -2
  147. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
  148. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -4
  149. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.css +1 -1
  150. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +4 -4
  151. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +3 -3
  152. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +5 -5
  153. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -3
  154. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +3 -3
  155. package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
  156. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
  157. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
  158. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
  159. package/dist/collection/components/side-menu/side-menu.css +1 -1
  160. package/dist/collection/components/side-menu/side-menu.js +7 -5
  161. package/dist/collection/components/slider/slider.js +8 -8
  162. package/dist/collection/components/spinner/spinner.js +1 -1
  163. package/dist/collection/components/stepper/step/step.js +1 -1
  164. package/dist/collection/components/stepper/stepper.js +1 -1
  165. package/dist/collection/components/table/table-body/table-body.js +2 -2
  166. package/dist/collection/components/table/table-body-cell/table-body-cell.css +0 -1
  167. package/dist/collection/components/table/table-body-cell/table-body-cell.js +34 -2
  168. package/dist/collection/tegel-lite/shipped-components.js +3 -0
  169. package/dist/components/index.js +1 -1
  170. package/dist/components/{p-DgETo9IA.js → p--K1UFH44.js} +1 -1
  171. package/dist/components/{p-B0Pz58BS.js → p-9TU-2F40.js} +1 -1
  172. package/dist/components/{p-CPt8yKD7.js → p-BLWAweLC.js} +1 -1
  173. package/dist/components/{p-CJtN1EIg.js → p-BMv0SLL4.js} +1 -1
  174. package/dist/components/{p-C9OMhzbc.js → p-CRDj62sp.js} +1 -1
  175. package/dist/components/{p-Dlj2h0pg.js → p-CS3vcVmy.js} +1 -1
  176. package/dist/components/{p-DH9u5b_c.js → p-CYN0BsIN.js} +1 -1
  177. package/dist/components/p-CnF9ccDW.js +1 -0
  178. package/dist/components/p-Co7uhLyF.js +1 -0
  179. package/dist/components/p-CvBZ4LPm.js +1 -0
  180. package/dist/components/p-Cwl_y6bE.js +1 -0
  181. package/dist/components/{p-7N0u4VMq.js → p-CyUovIsf.js} +1 -1
  182. package/dist/components/{p-DhFWetNE.js → p-Cy_qSVig.js} +1 -1
  183. package/dist/components/{p-Dy_nSVaY.js → p-D-gv5mBV.js} +1 -1
  184. package/dist/components/p-Dh37wWqw.js +1 -0
  185. package/dist/components/p-NGgwlrwW.js +1 -0
  186. package/dist/components/{p-1OlFnMHE.js → p-sM3NNe8A.js} +1 -1
  187. package/dist/components/p-xKmK9r-_.js +1 -0
  188. package/dist/components/tds-accordion-item.js +1 -1
  189. package/dist/components/tds-accordion.js +1 -1
  190. package/dist/components/tds-badge.js +1 -1
  191. package/dist/components/tds-banner.js +1 -1
  192. package/dist/components/tds-block.js +1 -1
  193. package/dist/components/tds-body-cell.js +1 -1
  194. package/dist/components/tds-breadcrumb.js +1 -1
  195. package/dist/components/tds-breadcrumbs.js +1 -1
  196. package/dist/components/tds-button.js +1 -1
  197. package/dist/components/tds-card.js +1 -1
  198. package/dist/components/tds-checkbox.js +1 -1
  199. package/dist/components/tds-chip.js +1 -1
  200. package/dist/components/tds-core-header-item.js +1 -1
  201. package/dist/components/tds-datetime.js +1 -1
  202. package/dist/components/tds-divider.js +1 -1
  203. package/dist/components/tds-dropdown-option.js +1 -1
  204. package/dist/components/tds-dropdown.js +1 -1
  205. package/dist/components/tds-folder-tabs.js +1 -1
  206. package/dist/components/tds-footer-group.js +1 -1
  207. package/dist/components/tds-footer-item.js +1 -1
  208. package/dist/components/tds-footer.js +1 -1
  209. package/dist/components/tds-header-brand-symbol.js +1 -1
  210. package/dist/components/tds-header-cell.js +1 -1
  211. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  212. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  213. package/dist/components/tds-header-dropdown-list.js +1 -1
  214. package/dist/components/tds-header-dropdown.js +1 -1
  215. package/dist/components/tds-header-hamburger.js +1 -1
  216. package/dist/components/tds-header-item.js +1 -1
  217. package/dist/components/tds-header-launcher-button.js +1 -1
  218. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  219. package/dist/components/tds-header-launcher-grid-title.js +1 -1
  220. package/dist/components/tds-header-launcher-grid.js +1 -1
  221. package/dist/components/tds-header-launcher-list-item.js +1 -1
  222. package/dist/components/tds-header-launcher-list-title.js +1 -1
  223. package/dist/components/tds-header-launcher-list.js +1 -1
  224. package/dist/components/tds-header-launcher.js +1 -1
  225. package/dist/components/tds-header-title.js +1 -1
  226. package/dist/components/tds-header.js +1 -1
  227. package/dist/components/tds-icon.js +1 -1
  228. package/dist/components/tds-inline-tabs.js +1 -1
  229. package/dist/components/tds-link.js +1 -1
  230. package/dist/components/tds-message.js +1 -1
  231. package/dist/components/tds-modal.js +1 -1
  232. package/dist/components/tds-navigation-tabs.js +1 -1
  233. package/dist/components/tds-popover-canvas.js +1 -1
  234. package/dist/components/tds-popover-core.js +1 -1
  235. package/dist/components/tds-popover-menu-item.js +1 -1
  236. package/dist/components/tds-popover-menu.js +1 -1
  237. package/dist/components/tds-radio-button.js +1 -1
  238. package/dist/components/tds-side-menu-close-button.js +1 -1
  239. package/dist/components/tds-side-menu-collapse-button.js +1 -1
  240. package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
  241. package/dist/components/tds-side-menu-dropdown-list.js +1 -1
  242. package/dist/components/tds-side-menu-dropdown.js +1 -1
  243. package/dist/components/tds-side-menu-item.js +1 -1
  244. package/dist/components/tds-side-menu-overlay.js +1 -1
  245. package/dist/components/tds-side-menu-user-image.js +1 -1
  246. package/dist/components/tds-side-menu-user-label.js +1 -1
  247. package/dist/components/tds-side-menu-user.js +1 -1
  248. package/dist/components/tds-side-menu.js +1 -1
  249. package/dist/components/tds-slider.js +1 -1
  250. package/dist/components/tds-spinner.js +1 -1
  251. package/dist/components/tds-step.js +1 -1
  252. package/dist/components/tds-stepper.js +1 -1
  253. package/dist/components/tds-table-body-input-wrapper.js +1 -1
  254. package/dist/components/tds-table-body-row-expandable.js +1 -1
  255. package/dist/components/tds-table-body-row.js +1 -1
  256. package/dist/components/tds-table-body.js +1 -1
  257. package/dist/components/tds-table-footer.js +1 -1
  258. package/dist/components/tds-table-header-input-wrapper.js +1 -1
  259. package/dist/components/tds-table-header.js +1 -1
  260. package/dist/components/tds-table-toolbar.js +1 -1
  261. package/dist/components/tds-text-field.js +1 -1
  262. package/dist/components/tds-textarea.js +1 -1
  263. package/dist/components/tds-toast.js +1 -1
  264. package/dist/components/tds-tooltip.js +1 -1
  265. package/dist/esm/index-Thox4pAZ.js +2519 -0
  266. package/dist/esm/loader.js +3 -3
  267. package/dist/esm/tds-accordion-item.entry.js +4 -4
  268. package/dist/esm/tds-accordion.entry.js +3 -3
  269. package/dist/esm/tds-badge.entry.js +3 -3
  270. package/dist/esm/tds-banner.entry.js +3 -3
  271. package/dist/esm/tds-block.entry.js +2 -2
  272. package/dist/esm/tds-body-cell.entry.js +10 -4
  273. package/dist/esm/tds-breadcrumb.entry.js +2 -2
  274. package/dist/esm/tds-breadcrumbs.entry.js +2 -2
  275. package/dist/esm/tds-button_2.entry.js +10 -8
  276. package/dist/esm/tds-card.entry.js +4 -4
  277. package/dist/esm/tds-checkbox.entry.js +3 -3
  278. package/dist/esm/tds-chip.entry.js +2 -2
  279. package/dist/esm/tds-core-header-item_2.entry.js +6 -6
  280. package/dist/esm/tds-datetime.entry.js +4 -4
  281. package/dist/esm/tds-dropdown_2.entry.js +7 -7
  282. package/dist/esm/tds-folder-tab.entry.js +1 -1
  283. package/dist/esm/tds-folder-tabs.entry.js +1 -1
  284. package/dist/esm/tds-footer-group.entry.js +4 -4
  285. package/dist/esm/tds-footer-item.entry.js +2 -2
  286. package/dist/esm/tds-footer.entry.js +3 -3
  287. package/dist/esm/tds-header-brand-symbol.entry.js +3 -3
  288. package/dist/esm/tds-header-cell.entry.js +1 -1
  289. package/dist/esm/tds-header-dropdown-list-item.entry.js +4 -4
  290. package/dist/esm/tds-header-dropdown-list-user.entry.js +3 -3
  291. package/dist/esm/tds-header-dropdown-list.entry.js +3 -3
  292. package/dist/esm/tds-header-dropdown.entry.js +5 -5
  293. package/dist/esm/tds-header-hamburger.entry.js +2 -2
  294. package/dist/esm/tds-header-launcher-button.entry.js +2 -2
  295. package/dist/esm/tds-header-launcher-grid-item.entry.js +3 -3
  296. package/dist/esm/tds-header-launcher-grid-title.entry.js +3 -3
  297. package/dist/esm/tds-header-launcher-grid.entry.js +2 -2
  298. package/dist/esm/tds-header-launcher-list-item.entry.js +3 -3
  299. package/dist/esm/tds-header-launcher-list-title.entry.js +3 -3
  300. package/dist/esm/tds-header-launcher-list.entry.js +2 -2
  301. package/dist/esm/tds-header-launcher.entry.js +4 -4
  302. package/dist/esm/tds-header-title.entry.js +3 -3
  303. package/dist/esm/tds-header.entry.js +3 -3
  304. package/dist/esm/tds-icon.entry.js +2 -2
  305. package/dist/esm/tds-inline-tab.entry.js +1 -1
  306. package/dist/esm/tds-inline-tabs.entry.js +1 -1
  307. package/dist/esm/tds-link.entry.js +3 -3
  308. package/dist/esm/tds-message.entry.js +3 -3
  309. package/dist/esm/tds-modal.entry.js +3 -3
  310. package/dist/esm/tds-navigation-tab.entry.js +1 -1
  311. package/dist/esm/tds-navigation-tabs.entry.js +1 -1
  312. package/dist/esm/tds-popover-canvas.entry.js +4 -4
  313. package/dist/esm/tds-popover-core.entry.js +2 -2
  314. package/dist/esm/tds-popover-menu-item.entry.js +4 -4
  315. package/dist/esm/tds-popover-menu.entry.js +5 -5
  316. package/dist/esm/tds-radio-button.entry.js +3 -3
  317. package/dist/esm/tds-side-menu-close-button.entry.js +2 -2
  318. package/dist/esm/tds-side-menu-collapse-button.entry.js +5 -5
  319. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +5 -5
  320. package/dist/esm/tds-side-menu-dropdown-list.entry.js +4 -4
  321. package/dist/esm/tds-side-menu-dropdown.entry.js +6 -6
  322. package/dist/esm/tds-side-menu-item.entry.js +4 -4
  323. package/dist/esm/tds-side-menu-overlay.entry.js +2 -2
  324. package/dist/esm/tds-side-menu-user-image_2.entry.js +3 -3
  325. package/dist/esm/tds-side-menu-user.entry.js +2 -2
  326. package/dist/esm/tds-side-menu.entry.js +9 -7
  327. package/dist/esm/tds-slider.entry.js +9 -9
  328. package/dist/esm/tds-spinner.entry.js +2 -2
  329. package/dist/esm/tds-step.entry.js +2 -2
  330. package/dist/esm/tds-stepper.entry.js +2 -2
  331. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  332. package/dist/esm/tds-table-body-row-expandable.entry.js +1 -1
  333. package/dist/esm/tds-table-body-row.entry.js +1 -1
  334. package/dist/esm/tds-table-body.entry.js +3 -3
  335. package/dist/esm/tds-table-footer.entry.js +1 -1
  336. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  337. package/dist/esm/tds-table-header.entry.js +1 -1
  338. package/dist/esm/tds-table-toolbar.entry.js +1 -1
  339. package/dist/esm/tds-table.entry.js +1 -1
  340. package/dist/esm/tds-tag.entry.js +1 -1
  341. package/dist/esm/tds-text-field.entry.js +1 -1
  342. package/dist/esm/tds-textarea.entry.js +1 -1
  343. package/dist/esm/tds-toast.entry.js +1 -1
  344. package/dist/esm/tds-toggle.entry.js +1 -1
  345. package/dist/esm/tds-tooltip.entry.js +1 -1
  346. package/dist/esm/tegel.js +3 -3
  347. package/dist/tegel/{p-776facd0.entry.js → p-07726632.entry.js} +1 -1
  348. package/dist/tegel/p-08cf87ab.entry.js +1 -0
  349. package/dist/tegel/{p-bc1c3343.entry.js → p-0ad1dea5.entry.js} +1 -1
  350. package/dist/tegel/{p-90791c45.entry.js → p-0b6d5837.entry.js} +1 -1
  351. package/dist/tegel/p-0f381514.entry.js +1 -0
  352. package/dist/tegel/p-11542b09.entry.js +1 -0
  353. package/dist/tegel/{p-093cb0c9.entry.js → p-151a6713.entry.js} +1 -1
  354. package/dist/tegel/p-17d9f0be.entry.js +1 -0
  355. package/dist/tegel/{p-83555efb.entry.js → p-19390cbe.entry.js} +1 -1
  356. package/dist/tegel/{p-d5d3c0d6.entry.js → p-1a6d1e13.entry.js} +1 -1
  357. package/dist/tegel/{p-94c48709.entry.js → p-20107b43.entry.js} +1 -1
  358. package/dist/tegel/{p-1059bf26.entry.js → p-233b8c12.entry.js} +1 -1
  359. package/dist/tegel/{p-af181980.entry.js → p-24a3920c.entry.js} +1 -1
  360. package/dist/tegel/{p-f23c255e.entry.js → p-24b5402d.entry.js} +1 -1
  361. package/dist/tegel/{p-268f9322.entry.js → p-25597f44.entry.js} +1 -1
  362. package/dist/tegel/{p-fcc729b8.entry.js → p-26a550b3.entry.js} +1 -1
  363. package/dist/tegel/p-27cf14ef.entry.js +1 -0
  364. package/dist/tegel/{p-e8373fb7.entry.js → p-29edaddf.entry.js} +1 -1
  365. package/dist/tegel/p-30c8d145.entry.js +1 -0
  366. package/dist/tegel/p-31ddb9ef.entry.js +1 -0
  367. package/dist/tegel/{p-253efbf0.entry.js → p-3d787e79.entry.js} +1 -1
  368. package/dist/tegel/{p-49205d14.entry.js → p-40cdcbed.entry.js} +1 -1
  369. package/dist/tegel/{p-a39f56f7.entry.js → p-41de0335.entry.js} +1 -1
  370. package/dist/tegel/{p-f759d47e.entry.js → p-4275d601.entry.js} +1 -1
  371. package/dist/tegel/p-42a7c1f0.entry.js +1 -0
  372. package/dist/tegel/p-43c0924f.entry.js +1 -0
  373. package/dist/tegel/{p-44d9917e.entry.js → p-4cf9c8e3.entry.js} +1 -1
  374. package/dist/tegel/p-510f1f4f.entry.js +1 -0
  375. package/dist/tegel/p-52e8d54d.entry.js +1 -0
  376. package/dist/tegel/p-5521411d.entry.js +1 -0
  377. package/dist/tegel/{p-70d1cd7b.entry.js → p-57ac1624.entry.js} +1 -1
  378. package/dist/tegel/{p-164cad49.entry.js → p-59867f08.entry.js} +1 -1
  379. package/dist/tegel/{p-9dfc91c9.entry.js → p-5a0aa144.entry.js} +1 -1
  380. package/dist/tegel/{p-4c467717.entry.js → p-5afd3356.entry.js} +1 -1
  381. package/dist/tegel/p-5b959137.entry.js +1 -0
  382. package/dist/tegel/{p-1d5775a4.entry.js → p-5c9fc710.entry.js} +1 -1
  383. package/dist/tegel/p-6a75f0d3.entry.js +1 -0
  384. package/dist/tegel/{p-2bf46da3.entry.js → p-6d09f1aa.entry.js} +1 -1
  385. package/dist/tegel/p-6e4760d9.entry.js +1 -0
  386. package/dist/tegel/{p-fdb498ce.entry.js → p-6ec78cc8.entry.js} +1 -1
  387. package/dist/tegel/{p-3aa9bd15.entry.js → p-75eb0b1d.entry.js} +1 -1
  388. package/dist/tegel/{p-3316bc75.entry.js → p-7c1d7c98.entry.js} +1 -1
  389. package/dist/tegel/{p-2aad9941.entry.js → p-7d55ef27.entry.js} +1 -1
  390. package/dist/tegel/{p-cb961bcb.entry.js → p-841bbfe7.entry.js} +1 -1
  391. package/dist/tegel/p-880fbf71.entry.js +1 -0
  392. package/dist/tegel/{p-9b751a54.entry.js → p-8b6592cd.entry.js} +1 -1
  393. package/dist/tegel/{p-25bebd01.entry.js → p-93f80729.entry.js} +1 -1
  394. package/dist/tegel/p-9407d141.entry.js +1 -0
  395. package/dist/tegel/p-94a27594.entry.js +1 -0
  396. package/dist/tegel/p-94b83994.entry.js +1 -0
  397. package/dist/tegel/{p-ecc3dbb7.entry.js → p-9b4f42e9.entry.js} +1 -1
  398. package/dist/tegel/p-9c391d22.entry.js +1 -0
  399. package/dist/tegel/p-Thox4pAZ.js +2 -0
  400. package/dist/tegel/p-a06191bb.entry.js +1 -0
  401. package/dist/tegel/p-a2df6553.entry.js +1 -0
  402. package/dist/tegel/{p-f050bb72.entry.js → p-a5369bd3.entry.js} +1 -1
  403. package/dist/tegel/{p-e7d8a8f0.entry.js → p-aa31b7a2.entry.js} +1 -1
  404. package/dist/tegel/{p-06af4d7e.entry.js → p-abf8b769.entry.js} +1 -1
  405. package/dist/tegel/{p-adeab462.entry.js → p-acb4eca9.entry.js} +1 -1
  406. package/dist/tegel/p-ba046769.entry.js +1 -0
  407. package/dist/tegel/p-ba8c485a.entry.js +1 -0
  408. package/dist/tegel/p-bac5ae25.entry.js +1 -0
  409. package/dist/tegel/{p-92108e80.entry.js → p-c3e6636e.entry.js} +1 -1
  410. package/dist/tegel/{p-529a7cc2.entry.js → p-d29d3514.entry.js} +1 -1
  411. package/dist/tegel/p-dc58153f.entry.js +1 -0
  412. package/dist/tegel/{p-c7c408d7.entry.js → p-dd41d3d6.entry.js} +1 -1
  413. package/dist/tegel/{p-e1267c91.entry.js → p-e25ec372.entry.js} +1 -1
  414. package/dist/tegel/{p-af4d84e3.entry.js → p-e3d88341.entry.js} +1 -1
  415. package/dist/tegel/{p-3b406b70.entry.js → p-e52a69ee.entry.js} +1 -1
  416. package/dist/tegel/{p-19317bc5.entry.js → p-e9426a41.entry.js} +1 -1
  417. package/dist/tegel/{p-219701b9.entry.js → p-ea1c9af4.entry.js} +1 -1
  418. package/dist/tegel/p-eb0f7572.entry.js +1 -0
  419. package/dist/tegel/p-ee44720e.entry.js +1 -0
  420. package/dist/tegel/p-eef20c76.entry.js +1 -0
  421. package/dist/tegel/{p-44469748.entry.js → p-f1120755.entry.js} +1 -1
  422. package/dist/tegel/{p-e4a2939b.entry.js → p-f169d025.entry.js} +1 -1
  423. package/dist/tegel/p-f2cee51e.entry.js +1 -0
  424. package/dist/tegel/{p-26bb5caa.entry.js → p-f8949da7.entry.js} +1 -1
  425. package/dist/tegel/p-fbe1ef87.entry.js +1 -0
  426. package/dist/tegel/p-ffd72fbe.entry.js +1 -0
  427. package/dist/tegel/tegel.css +1002 -10
  428. package/dist/tegel/tegel.esm.js +1 -1
  429. package/dist/types/components/divider/divider.d.ts +2 -2
  430. package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts +1 -1
  431. package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +1 -1
  432. package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts +1 -1
  433. package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +1 -1
  434. package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +1 -1
  435. package/dist/types/components/side-menu/side-menu.d.ts +1 -0
  436. package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +4 -0
  437. package/dist/types/components.d.ts +34 -5
  438. package/package.json +2 -2
  439. package/dist/cjs/index-CV3gWObH.js +0 -2548
  440. package/dist/components/p-B1QdNOPI.js +0 -1
  441. package/dist/components/p-BGW6utqb.js +0 -1
  442. package/dist/components/p-CbSJY3jI.js +0 -1
  443. package/dist/components/p-DRO9e7F4.js +0 -1
  444. package/dist/components/p-DnMNK2Ez.js +0 -1
  445. package/dist/components/p-Duga9LJ2.js +0 -1
  446. package/dist/components/p-Zonwl9_G.js +0 -1
  447. package/dist/esm/index-DiuTk88e.js +0 -2519
  448. package/dist/tegel/p-17e4be63.entry.js +0 -1
  449. package/dist/tegel/p-27534bfe.entry.js +0 -1
  450. package/dist/tegel/p-2952278a.entry.js +0 -1
  451. package/dist/tegel/p-2f3097db.entry.js +0 -1
  452. package/dist/tegel/p-388954e8.entry.js +0 -1
  453. package/dist/tegel/p-39a3283a.entry.js +0 -1
  454. package/dist/tegel/p-3a0e496d.entry.js +0 -1
  455. package/dist/tegel/p-43395e95.entry.js +0 -1
  456. package/dist/tegel/p-4c5ef2a7.entry.js +0 -1
  457. package/dist/tegel/p-4c82d5aa.entry.js +0 -1
  458. package/dist/tegel/p-4da47655.entry.js +0 -1
  459. package/dist/tegel/p-5861f1a1.entry.js +0 -1
  460. package/dist/tegel/p-67a97ef1.entry.js +0 -1
  461. package/dist/tegel/p-6d2375ba.entry.js +0 -1
  462. package/dist/tegel/p-804ad347.entry.js +0 -1
  463. package/dist/tegel/p-88ffc80e.entry.js +0 -1
  464. package/dist/tegel/p-8b1224bf.entry.js +0 -1
  465. package/dist/tegel/p-9243b48e.entry.js +0 -1
  466. package/dist/tegel/p-DiuTk88e.js +0 -2
  467. package/dist/tegel/p-a30576d0.entry.js +0 -1
  468. package/dist/tegel/p-af6e3662.entry.js +0 -1
  469. package/dist/tegel/p-b23c08ab.entry.js +0 -1
  470. package/dist/tegel/p-be62edff.entry.js +0 -1
  471. package/dist/tegel/p-bf824c61.entry.js +0 -1
  472. package/dist/tegel/p-c00bfc2a.entry.js +0 -1
  473. package/dist/tegel/p-cb22d3f5.entry.js +0 -1
  474. package/dist/tegel/p-ccade09e.entry.js +0 -1
  475. package/dist/tegel/p-d5a00b64.entry.js +0 -1
  476. package/dist/tegel/p-d67b0401.entry.js +0 -1
  477. package/dist/tegel/p-d928d574.entry.js +0 -1
  478. package/dist/tegel/p-f05d9a15.entry.js +0 -1
  479. package/dist/tegel/p-f0f9aa99.entry.js +0 -1
  480. package/dist/tegel/p-f51710be.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as o,h as d,H as s,a}from"./p-DiuTk88e.js";import{h as i}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";const e=class{constructor(d){t(this,d),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.headerId=`tds-modal-header-${r()}`,this.bodyId=`tds-modal-body-${r()}`}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}initializeWithProps(){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.')}connectedCallback(){this.initializeWithProps()}componentWillLoad(){this.initializeWithProps()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const d=["BUTTON","A","INPUT"],s=d.includes(o.tagName)?o:o.querySelector(d.join(","));s&&(s.classList.remove("active"),s.focus())}getFocusableElements(){var t,o;const d=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(d))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(d))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,d=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==d||d.scrollTo(0,0)}focusFirstElement(){var t,o;const d=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),s=Array.from(this.host.querySelectorAll(d));if(s.length>0)s[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(s[0]);else{const s=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(d))&&void 0!==o?o:[]);s.length>0&&(s[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header||t;return d(s,{key:"20741ea474c8b88e25a59068cd10100261d63451",class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},d("div",{key:"2c6c1c5320497a3ed90bbc46a9d9ca3ed914d4e6",class:"tds-modal-backdrop"}),d("div",{key:"659497b7a21b93ba848057156b1a3067f5d78794",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":this.bodyId,"aria-labelledby":a?this.headerId:void 0,class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},d("div",{key:"d037cdebcd50b2f7c3f55b5df8e0ed68a7be012d",class:"header"},this.header&&d("h1",{key:"8afef0fc7e08b2539ad52d6ca5ca642c453a62d9",id:this.headerId,class:"header-text"},this.header),t&&d("slot",{key:"61452661a701b7bf009ffc742a06e67153c49b5d",name:"header"}),this.closable&&d("button",{key:"e463fc6163130169a07e4a6862c54f77b71c708e",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},d("tds-icon",{key:"7d2a6bbba2250ff93a22e3df4fcffc85d4393d9d",name:"cross",size:"20px"}))),d("div",{key:"a20383b91b69484dbe33b7359fd0ac54b4f6e542",id:this.bodyId,class:"body"},d("slot",{key:"0372c76d89764c5dac0facca7c70599b982447de",name:"body"})),o&&d("slot",{key:"e1aff202176a07dff1d70e9cca4ba93d4de9ed73",name:"actions"})))}get host(){return a(this)}static get watchers(){return{show:[{handleShowPropChange:0}]}}};e.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:var(--tds-modal-border-radius);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-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(--tds-modal-background);z-index:1}.header .header-text{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(--tds-modal-text-color);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-modal-body-text-color);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;inset:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-text-color);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon-color)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;inset: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{e as tds_modal}
1
+ import{r as t,c as o,h as s,H as d,a}from"./p-Thox4pAZ.js";import{h as i}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";const e=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.headerId=`tds-modal-header-${r()}`,this.bodyId=`tds-modal-body-${r()}`}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}initializeWithProps(){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.')}connectedCallback(){this.initializeWithProps()}componentWillLoad(){this.initializeWithProps()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header||t;return s(d,{key:"df877eba4d1e541c39d46c9024845ea718868342",class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"332e7a5bb7d4d9722e8cf30138f32530c7a9f47b",class:"tds-modal-backdrop"}),s("div",{key:"365c2aad4c91a8e1d7ca8296b1471baaa01fa57b",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":this.bodyId,"aria-labelledby":a?this.headerId:void 0,class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},s("div",{key:"b4f0c48ffe1892216764b74d49f6b92e4708c602",class:"header"},this.header&&s("h1",{key:"65c303322e90bcff28e0e073c9a68db992a57d44",id:this.headerId,class:"header-text"},this.header),t&&s("slot",{key:"1124086125abbf9fa6aec099077cced6be7429de",name:"header"}),this.closable&&s("button",{key:"7747db80e0fe2448ff73af60d46da6bb8f7439ce",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"bc780ffdf997fd08176b1b8836e59d901049ce9a",name:"cross",size:"20px"}))),s("div",{key:"f83853888b04f28cfcb27ace6313385f9902a32d",id:this.bodyId,class:"body"},s("slot",{key:"c1ee6c1e44e27818f4bded22ad642b855966e97e",name:"body"})),o&&s("slot",{key:"6561dfc52281bdb4e19e4d601e1d5954cb644067",name:"actions"})))}get host(){return a(this)}static get watchers(){return{show:[{handleShowPropChange:0}]}}};e.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:var(--tds-modal-border-radius);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-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(--tds-modal-background);z-index:1}.header .header-text{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(--tds-modal-text-color);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-modal-body-text-color);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;inset:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-text-color);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon-color)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;inset: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{e as tds_modal}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as o,a as s}from"./p-Thox4pAZ.js";import{d as r}from"./p-CLF3diNe.js";const i=class{constructor(e){t(this,e)}render(){return e(o,{key:"7d276a5315a38c87d28b5e5ba1f16bcd7c74c0db"},e("div",{key:"44c9ee22549fa323794f0607e7746f395d5f8348",class:"item"},e("slot",{key:"0ec7c2d329877968187fa63153eee2668fa2d057"})))}};i.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-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){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const i=s[0];if(i){const o=r(i,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){var t,e;this.slotEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),this.updateSlottedElements(),null===(e=this.slotEl)||void 0===e||e.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"72263f1d62c9fcbbd243259ff2e74271886d27f3"},e("tds-core-header-item",{key:"d80b949b58f5d876b64b8bb2338cf4ebcf733a94",class:{"component-active":this.active,"component-selected":this.selected}},e("slot",{key:"bd98965490e993ea08fa0fc2ceebe5539889ef34"})))}get host(){return s(this)}};d.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);color:var(--tds-header-item-color);background-color:var(--tds-header-background);border-right:1px solid var(--tds-header-item-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:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header-item-background-open);color:var(--tds-header-item-open-color);border-color:var(--tds-header-item-border-open);box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-active ::slotted(button:hover),:host .component-active ::slotted(a:hover){background-color:var(--tds-header-dropdown-item-background-hover)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";export{i as tds_core_header_item,d as tds_header_item}
@@ -1 +1 @@
1
- import{r as s,c as t,h as i,H as c,a as e}from"./p-DiuTk88e.js";import{g as d}from"./p-Cn4f8w1e.js";import{h as p}from"./p-DDX6uFcm.js";const h=class{constructor(i){s(this,i),this.tdsChange=t(this,"tdsChange",6),this.internalRadioOnChange=t(this,"internalRadioOnChange",6),this.tdsClick=t(this,"tdsClick",6),this.type="button",this.size="lg",this.chipId=d(),this.checked=!1,this.disabled=!1,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})}}handleInternaRadioChange(s){const{chipId:t,checked:i,groupName:c}=s.detail;t!==this.chipId&&c===this.name&&this.checked&&i&&(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()})}render(){const s=this.renderInputAttributes(),t=p("prefix",this.host),e=p("label",this.host),d=p("suffix",this.host);return i(c,{key:"610866a08e70c90d8f62c4e262e492c0ad2ab753"},i("div",{key:"9615a6a960ad58beb9971514e13dce3a370af231",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:t,suffix:d,disabled:this.disabled}},i("input",Object.assign({key:"dfe150bd39d139b100ce9f959bbe813750745420",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:String(this.checked),role:this.type,"aria-label":this.tdsAriaLabel},s)),i("label",{key:"361ed17718d1cbe90b945342cd0281a49626b26e",onClick:s=>s.stopPropagation(),htmlFor:this.chipId},t&&i("slot",{key:"7a3cee5a56d4d731b0967ba55c54431de4d0e5e2",name:"prefix"}),e&&i("slot",{key:"5fe884b9b8314c5a89d9af3166da68fd23c0c07a",name:"label"}),d&&i("slot",{key:"d2c928404578bdf6e6dc393a98b4c1b112432d34",name:"suffix"}))))}get host(){return e(this)}};h.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h{display:inline-block}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.tds-chip-component.sc-tds-chip{display:inline-flex}.tds-chip-component.sc-tds-chip label.sc-tds-chip{box-sizing:content-box;background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:var(--tds-chips-border-radius);border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.tds-chip-component.disabled.sc-tds-chip{opacity:var(--tds-chips-opacity-disabled)}.tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{cursor:default;pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active);border-color:var(--tds-chips-border-selected)}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}";export{h as tds_chip}
1
+ import{r as s,c as t,h as c,H as i,a as e}from"./p-Thox4pAZ.js";import{g as p}from"./p-Cn4f8w1e.js";import{h as d}from"./p-DDX6uFcm.js";const h=class{constructor(c){s(this,c),this.tdsChange=t(this,"tdsChange",6),this.internalRadioOnChange=t(this,"internalRadioOnChange",6),this.tdsClick=t(this,"tdsClick",6),this.type="button",this.size="lg",this.chipId=p(),this.checked=!1,this.disabled=!1,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})}}handleInternaRadioChange(s){const{chipId:t,checked:c,groupName:i}=s.detail;t!==this.chipId&&i===this.name&&this.checked&&c&&(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()})}render(){const s=this.renderInputAttributes(),t=d("prefix",this.host),e=d("label",this.host),p=d("suffix",this.host);return c(i,{key:"9517f65018845d190556a3613ca92c65a7646fe7"},c("div",{key:"7f360af4c44eed73fa6be544a5bf9bae56d9e7da",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:t,suffix:p,disabled:this.disabled}},c("input",Object.assign({key:"5427d06210a9057cadd5fb4494c0d731e48486dc",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:String(this.checked),role:this.type,"aria-label":this.tdsAriaLabel},s)),c("label",{key:"ee051e60ee3ae0fc31a8cabe47e7cc5a0bc7c50b",onClick:s=>s.stopPropagation(),htmlFor:this.chipId},t&&c("slot",{key:"7efb802bb9a2083b47f0950c18196ec59af07bd5",name:"prefix"}),e&&c("slot",{key:"c3b44fa956f2ac358bfe6de492a594020b13b307",name:"label"}),p&&c("slot",{key:"87beda3c9e5a757d1fa372f227b71f6d5816a9d3",name:"suffix"}))))}get host(){return e(this)}};h.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h{display:inline-block}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.tds-chip-component.sc-tds-chip{display:inline-flex}.tds-chip-component.sc-tds-chip label.sc-tds-chip{box-sizing:content-box;background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:var(--tds-chips-border-radius);border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.tds-chip-component.disabled.sc-tds-chip{opacity:var(--tds-chips-opacity-disabled)}.tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{cursor:default;pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active);border-color:var(--tds-chips-border-selected)}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}";export{h as tds_chip}
@@ -1 +1 @@
1
- import{r as t,c as e,h as s,H as a,a as o}from"./p-DiuTk88e.js";const i=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(s){t(this,s),this.tdsPagination=e(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.paginationLabel="of {pages} pages",this.rowsperpage=!0,this.rowsPerPageLabel="Rows per page",this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.rowsPerPageDropdownAriaLabel="Select rows per page",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,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.pages&&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)}}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]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.rowsPerPageValue||(this.rowsPerPageValue=this.rowsPerPageValues[0]),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=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)}pagesChange(t){this.paginationValue>t&&(this.paginationValue=this.pages,this.emitTdsPagination())}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}renderPaginationLabel(){const t=this.paginationLabel.split("{pages}");return 1===t.length?this.paginationLabel:t.flatMap(((e,a)=>a===t.length-1?[e]:[e,s("span",null,this.pages)]))}render(){var t;return s(a,{key:"8dc06e9c565e608dd02bf74a0328b515aaea31c2",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"1a64b9023acc03204ad4219fd986b106334ff6e6",class:"tds-table__footer-row"},s("td",{key:"815d2a7aaf4c98035fc0b1bdb4b7b7668f4a5e83",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"65dbb8f0ffd41242553775c6e42fff5c626d0017",class:"tds-table__pagination"},s("div",{key:"de880d869b550d94ab543dcb3182b354ce09cc45",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"481589d46734bed1e77037003169d12373e6e169",class:"rows-per-page"},s("p",{key:"f054474b89ddb6cd3245b215c9095f445582f6a9"},this.rowsPerPageLabel),s("tds-dropdown",{key:"066a6f324de1a0c83f9e15350b133e8de14f8259",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",tdsAriaLabel:this.rowsPerPageDropdownAriaLabel,defaultValue:`${this.rowsPerPageValue}`,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>s("tds-dropdown-option",{value:`${t}`},t)))))),s("div",{key:"598f908e641e97a7d02681e57534817a063b1bd8",class:"tds-table__page-selector"},s("input",{key:"5cca773b5720451a74716aaa4be370285d9b34a5",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),s("p",{key:"2fc916ca072a1f109408025f34e55efec40aa661",class:"tds-table__footer-text"},this.renderPaginationLabel()),s("button",{key:"843fbd54ec2f77f4b4a494ed93ba6fa82ba169e7",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s("tds-icon",{key:"1f79a5af16a33b6635cd1533ac9852852bd6e6d6",name:"skip_backwards",size:"20px"})),s("button",{key:"3b7c30d4f1c167001bc42bde4523436aa807e501",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s("tds-icon",{key:"79cbe3606b633611e63cffc674f2552c496479ef",name:"chevron_left",size:"20px"})),s("button",{key:"7251a8abc9628336696267c8a7c9296f078c3304",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s("tds-icon",{key:"e06b07d0aca6cfb3a053391ac92f0950b6d9dc30",name:"chevron_right",size:"20px"})),s("button",{key:"f843cd3597e7419c174919254e28f5b94b9d184f",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s("tds-icon",{key:"5d217d4ff8ae825e1ac5cd31416b56dc04a323b3",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}}};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(--tds-table-footer-background);color:var(--tds-table-color)}: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{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}: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:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-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:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}: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{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}: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
+ import{r as t,c as e,h as s,H as a,a as o}from"./p-Thox4pAZ.js";const i=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(s){t(this,s),this.tdsPagination=e(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.paginationLabel="of {pages} pages",this.rowsperpage=!0,this.rowsPerPageLabel="Rows per page",this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.rowsPerPageDropdownAriaLabel="Select rows per page",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,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.pages&&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)}}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]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.rowsPerPageValue||(this.rowsPerPageValue=this.rowsPerPageValues[0]),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=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)}pagesChange(t){this.paginationValue>t&&(this.paginationValue=this.pages,this.emitTdsPagination())}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}renderPaginationLabel(){const t=this.paginationLabel.split("{pages}");return 1===t.length?this.paginationLabel:t.flatMap(((e,a)=>a===t.length-1?[e]:[e,s("span",null,this.pages)]))}render(){var t;return s(a,{key:"8dc06e9c565e608dd02bf74a0328b515aaea31c2",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"1a64b9023acc03204ad4219fd986b106334ff6e6",class:"tds-table__footer-row"},s("td",{key:"815d2a7aaf4c98035fc0b1bdb4b7b7668f4a5e83",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"65dbb8f0ffd41242553775c6e42fff5c626d0017",class:"tds-table__pagination"},s("div",{key:"de880d869b550d94ab543dcb3182b354ce09cc45",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"481589d46734bed1e77037003169d12373e6e169",class:"rows-per-page"},s("p",{key:"f054474b89ddb6cd3245b215c9095f445582f6a9"},this.rowsPerPageLabel),s("tds-dropdown",{key:"066a6f324de1a0c83f9e15350b133e8de14f8259",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",tdsAriaLabel:this.rowsPerPageDropdownAriaLabel,defaultValue:`${this.rowsPerPageValue}`,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>s("tds-dropdown-option",{value:`${t}`},t)))))),s("div",{key:"598f908e641e97a7d02681e57534817a063b1bd8",class:"tds-table__page-selector"},s("input",{key:"5cca773b5720451a74716aaa4be370285d9b34a5",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),s("p",{key:"2fc916ca072a1f109408025f34e55efec40aa661",class:"tds-table__footer-text"},this.renderPaginationLabel()),s("button",{key:"843fbd54ec2f77f4b4a494ed93ba6fa82ba169e7",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s("tds-icon",{key:"1f79a5af16a33b6635cd1533ac9852852bd6e6d6",name:"skip_backwards",size:"20px"})),s("button",{key:"3b7c30d4f1c167001bc42bde4523436aa807e501",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s("tds-icon",{key:"79cbe3606b633611e63cffc674f2552c496479ef",name:"chevron_left",size:"20px"})),s("button",{key:"7251a8abc9628336696267c8a7c9296f078c3304",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s("tds-icon",{key:"e06b07d0aca6cfb3a053391ac92f0950b6d9dc30",name:"chevron_right",size:"20px"})),s("button",{key:"f843cd3597e7419c174919254e28f5b94b9d184f",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s("tds-icon",{key:"5d217d4ff8ae825e1ac5cd31416b56dc04a323b3",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}}};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(--tds-table-footer-background);color:var(--tds-table-color)}: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{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}: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:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-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:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}: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{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}: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 +1 @@
1
- import{r as d,c as o,h as i,H as e}from"./p-DiuTk88e.js";import{g as t}from"./p-Cn4f8w1e.js";const c=class{constructor(i){d(this,i),this.tdsToggle=o(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=t(),o=t();return i(e,{key:"6733b23d208d64c32383bded58043a8add5c62c4"},i("div",{key:"1b07da30e6a6699919d82f3884a7f6f515e61dd6",class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},i("div",{key:"4f0efdd82b550f8ace20bf50d3624d9572aae2bf",role:"heading","aria-level":this.ariaLevelValue},i("button",{key:"3828dde9b72e98d98c4b318bfe37b97a92cee430",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:`tds-accordion-header-icon-${this.expandIconPosition}`,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},i("div",{key:"2c173f5a0823d1140cf8e76931c63d2aae5fbe75",class:"tds-accordion-title"},this.header,i("slot",{key:"f34e105a8fa430571b735769768a29b254aa72fa",name:"header"})),i("div",{key:"4b3cda4e7d28dc5eedc799eb88440a3b069e426d",class:"tds-accordion-icon"},i("tds-icon",{key:"52810cba94e741d9feaa74d58fd1764d17395b8a",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),i("div",{key:"2b899fe29eb5e04d3b99e0f41e8dd959d240d8c7",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},i("slot",{key:"fa903edc9100750ddace26ea1e12e921868df1d1"}))))}};c.style=".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover:not(.disabled){background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{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);cursor:pointer;display:flex;align-items:center;width:100%;padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{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);cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}";export{c as tds_accordion_item}
1
+ import{r as d,c as o,h as i,H as t}from"./p-Thox4pAZ.js";import{g as c}from"./p-Cn4f8w1e.js";const e=class{constructor(i){d(this,i),this.tdsToggle=o(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=c(),o=c();return i(t,{key:"135cfa34c626c7687b6470dfabef3f9eb51c5c49"},i("div",{key:"bd16eab4cb1e249d4eac480dab27ff134a436f43",class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},i("div",{key:"0c52d8ff3ba33abf180718bc1c424a7c9e899ab4",role:"heading","aria-level":this.ariaLevelValue},i("button",{key:"1cbc76242766f34d7aa134d5e98270f3ddd5adc8",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:`tds-accordion-header-icon-${this.expandIconPosition}`,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},i("div",{key:"89bdbabc66de483d747ee550ed4829fdc29411b7",class:"tds-accordion-title"},this.header,i("slot",{key:"06aa568c71f888170210d2da03b551a878ac8b9f",name:"header"})),i("div",{key:"8b6bbad618bc1099d40091d40a27185e8b20d24d",class:"tds-accordion-icon"},i("tds-icon",{key:"fb090e64ada4b320632331a7bba04a99109c9789",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),i("div",{key:"c0f2cf2b3712cd33d2a4b710710cda342d3c93e6",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},i("slot",{key:"a64e3d51afa69e685b5e6e3314cd9f1fffa8bec3"}))))}};e.style=".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover:not(.disabled){background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{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);cursor:pointer;display:flex;align-items:center;width:100%;padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{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);cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}";export{e as tds_accordion_item}
@@ -1 +1 @@
1
- import{r as t,c as s,h as o,H as e,a as r}from"./p-DiuTk88e.js";import{g as a}from"./p-Cn4f8w1e.js";import{h as d}from"./p-DDX6uFcm.js";const i=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.toastId=a(),this.variant="information",this.hidden=!1,this.closable=!0,this.toastRole="alert",this.tdsAriaLive="polite",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)}}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}connectedCallback(){this.tdsCloseAriaLabel||console.warn("tds-toast: tdsCloseAriaLabel is required")}render(){const t=d("header",this.host),s=d("subheader",this.host),r=d("actions",this.host);return o(e,{key:"b422fc996e88e7d5d0a72d07971b29150cae7714","aria-live":this.tdsAriaLive,toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},o("div",{key:"4a473ab10edcce6938e981e25bf1c9f152721a29",class:`\n wrapper\n ${this.variant}`},o("tds-icon",{key:"30935de82074fbb0f980161662993939a6b6580e",name:this.getIconName(),size:"20px",svgTitle:this.getIconName()}),o("div",{key:"088ead78b9d39e91062efe3bd7dc7c084b81a921",class:"content"},o("div",{key:"b09535d0d741057672ddfcb885d6f389acdf65c9",class:"header-subheader"},this.header&&o("div",{key:"35e54d127fb9ed18c9abed9af147c133cc99b5aa",class:"header"},this.header),t&&o("slot",{key:"3f7bf2678d673e6b85a16501b47f1fbd51bb034f",name:"header"}),this.subheader&&o("div",{key:"b419ace2f16e606db38f0c2cd59f00de1173d6c3",class:"subheader"},this.subheader),s&&o("slot",{key:"a26f22ac7fc1ba369750273d69d31da6a793d261",name:"subheader"})),r&&o("div",{key:"99c8d320a5ea1d992b7a7a4679610cdfad679c93",class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},o("slot",{key:"3b6d1833ada42234f4d88ccd47694f41cfe61642",name:"actions"}))),this.closable&&o("button",{key:"b7817f902d836bf4b0175c9e00b5818549acbce3",id:"my-button","aria-label":this.tdsCloseAriaLabel,onClick:this.handleClose,class:"close"},o("tds-icon",{key:"43b8d46ea0c3747a274bdaa370fd2867dcf05133",name:"cross",size:"20px",svgTitle:"cross"}))))}get host(){return r(this)}};i.style=":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:var(--tds-toast-border-radius)}:host .wrapper.information{border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-info)}:host .wrapper.information tds-icon{color:var(--tds-toast-icon-color-info)}:host .wrapper.success{background-color:var(--tds-toast-background-success);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-success)}:host .wrapper.success tds-icon{color:var(--tds-toast-icon-color-success)}:host .wrapper.error{background-color:var(--tds-toast-background-error);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-error)}:host .wrapper.error tds-icon{color:var(--tds-toast-icon-color-error)}:host .wrapper.warning{background-color:var(--tds-toast-background-warning);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-warning)}:host .wrapper.warning tds-icon{color:var(--tds-toast-icon-color-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:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);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:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important}: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}";export{i as tds_toast}
1
+ import{r as t,c as s,h as o,H as e,a as r}from"./p-Thox4pAZ.js";import{g as a}from"./p-Cn4f8w1e.js";import{h as d}from"./p-DDX6uFcm.js";const i=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.toastId=a(),this.variant="information",this.hidden=!1,this.closable=!0,this.toastRole="alert",this.tdsAriaLive="polite",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)}}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}connectedCallback(){this.tdsCloseAriaLabel||console.warn("tds-toast: tdsCloseAriaLabel is required")}render(){const t=d("header",this.host),s=d("subheader",this.host),r=d("actions",this.host);return o(e,{key:"b422fc996e88e7d5d0a72d07971b29150cae7714","aria-live":this.tdsAriaLive,toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},o("div",{key:"4a473ab10edcce6938e981e25bf1c9f152721a29",class:`\n wrapper\n ${this.variant}`},o("tds-icon",{key:"30935de82074fbb0f980161662993939a6b6580e",name:this.getIconName(),size:"20px",svgTitle:this.getIconName()}),o("div",{key:"088ead78b9d39e91062efe3bd7dc7c084b81a921",class:"content"},o("div",{key:"b09535d0d741057672ddfcb885d6f389acdf65c9",class:"header-subheader"},this.header&&o("div",{key:"35e54d127fb9ed18c9abed9af147c133cc99b5aa",class:"header"},this.header),t&&o("slot",{key:"3f7bf2678d673e6b85a16501b47f1fbd51bb034f",name:"header"}),this.subheader&&o("div",{key:"b419ace2f16e606db38f0c2cd59f00de1173d6c3",class:"subheader"},this.subheader),s&&o("slot",{key:"a26f22ac7fc1ba369750273d69d31da6a793d261",name:"subheader"})),r&&o("div",{key:"99c8d320a5ea1d992b7a7a4679610cdfad679c93",class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},o("slot",{key:"3b6d1833ada42234f4d88ccd47694f41cfe61642",name:"actions"}))),this.closable&&o("button",{key:"b7817f902d836bf4b0175c9e00b5818549acbce3",id:"my-button","aria-label":this.tdsCloseAriaLabel,onClick:this.handleClose,class:"close"},o("tds-icon",{key:"43b8d46ea0c3747a274bdaa370fd2867dcf05133",name:"cross",size:"20px",svgTitle:"cross"}))))}get host(){return r(this)}};i.style=":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:var(--tds-toast-border-radius)}:host .wrapper.information{border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-info)}:host .wrapper.information tds-icon{color:var(--tds-toast-icon-color-info)}:host .wrapper.success{background-color:var(--tds-toast-background-success);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-success)}:host .wrapper.success tds-icon{color:var(--tds-toast-icon-color-success)}:host .wrapper.error{background-color:var(--tds-toast-background-error);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-error)}:host .wrapper.error tds-icon{color:var(--tds-toast-icon-color-error)}:host .wrapper.warning{background-color:var(--tds-toast-background-warning);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-warning)}:host .wrapper.warning tds-icon{color:var(--tds-toast-icon-color-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:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);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:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important}: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}";export{i as tds_toast}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,a as d}from"./p-DiuTk88e.js";const r=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const e=t[o];e.getAttribute("aria-controls")||console.warn("Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return o(e,{key:"5b4c8d2ab085c9be43403c2330ffb1dfd187cd08","aria-selected":this.selected},o("div",{key:"dadda798fcce1cc0dc47ebbf50ce1c9b439052ab",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},o("slot",{key:"4b4a1ee2671fb5b298588a74c44b056bb58081d5"})))}get host(){return d(this)}};r.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}';export{r as tds_folder_tab}
1
+ import{r as o,h as t,H as e,a as d}from"./p-Thox4pAZ.js";const r=class{constructor(t){o(this,t),this.disabled=!1,this.selected=!1}async setTabWidth(o){this.tabWidth=o}async setSelected(o){this.selected=o}connectedCallback(){const o=this.host.querySelectorAll("button, a");for(let t=0;t<o.length;t++){const e=o[t];e.getAttribute("aria-controls")||console.warn("Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return t(e,{key:"5b4c8d2ab085c9be43403c2330ffb1dfd187cd08","aria-selected":this.selected},t("div",{key:"dadda798fcce1cc0dc47ebbf50ce1c9b439052ab",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},t("slot",{key:"4b4a1ee2671fb5b298588a74c44b056bb58081d5"})))}get host(){return d(this)}};r.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}';export{r as tds_folder_tab}
@@ -0,0 +1 @@
1
+ import{r as e,h as a,H as d,a as t}from"./p-Thox4pAZ.js";const s=class{constructor(a){e(this,a)}render(){return a(d,{key:"e2c427428c2da9d8af6818a94e01a56f9836308a",role:"listitem"},a("div",{key:"590e7b4d1ee33b96d9d73d1b9444cbdb34d5f6a2",class:"user-box"},this.imgUrl&&a("img",{key:"d537fb083c80e5ef8331f6d1d09daf717f52adab",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"4f130bbebe72b5b9b051ca47a19c443f7db94b9c",name:"thumbanil"}),a("div",{key:"cc4307735c599a57d99d5bd7eb81f11e0e53b875",class:"user-content"},a("div",{key:"105a4112b66410d15254ea873d44bd1ea54a7ed1",class:"header"},this.header,a("slot",{key:"1d54caa5d0fc812742a92aee87d47ab2d74f357e",name:"header"})),a("div",{key:"13b0df9618b2e294f6ca785542a85f2035dfa4ed",class:"subheader"},this.subheader,a("slot",{key:"98632491ca20b075a2fdad77ffa58f3b8dedb469",name:"subheader"})))))}get host(){return t(this)}};s.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:var(--tds-header-avatar-item-padding);width:100%;padding:0 var(--tds-header-avatar-item-padding);display:flex;align-items:center;border-bottom:1px solid var(--tds-header-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:var(--tds-header-avatar-item-size);border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{s as tds_header_dropdown_list_user}
@@ -1 +1 @@
1
- import{r as e,c as t,h as i,H as s,a}from"./p-DiuTk88e.js";import{g as h}from"./p-Cn4f8w1e.js";const n=class{constructor(i){e(this,i),this.internalTdsPropsChange=t(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=h(),this.tdsAriaLabel="Progress steps"}componentWillLoad(){"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return i(s,{key:"6639dd75f7c2e87d85165810b90608c28129f5ee"},i("div",{key:"def675a425fb28d4c14153278a283bf047ef3a5e",role:"list","aria-label":this.tdsAriaLabel,class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},i("slot",{key:"5ae928f0400ca4bf419f5dc15ac4e07583c7235b"})))}get host(){return a(this)}static get watchers(){return{orientation:[{handleDirectionChange:0}],labelPosition:[{handleLabelPositionChange:0}],size:[{handleSizeChange:0}],hideLabels:[{handleHideLabelsChange:0}]}}};n.style=":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";export{n as tds_stepper}
1
+ import{r as e,c as t,h as s,H as i,a}from"./p-Thox4pAZ.js";import{g as h}from"./p-Cn4f8w1e.js";const n=class{constructor(s){e(this,s),this.internalTdsPropsChange=t(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=h(),this.tdsAriaLabel="Progress steps"}componentWillLoad(){"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return s(i,{key:"c85f018b73a2b1fa7e50f9a99d76d6bff03bf489"},s("div",{key:"9c17278b4389dc5cbe86b7fd2381f89eec986f90",role:"list","aria-label":this.tdsAriaLabel,class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},s("slot",{key:"f9855ace74843deae265020213783331494e604c"})))}get host(){return a(this)}static get watchers(){return{orientation:[{handleDirectionChange:0}],labelPosition:[{handleLabelPositionChange:0}],size:[{handleSizeChange:0}],hideLabels:[{handleHideLabelsChange:0}]}}};n.style=":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";export{n as tds_stepper}
@@ -1 +1 @@
1
- import{r as t,h as e,H as r}from"./p-DiuTk88e.js";const o=class{constructor(e){t(this,e),this.current=!1}render(){return e(r,{key:"afa74a56d694fdf4a453e60747c89c8c4ba710cc",role:"listitem"},e("div",Object.assign({key:"de5404a711784ce5eb4b64596cf9c90c2aab3fb0",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),e("slot",{key:"06a7ff8a55a3534a7aa7593e39452f1c4949424c"})))}};o.style='@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}';export{o as tds_breadcrumb}
1
+ import{r as e,h as t,H as o}from"./p-Thox4pAZ.js";const r=class{constructor(t){e(this,t),this.current=!1}render(){return t(o,{key:"418f26d85c2d57bafec5dbcf01a285ee5b0eff74",role:"listitem"},t("div",Object.assign({key:"b282b10d48f5256f5811ec86389692ec8e69cc23",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),t("slot",{key:"1104b293e32beb1aa086e713fb29704445fd3de4"})))}};r.style='@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}';export{r as tds_breadcrumb}
@@ -0,0 +1 @@
1
+ import{r as e,h as d,H as r,a as s}from"./p-Thox4pAZ.js";import{g as a,i as t}from"./p-Bx66i7RU.js";import"./p-CLF3diNe.js";const i=class{constructor(d){e(this,d)}componentWillLoad(){const e=a(this.host,(e=>t(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const s={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return d(r,{key:"1e0acaabe6332c250d83f225f4e789bddfd9460e"},d("div",Object.assign({key:"f28d54a429125d7729ff1dd7c05d4485699bdfbf"},s),d("slot",{key:"f4d62131c56ce61935af17d698919cfea268b728"})))}get host(){return s(this)}};i.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{i as tds_header_launcher_grid}
@@ -0,0 +1 @@
1
+ import{r as e,h as s,H as a}from"./p-Thox4pAZ.js";import{g as r}from"./p-Cn4f8w1e.js";const t=class{constructor(s){e(this,s),this.uuid=r()}render(){return s(a,{key:"8579cab399825ea35430ea1712380e945175be2b"},s("tds-header-dropdown-list",{key:"e9f49767344431b298f4937eae6793a5a1b4adbc",size:"lg"},s("slot",{key:"b147f482c4d6d868880f8fd349f7ad49acf60d70"})))}};export{t as tds_header_launcher_list}
@@ -0,0 +1 @@
1
+ import{r as e,h as d,H as r}from"./p-Thox4pAZ.js";const o=class{constructor(d){e(this,d)}render(){return d(r,{key:"2e240e8593d50efd91aac58fb247165b0777cde9"},d("tds-header-dropdown-list-item",{key:"67d7542329f469f10ebf4fe53686892b6e79d203",size:"lg"},d("slot",{key:"bab33af901a8a557fd6598a0f155c5d1b4da74f0"})))}};o.style=":host{display:block;border-bottom:1px solid var(--tds-header-dropdown-item-border-color)}";export{o as tds_header_launcher_list_item}
@@ -1 +1 @@
1
- import{r as t,c as e,h as a,a as r}from"./p-DiuTk88e.js";import{g as i}from"./p-Cn4f8w1e.js";import{g as s}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=i(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"17e5f048546531899316fb6941dd56c4c0eec86b",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"7acbaff8c9b834537667a2f00fd43bd207ec4a94",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"9e1a35a149e87ef132544bccee4ef68708a043b5",class:"textarea-wrapper"},a("textarea",{key:"1ac5b68781eb3678b286217d4be05db6b3fed343",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":s(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"bdb08af97c50672145daf0f2aebca2b3dc0b6f8f",class:"textarea-resizer-icon"},a("svg",{key:"7239c0246d6d3b9d83cddcfeba33929c52306c46",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"eb4d0058060a9e023d664b0e4ead6932b4d0fb7c","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:"a961358d976093ef4fcab24bd59822a19f121110",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"41b20bd51f8d597d38eff89f696f9b89a1be3c5e",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"05bb88941fb674e6d636eff3e036ded3d91b8f76",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"e380047364c71512ec6290ddc3acce7ccf0c4a92",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"ab76d1518a9bda2251eb2c9e0ea765c2039da5aa",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"96ec8a42970fcacc3c9a8bca8c5be24530880888",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"8c6d15477056e04403a611c99db97da4d3c27e6b",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font-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);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-style:solid;border-color:var(--tds-textarea-border-bottom);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);transition:border-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{cursor:not-allowed}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block;width:calc(var(--component-textarea-size-resize-width) * 1px);height:calc(var(--component-textarea-size-resize-height) * 1px)}.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);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-07-ls);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);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-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);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea tds-icon.sc-tds-textarea{color:var(--tds-textarea-icon-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-wrapper.sc-tds-textarea,.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{opacity:var(--tds-textarea-opacity-disabled)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font-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);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
1
+ import{r as t,c as e,h as a,a as r}from"./p-Thox4pAZ.js";import{g as i}from"./p-Cn4f8w1e.js";import{g as s}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=i(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"17e5f048546531899316fb6941dd56c4c0eec86b",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"7acbaff8c9b834537667a2f00fd43bd207ec4a94",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"9e1a35a149e87ef132544bccee4ef68708a043b5",class:"textarea-wrapper"},a("textarea",{key:"1ac5b68781eb3678b286217d4be05db6b3fed343",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":s(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"bdb08af97c50672145daf0f2aebca2b3dc0b6f8f",class:"textarea-resizer-icon"},a("svg",{key:"7239c0246d6d3b9d83cddcfeba33929c52306c46",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"eb4d0058060a9e023d664b0e4ead6932b4d0fb7c","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:"a961358d976093ef4fcab24bd59822a19f121110",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"41b20bd51f8d597d38eff89f696f9b89a1be3c5e",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"05bb88941fb674e6d636eff3e036ded3d91b8f76",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"e380047364c71512ec6290ddc3acce7ccf0c4a92",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"ab76d1518a9bda2251eb2c9e0ea765c2039da5aa",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"96ec8a42970fcacc3c9a8bca8c5be24530880888",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"8c6d15477056e04403a611c99db97da4d3c27e6b",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font-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);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-style:solid;border-color:var(--tds-textarea-border-bottom);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);transition:border-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{cursor:not-allowed}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block;width:calc(var(--component-textarea-size-resize-width) * 1px);height:calc(var(--component-textarea-size-resize-height) * 1px)}.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);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-07-ls);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);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font-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);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-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);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea tds-icon.sc-tds-textarea{color:var(--tds-textarea-icon-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-wrapper.sc-tds-textarea,.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{opacity:var(--tds-textarea-opacity-disabled)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font-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);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
@@ -0,0 +1 @@
1
+ import{r as e,h as s,H as t,a as d}from"./p-Thox4pAZ.js";const o=class{constructor(s){e(this,s),this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}componentWillLoad(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return s(t,{key:"085abea8cd1fffd7cbd47a9459d1eff54bde0421",role:"list","aria-expanded":this.collapsed?"false":"true"},s("div",{key:"3c0f3c95b2d11c5b76dbdb6e204a0b532066690c",class:{"state-collapsed":this.collapsed}},s("slot",{key:"a4fd40b183edd664be566c136016b4ea7e183613"})))}get host(){return d(this)}};o.style=":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}";export{o as tds_side_menu_dropdown_list}