@scania/tegel 1.58.0 → 1.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (454) hide show
  1. package/dist/cjs/index-BfIOw0ml.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 +4 -4
  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 +2 -2
  24. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +3 -3
  26. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +2 -2
  27. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +2 -2
  28. package/dist/cjs/tds-header-dropdown.cjs.entry.js +4 -4
  29. package/dist/cjs/tds-header-hamburger.cjs.entry.js +2 -2
  30. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +2 -2
  31. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +2 -2
  32. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +2 -2
  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 +2 -2
  35. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +2 -2
  36. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -2
  37. package/dist/cjs/tds-header-launcher.cjs.entry.js +3 -3
  38. package/dist/cjs/tds-header-title.cjs.entry.js +2 -2
  39. package/dist/cjs/tds-header.cjs.entry.js +2 -2
  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 +4 -4
  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 +5 -5
  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.js +1 -1
  105. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  106. package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
  107. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
  108. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  109. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
  110. package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
  111. package/dist/collection/components/header/header-item/header-item.js +2 -2
  112. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  113. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
  114. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  115. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
  116. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
  117. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
  118. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
  119. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  120. package/dist/collection/components/header/header-title/header-title.js +1 -1
  121. package/dist/collection/components/header/header.js +1 -1
  122. package/dist/collection/components/icon/icon.js +1 -1
  123. package/dist/collection/components/link/link.js +2 -2
  124. package/dist/collection/components/message/message.js +2 -2
  125. package/dist/collection/components/modal/modal.js +2 -2
  126. package/dist/collection/components/popover-canvas/popover-canvas.js +3 -3
  127. package/dist/collection/components/popover-core/popover-core.js +1 -1
  128. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +20 -12
  129. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
  130. package/dist/collection/components/popover-menu/popover-menu.css +2 -2
  131. package/dist/collection/components/popover-menu/popover-menu.js +3 -3
  132. package/dist/collection/components/radio-button/radio-button.js +2 -2
  133. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
  134. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -4
  135. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +4 -4
  136. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +3 -3
  137. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -3
  138. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +3 -3
  139. package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
  140. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
  141. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
  142. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
  143. package/dist/collection/components/side-menu/side-menu.css +1 -1
  144. package/dist/collection/components/side-menu/side-menu.js +7 -5
  145. package/dist/collection/components/slider/slider.js +8 -8
  146. package/dist/collection/components/spinner/spinner.js +1 -1
  147. package/dist/collection/components/stepper/step/step.js +1 -1
  148. package/dist/collection/components/stepper/stepper.js +1 -1
  149. package/dist/collection/components/table/table-body/table-body.js +2 -2
  150. package/dist/collection/components/table/table-body-cell/table-body-cell.css +0 -1
  151. package/dist/collection/components/table/table-body-cell/table-body-cell.js +34 -2
  152. package/dist/collection/tegel-lite/shipped-components.js +2 -0
  153. package/dist/components/index.js +1 -1
  154. package/dist/components/{p-DgETo9IA.js → p--K1UFH44.js} +1 -1
  155. package/dist/components/{p-B0Pz58BS.js → p-9TU-2F40.js} +1 -1
  156. package/dist/components/{p-CPt8yKD7.js → p-BLWAweLC.js} +1 -1
  157. package/dist/components/{p-CJtN1EIg.js → p-BMv0SLL4.js} +1 -1
  158. package/dist/components/p-Bej31lsj.js +1 -0
  159. package/dist/components/{p-Duga9LJ2.js → p-Bu0KDS61.js} +1 -1
  160. package/dist/components/{p-Dlj2h0pg.js → p-CS3vcVmy.js} +1 -1
  161. package/dist/components/{p-DH9u5b_c.js → p-CYN0BsIN.js} +1 -1
  162. package/dist/components/p-CZG3gym6.js +1 -0
  163. package/dist/components/{p-C9OMhzbc.js → p-CoSD7yUV.js} +1 -1
  164. package/dist/components/p-Cwl_y6bE.js +1 -0
  165. package/dist/components/{p-7N0u4VMq.js → p-CyUovIsf.js} +1 -1
  166. package/dist/components/{p-DhFWetNE.js → p-Cy_qSVig.js} +1 -1
  167. package/dist/components/{p-Dy_nSVaY.js → p-D-gv5mBV.js} +1 -1
  168. package/dist/components/{p-DRO9e7F4.js → p-DbqIEzt-.js} +1 -1
  169. package/dist/components/p-Dh37wWqw.js +1 -0
  170. package/dist/components/p-NGgwlrwW.js +1 -0
  171. package/dist/components/{p-1OlFnMHE.js → p-sM3NNe8A.js} +1 -1
  172. package/dist/components/tds-accordion-item.js +1 -1
  173. package/dist/components/tds-accordion.js +1 -1
  174. package/dist/components/tds-badge.js +1 -1
  175. package/dist/components/tds-banner.js +1 -1
  176. package/dist/components/tds-block.js +1 -1
  177. package/dist/components/tds-body-cell.js +1 -1
  178. package/dist/components/tds-breadcrumb.js +1 -1
  179. package/dist/components/tds-breadcrumbs.js +1 -1
  180. package/dist/components/tds-button.js +1 -1
  181. package/dist/components/tds-card.js +1 -1
  182. package/dist/components/tds-checkbox.js +1 -1
  183. package/dist/components/tds-chip.js +1 -1
  184. package/dist/components/tds-core-header-item.js +1 -1
  185. package/dist/components/tds-datetime.js +1 -1
  186. package/dist/components/tds-divider.js +1 -1
  187. package/dist/components/tds-dropdown-option.js +1 -1
  188. package/dist/components/tds-dropdown.js +1 -1
  189. package/dist/components/tds-folder-tabs.js +1 -1
  190. package/dist/components/tds-footer-group.js +1 -1
  191. package/dist/components/tds-footer-item.js +1 -1
  192. package/dist/components/tds-footer.js +1 -1
  193. package/dist/components/tds-header-brand-symbol.js +1 -1
  194. package/dist/components/tds-header-cell.js +1 -1
  195. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  196. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  197. package/dist/components/tds-header-dropdown-list.js +1 -1
  198. package/dist/components/tds-header-dropdown.js +1 -1
  199. package/dist/components/tds-header-hamburger.js +1 -1
  200. package/dist/components/tds-header-item.js +1 -1
  201. package/dist/components/tds-header-launcher-button.js +1 -1
  202. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  203. package/dist/components/tds-header-launcher-grid-title.js +1 -1
  204. package/dist/components/tds-header-launcher-grid.js +1 -1
  205. package/dist/components/tds-header-launcher-list-item.js +1 -1
  206. package/dist/components/tds-header-launcher-list-title.js +1 -1
  207. package/dist/components/tds-header-launcher-list.js +1 -1
  208. package/dist/components/tds-header-launcher.js +1 -1
  209. package/dist/components/tds-header-title.js +1 -1
  210. package/dist/components/tds-header.js +1 -1
  211. package/dist/components/tds-icon.js +1 -1
  212. package/dist/components/tds-inline-tabs.js +1 -1
  213. package/dist/components/tds-link.js +1 -1
  214. package/dist/components/tds-message.js +1 -1
  215. package/dist/components/tds-modal.js +1 -1
  216. package/dist/components/tds-navigation-tabs.js +1 -1
  217. package/dist/components/tds-popover-canvas.js +1 -1
  218. package/dist/components/tds-popover-core.js +1 -1
  219. package/dist/components/tds-popover-menu-item.js +1 -1
  220. package/dist/components/tds-popover-menu.js +1 -1
  221. package/dist/components/tds-radio-button.js +1 -1
  222. package/dist/components/tds-side-menu-close-button.js +1 -1
  223. package/dist/components/tds-side-menu-collapse-button.js +1 -1
  224. package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
  225. package/dist/components/tds-side-menu-dropdown-list.js +1 -1
  226. package/dist/components/tds-side-menu-dropdown.js +1 -1
  227. package/dist/components/tds-side-menu-item.js +1 -1
  228. package/dist/components/tds-side-menu-overlay.js +1 -1
  229. package/dist/components/tds-side-menu-user-image.js +1 -1
  230. package/dist/components/tds-side-menu-user-label.js +1 -1
  231. package/dist/components/tds-side-menu-user.js +1 -1
  232. package/dist/components/tds-side-menu.js +1 -1
  233. package/dist/components/tds-slider.js +1 -1
  234. package/dist/components/tds-spinner.js +1 -1
  235. package/dist/components/tds-step.js +1 -1
  236. package/dist/components/tds-stepper.js +1 -1
  237. package/dist/components/tds-table-body-input-wrapper.js +1 -1
  238. package/dist/components/tds-table-body-row-expandable.js +1 -1
  239. package/dist/components/tds-table-body-row.js +1 -1
  240. package/dist/components/tds-table-body.js +1 -1
  241. package/dist/components/tds-table-footer.js +1 -1
  242. package/dist/components/tds-table-header-input-wrapper.js +1 -1
  243. package/dist/components/tds-table-header.js +1 -1
  244. package/dist/components/tds-table-toolbar.js +1 -1
  245. package/dist/components/tds-text-field.js +1 -1
  246. package/dist/components/tds-textarea.js +1 -1
  247. package/dist/components/tds-toast.js +1 -1
  248. package/dist/components/tds-tooltip.js +1 -1
  249. package/dist/esm/index-BaLlBOle.js +2519 -0
  250. package/dist/esm/loader.js +3 -3
  251. package/dist/esm/tds-accordion-item.entry.js +4 -4
  252. package/dist/esm/tds-accordion.entry.js +3 -3
  253. package/dist/esm/tds-badge.entry.js +3 -3
  254. package/dist/esm/tds-banner.entry.js +3 -3
  255. package/dist/esm/tds-block.entry.js +2 -2
  256. package/dist/esm/tds-body-cell.entry.js +10 -4
  257. package/dist/esm/tds-breadcrumb.entry.js +2 -2
  258. package/dist/esm/tds-breadcrumbs.entry.js +2 -2
  259. package/dist/esm/tds-button_2.entry.js +10 -8
  260. package/dist/esm/tds-card.entry.js +4 -4
  261. package/dist/esm/tds-checkbox.entry.js +3 -3
  262. package/dist/esm/tds-chip.entry.js +2 -2
  263. package/dist/esm/tds-core-header-item_2.entry.js +4 -4
  264. package/dist/esm/tds-datetime.entry.js +4 -4
  265. package/dist/esm/tds-dropdown_2.entry.js +7 -7
  266. package/dist/esm/tds-folder-tab.entry.js +1 -1
  267. package/dist/esm/tds-folder-tabs.entry.js +1 -1
  268. package/dist/esm/tds-footer-group.entry.js +4 -4
  269. package/dist/esm/tds-footer-item.entry.js +2 -2
  270. package/dist/esm/tds-footer.entry.js +3 -3
  271. package/dist/esm/tds-header-brand-symbol.entry.js +2 -2
  272. package/dist/esm/tds-header-cell.entry.js +1 -1
  273. package/dist/esm/tds-header-dropdown-list-item.entry.js +3 -3
  274. package/dist/esm/tds-header-dropdown-list-user.entry.js +2 -2
  275. package/dist/esm/tds-header-dropdown-list.entry.js +2 -2
  276. package/dist/esm/tds-header-dropdown.entry.js +4 -4
  277. package/dist/esm/tds-header-hamburger.entry.js +2 -2
  278. package/dist/esm/tds-header-launcher-button.entry.js +2 -2
  279. package/dist/esm/tds-header-launcher-grid-item.entry.js +2 -2
  280. package/dist/esm/tds-header-launcher-grid-title.entry.js +2 -2
  281. package/dist/esm/tds-header-launcher-grid.entry.js +2 -2
  282. package/dist/esm/tds-header-launcher-list-item.entry.js +2 -2
  283. package/dist/esm/tds-header-launcher-list-title.entry.js +2 -2
  284. package/dist/esm/tds-header-launcher-list.entry.js +2 -2
  285. package/dist/esm/tds-header-launcher.entry.js +3 -3
  286. package/dist/esm/tds-header-title.entry.js +2 -2
  287. package/dist/esm/tds-header.entry.js +2 -2
  288. package/dist/esm/tds-icon.entry.js +2 -2
  289. package/dist/esm/tds-inline-tab.entry.js +1 -1
  290. package/dist/esm/tds-inline-tabs.entry.js +1 -1
  291. package/dist/esm/tds-link.entry.js +3 -3
  292. package/dist/esm/tds-message.entry.js +3 -3
  293. package/dist/esm/tds-modal.entry.js +3 -3
  294. package/dist/esm/tds-navigation-tab.entry.js +1 -1
  295. package/dist/esm/tds-navigation-tabs.entry.js +1 -1
  296. package/dist/esm/tds-popover-canvas.entry.js +4 -4
  297. package/dist/esm/tds-popover-core.entry.js +2 -2
  298. package/dist/esm/tds-popover-menu-item.entry.js +4 -4
  299. package/dist/esm/tds-popover-menu.entry.js +5 -5
  300. package/dist/esm/tds-radio-button.entry.js +3 -3
  301. package/dist/esm/tds-side-menu-close-button.entry.js +2 -2
  302. package/dist/esm/tds-side-menu-collapse-button.entry.js +5 -5
  303. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +4 -4
  304. package/dist/esm/tds-side-menu-dropdown-list.entry.js +4 -4
  305. package/dist/esm/tds-side-menu-dropdown.entry.js +5 -5
  306. package/dist/esm/tds-side-menu-item.entry.js +4 -4
  307. package/dist/esm/tds-side-menu-overlay.entry.js +2 -2
  308. package/dist/esm/tds-side-menu-user-image_2.entry.js +3 -3
  309. package/dist/esm/tds-side-menu-user.entry.js +2 -2
  310. package/dist/esm/tds-side-menu.entry.js +9 -7
  311. package/dist/esm/tds-slider.entry.js +9 -9
  312. package/dist/esm/tds-spinner.entry.js +2 -2
  313. package/dist/esm/tds-step.entry.js +2 -2
  314. package/dist/esm/tds-stepper.entry.js +2 -2
  315. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  316. package/dist/esm/tds-table-body-row-expandable.entry.js +1 -1
  317. package/dist/esm/tds-table-body-row.entry.js +1 -1
  318. package/dist/esm/tds-table-body.entry.js +3 -3
  319. package/dist/esm/tds-table-footer.entry.js +1 -1
  320. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  321. package/dist/esm/tds-table-header.entry.js +1 -1
  322. package/dist/esm/tds-table-toolbar.entry.js +1 -1
  323. package/dist/esm/tds-table.entry.js +1 -1
  324. package/dist/esm/tds-tag.entry.js +1 -1
  325. package/dist/esm/tds-text-field.entry.js +1 -1
  326. package/dist/esm/tds-textarea.entry.js +1 -1
  327. package/dist/esm/tds-toast.entry.js +1 -1
  328. package/dist/esm/tds-toggle.entry.js +1 -1
  329. package/dist/esm/tds-tooltip.entry.js +1 -1
  330. package/dist/esm/tegel.js +3 -3
  331. package/dist/tegel/p-00184528.entry.js +1 -0
  332. package/dist/tegel/{p-529a7cc2.entry.js → p-023bffdc.entry.js} +1 -1
  333. package/dist/tegel/{p-94c48709.entry.js → p-039599a0.entry.js} +1 -1
  334. package/dist/tegel/{p-a39f56f7.entry.js → p-05e4830e.entry.js} +1 -1
  335. package/dist/tegel/{p-e8373fb7.entry.js → p-07d76c87.entry.js} +1 -1
  336. package/dist/tegel/{p-2952278a.entry.js → p-0dcb1b8f.entry.js} +1 -1
  337. package/dist/tegel/{p-90791c45.entry.js → p-0e0419ab.entry.js} +1 -1
  338. package/dist/tegel/p-0e69f7ae.entry.js +1 -0
  339. package/dist/tegel/{p-83555efb.entry.js → p-1396362e.entry.js} +1 -1
  340. package/dist/tegel/p-1c10e3d1.entry.js +1 -0
  341. package/dist/tegel/{p-253efbf0.entry.js → p-1ebc54ce.entry.js} +1 -1
  342. package/dist/tegel/{p-3b406b70.entry.js → p-29465e02.entry.js} +1 -1
  343. package/dist/tegel/{p-f0f9aa99.entry.js → p-294ff537.entry.js} +1 -1
  344. package/dist/tegel/p-300132c0.entry.js +1 -0
  345. package/dist/tegel/{p-e1267c91.entry.js → p-311908bf.entry.js} +1 -1
  346. package/dist/tegel/{p-c7c408d7.entry.js → p-337e5ad4.entry.js} +1 -1
  347. package/dist/tegel/{p-e4a2939b.entry.js → p-377eaf11.entry.js} +1 -1
  348. package/dist/tegel/{p-6d2375ba.entry.js → p-3918b52f.entry.js} +1 -1
  349. package/dist/tegel/{p-9b751a54.entry.js → p-3ae0d6c9.entry.js} +1 -1
  350. package/dist/tegel/p-409f8cbd.entry.js +1 -0
  351. package/dist/tegel/{p-19317bc5.entry.js → p-438ca33a.entry.js} +1 -1
  352. package/dist/tegel/{p-219701b9.entry.js → p-44024c43.entry.js} +1 -1
  353. package/dist/tegel/{p-2bf46da3.entry.js → p-44cfa82f.entry.js} +1 -1
  354. package/dist/tegel/{p-5861f1a1.entry.js → p-44de07c3.entry.js} +1 -1
  355. package/dist/tegel/p-4975d0dc.entry.js +1 -0
  356. package/dist/tegel/p-4b2815d9.entry.js +1 -0
  357. package/dist/tegel/{p-bc1c3343.entry.js → p-4c5732f7.entry.js} +1 -1
  358. package/dist/tegel/{p-af181980.entry.js → p-4dc87fd6.entry.js} +1 -1
  359. package/dist/tegel/{p-2aad9941.entry.js → p-4f28c640.entry.js} +1 -1
  360. package/dist/tegel/p-514678eb.entry.js +1 -0
  361. package/dist/tegel/{p-1059bf26.entry.js → p-570e6dfe.entry.js} +1 -1
  362. package/dist/tegel/{p-9dfc91c9.entry.js → p-5869453b.entry.js} +1 -1
  363. package/dist/tegel/{p-1d5775a4.entry.js → p-59ccd561.entry.js} +1 -1
  364. package/dist/tegel/{p-3316bc75.entry.js → p-5f2ce595.entry.js} +1 -1
  365. package/dist/tegel/{p-f23c255e.entry.js → p-65d158c6.entry.js} +1 -1
  366. package/dist/tegel/{p-adeab462.entry.js → p-70244522.entry.js} +1 -1
  367. package/dist/tegel/{p-70d1cd7b.entry.js → p-7451004a.entry.js} +1 -1
  368. package/dist/tegel/p-7480b7e4.entry.js +1 -0
  369. package/dist/tegel/{p-49205d14.entry.js → p-7ddbbe81.entry.js} +1 -1
  370. package/dist/tegel/{p-164cad49.entry.js → p-7e40d449.entry.js} +1 -1
  371. package/dist/tegel/p-7fd51ce7.entry.js +1 -0
  372. package/dist/tegel/{p-44d9917e.entry.js → p-81572036.entry.js} +1 -1
  373. package/dist/tegel/p-84e02470.entry.js +1 -0
  374. package/dist/tegel/p-8a13ca68.entry.js +1 -0
  375. package/dist/tegel/{p-ecc3dbb7.entry.js → p-8fc6ea68.entry.js} +1 -1
  376. package/dist/tegel/{p-093cb0c9.entry.js → p-91a5a3ef.entry.js} +1 -1
  377. package/dist/tegel/{p-f759d47e.entry.js → p-92a7a555.entry.js} +1 -1
  378. package/dist/tegel/p-95bc8158.entry.js +1 -0
  379. package/dist/tegel/p-95cf5a80.entry.js +1 -0
  380. package/dist/tegel/p-95f34237.entry.js +1 -0
  381. package/dist/tegel/{p-2f3097db.entry.js → p-97fd0362.entry.js} +1 -1
  382. package/dist/tegel/{p-f050bb72.entry.js → p-99e5cd6e.entry.js} +1 -1
  383. package/dist/tegel/{p-44469748.entry.js → p-9a2e40b7.entry.js} +1 -1
  384. package/dist/tegel/p-9c580abd.entry.js +1 -0
  385. package/dist/tegel/p-BaLlBOle.js +2 -0
  386. package/dist/tegel/{p-26bb5caa.entry.js → p-a20196c3.entry.js} +1 -1
  387. package/dist/tegel/{p-3aa9bd15.entry.js → p-ad31d3b6.entry.js} +1 -1
  388. package/dist/tegel/{p-268f9322.entry.js → p-b0b96473.entry.js} +1 -1
  389. package/dist/tegel/p-b6e0a9ab.entry.js +1 -0
  390. package/dist/tegel/{p-bf824c61.entry.js → p-b734081a.entry.js} +1 -1
  391. package/dist/tegel/p-ba453872.entry.js +1 -0
  392. package/dist/tegel/p-c0fd52ec.entry.js +1 -0
  393. package/dist/tegel/{p-cb961bcb.entry.js → p-c46ada9c.entry.js} +1 -1
  394. package/dist/tegel/{p-fdb498ce.entry.js → p-cc502489.entry.js} +1 -1
  395. package/dist/tegel/{p-06af4d7e.entry.js → p-d12cfd28.entry.js} +1 -1
  396. package/dist/tegel/{p-f05d9a15.entry.js → p-da5bea78.entry.js} +1 -1
  397. package/dist/tegel/p-db6eb598.entry.js +1 -0
  398. package/dist/tegel/{p-e7d8a8f0.entry.js → p-e4c134f9.entry.js} +1 -1
  399. package/dist/tegel/{p-25bebd01.entry.js → p-e6a6cebe.entry.js} +1 -1
  400. package/dist/tegel/{p-af6e3662.entry.js → p-e84b9808.entry.js} +1 -1
  401. package/dist/tegel/{p-fcc729b8.entry.js → p-e9c4017c.entry.js} +1 -1
  402. package/dist/tegel/p-eab99a0f.entry.js +1 -0
  403. package/dist/tegel/p-eb2d71e0.entry.js +1 -0
  404. package/dist/tegel/{p-776facd0.entry.js → p-f093c1a1.entry.js} +1 -1
  405. package/dist/tegel/p-f0ee6b81.entry.js +1 -0
  406. package/dist/tegel/{p-ccade09e.entry.js → p-f326d943.entry.js} +1 -1
  407. package/dist/tegel/{p-d5d3c0d6.entry.js → p-f39d8179.entry.js} +1 -1
  408. package/dist/tegel/{p-4c467717.entry.js → p-f4fb354c.entry.js} +1 -1
  409. package/dist/tegel/p-f96840e2.entry.js +1 -0
  410. package/dist/tegel/{p-92108e80.entry.js → p-fb60b750.entry.js} +1 -1
  411. package/dist/tegel/tegel.css +13 -5
  412. package/dist/tegel/tegel.esm.js +1 -1
  413. package/dist/types/components/divider/divider.d.ts +2 -2
  414. package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts +1 -1
  415. package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +1 -1
  416. package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts +1 -1
  417. package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +1 -1
  418. package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +1 -1
  419. package/dist/types/components/side-menu/side-menu.d.ts +1 -0
  420. package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +4 -0
  421. package/dist/types/components.d.ts +34 -5
  422. package/package.json +2 -2
  423. package/dist/cjs/index-CV3gWObH.js +0 -2548
  424. package/dist/components/p-B1QdNOPI.js +0 -1
  425. package/dist/components/p-BGW6utqb.js +0 -1
  426. package/dist/components/p-CbSJY3jI.js +0 -1
  427. package/dist/components/p-DnMNK2Ez.js +0 -1
  428. package/dist/components/p-Zonwl9_G.js +0 -1
  429. package/dist/esm/index-DiuTk88e.js +0 -2519
  430. package/dist/tegel/p-17e4be63.entry.js +0 -1
  431. package/dist/tegel/p-27534bfe.entry.js +0 -1
  432. package/dist/tegel/p-388954e8.entry.js +0 -1
  433. package/dist/tegel/p-39a3283a.entry.js +0 -1
  434. package/dist/tegel/p-3a0e496d.entry.js +0 -1
  435. package/dist/tegel/p-43395e95.entry.js +0 -1
  436. package/dist/tegel/p-4c5ef2a7.entry.js +0 -1
  437. package/dist/tegel/p-4c82d5aa.entry.js +0 -1
  438. package/dist/tegel/p-4da47655.entry.js +0 -1
  439. package/dist/tegel/p-67a97ef1.entry.js +0 -1
  440. package/dist/tegel/p-804ad347.entry.js +0 -1
  441. package/dist/tegel/p-88ffc80e.entry.js +0 -1
  442. package/dist/tegel/p-8b1224bf.entry.js +0 -1
  443. package/dist/tegel/p-9243b48e.entry.js +0 -1
  444. package/dist/tegel/p-DiuTk88e.js +0 -2
  445. package/dist/tegel/p-a30576d0.entry.js +0 -1
  446. package/dist/tegel/p-af4d84e3.entry.js +0 -1
  447. package/dist/tegel/p-b23c08ab.entry.js +0 -1
  448. package/dist/tegel/p-be62edff.entry.js +0 -1
  449. package/dist/tegel/p-c00bfc2a.entry.js +0 -1
  450. package/dist/tegel/p-cb22d3f5.entry.js +0 -1
  451. package/dist/tegel/p-d5a00b64.entry.js +0 -1
  452. package/dist/tegel/p-d67b0401.entry.js +0 -1
  453. package/dist/tegel/p-d928d574.entry.js +0 -1
  454. package/dist/tegel/p-f51710be.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,a as i}from"./p-DiuTk88e.js";const s=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return e(o,{key:"cddeb55abe1eca0ffeb7bbd3e8b773868aacea9a","aria-selected":this.selected},e("div",{key:"e53a5dd3857c24301858678735f18e398f3e44c4",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},e("slot",{key:"bebb2c7a36479a9f2139420c7b6aafa89b1d03e7"})))}get host(){return i(this)}};s.style=':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);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 .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{s as tds_inline_tab}
