@scania/tegel 1.28.0 → 1.28.1-fix-textarea-label-click-focus-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (453) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tds-accordion-item.cjs.entry.js +3 -3
  3. package/dist/cjs/tds-accordion.cjs.entry.js +2 -2
  4. package/dist/cjs/tds-badge.cjs.entry.js +2 -2
  5. package/dist/cjs/tds-banner.cjs.entry.js +2 -2
  6. package/dist/cjs/tds-block.cjs.entry.js +1 -1
  7. package/dist/cjs/tds-body-cell.cjs.entry.js +2 -2
  8. package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-button.cjs.entry.js +3 -3
  11. package/dist/cjs/tds-card.cjs.entry.js +1 -1
  12. package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
  13. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  14. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +3 -3
  15. package/dist/cjs/tds-datetime.cjs.entry.js +16 -2
  16. package/dist/cjs/tds-divider.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-dropdown_2.cjs.entry.js +6 -6
  18. package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
  19. package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
  20. package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
  21. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-footer.cjs.entry.js +2 -2
  23. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
  26. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-dropdown.cjs.entry.js +3 -3
  29. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  36. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
  38. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  39. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  40. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  41. package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
  42. package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
  43. package/dist/cjs/tds-link.cjs.entry.js +2 -2
  44. package/dist/cjs/tds-message.cjs.entry.js +2 -2
  45. package/dist/cjs/tds-modal.cjs.entry.js +2 -2
  46. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  47. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
  48. package/dist/cjs/tds-popover-canvas.cjs.entry.js +2 -2
  49. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  50. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +2 -2
  51. package/dist/cjs/tds-popover-menu.cjs.entry.js +2 -2
  52. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  53. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +11 -2
  54. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +4 -4
  55. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +2 -2
  56. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
  57. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +9 -3
  58. package/dist/cjs/tds-side-menu-item.cjs.entry.js +2 -2
  59. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  60. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +2 -2
  61. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  62. package/dist/cjs/tds-side-menu.cjs.entry.js +85 -5
  63. package/dist/cjs/tds-slider.cjs.entry.js +80 -9
  64. package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
  65. package/dist/cjs/tds-step.cjs.entry.js +1 -1
  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 +7 -7
  69. package/dist/cjs/tds-table-body-row.cjs.entry.js +2 -2
  70. package/dist/cjs/tds-table-body.cjs.entry.js +2 -2
  71. package/dist/cjs/tds-table-footer.cjs.entry.js +3 -3
  72. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  73. package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
  74. package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
  75. package/dist/cjs/tds-table.cjs.entry.js +3 -3
  76. package/dist/cjs/tds-text-field.cjs.entry.js +5 -5
  77. package/dist/cjs/tds-textarea.cjs.entry.js +5 -3
  78. package/dist/cjs/tds-toast.cjs.entry.js +3 -3
  79. package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
  80. package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
  81. package/dist/cjs/tegel.cjs.js +1 -1
  82. package/dist/collection/components/accordion/accordion-item/accordion-item.js +3 -3
  83. package/dist/collection/components/accordion/accordion.js +2 -2
  84. package/dist/collection/components/badge/badge.js +2 -2
  85. package/dist/collection/components/banner/banner.js +2 -2
  86. package/dist/collection/components/block/block.js +1 -1
  87. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -1
  88. package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
  89. package/dist/collection/components/button/button.js +3 -3
  90. package/dist/collection/components/card/card.js +1 -1
  91. package/dist/collection/components/checkbox/checkbox.js +2 -2
  92. package/dist/collection/components/chip/chip.js +1 -1
  93. package/dist/collection/components/datetime/datetime.js +33 -2
  94. package/dist/collection/components/divider/divider.js +1 -1
  95. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +1 -1
  96. package/dist/collection/components/dropdown/dropdown.js +5 -5
  97. package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
  98. package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
  99. package/dist/collection/components/footer/footer.js +2 -2
  100. package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
  101. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  102. package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
  103. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
  104. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  105. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
  106. package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
  107. package/dist/collection/components/header/header-item/header-item.js +2 -2
  108. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  109. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
  110. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  111. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
  112. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
  113. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
  114. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
  115. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  116. package/dist/collection/components/header/header-title/header-title.js +1 -1
  117. package/dist/collection/components/header/header.js +1 -1
  118. package/dist/collection/components/icon/icon.js +1 -1
  119. package/dist/collection/components/link/link.js +2 -2
  120. package/dist/collection/components/message/message.js +2 -2
  121. package/dist/collection/components/modal/modal.js +2 -2
  122. package/dist/collection/components/popover-canvas/popover-canvas.js +2 -2
  123. package/dist/collection/components/popover-core/popover-core.js +1 -1
  124. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
  125. package/dist/collection/components/popover-menu/popover-menu.js +2 -2
  126. package/dist/collection/components/radio-button/radio-button.js +1 -1
  127. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +11 -2
  128. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -4
  129. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +15 -3
  130. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
  131. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
  132. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
  133. package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
  134. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
  135. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
  136. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
  137. package/dist/collection/components/side-menu/side-menu.css +10 -0
  138. package/dist/collection/components/side-menu/side-menu.js +100 -5
  139. package/dist/collection/components/slider/slider.css +17 -0
  140. package/dist/collection/components/slider/slider.js +115 -8
  141. package/dist/collection/components/spinner/spinner.js +1 -1
  142. package/dist/collection/components/stepper/step/step.js +1 -1
  143. package/dist/collection/components/stepper/stepper.js +4 -4
  144. package/dist/collection/components/table/table/table.js +3 -3
  145. package/dist/collection/components/table/table-body/table-body.js +2 -2
  146. package/dist/collection/components/table/table-body-cell/table-body-cell.js +2 -2
  147. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  148. package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
  149. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
  150. package/dist/collection/components/table/table-footer/table-footer.js +3 -3
  151. package/dist/collection/components/table/table-header/table-header.js +2 -2
  152. package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
  153. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
  154. package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
  155. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
  156. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  157. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
  158. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  159. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  160. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
  161. package/dist/collection/components/text-field/text-field.js +5 -5
  162. package/dist/collection/components/textarea/textarea.js +5 -3
  163. package/dist/collection/components/toast/toast.js +3 -3
  164. package/dist/collection/components/toggle/toggle.js +2 -2
  165. package/dist/collection/components/tooltip/tooltip.js +2 -2
  166. package/dist/components/{p-14ab9663.js → p-1ef7423a.js} +2 -2
  167. package/dist/components/{p-265c3467.js → p-3f2187a4.js} +1 -1
  168. package/dist/components/{p-8c849aa2.js → p-74971a3e.js} +2 -2
  169. package/dist/components/{p-3dcfe1f4.js → p-76c8d381.js} +3 -3
  170. package/dist/components/{p-d61bd22e.js → p-7dbc1182.js} +3 -3
  171. package/dist/components/{p-0e6efec9.js → p-8a483a61.js} +2 -2
  172. package/dist/components/{p-34737ed9.js → p-9336db16.js} +1 -1
  173. package/dist/components/{p-92fb75a7.js → p-9b40a24d.js} +1 -1
  174. package/dist/components/{p-1c606f82.js → p-9ba3c16e.js} +3 -3
  175. package/dist/components/{p-252f3d4d.js → p-b0ca50a3.js} +1 -1
  176. package/dist/components/{p-3e93886d.js → p-bff614d5.js} +1 -1
  177. package/dist/components/{p-789bb453.js → p-cb52e59b.js} +3 -3
  178. package/dist/components/{p-c0b84c59.js → p-ce28efb8.js} +6 -6
  179. package/dist/components/{p-e8d2dbbf.js → p-da0800c1.js} +1 -1
  180. package/dist/components/{p-e49a0ceb.js → p-e1622f4a.js} +1 -1
  181. package/dist/components/{p-f8a36676.js → p-f4c6f29b.js} +4 -4
  182. package/dist/components/tds-accordion-item.js +4 -4
  183. package/dist/components/tds-accordion.js +2 -2
  184. package/dist/components/tds-badge.js +2 -2
  185. package/dist/components/tds-banner.js +3 -3
  186. package/dist/components/tds-block.js +1 -1
  187. package/dist/components/tds-body-cell.js +2 -2
  188. package/dist/components/tds-breadcrumb.js +1 -1
  189. package/dist/components/tds-breadcrumbs.js +1 -1
  190. package/dist/components/tds-button.js +3 -3
  191. package/dist/components/tds-card.js +2 -2
  192. package/dist/components/tds-checkbox.js +1 -1
  193. package/dist/components/tds-chip.js +1 -1
  194. package/dist/components/tds-core-header-item.js +1 -1
  195. package/dist/components/tds-datetime.js +18 -3
  196. package/dist/components/tds-divider.js +1 -1
  197. package/dist/components/tds-dropdown-option.js +1 -1
  198. package/dist/components/tds-dropdown.js +1 -1
  199. package/dist/components/tds-folder-tab.js +2 -2
  200. package/dist/components/tds-folder-tabs.js +3 -3
  201. package/dist/components/tds-footer-group.js +4 -4
  202. package/dist/components/tds-footer-item.js +1 -1
  203. package/dist/components/tds-footer.js +2 -2
  204. package/dist/components/tds-header-brand-symbol.js +3 -3
  205. package/dist/components/tds-header-cell.js +2 -2
  206. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  207. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  208. package/dist/components/tds-header-dropdown-list.js +1 -1
  209. package/dist/components/tds-header-dropdown.js +8 -8
  210. package/dist/components/tds-header-hamburger.js +4 -4
  211. package/dist/components/tds-header-item.js +1 -1
  212. package/dist/components/tds-header-launcher-button.js +1 -1
  213. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  214. package/dist/components/tds-header-launcher-grid-title.js +1 -1
  215. package/dist/components/tds-header-launcher-grid.js +1 -1
  216. package/dist/components/tds-header-launcher-list-item.js +2 -2
  217. package/dist/components/tds-header-launcher-list-title.js +1 -1
  218. package/dist/components/tds-header-launcher-list.js +2 -2
  219. package/dist/components/tds-header-launcher.js +8 -8
  220. package/dist/components/tds-header-title.js +1 -1
  221. package/dist/components/tds-header.js +1 -1
  222. package/dist/components/tds-icon.js +1 -1
  223. package/dist/components/tds-inline-tab.js +2 -2
  224. package/dist/components/tds-inline-tabs.js +3 -3
  225. package/dist/components/tds-link.js +2 -2
  226. package/dist/components/tds-message.js +3 -3
  227. package/dist/components/tds-modal.js +3 -3
  228. package/dist/components/tds-navigation-tab.js +2 -2
  229. package/dist/components/tds-navigation-tabs.js +5 -5
  230. package/dist/components/tds-popover-canvas.js +1 -1
  231. package/dist/components/tds-popover-core.js +1 -1
  232. package/dist/components/tds-popover-menu-item.js +2 -2
  233. package/dist/components/tds-popover-menu.js +3 -3
  234. package/dist/components/tds-radio-button.js +1 -1
  235. package/dist/components/tds-side-menu-close-button.js +12 -3
  236. package/dist/components/tds-side-menu-collapse-button.js +5 -5
  237. package/dist/components/tds-side-menu-dropdown-list-item.js +2 -2
  238. package/dist/components/tds-side-menu-dropdown-list.js +2 -2
  239. package/dist/components/tds-side-menu-dropdown.js +12 -6
  240. package/dist/components/tds-side-menu-item.js +1 -1
  241. package/dist/components/tds-side-menu-overlay.js +1 -1
  242. package/dist/components/tds-side-menu-user-image.js +1 -1
  243. package/dist/components/tds-side-menu-user-label.js +1 -1
  244. package/dist/components/tds-side-menu-user.js +3 -3
  245. package/dist/components/tds-side-menu.js +91 -9
  246. package/dist/components/tds-slider.js +83 -10
  247. package/dist/components/tds-spinner.js +1 -1
  248. package/dist/components/tds-step.js +2 -2
  249. package/dist/components/tds-stepper.js +3 -3
  250. package/dist/components/tds-table-body-input-wrapper.js +2 -2
  251. package/dist/components/tds-table-body-row-expandable.js +7 -7
  252. package/dist/components/tds-table-body-row.js +3 -3
  253. package/dist/components/tds-table-body.js +2 -2
  254. package/dist/components/tds-table-footer.js +7 -7
  255. package/dist/components/tds-table-header-input-wrapper.js +2 -2
  256. package/dist/components/tds-table-header.js +3 -3
  257. package/dist/components/tds-table-toolbar.js +3 -3
  258. package/dist/components/tds-table.js +3 -3
  259. package/dist/components/tds-text-field.js +6 -6
  260. package/dist/components/tds-textarea.js +8 -6
  261. package/dist/components/tds-toast.js +4 -4
  262. package/dist/components/tds-toggle.js +2 -2
  263. package/dist/components/tds-tooltip.js +1 -1
  264. package/dist/esm/loader.js +1 -1
  265. package/dist/esm/tds-accordion-item.entry.js +3 -3
  266. package/dist/esm/tds-accordion.entry.js +2 -2
  267. package/dist/esm/tds-badge.entry.js +2 -2
  268. package/dist/esm/tds-banner.entry.js +2 -2
  269. package/dist/esm/tds-block.entry.js +1 -1
  270. package/dist/esm/tds-body-cell.entry.js +2 -2
  271. package/dist/esm/tds-breadcrumb.entry.js +1 -1
  272. package/dist/esm/tds-breadcrumbs.entry.js +1 -1
  273. package/dist/esm/tds-button.entry.js +3 -3
  274. package/dist/esm/tds-card.entry.js +1 -1
  275. package/dist/esm/tds-checkbox.entry.js +2 -2
  276. package/dist/esm/tds-chip.entry.js +1 -1
  277. package/dist/esm/tds-core-header-item_2.entry.js +3 -3
  278. package/dist/esm/tds-datetime.entry.js +16 -2
  279. package/dist/esm/tds-divider.entry.js +1 -1
  280. package/dist/esm/tds-dropdown_2.entry.js +6 -6
  281. package/dist/esm/tds-folder-tab.entry.js +2 -2
  282. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  283. package/dist/esm/tds-footer-group.entry.js +3 -3
  284. package/dist/esm/tds-footer-item.entry.js +1 -1
  285. package/dist/esm/tds-footer.entry.js +2 -2
  286. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  287. package/dist/esm/tds-header-cell.entry.js +1 -1
  288. package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
  289. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  290. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  291. package/dist/esm/tds-header-dropdown.entry.js +3 -3
  292. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  293. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  294. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  295. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  296. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  297. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  298. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  299. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  300. package/dist/esm/tds-header-launcher.entry.js +2 -2
  301. package/dist/esm/tds-header-title.entry.js +1 -1
  302. package/dist/esm/tds-header.entry.js +1 -1
  303. package/dist/esm/tds-icon.entry.js +1 -1
  304. package/dist/esm/tds-inline-tab.entry.js +2 -2
  305. package/dist/esm/tds-inline-tabs.entry.js +2 -2
  306. package/dist/esm/tds-link.entry.js +2 -2
  307. package/dist/esm/tds-message.entry.js +2 -2
  308. package/dist/esm/tds-modal.entry.js +2 -2
  309. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  310. package/dist/esm/tds-navigation-tabs.entry.js +4 -4
  311. package/dist/esm/tds-popover-canvas.entry.js +2 -2
  312. package/dist/esm/tds-popover-core.entry.js +1 -1
  313. package/dist/esm/tds-popover-menu-item.entry.js +2 -2
  314. package/dist/esm/tds-popover-menu.entry.js +2 -2
  315. package/dist/esm/tds-radio-button.entry.js +1 -1
  316. package/dist/esm/tds-side-menu-close-button.entry.js +11 -2
  317. package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -4
  318. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +2 -2
  319. package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
  320. package/dist/esm/tds-side-menu-dropdown.entry.js +9 -3
  321. package/dist/esm/tds-side-menu-item.entry.js +2 -2
  322. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  323. package/dist/esm/tds-side-menu-user-image_2.entry.js +2 -2
  324. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  325. package/dist/esm/tds-side-menu.entry.js +85 -5
  326. package/dist/esm/tds-slider.entry.js +80 -9
  327. package/dist/esm/tds-spinner.entry.js +1 -1
  328. package/dist/esm/tds-step.entry.js +1 -1
  329. package/dist/esm/tds-stepper.entry.js +2 -2
  330. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  331. package/dist/esm/tds-table-body-row-expandable.entry.js +7 -7
  332. package/dist/esm/tds-table-body-row.entry.js +2 -2
  333. package/dist/esm/tds-table-body.entry.js +2 -2
  334. package/dist/esm/tds-table-footer.entry.js +3 -3
  335. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  336. package/dist/esm/tds-table-header.entry.js +2 -2
  337. package/dist/esm/tds-table-toolbar.entry.js +2 -2
  338. package/dist/esm/tds-table.entry.js +3 -3
  339. package/dist/esm/tds-text-field.entry.js +5 -5
  340. package/dist/esm/tds-textarea.entry.js +5 -3
  341. package/dist/esm/tds-toast.entry.js +3 -3
  342. package/dist/esm/tds-toggle.entry.js +2 -2
  343. package/dist/esm/tds-tooltip.entry.js +2 -2
  344. package/dist/esm/tegel.js +1 -1
  345. package/dist/tegel/{p-d267665e.entry.js → p-003184ea.entry.js} +1 -1
  346. package/dist/tegel/p-05da560e.entry.js +1 -0
  347. package/dist/tegel/{p-aa9d281b.entry.js → p-08ad6a21.entry.js} +1 -1
  348. package/dist/tegel/{p-51e49417.entry.js → p-08f63e5d.entry.js} +1 -1
  349. package/dist/tegel/{p-c71acb02.entry.js → p-0bd4fd5c.entry.js} +1 -1
  350. package/dist/tegel/{p-b58f68f0.entry.js → p-0c421cde.entry.js} +1 -1
  351. package/dist/tegel/{p-f034fc0c.entry.js → p-0e37277e.entry.js} +1 -1
  352. package/dist/tegel/{p-e46744bc.entry.js → p-0e5c6384.entry.js} +1 -1
  353. package/dist/tegel/p-0fd8e378.entry.js +1 -0
  354. package/dist/tegel/p-1078b1b4.entry.js +1 -0
  355. package/dist/tegel/{p-4465f687.entry.js → p-1120575b.entry.js} +1 -1
  356. package/dist/tegel/{p-27a4a7d0.entry.js → p-1286da6a.entry.js} +1 -1
  357. package/dist/tegel/{p-ea9e7345.entry.js → p-135f2276.entry.js} +1 -1
  358. package/dist/tegel/p-177386d5.entry.js +1 -0
  359. package/dist/tegel/{p-47bf836e.entry.js → p-1978cb0d.entry.js} +1 -1
  360. package/dist/tegel/{p-60b38806.entry.js → p-1cda8fe6.entry.js} +1 -1
  361. package/dist/tegel/{p-8d7bf652.entry.js → p-2446dfb6.entry.js} +1 -1
  362. package/dist/tegel/{p-d47c744f.entry.js → p-2551fd5b.entry.js} +1 -1
  363. package/dist/tegel/{p-81111221.entry.js → p-27777c26.entry.js} +1 -1
  364. package/dist/tegel/{p-a21250b8.entry.js → p-27e64ae1.entry.js} +1 -1
  365. package/dist/tegel/{p-5a3ff0d3.entry.js → p-286f470e.entry.js} +1 -1
  366. package/dist/tegel/p-2deba066.entry.js +1 -0
  367. package/dist/tegel/{p-24db6b5b.entry.js → p-2faeb483.entry.js} +1 -1
  368. package/dist/tegel/{p-cde32bc6.entry.js → p-2fbf2fdb.entry.js} +1 -1
  369. package/dist/tegel/p-304f5a5c.entry.js +1 -0
  370. package/dist/tegel/{p-d853f8c2.entry.js → p-319e992d.entry.js} +1 -1
  371. package/dist/tegel/{p-aadb2553.entry.js → p-33f1f60e.entry.js} +1 -1
  372. package/dist/tegel/{p-ca93de01.entry.js → p-354d3986.entry.js} +1 -1
  373. package/dist/tegel/{p-033d991e.entry.js → p-37e979b3.entry.js} +1 -1
  374. package/dist/tegel/p-3c348fcb.entry.js +1 -0
  375. package/dist/tegel/{p-8c8b9908.entry.js → p-4241afd6.entry.js} +1 -1
  376. package/dist/tegel/{p-46205cfb.entry.js → p-4cafd755.entry.js} +1 -1
  377. package/dist/tegel/p-4de2807c.entry.js +1 -0
  378. package/dist/tegel/{p-e1abd593.entry.js → p-4e8e7bcd.entry.js} +1 -1
  379. package/dist/tegel/{p-0f2c9507.entry.js → p-54ac3ec2.entry.js} +1 -1
  380. package/dist/tegel/{p-fa07db58.entry.js → p-58b928e5.entry.js} +1 -1
  381. package/dist/tegel/p-5c8fd75e.entry.js +1 -0
  382. package/dist/tegel/{p-b5ced8e5.entry.js → p-618d6b4f.entry.js} +1 -1
  383. package/dist/tegel/{p-3e9ca19a.entry.js → p-63d2c1fe.entry.js} +1 -1
  384. package/dist/tegel/{p-34b793c9.entry.js → p-646d1df4.entry.js} +1 -1
  385. package/dist/tegel/{p-ed17283a.entry.js → p-6b675e89.entry.js} +1 -1
  386. package/dist/tegel/{p-54a20280.entry.js → p-6c8b40f7.entry.js} +1 -1
  387. package/dist/tegel/{p-01edebef.entry.js → p-710c42c5.entry.js} +1 -1
  388. package/dist/tegel/{p-a5e0f030.entry.js → p-72006dd7.entry.js} +1 -1
  389. package/dist/tegel/p-7486e9f9.entry.js +1 -0
  390. package/dist/tegel/p-7ef50e7f.entry.js +1 -0
  391. package/dist/tegel/{p-eec22b6b.entry.js → p-7f2228be.entry.js} +1 -1
  392. package/dist/tegel/{p-c3607f10.entry.js → p-87929060.entry.js} +1 -1
  393. package/dist/tegel/p-8a4837ae.entry.js +1 -0
  394. package/dist/tegel/{p-fa342278.entry.js → p-8afeb375.entry.js} +1 -1
  395. package/dist/tegel/{p-d1112915.entry.js → p-8e9c6ef4.entry.js} +1 -1
  396. package/dist/tegel/{p-e3c3bdac.entry.js → p-8f1aead7.entry.js} +1 -1
  397. package/dist/tegel/{p-f1b0211a.entry.js → p-918a3c1a.entry.js} +1 -1
  398. package/dist/tegel/{p-660176d6.entry.js → p-97e88e6e.entry.js} +1 -1
  399. package/dist/tegel/{p-3204ae8f.entry.js → p-981e6232.entry.js} +1 -1
  400. package/dist/tegel/p-9858b0fe.entry.js +1 -0
  401. package/dist/tegel/{p-74fc9c92.entry.js → p-9ef67795.entry.js} +1 -1
  402. package/dist/tegel/{p-78d5acd7.entry.js → p-9f187848.entry.js} +1 -1
  403. package/dist/tegel/{p-1b390acb.entry.js → p-a10b3a4a.entry.js} +1 -1
  404. package/dist/tegel/{p-44ac6a20.entry.js → p-a56ad3d8.entry.js} +1 -1
  405. package/dist/tegel/p-ab00e6e4.entry.js +1 -0
  406. package/dist/tegel/p-b210d23c.entry.js +1 -0
  407. package/dist/tegel/{p-d33cb2d1.entry.js → p-c0cbc9f5.entry.js} +1 -1
  408. package/dist/tegel/p-c163d44f.entry.js +1 -0
  409. package/dist/tegel/{p-2af57972.entry.js → p-c1b7d773.entry.js} +1 -1
  410. package/dist/tegel/{p-96635c10.entry.js → p-c23a3f12.entry.js} +1 -1
  411. package/dist/tegel/{p-d65dfe04.entry.js → p-c5e50096.entry.js} +1 -1
  412. package/dist/tegel/p-ca32a270.entry.js +1 -0
  413. package/dist/tegel/p-ccbafacd.entry.js +1 -0
  414. package/dist/tegel/{p-70795d6e.entry.js → p-d38039b3.entry.js} +1 -1
  415. package/dist/tegel/{p-77d457b8.entry.js → p-d515fcdb.entry.js} +1 -1
  416. package/dist/tegel/{p-ee960089.entry.js → p-d6d8cb7f.entry.js} +1 -1
  417. package/dist/tegel/p-dfe24bb1.entry.js +1 -0
  418. package/dist/tegel/{p-c10be10e.entry.js → p-dfe4bb23.entry.js} +1 -1
  419. package/dist/tegel/{p-5242a1f6.entry.js → p-e102ca15.entry.js} +1 -1
  420. package/dist/tegel/{p-7c4c65c9.entry.js → p-e5e9bd0c.entry.js} +1 -1
  421. package/dist/tegel/{p-ddda64eb.entry.js → p-e88b2128.entry.js} +1 -1
  422. package/dist/tegel/{p-31bc440c.entry.js → p-eff1d877.entry.js} +1 -1
  423. package/dist/tegel/p-faa512fd.entry.js +1 -0
  424. package/dist/tegel/tegel.esm.js +1 -1
  425. package/dist/types/components/datetime/datetime.d.ts +3 -0
  426. package/dist/types/components/side-menu/side-menu-close-button/side-menu-close-button.d.ts +1 -0
  427. package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +1 -0
  428. package/dist/types/components/side-menu/side-menu.d.ts +6 -0
  429. package/dist/types/components/slider/slider.d.ts +10 -1
  430. package/dist/types/components/stepper/stepper.d.ts +1 -1
  431. package/dist/types/components/textarea/textarea.d.ts +1 -0
  432. package/dist/types/components.d.ts +32 -8
  433. package/package.json +1 -1
  434. package/dist/tegel/p-28cf7204.entry.js +0 -1
  435. package/dist/tegel/p-302fea99.entry.js +0 -1
  436. package/dist/tegel/p-32be63ea.entry.js +0 -1
  437. package/dist/tegel/p-3c2f7033.entry.js +0 -1
  438. package/dist/tegel/p-4a7a977b.entry.js +0 -1
  439. package/dist/tegel/p-4d5963d0.entry.js +0 -1
  440. package/dist/tegel/p-4fe6512b.entry.js +0 -1
  441. package/dist/tegel/p-6f17d37f.entry.js +0 -1
  442. package/dist/tegel/p-77c79b91.entry.js +0 -1
  443. package/dist/tegel/p-848c2732.entry.js +0 -1
  444. package/dist/tegel/p-868757d9.entry.js +0 -1
  445. package/dist/tegel/p-ae46766a.entry.js +0 -1
  446. package/dist/tegel/p-b08886e3.entry.js +0 -1
  447. package/dist/tegel/p-b9576881.entry.js +0 -1
  448. package/dist/tegel/p-bee533b5.entry.js +0 -1
  449. package/dist/tegel/p-c8404432.entry.js +0 -1
  450. package/dist/tegel/p-cc6c06e3.entry.js +0 -1
  451. package/dist/tegel/p-ceab8f75.entry.js +0 -1
  452. package/dist/tegel/p-d9511720.entry.js +0 -1
  453. package/dist/tegel/p-fc6196c4.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as e,h as a,H as d,g as t}from"./p-2049fab2.js";const s=class{constructor(a){e(this,a),this.imgUrl=void 0,this.imgAlt=void 0,this.header=void 0,this.subheader=void 0}render(){return a(d,{key:"88298dc621372f56b0336686d055f27ef7bfee8a",role:"listitem"},a("div",{key:"da8b981e30d4cca52b4dfc2813e2d706f7c18d30",class:"user-box"},this.imgUrl&&a("img",{key:"f81a370f4499f5bec4eedef0ef2d1aaa5aeca4ca",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"33c9d2b8d0761d6915129cd03f4b596b5c05c1b4",name:"thumbanil"}),a("div",{key:"78a05fa64af6d694b4927fef55260e18c2d5711f",class:"user-content"},a("div",{key:"15f6a48e0f10574ae14af2e2d92342ec77e85aa1",class:"header"},this.header,a("slot",{key:"12ebbfbc257918f264c76e7d38a28827880cadec",name:"header"})),a("div",{key:"bbd348e04b5ea5732bb4426547ef5ed9eddf55d0",class:"subheader"},this.subheader,a("slot",{key:"403e7f20cb5b564928759ce0be1b058d12610290",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}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as i}from"./p-2049fab2.js";import{h as s}from"./p-ae110fc2.js";const l=class{constructor(o){t(this,o),this.slotPosition=null,this.topPartGroup=!1,this.titleText=void 0,this.tdsListAriaLabel=void 0,this.open=!1,this.isMobile=void 0}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){this.updateIsMobile(),this.topPartGroup="top"===this.host.parentElement.slot,this.topPartGroup||(this.slotPosition="end"===this.host.parentElement.slot?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),s("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=s("title",this.host);return o(e,{key:"4074cd5312d985c58e5136cc0c2c2c5deb9cd6e7","aria-expanded":this.open?"true":"false"},o("div",{key:"1a7817d838cadd10f4fed05b1153fa13be41a042",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:"758bd18ac07eca8dda21b077a494ce8d770c6794","aria-label":this.tdsListAriaLabel},o("div",{key:"536e6c65893378fce91dd7fe3577dcdaaa4e5596",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},o("slot",{key:"0d1d147e8b955fb39e83a441595c80610843e34c"})))))}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);opacity:var(--tds-footer-top-title-opacity);color:var(--tds-footer-top-links);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{border-bottom:none}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";export{l as tds_footer_group}
1
+ import{r as t,h as o,H as e,g as i}from"./p-2049fab2.js";import{h as s}from"./p-ae110fc2.js";const l=class{constructor(o){t(this,o),this.slotPosition=null,this.topPartGroup=!1,this.titleText=void 0,this.tdsListAriaLabel=void 0,this.open=!1,this.isMobile=void 0}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){this.updateIsMobile(),this.topPartGroup="top"===this.host.parentElement.slot,this.topPartGroup||(this.slotPosition="end"===this.host.parentElement.slot?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),s("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=s("title",this.host);return o(e,{key:"ae7d97292dba7bf2054e1833e436dbabec499ed7","aria-expanded":this.open?"true":"false"},o("div",{key:"e94d8a8f5cdab4eaa1ec72d9d8da2cf3634ddb86",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:"ab7829753c2e2e80b877470e92f1947d24aefe38","aria-label":this.tdsListAriaLabel},o("div",{key:"e402e251eff4b82e2cfffdb7edc9db3e1c537325",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},o("slot",{key:"d00e9acc84542e2694b6a9aa4b481a2263f79e4b"})))))}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);opacity:var(--tds-footer-top-title-opacity);color:var(--tds-footer-top-links);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{border-bottom:none}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";export{l as tds_footer_group}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as d}from"./p-2049fab2.js";const s=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1,this.tabWidth=void 0}async setTabWidth(t){this.tabWidth=t}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 folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel folder-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:"9290c4ab2f7d051bba9fec4dad9a7d07790ed5b7","aria-selected":this.selected},e("div",{key:"36225101c510f2d77282fd600c4ee00085791109",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},e("slot",{key:"05954c498b9fbd6a2a1231d84bf2657a0616db36"})))}get host(){return d(this)}};s.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none;border-left:1px solid;border-left-color:transparent}:host ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host div:not(.selected){background-color:var(--tds-folder-tab-background)}:host div:not(.selected) ::slotted(*){border-left-color:var(--tds-folder-tab-divider-color);border-top:2px solid var(--tds-folder-tab-background);color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top-color:var(--tds-folder-tab-background-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-background-selected);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) :not(.selected) ::slotted(*){border-left-color:transparent}';export{s as tds_folder_tab}
1
+ import{r as t,h as e,H as o,g as d}from"./p-2049fab2.js";const s=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1,this.tabWidth=void 0}async setTabWidth(t){this.tabWidth=t}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 folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel folder-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:"8333653e86ef3caee44209a82dc0c2a1f1712ab7","aria-selected":this.selected},e("div",{key:"1663d7239688a10db05987819b4a4bc086173945",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},e("slot",{key:"735ddc8e33370ebd246a235f8211911d0293fcc1"})))}get host(){return d(this)}};s.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none;border-left:1px solid;border-left-color:transparent}:host ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host div:not(.selected){background-color:var(--tds-folder-tab-background)}:host div:not(.selected) ::slotted(*){border-left-color:var(--tds-folder-tab-divider-color);border-top:2px solid var(--tds-folder-tab-background);color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top-color:var(--tds-folder-tab-background-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-background-selected);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) :not(.selected) ::slotted(*){border-left-color:transparent}';export{s as tds_folder_tab}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as d}from"./p-2049fab2.js";const s=class{constructor(o){t(this,o),this.selected=!1,this.size="md"}render(){return o(e,{key:"ca37bc294a28794d8bcd7aea18464665b5e8edad"},o("div",{key:"640cee1fd256dbbc046f8564808ea45ed838d2c5",class:{component:!0,"component-selected":this.selected}},o("slot",{key:"e5cf6d2af513224921c836206f16d6c44879369c"})))}get host(){return d(this)}};s.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{s as tds_header_dropdown_list_item}
1
+ import{r as t,h as o,H as e,g as d}from"./p-2049fab2.js";const s=class{constructor(o){t(this,o),this.selected=!1,this.size="md"}render(){return o(e,{key:"a77c76be838a9f7036fe712b86cdf2f5b3c0c46f"},o("div",{key:"a3740446c4fed86228fa14ecb20b99b2c707f97b",class:{component:!0,"component-selected":this.selected}},o("slot",{key:"0a037fd8059aa356ed9885e3e06d391f876e2fc3"})))}get host(){return d(this)}};s.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{s as tds_header_dropdown_list_item}
@@ -0,0 +1 @@
1
+ import{r as e,h as s,H as t}from"./p-2049fab2.js";const i=class{constructor(s){e(this,s),this.src=void 0,this.alt=void 0}render(){return s(t,{key:"62b6a38f0705b052cb4d5b9379bc77662f66c505"},s("slot",{key:"99aeba48272e512ce419a934cb4147052a5e0190"}),this.src&&s("img",{key:"352e0a3f93558b298835afbfe72193cdbebcffa4",src:this.src,alt:this.alt}))}};i.style=":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";const d=class{constructor(s){e(this,s),this.heading=void 0,this.subheading=void 0}render(){return s(t,{key:"5b045eb527ee378f50f6a1bec3a383b9c0f352ef"},this.heading,this.subheading&&s("div",{key:"3e106d0bdbe62438e8d2edbf73f43324cb78ffdd",class:"subheading"},this.subheading))}};d.style=":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}";export{i as tds_side_menu_user_image,d as tds_side_menu_user_label}
@@ -1 +1 @@
1
- import{r as s,h as a,g as t}from"./p-2049fab2.js";const e=class{constructor(a){s(this,a),this.tdsAriaLabel=void 0}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Breadcrumbs component: missing tdsAriaLabel prop")}render(){var s;return null===(s=this.host.children[this.host.children.length-1])||void 0===s||s.classList.add("last"),a("nav",{key:"68f54833d5a557a37e7a826c29bfe4a99b80fd70","aria-label":this.tdsAriaLabel},a("div",{key:"60188db3fa82f0f8a292f425f2d2f100cec8fa13",role:"list",class:"tds-breadcrumb"},a("slot",{key:"c3c6a50079d49fa1c6915df2f72f7a093051fb06"})))}get host(){return t(this)}};e.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{e as tds_breadcrumbs}
1
+ import{r as s,h as a,g as e}from"./p-2049fab2.js";const t=class{constructor(a){s(this,a),this.tdsAriaLabel=void 0}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Breadcrumbs component: missing tdsAriaLabel prop")}render(){var s;return null===(s=this.host.children[this.host.children.length-1])||void 0===s||s.classList.add("last"),a("nav",{key:"fe6eaf7da192518c8f5078ac07082ac437b4aa9d","aria-label":this.tdsAriaLabel},a("div",{key:"a33b2f1de081eff02a6101177cc72a899a81bbff",role:"list",class:"tds-breadcrumb"},a("slot",{key:"0e7a03715689f66c35f1109d301b42694254c864"})))}get host(){return e(this)}};t.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{t as tds_breadcrumbs}
@@ -1 +1 @@
1
- import{r as t,c as o,h as s,H as e,g as i}from"./p-2049fab2.js";const d=t=>null==t?"":t.toString(),r=t=>t.map((t=>d(t))),l=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>d(o.value)===d(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,e,i;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(i=null===(e=(s=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(s).top)&&void 0!==i?i:0)+d+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{this.disabled||(this.open=!this.open,this.open&&this.focusInputElement())},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase(),s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFilterReset=()=>{this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue=""},this.handleFocus=t=>{this.open=!0,this.filterFocus=!0,this.multiselect&&(this.inputElement.value=""),this.tdsFocus.emit(t),this.handleFilter({target:{value:""}})},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.tdsAriaLabel=void 0,this.open=!1,this.internalValue=void 0,this.filterResult=void 0,this.filterFocus=void 0,this.internalDefaultValue=void 0,this.selectedOptions=[]}handleValueChange(t){const o=this.normalizeValue(t);this.hasValueChanged(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?r(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(t)]}hasValueChanged(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>d(o.value)===d(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(d(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t){let o;return o=Array.isArray(t)?r(t):[d(t)],this.updateDropdownStateFromUser(o),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){this.focusInputElement(),this.handleFocus({})}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:o}=document;if(!o)return;const s=this.getChildren();if("ArrowDown"===t.key){const t=o.nextElementSibling?s.findIndex((t=>t===o.nextElementSibling)):0;s[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(s,t)].focus()}else"ArrowUp"===t.key?s[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(s,o.nextElementSibling?this.getChildren().findIndex((t=>t===o.previousElementSibling)):0)].focus():"Escape"===t.key&&(this.open=!1)}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():""))}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=d(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=d(this.defaultValue),o=this.multiselect?t.split(",").map(d):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput)}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Dropdown component: tdsAriaLabel prop is missing")}render(){return((t,o,s,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i.disabled=e,i.name=o,i.value=s||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled),s(e,{key:"b8c418ebe609789c1610178d764a7d620e2231c2",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"ee5c005d5020e2226ce54c93a90f2098e081a6df",class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"ca674a2361f1301886bb855b7093c67b999a500a",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("input",{"aria-label":this.tdsAriaLabel,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?"":this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.multiselect&&(this.inputElement.value=this.getValue()),this.handleBlur(t)},onFocus:t=>this.handleFocus(t),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.open&&""!==this.inputElement.value)},name:"cross",size:"16px"}),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"14558013e5903958942dc7dd3ef2d3a49f79b245",role:"listbox","aria-label":this.tdsAriaLabel,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{this.dropdownList=t},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":this.label&&"outside"===this.labelPosition,open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"5f69c2fcb5b6a130888d7cd92d4cb882122e3e58",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"bae7a62960f90cd7b679ac4956a677dbff378ac7",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"be5fe56a1e19e812fa983c22f130c0d3001da55b",class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"c0ccc491caa1aca628aff12e02d8a917a74e9c86",name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};l.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter.error{border-bottom:1px solid var(--tds-negative)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:focus{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-negative)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const n=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentElement="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentElement&&(this.multiselect=null!==(o=this.parentElement.multiselect)&&void 0!==o&&o,this.size=this.parentElement.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.internalValue),this.parentElement.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(this.parentElement.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.value=void 0,this.internalValue=void 0,this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=d(t)}componentWillLoad(){this.internalValue=d(this.value)}render(){return s(e,{key:"f471d5238869b3a522b36d99d7549c1229cd83a2"},s("div",{key:"da9edccba96999b0ee40f8c599325774593de814",class:`dropdown-option \n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},disabled:this.disabled,checked:this.selected,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return i(this)}static get watchers(){return{value:["valueWatcher"]}}};n.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{l as tds_dropdown,n as tds_dropdown_option}
1
+ import{r as t,c as o,h as s,H as e,g as i}from"./p-2049fab2.js";const d=t=>null==t?"":t.toString(),r=t=>t.map((t=>d(t))),l=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>d(o.value)===d(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,e,i;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(i=null===(e=(s=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(s).top)&&void 0!==i?i:0)+d+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{this.disabled||(this.open=!this.open,this.open&&this.focusInputElement())},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase(),s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFilterReset=()=>{this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue=""},this.handleFocus=t=>{this.open=!0,this.filterFocus=!0,this.multiselect&&(this.inputElement.value=""),this.tdsFocus.emit(t),this.handleFilter({target:{value:""}})},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.tdsAriaLabel=void 0,this.open=!1,this.internalValue=void 0,this.filterResult=void 0,this.filterFocus=void 0,this.internalDefaultValue=void 0,this.selectedOptions=[]}handleValueChange(t){const o=this.normalizeValue(t);this.hasValueChanged(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?r(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(t)]}hasValueChanged(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>d(o.value)===d(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(d(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t){let o;return o=Array.isArray(t)?r(t):[d(t)],this.updateDropdownStateFromUser(o),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){this.focusInputElement(),this.handleFocus({})}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:o}=document;if(!o)return;const s=this.getChildren();if("ArrowDown"===t.key){const t=o.nextElementSibling?s.findIndex((t=>t===o.nextElementSibling)):0;s[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(s,t)].focus()}else"ArrowUp"===t.key?s[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(s,o.nextElementSibling?this.getChildren().findIndex((t=>t===o.previousElementSibling)):0)].focus():"Escape"===t.key&&(this.open=!1)}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():""))}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=d(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=d(this.defaultValue),o=this.multiselect?t.split(",").map(d):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput)}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Dropdown component: tdsAriaLabel prop is missing")}render(){return((t,o,s,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i.disabled=e,i.name=o,i.value=s||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled),s(e,{key:"355b932acbd4bd73fd49f03fc97c45d2851d384c",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"6551ecaae468c210b4d984ab611ce6053c0e4793",class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"9942c7bc9940d319d8cf97dc17cd1241633921e2",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("input",{"aria-label":this.tdsAriaLabel,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?"":this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.multiselect&&(this.inputElement.value=this.getValue()),this.handleBlur(t)},onFocus:t=>this.handleFocus(t),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.open&&""!==this.inputElement.value)},name:"cross",size:"16px"}),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"d0b201e483628f0152d4169dfe53eba25860bd8e",role:"listbox","aria-label":this.tdsAriaLabel,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{this.dropdownList=t},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":this.label&&"outside"===this.labelPosition,open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"e18a6991f876c142ff21d6e15c121a8e450735ae",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"79b654db4e9a18b5a19e2a42d2fd06d7bea4fe6b",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"e0bef905f7e310a47e567ea6fa13e11923b54232",class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"0ee7ab0c6c86e35ce5c0d1933e75237fb43d58d1",name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};l.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter.error{border-bottom:1px solid var(--tds-negative)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:focus{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-negative)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const n=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentElement="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentElement&&(this.multiselect=null!==(o=this.parentElement.multiselect)&&void 0!==o&&o,this.size=this.parentElement.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.internalValue),this.parentElement.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(this.parentElement.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.value=void 0,this.internalValue=void 0,this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=d(t)}componentWillLoad(){this.internalValue=d(this.value)}render(){return s(e,{key:"74a589238e0aa9efbb7f0d04acf1327277182dd8"},s("div",{key:"0ae5f014516383833b2504c4dfe3c317e44d1ef9",class:`dropdown-option \n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},disabled:this.disabled,checked:this.selected,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return i(this)}static get watchers(){return{value:["valueWatcher"]}}};n.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{l as tds_dropdown,n as tds_dropdown_option}
@@ -1 +1 @@
1
- import{r as e,h as o}from"./p-2049fab2.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"464dc4df896605138eb3c6db8242de6b8daab424"},o("slot",{key:"24e9e27fe63f75d0b8aafddc4b54abc419fbb14f"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";export{t as tds_header_title}
1
+ import{r as e,h as o}from"./p-2049fab2.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a"},o("slot",{key:"e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";export{t as tds_header_title}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o}from"./p-2049fab2.js";const r=class{constructor(t){e(this,t)}render(){return t(o,{key:"7bf745f1e08abfec6c12e3226f92e14151e42744",role:"listitem"},t("slot",{key:"a0b0e796e48121357af859cd260125c9b28cd2c3"}))}};r.style=":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{r as tds_header_launcher_grid_item}
1
+ import{r as e,h as t,H as o}from"./p-2049fab2.js";const r=class{constructor(t){e(this,t)}render(){return t(o,{key:"1506d0cda6ddcdd025ea7febf24e34c8e0d5b479",role:"listitem"},t("slot",{key:"f6ae96ad0c953297fddf43cfcee6d688a93846f5"}))}};r.style=":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{r as tds_header_launcher_grid_item}
@@ -1 +1 @@
1
- import{r as e,h as a,H as s,g as t}from"./p-2049fab2.js";const o=class{constructor(a){e(this,a)}render(){return this.host.querySelector("a").hasAttribute("aria-label")||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(s,{key:"18ba2b11b49c7b85f9655881094611b3d2c6e175"},a("tds-header-item",{key:"36f37aeec7f4d3e412efc2f75baeedeb30d25421"},a("slot",{key:"fce5727e5b3b70e92c716ad7fca689b93a25935b"})))}get host(){return t(this)}};o.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg), var(--tds-background-image-scania-symbol-svg-local);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{o as tds_header_brand_symbol}
1
+ import{r as e,h as a,H as s,g as t}from"./p-2049fab2.js";const o=class{constructor(a){e(this,a)}render(){return this.host.querySelector("a").hasAttribute("aria-label")||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(s,{key:"b3f7cf4d264f2046844814a80f7b9b6a920b1a1e"},a("tds-header-item",{key:"0be33ffe57b94442fac4f1e686f87fb1e2f1911d"},a("slot",{key:"3f7f636bc5f7c1b2ee009c774337d0b41c45e477"})))}get host(){return t(this)}};o.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg), var(--tds-background-image-scania-symbol-svg-local);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{o as tds_header_brand_symbol}
@@ -1 +1 @@
1
- import{r as e,c as d,h as a,H as r,g as t}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";import{h as i}from"./p-ae110fc2.js";const o=class{constructor(r){e(this,r),this.tdsClick=d(this,"tdsClick",6),this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=i("header",this.host),d=i("subheader",this.host),r=i("thumbnail",this.host);return a("div",{class:"card-header"},r&&a("slot",{name:"thumbnail"}),a("div",{class:"header-subheader",id:`header-${this.cardId}`},this.header&&a("span",{class:"header"},this.header),e&&a("slot",{name:"header"}),this.subheader&&a("span",{class:"subheader"},this.subheader),d&&a("slot",{name:"subheader"})))},this.getCardContent=()=>{const e=i("body",this.host),d=i("body-image",this.host),r=i("actions",this.host),t=`body-${this.cardId}`;return a("div",{class:this.stretch&&"stretch","aria-describedby":e?t:null},"below-header"===this.imagePlacement&&this.getCardHeader(),a("div",{class:"card-body",id:t},d&&a("slot",{name:"body-image"}),this.bodyImg&&a("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&a("tds-divider",null),e&&a("slot",{name:"body"})),r&&a("slot",{name:"actions"}))},this.modeVariant=null,this.imagePlacement="below-header",this.header=void 0,this.subheader=void 0,this.bodyImg=void 0,this.bodyImgAlt=void 0,this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=s()}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[`${this.imagePlacement}-stretch`]:this.stretch};return a(r,{key:"62610b865562dddec1092a0e0cc506e94b590eaf",class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?a("button",{class:e,onClick:this.handleClick,"aria-label":this.header?this.header:`Card ${this.cardId}`,"aria-describedby":`header-${this.cardId}`},this.getCardContent()):a("div",{class:e},this.getCardContent()))}get host(){return t(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";export{o as tds_card}
1
+ import{r as e,c as d,h as a,H as r,g as t}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";import{h as i}from"./p-ae110fc2.js";const o=class{constructor(r){e(this,r),this.tdsClick=d(this,"tdsClick",6),this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=i("header",this.host),d=i("subheader",this.host),r=i("thumbnail",this.host);return a("div",{class:"card-header"},r&&a("slot",{name:"thumbnail"}),a("div",{class:"header-subheader",id:`header-${this.cardId}`},this.header&&a("span",{class:"header"},this.header),e&&a("slot",{name:"header"}),this.subheader&&a("span",{class:"subheader"},this.subheader),d&&a("slot",{name:"subheader"})))},this.getCardContent=()=>{const e=i("body",this.host),d=i("body-image",this.host),r=i("actions",this.host),t=`body-${this.cardId}`;return a("div",{class:this.stretch&&"stretch","aria-describedby":e?t:null},"below-header"===this.imagePlacement&&this.getCardHeader(),a("div",{class:"card-body",id:t},d&&a("slot",{name:"body-image"}),this.bodyImg&&a("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&a("tds-divider",null),e&&a("slot",{name:"body"})),r&&a("slot",{name:"actions"}))},this.modeVariant=null,this.imagePlacement="below-header",this.header=void 0,this.subheader=void 0,this.bodyImg=void 0,this.bodyImgAlt=void 0,this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=s()}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[`${this.imagePlacement}-stretch`]:this.stretch};return a(r,{key:"39dde374a44320884af4b8a0da33e24c983417c5",class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?a("button",{class:e,onClick:this.handleClick,"aria-label":this.header?this.header:`Card ${this.cardId}`,"aria-describedby":`header-${this.cardId}`},this.getCardContent()):a("div",{class:e},this.getCardContent()))}get host(){return t(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";export{o as tds_card}
@@ -1 +1 @@
1
- import{r as o,h as r,g as d}from"./p-2049fab2.js";const t=class{constructor(r){o(this,r),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,r=this.host.parentElement;for(;r;)"tds-block"===r.tagName.toLowerCase()&&o++,r=r.parentElement;return o}render(){const o=this.componentTag,d=this.getNestingLevel();let t="";return null===this.modeVariant&&(t=d%2==0?"tds-block-even":"tds-block-odd"),r(o,{key:"82ac7d3a746ea2fafafd81e5bcbb1d4c0d854ca2",class:`tds-block ${t} ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},r("slot",{key:"6e3930c8b38ac92eb26a6080e16698352865afe8"}))}get host(){return d(this)}};t.style=".tds-block{box-sizing:border-box;color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}";export{t as tds_block}
1
+ import{r as o,h as r,g as d}from"./p-2049fab2.js";const t=class{constructor(r){o(this,r),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,r=this.host.parentElement;for(;r;)"tds-block"===r.tagName.toLowerCase()&&o++,r=r.parentElement;return o}render(){const o=this.componentTag,d=this.getNestingLevel();let t="";return null===this.modeVariant&&(t=d%2==0?"tds-block-even":"tds-block-odd"),r(o,{key:"34385f3ac01d173e6bb568432418304186d261c7",class:`tds-block ${t} ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},r("slot",{key:"569b04916fb165fb460711ec659ed2dc3e9ebd12"}))}get host(){return d(this)}};t.style=".tds-block{box-sizing:border-box;color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}";export{t as tds_block}
@@ -0,0 +1 @@
1
+ import{r as s,h as o,H as e,g as t}from"./p-2049fab2.js";import{i}from"./p-3fe9cbbf.js";const d=class{constructor(o){s(this,o),this.inheritedAttributes=[],this.selector=void 0,this.referenceEl=void 0,this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.childRef=void 0}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return o(e,{key:"060c32c47620cd2c157ef32011c4f3b00287fb1e"},o("tds-popover-core",{key:"a497fe186fdf591c1ceeb72baabf34e59acccff4",class:{"tds-popover-menu":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation},o("div",{key:"bf01a37fa77f72d7fab85644892552a84c3170f8",role:"menu"},o("slot",{key:"a1c065153ecaf6b9828785bfac4366852142117d"}))))}get host(){return t(this)}};d.style=".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";export{d as tds_popover_menu}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,F as s,H as a,g as d}from"./p-2049fab2.js";const o=class{constructor(t){e(this,t),this.defaultOpen=!1,this.buttonLabel=void 0,this.selected=!1,this.open=!1,this.hoverState=void 0,this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=this.sideMenuEl.collapsed,this.open=this.defaultOpen}render(){return t(a,{key:"2c3887fe8ec9334f7f3b3f46b3bce64712957ae3"},t("div",{key:"bedb9fc6f22d0c608b77c2d0d2fe7c8c17eadd59",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},t("tds-side-menu-item",{key:"83cb1486e99c0f699b02be91bf53df1249076902",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},t("button",{key:"e21c03415c48022813b3289f8dd80f21486414f0"},t("slot",{key:"4462d95bf8e7945741cb54d9f363b8d9cac158e0",name:"icon"}),!this.collapsed&&t(s,{key:"1a65252df105ef6ad9bca35f873fe19e71289b80"},this.buttonLabel,t("slot",{key:"e35a184bae5c65fde366ed287062becbc6633cac",name:"label"}),t("tds-icon",{key:"7a4328715c67aaf91a3675574f5aadca9ce8ae3d",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),t("div",{key:"1e4e674c5e9b8901b5306bee36bf121aa37112e3",class:"menu",tabindex:this.collapsed?"0":null},this.collapsed&&t("h3",{key:"54a5f5f89d595aeae6ac6e41ac553e96466fe4a1",class:"heading-collapsed"},this.buttonLabel,t("slot",{key:"20477b6be2c477c48412d0f4bc34f1181bcb00d3",name:"label"})),t("slot",{key:"9740e5c9cb493e52c104223ec62b47bffc8adc5d"}))))}get host(){return d(this)}};o.style=":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";export{o as tds_side_menu_dropdown}
@@ -1 +1 @@
1
- import{r as t,h as o,H as s,g as i}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";const d=class{constructor(o){t(this,o),this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes=[],this.text="",this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.tdsAriaDescribedby=void 0}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return o(s,{key:"59eff46fa8b6f26ac7b43fff50f8f388d45d16a7",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"b6fb24abddaa4d7a804876891993b463a36e8610"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,o("slot",{key:"a1b4e5f08a1239a6a0d522b4057f6d529c9e79d9"})))}get host(){return i(this)}};d.style=".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{d as tds_tooltip}
1
+ import{r as t,h as o,H as s,g as i}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";const r=class{constructor(o){t(this,o),this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes=[],this.text="",this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.tdsAriaDescribedby=void 0}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return o(s,{key:"9209dd16639d00c6cbf72215f6fefe445539482b",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"0a6b8305dbf90f976ebe7bbc144c7259eaedd563"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,o("slot",{key:"368b56fc092da7005b1994c4283c061a61f5e529"})))}get host(){return i(this)}};r.style=".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{r as tds_tooltip}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"54a3cceed49387a8f0dbe74eecb96ae284882ff9",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"170e5256bde8efdce412bbab1a674b23159d02d1",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"1c74ef8c81361bfa6ff5d227c145a3371fb2f66f","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"94ddd85d4107c89487db727f13a9c443fd160fc6",name:"chevron_left",size:"20px"})),i("slot",{key:"63978c3c62482bc0a251377756630f555f10dfef",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"aeb86fbdb365e62df37b72daa0b53f51486834a9","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"2cc4d301a4490d6b8d8f2373fc2450c93922a814",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";export{h as tds_folder_tabs}
1
+ import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"903822cecef549d104fe825f3b022e840ed235c6",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"86490800caf5cac30845b3b39952cf89e05fa121",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"35646398aed34628fca2c90e32dca1022ccd9756","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"c1110710a4d1e642a796261daeddd176c5ff0a25",name:"chevron_left",size:"20px"})),i("slot",{key:"c70b90ff38c25f898025bf8dae890fc6458242c3",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"cdeb537cf2f861a29efafd1927e9f532c53923cc","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"b7c8b9bbe9005c6d5cf8f3b1bf910efcb60bf51c",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";export{h as tds_folder_tabs}
@@ -0,0 +1 @@
1
+ import{r as e,h as r,H as t}from"./p-2049fab2.js";import{g as a}from"./p-11648030.js";const d=class{constructor(r){e(this,r),this.uuid=a()}render(){return r(t,{key:"25db2b1431472f1883bce6605c060e48129dacc5"},r("h3",{key:"0caaece113240546638d8d0366bcecba6f945986",class:"tds-header-launcher-grid-title",id:`tds-header-launcher-grid-title-${this.uuid}`},r("slot",{key:"16962f436f38d529357dbaade615badd87862323"})))}};d.style=".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";export{d as tds_header_launcher_grid_title}