1
+ import{r as t,h as e,H as o,a as i}from"./p-BaLlBOle.js";const a=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return e(o,{key:"cddeb55abe1eca0ffeb7bbd3e8b773868aacea9a","aria-selected":this.selected},e("div",{key:"e53a5dd3857c24301858678735f18e398f3e44c4",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},e("slot",{key:"bebb2c7a36479a9f2139420c7b6aafa89b1d03e7"})))}get host(){return i(this)}};a.style=':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);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 .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{a as tds_inline_tab}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,a as i}from"./p-DiuTk88e.js";import{h as s}from"./p-DDX6uFcm.js";const l=class{constructor(o){t(this,o),this.open=!1,this.isMobile=!1,this.slotPosition=null,this.topPartGroup=!1}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){var t,o;this.updateIsMobile(),this.topPartGroup="top"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.slot),this.topPartGroup||(this.slotPosition="end"===(null===(o=this.host.parentElement)||void 0===o?void 0:o.slot)?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),s("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=s("title",this.host);return o(e,{key:"2605313d24ee6eb94a1cfa84854827fd1292d379","aria-expanded":this.open?"true":"false"},o("div",{key:"5bf77ad82b1ed690e17fb9b4ab5b3110224b1392",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?o("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?o("slot",{name:"title"}):this.titleText,o("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):o("div",{class:"footer-top-title"},t?o("slot",{name:"title"}):this.titleText)),o("nav",{key:"9191647967d238ce7d67bd1a6437ab282be60e7a","aria-label":this.tdsListAriaLabel},o("div",{key:"105c4960663852dc4a6e637e4b10fde5936d616e",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},o("slot",{key:"00546ee8a4e85a33e6f7696f50a59a3ecd53d80e"})))))}get host(){return i(this)}};l.style=":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button: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 button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";export{l as tds_footer_group}
1
+ import{r as t,h as o,H as e,a as i}from"./p-BaLlBOle.js";import{h as s}from"./p-DDX6uFcm.js";const l=class{constructor(o){t(this,o),this.open=!1,this.isMobile=!1,this.slotPosition=null,this.topPartGroup=!1}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){var t,o;this.updateIsMobile(),this.topPartGroup="top"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.slot),this.topPartGroup||(this.slotPosition="end"===(null===(o=this.host.parentElement)||void 0===o?void 0:o.slot)?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),s("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=s("title",this.host);return o(e,{key:"f2ec2c2a6f178ee08f3e593f8e90df44d7c05571","aria-expanded":this.open?"true":"false"},o("div",{key:"8f6173f576e1e62a2eb31196d97338b178374c22",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?o("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?o("slot",{name:"title"}):this.titleText,o("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):o("div",{class:"footer-top-title"},t?o("slot",{name:"title"}):this.titleText)),o("nav",{key:"f81c86cb30921c35b2beef35a5c8b393baa16cd0","aria-label":this.tdsListAriaLabel},o("div",{key:"54de57b5f1dbe34ed5f2b44270d243d6c256250d",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},o("slot",{key:"cc5bddcab18b4bb6ea197f8998d2d517a152eb24"})))))}get host(){return i(this)}};l.style=":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button: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 button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";export{l as tds_footer_group}
@@ -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-BaLlBOle.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}
@@ -1 +1 @@
1
- import{r as t,h as r,H as o,a as s}from"./p-DiuTk88e.js";import{g as e}from"./p-Cn4f8w1e.js";const a=class{constructor(r){t(this,r),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=e(),this.handleSlottedItemClick=t=>{const r=t.target.tagName.toLowerCase();["a","button"].includes(r)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var r;"Escape"===t.key&&this.open&&(this.open=!1,null===(r=this.buttonEl)||void 0===r||r.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const r="a, [tabindex='0']",o=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(r))||this.host.querySelector(r);o instanceof HTMLElement&&o.focus()}))}render(){return r(o,{key:"1176c57c972add57be5c2529dfb6cb83d3bed22b"},r("div",{key:"6ad3f10940083968fff1a4b9b01f66b1165329ba",class:{"state-open":this.open}},r("tds-header-item",{key:"5c8024b943d585a85fc6a1c2f42f9e574729d79e",class:"button",active:this.open,selected:this.selected},r("button",{key:"ed48b89c6eb04cf7f2685e2f69f7eea37822e8f9",ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},r("slot",{key:"3a79e52d868cd2a12ee5a6c46c574b596e5c257f",name:"icon"}),this.label,r("slot",{key:"6490c20d77794e6bda911a28eb01bba6539a6946",name:"label"}),!this.noDropdownIcon&&r("tds-icon",{key:"4ccd9df2499f81a3790fd207686c9d763950ca18",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&r("tds-popover-canvas",{key:"67a72bb46b5d87424dcd883e770a5f0a06d09edd",id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?r("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},r("slot",null)):null)))}get host(){return s(this)}};a.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius: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}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";export{a as tds_header_dropdown}
1
+ import{r as t,h as r,H as o,a as s}from"./p-BaLlBOle.js";import{g as a}from"./p-Cn4f8w1e.js";const e=class{constructor(r){t(this,r),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=a(),this.handleSlottedItemClick=t=>{const r=t.target.tagName.toLowerCase();["a","button"].includes(r)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var r;"Escape"===t.key&&this.open&&(this.open=!1,null===(r=this.buttonEl)||void 0===r||r.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const r="a, [tabindex='0']",o=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(r))||this.host.querySelector(r);o instanceof HTMLElement&&o.focus()}))}render(){return r(o,{key:"07a5f33cc48e8de33104d040e4b11d20fc21d833"},r("div",{key:"bf34bc17d9303efc3dcacfff22593395302a544f",class:{"state-open":this.open}},r("tds-header-item",{key:"ce9e05d3da8d04e38b6a595a789f8de1218fc35c",class:"button",active:this.open,selected:this.selected},r("button",{key:"09805ba1a0d1e77384fc99d1fe9f5d557c8183a8",ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},r("slot",{key:"889cdfa5614f97ad80721f0f8559400751c7a784",name:"icon"}),this.label,r("slot",{key:"5b0a7df7f0031279c4faf3ab9bd6062ef4b32099",name:"label"}),!this.noDropdownIcon&&r("tds-icon",{key:"19ccecc579b846372fbd7572c9595ab573ac4d27",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&r("tds-popover-canvas",{key:"c49cae294b06fdcfb57b4d2702a7abac53a45f39",id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?r("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},r("slot",null)):null)))}get host(){return s(this)}};e.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius: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}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";export{e as tds_header_dropdown}
@@ -0,0 +1 @@
1
+ import{r as e,h as a,H as d,a as t}from"./p-BaLlBOle.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:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;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}
@@ -0,0 +1 @@
1
+ import{r as t,h as s,H as e,a as i}from"./p-BaLlBOle.js";const d=["verticalDividers","compactDesign","noMinWidth"],o=class{constructor(s){t(this,s),this.disablePadding=!1,this.textAlignState=void 0,this.verticalAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((s=>{if(!(s in this))throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}internalTdsHoverListener(t){const{tableId:s,key:e}=t.detail;s===this.tableId&&(this.activeSorting=this.cellKey===e)}internalTdsTextAlignListener(t){const[s,e,i]=t.detail;this.tableId===s&&this.cellKey===e&&(this.textAlignState=this.textAlign?this.textAlign:["left","start","right","end","center"].includes(i)?i:"left")}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&d.forEach((t=>{var s;this[t]=null===(s=this.tableEl)||void 0===s?void 0:s[t]})),this.textAlign&&(this.textAlignState=this.textAlign),this.verticalAlign&&(this.verticalAlignState=this.verticalAlign)}render(){var t;let i="var(--tds-spacing-element-16)";this.disablePadding?i="0":this.compactDesign&&(i="var(--tds-spacing-element-8) var(--tds-spacing-element-16)");const d={textAlign:this.textAlignState,verticalAlign:null!==(t=this.verticalAlignState)&&void 0!==t?t:"top",padding:i};return s(e,{key:"1d2ca4a4c0ddef5b2721e6eae12988375d4a56bc",class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth}},s("td",{key:"e966ef7c9c5a6dbd41be52c83e1c58185c56cd21",style:d,colSpan:this.colSpan,rowSpan:this.rowSpan},this.cellValue,s("slot",{key:"04113f8a8b989ffd58b85e4a78c8e23d7da6599e"})))}get host(){return i(this)}};o.style=":host{display:contents}:host(.tds-table__body-cell) td{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;background-color:var(--row-bg);transition:background-color 200ms ease}:host(.tds-table__body-cell) td *{box-sizing:border-box}:host(.tds-table__body-cell--hover) td{background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact) td{padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider) td{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) td{border-right:none}:host(.tds-table--no-min-width) td{min-width:unset}";export{o as tds_body_cell}
@@ -1 +1 @@
1
- import{r as t,h as e,a as o}from"./p-DiuTk88e.js";const i=class{constructor(e){t(this,e),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return e("span",{key:"7fc71860358da34d0bcf7db534263ceb95a0a34c",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},e("slot",{key:"481148d319d7dc0447b0568f1bc97ea0f17560b0"}))}get host(){return o(this)}};i.style=":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}";export{i as tds_link}
1
+ import{r as t,h as e,a as o}from"./p-BaLlBOle.js";const i=class{constructor(e){t(this,e),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return e("span",{key:"68a661283c68f38a55ce271fce253b31228e5eea",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},e("slot",{key:"0510da5634ce6f574226a37c91c997ec0cc6e539"}))}get host(){return o(this)}};i.style=":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}";export{i as tds_link}
@@ -1 +1 @@
1
- import{r as t,c as e,h as d,H as a,a as s}from"./p-DiuTk88e.js";import{g as o}from"./p-Cn4f8w1e.js";const l=["verticalDividers","compactDesign","noMinWidth","modeVariant","multiselect"],i=class{constructor(d){t(this,d),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.tdsChange=e(this,"tdsChange",6),this.tdsSelect=e(this,"tdsSelect",6),this.colSpan=null,this.rowId=o(),this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.selected=!1,this.disabled=!1,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null,this.multiselect=!1}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){var t;void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){var t;if(null!==this.colSpan)this.columnsNumber=this.colSpan;else{const e=null===(t=this.tableEl)||void 0===t?void 0:t.querySelector("tds-table-header");if(e){let t=e.childElementCount;t+=1,this.multiselect&&(t+=1),this.columnsNumber=t}}}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}render(){var t;return d(a,{key:"4a19eecaddbe092c48da935ad1c9f3763f6c1bbf",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},d("tr",{key:"6724479fd5086ffd1d3f445c93fae3552f58cd08",id:`expandable-content-${this.rowId}`,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded,"tds-table__row--selected":this.selected},part:"row"},this.multiselect&&d("td",{key:"6ff69b0dae005b397c56ed1eb354ad854ae5c007",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"525f6c830cfb5540659788f160fb385021d2d61a",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),d("td",{key:"1cc72fefa3ddf8faa7c92d51016ea3284b5e0ade",class:{"tds-table__cell-expand":!0}},d("label",{key:"d508a4cb105d5c7b6a25c842ee9c17d9bcc711d9",class:"tds-table__expand-control-container"},d("input",{key:"02309a59872696a39bc14dc569353f6718ca72de",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`expandable-content-${this.rowId}`,"aria-label":this.tdsAriaLabelExpandButton}),d("span",{key:"048779f2625c0a7af929a450dedca38bad96ff1b",class:"tds-expendable-row-icon"},d("svg",{key:"8ce707e13f806d2de2c9b2dae7b41366f49e7676",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},d("path",{key:"1d093d47b272fa218ab556a962ed34b5388128ce","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),d("slot",{key:"5805b8699723c5ba1d1911bac9f83651b8f79503"})),d("tr",{key:"087e3a6f608f647d51087dc0952e6a24c631520b",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},d("td",{key:"d561520155d374db9e4c255a48ed5fb24c7f2718",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:null!==(t=this.columnsNumber)&&void 0!==t?t:void 0},d("div",{key:"f8e443b5141f451fd389ab995b3a8aa3ed44df70",style:{overflow:this.overflow}},d("slot",{key:"2c37f0136cab3b87307c16d55062f4aebc623e55",name:"expand-row"})))))}get host(){return s(this)}static get watchers(){return{expanded:[{watchExpanded:0}]}}};i.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row--selected{background-color:var(--tds-table-body-row-background-selected)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__row--selected:hover{background-color:var(--tds-table-body-row-background-selected-hover)}:host .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell-expand{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}";export{i as tds_table_body_row_expandable}
1
+ import{r as t,c as e,h as d,H as a,a as s}from"./p-BaLlBOle.js";import{g as o}from"./p-Cn4f8w1e.js";const l=["verticalDividers","compactDesign","noMinWidth","modeVariant","multiselect"],i=class{constructor(d){t(this,d),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.tdsChange=e(this,"tdsChange",6),this.tdsSelect=e(this,"tdsSelect",6),this.colSpan=null,this.rowId=o(),this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.selected=!1,this.disabled=!1,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null,this.multiselect=!1}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){var t;void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){var t;if(null!==this.colSpan)this.columnsNumber=this.colSpan;else{const e=null===(t=this.tableEl)||void 0===t?void 0:t.querySelector("tds-table-header");if(e){let t=e.childElementCount;t+=1,this.multiselect&&(t+=1),this.columnsNumber=t}}}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}render(){var t;return d(a,{key:"4a19eecaddbe092c48da935ad1c9f3763f6c1bbf",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},d("tr",{key:"6724479fd5086ffd1d3f445c93fae3552f58cd08",id:`expandable-content-${this.rowId}`,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded,"tds-table__row--selected":this.selected},part:"row"},this.multiselect&&d("td",{key:"6ff69b0dae005b397c56ed1eb354ad854ae5c007",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"525f6c830cfb5540659788f160fb385021d2d61a",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),d("td",{key:"1cc72fefa3ddf8faa7c92d51016ea3284b5e0ade",class:{"tds-table__cell-expand":!0}},d("label",{key:"d508a4cb105d5c7b6a25c842ee9c17d9bcc711d9",class:"tds-table__expand-control-container"},d("input",{key:"02309a59872696a39bc14dc569353f6718ca72de",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`expandable-content-${this.rowId}`,"aria-label":this.tdsAriaLabelExpandButton}),d("span",{key:"048779f2625c0a7af929a450dedca38bad96ff1b",class:"tds-expendable-row-icon"},d("svg",{key:"8ce707e13f806d2de2c9b2dae7b41366f49e7676",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},d("path",{key:"1d093d47b272fa218ab556a962ed34b5388128ce","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),d("slot",{key:"5805b8699723c5ba1d1911bac9f83651b8f79503"})),d("tr",{key:"087e3a6f608f647d51087dc0952e6a24c631520b",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},d("td",{key:"d561520155d374db9e4c255a48ed5fb24c7f2718",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:null!==(t=this.columnsNumber)&&void 0!==t?t:void 0},d("div",{key:"f8e443b5141f451fd389ab995b3a8aa3ed44df70",style:{overflow:this.overflow}},d("slot",{key:"2c37f0136cab3b87307c16d55062f4aebc623e55",name:"expand-row"})))))}get host(){return s(this)}static get watchers(){return{expanded:[{watchExpanded:0}]}}};i.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row--selected{background-color:var(--tds-table-body-row-background-selected)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__row--selected:hover{background-color:var(--tds-table-body-row-background-selected-hover)}:host .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell-expand{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}";export{i as tds_table_body_row_expandable}
@@ -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-BaLlBOle.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}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as o,a as s}from"./p-BaLlBOle.js";import{d as r}from"./p-CLF3diNe.js";const d=class{constructor(e){t(this,e)}render(){return e(o,{key:"7d276a5315a38c87d28b5e5ba1f16bcd7c74c0db"},e("div",{key:"44c9ee22549fa323794f0607e7746f395d5f8348",class:"item"},e("slot",{key:"0ec7c2d329877968187fa63153eee2668fa2d057"})))}};d.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const i=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const d=s[0];if(d){const o=r(d,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)}};i.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--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--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";export{d as tds_core_header_item,i as tds_header_item}
@@ -1 +1 @@
1
- import{r as t,h as s}from"./p-DiuTk88e.js";const d=class{constructor(s){t(this,s),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=t.toString().length>=3?"99+":t.toString())}render(){return s("host",{key:"094da9af01d8141863e4a85ae23ad27d5c02ac4a",role:"status",class:{"tds-badge":!0,[`tds-badge-${this.size}`]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},s("div",{key:"6094bed99d589f4f24a85588937973618265a3ab",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:[{watchProps:0}],size:[{watchProps:0}]}}};d.style=":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";export{d as tds_badge}
1
+ import{r as t,h as s}from"./p-BaLlBOle.js";const d=class{constructor(s){t(this,s),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=t.toString().length>=3?"99+":t.toString())}render(){return s("host",{key:"3c4fb4220bae5c9085e27f64569e678d657da292",role:"status",class:{"tds-badge":!0,[`tds-badge-${this.size}`]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},s("div",{key:"228210632555298fe535f7479a53797c68e38b4c",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:[{watchProps:0}],size:[{watchProps:0}]}}};d.style=":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";export{d as tds_badge}
@@ -1 +1 @@
1
- import{r as s,c as t,h as e,a as i}from"./p-DiuTk88e.js";import{g as d}from"./p-Cn4f8w1e.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"6e6e00002da855b43067454de0a55af6802bdad0",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"4d7f1b28864c9cca7c3183f4531aac19917f0fa9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"6bac81bc86f6d00f5961211ec401689e67f5a720",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"5338721c62889199ee0ecad2632eac2fd37485d0",id:`${this.sliderId}-label`,class:{offset:this.showTickNumbers}},this.label),this.useInput&&e("div",{key:"5ee4f8ac092f9ea0aa5f687b98e294955fe062c1",class:"tds-slider__input-values"},e("div",{key:"97e64f78a68451a2186372264e3e1503954bb67c",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"89c03fd539fdcd689f7d76e1ed9beb8188e61f69",class:"tds-slider__controls"},e("div",{key:"82c8b4780f47925918a16cc11e4bf7a37b9de687",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"e190b8ec6e617ea516a022d55e8075c4eb796507",name:"minus",size:"16px"}))),e("div",{key:"5b4f71b02daa36e964df0af18124217f217fce78",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"1d6d917ab5107a47852a16988f621b62e57a5795",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"133fd1ed3c566377f524b683a15aaa831aa03f40",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"40f727734b17f3933e0f7bc179354e205534af8d",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"b6b56223be25e8493e0884c5fb2f4ef786fb4a87",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"74890de4d56ca2fa851212adeccb745c48b7b659",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"a02dff8e8707d5a0d42882b9eb30c94d65c004fe",class:"tds-slider__value"},this.value,e("svg",{key:"026cecebd18db87d4fbeb942c223e83ce2c5a21b",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"f31a00952f88e45747cfd0dc7353f4a484846afc",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"6fcb3b1bf4dfa6fb081008680f3944736cfce6eb",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4",class:"tds-slider__input-values"},e("div",{key:"20a61bcb6e157416c42fe6fd54b32c2e10da09cc",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"8c983dc792027814e7e27c41c2e507333ea6afba",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"6309046324fa52c8d4ade33dd3450eef5b2aa04b",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"4f410440b2e830bfac5f908b563dbfc061e28519",class:"tds-slider__controls"},e("div",{key:"a3f1215891059fa3c83b499ba5597aa1758d0906",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"0e5323b7f52360b34943580113386f408dd6d57e",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:[{handleValueUpdate:0}]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
1
+ import{r as s,c as t,h as e,a as i}from"./p-BaLlBOle.js";import{g as d}from"./p-Cn4f8w1e.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"7ffbf580fea1c04431a895053e035c33c0834a1e",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"a87d78358d84b3d1b0f4eb1868c7972d391024f1",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"b96bfe54acc3f1accea13c0710a46e27bb34618a",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"21e9de5646ba3bb1be26a2ab5a73f6733e5f9314",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"a2ff4200538e129f3262d1acf21a0e66fbcb3f9a",id:`${this.sliderId}-label`,class:{offset:this.showTickNumbers}},this.label),this.useInput&&e("div",{key:"01a6dd063389b459072a9c0e06be2139af798c41",class:"tds-slider__input-values"},e("div",{key:"3e07cd27fcbd1579f1441db9c2ce8943b79de6f5",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"3f4fea66c4a7de2aa5a634cee715c9a65dca1ada",class:"tds-slider__controls"},e("div",{key:"20ef717773cca557b49eb905b54759b809478513",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"a0f756f26801aa5551c7ca3d73eef26696cd25d8",name:"minus",size:"16px"}))),e("div",{key:"58b1a65b9d13c62d116d81384763bbf45897e9a5",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"00046f72bfd20d59f4db4bcf4a65eda7d43c09d2",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"f4b33f351f24311cd7dede905ea647d0c11af08a",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"184fb63403cba630fed7f86d8ff9973c95788b8e",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"07c2b542ec10424a4b0c036f9a6bb88583a3b6d2",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"99ecd3a3f19999e2241e305dd65d3c3e2c4803ba",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"10c3c1f789d8dba542f9729a800d99e73f465ff6",class:"tds-slider__value"},this.value,e("svg",{key:"3111e56b641639527bab768279b0c4f13595bd90",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"6ba13ce0dcbf42fbb2e6cd40deee4d0c24257879",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"47e2dab4d35d7692a8295325f2b58555c93b7589",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"0328b897b32ecad33d7ad0ae8e665ba89916b523",class:"tds-slider__input-values"},e("div",{key:"07bf42ea13eb0f83495842a4355c2e9ef8db0961",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"235282e1c1dd6f0a7e0d8580390e82b5f57a8a5d",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"8da3f25d80324354c76ae5d152841ab2ea024d11",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"f4975c655819dcaf1fd45b29894f50a53b346df2",class:"tds-slider__controls"},e("div",{key:"0889d3ce08effd68c5e0a39a0a0bbdc0613bffb8",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"4387c6db0a9fc7f979f29ef268b81e59980709f6",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:[{handleValueUpdate:0}]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,a as i}from"./p-DiuTk88e.js";const l=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return o(e,{key:"e422cb3d81d974bdefd2a5221aa5f9df693feccd",role:"listitem"},o("div",{key:"bcd21f30335d92da6dd577fdc2b6e7ae273a6390",class:this.parentIsTopPart?"top-part-child":""},o("slot",{key:"861ffb44a8f9f2e4e75ad24b2bb640be9a712129"})))}get host(){return i(this)}};l.style=":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button: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 ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline: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 all and (width <= 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button: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}}";export{l as tds_footer_item}
1
+ import{r as t,h as o,H as e,a as i}from"./p-BaLlBOle.js";const l=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return o(e,{key:"b64803b59361b3b32c5522440644aa5e2b218e82",role:"listitem"},o("div",{key:"23bb2862dc13193a481b3e9b47dc4ca3da3f30ca",class:this.parentIsTopPart?"top-part-child":""},o("slot",{key:"02b9c60093467b66513eaf9229284eb6d801772b"})))}get host(){return i(this)}};l.style=":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button: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 ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline: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 all and (width <= 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button: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}}";export{l as tds_footer_item}
@@ -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-BaLlBOle.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,h as e,H as i,a as o}from"./p-DiuTk88e.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"afc9e25f7fca169a9ccb2241eb374b87c1b0ff5b"},e("div",{key:"3bb5727f75e1c9a44e3033dfcaf511d093d1e085",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"c4f8eb7bd7039f14a7e374bb62fc8fd74f5aeeb8",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"aca563c692e3602ddd3b5d80cc63085077139a87","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"ed85239ef9c383e2a251f7cef4931da2348a8975",name:"label"}))))}get el(){return o(this)}};r.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
1
+ import{r as t,h as e,H as i,a as o}from"./p-BaLlBOle.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"865925b39d18bf0df869e84a9403ffbe17e84e6f"},e("div",{key:"5817c0cda54f2cd61acf7a0db4d1f9936447fdea",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"894c77a0b1f338654a27a993b344b5b33c258be6",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"cb662acf0d18f8a7e042635fa6453a42d3d63f5a","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"8d6e7a8866bde497261eaaff7f4ca1bb2216f512",name:"label"}))))}get el(){return o(this)}};r.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
@@ -1 +1 @@
1
- import{r as o,h as d,H as r}from"./p-DiuTk88e.js";const t=class{constructor(d){o(this,d),this.modeVariant=null,this.hideLastBorder=!1}render(){return d(r,{key:"07fa8bf06435570bdf6ba1170e6f55baecc3cf98",class:{"tds-accordion":!0,[`tds-mode-variant-${this.modeVariant||""}`]:Boolean(this.modeVariant),"hide-last-border":this.hideLastBorder}},d("slot",{key:"d04a5c6767081b816b39eab3f6f02b69810990cd"}))}};t.style=":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host{border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}";export{t as tds_accordion}
1
+ import{r as o,h as d,H as r}from"./p-BaLlBOle.js";const t=class{constructor(d){o(this,d),this.modeVariant=null,this.hideLastBorder=!1}render(){return d(r,{key:"0cd132877187987054bcab66e2695366c8e27164",class:{"tds-accordion":!0,[`tds-mode-variant-${this.modeVariant||""}`]:Boolean(this.modeVariant),"hide-last-border":this.hideLastBorder}},d("slot",{key:"de4b7a72a6205b2c04510fd99a1645a591675ec0"}))}};t.style=":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host{border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}";export{t as tds_accordion}
@@ -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=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers","sortColumnKey"],d=class{constructor(a){t(this,a),this.tdsSort=e(this,"tdsSort",7),this.internalSortButtonClicked=e(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=e(this,"internalTdsTextAlign",6),this.internalTdsHover=e(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?s("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},s("span",{class:"tds-table__header-button-text"},this.cellValue,s("slot",null)),void 0===this.sortingDirection&&s("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&s("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):s("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&(t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(!(e in this))throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]})),t.detail.changed.some((t=>"sortColumnKey"===t||"sortDirection"===t))&&this.syncSortingStateFromTable())}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.syncSortingStateFromTable()}isSortDirection(t){return"asc"===t||"desc"===t}syncSortingStateFromTable(){var t;const e=null===(t=this.tableEl)||void 0===t?void 0:t.sortDirection;if(!this.sortColumnKey||!this.isSortDirection(e))return this.sortedByMyKey=!1,void(this.sortingDirection=void 0);this.sortedByMyKey=this.sortable&&this.cellKey===this.sortColumnKey,this.sortingDirection=this.sortedByMyKey?e:void 0}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return s(a,{key:"fa26adb6bbc2221337613d4e0cdbd9d356c97a36",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},s("th",{key:"93d822a9b0c7fb7ef5a45a2440057afc8a8bd962",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return o(this)}};d.style=":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}";export{d as tds_header_cell}
1
+ import{r as t,c as e,h as s,H as a,a as o}from"./p-BaLlBOle.js";const i=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers","sortColumnKey"],d=class{constructor(a){t(this,a),this.tdsSort=e(this,"tdsSort",7),this.internalSortButtonClicked=e(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=e(this,"internalTdsTextAlign",6),this.internalTdsHover=e(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?s("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},s("span",{class:"tds-table__header-button-text"},this.cellValue,s("slot",null)),void 0===this.sortingDirection&&s("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&s("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):s("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&(t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(!(e in this))throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]})),t.detail.changed.some((t=>"sortColumnKey"===t||"sortDirection"===t))&&this.syncSortingStateFromTable())}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.syncSortingStateFromTable()}isSortDirection(t){return"asc"===t||"desc"===t}syncSortingStateFromTable(){var t;const e=null===(t=this.tableEl)||void 0===t?void 0:t.sortDirection;if(!this.sortColumnKey||!this.isSortDirection(e))return this.sortedByMyKey=!1,void(this.sortingDirection=void 0);this.sortedByMyKey=this.sortable&&this.cellKey===this.sortColumnKey,this.sortingDirection=this.sortedByMyKey?e:void 0}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return s(a,{key:"fa26adb6bbc2221337613d4e0cdbd9d356c97a36",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},s("th",{key:"93d822a9b0c7fb7ef5a45a2440057afc8a8bd962",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return o(this)}};d.style=":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}";export{d as tds_header_cell}
@@ -0,0 +1 @@
1
+ import{r as s,h as o,H as t,a}from"./p-BaLlBOle.js";import{i as e}from"./p-CF8bH08v.js";const i=class{constructor(o){s(this,o),this.defaultShow=!1,this.show=null,this.placement="auto",this.offsetSkidding=0,this.animation="none",this.offsetDistance=8,this.modifiers=[],this.tdsAlertDialog="dialog",this.modeVariant=null,this.inheritedAttributes={}}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}render(){var s;return o(t,{key:"6556ae297613d34a4be0a5975e346895dc666e17",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},o("tds-popover-core",Object.assign({key:"6f562b8411dabc1ccf44fcb3cafcdd59dbd83b05",role:this.tdsAlertDialog},this.inheritedAttributes,{class:{"tds-popover-canvas":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,modifiers:this.modifiers,trigger:"click",ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation}),o("div",{key:"f257f0c7d9a0ccf5ff7ccf14767cf7db54f20e42"},o("slot",{key:"b55d3edcfe47f41bbe9c4883d0ddd2aaf2ad72b4"}))))}get host(){return a(this)}};i.style=".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:var(--tds-popover-canvas-box-shadow);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";export{i as tds_popover_canvas}