@scania/tegel 1.52.0 → 1.53.0-focus-ring-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 (415) hide show
  1. package/dist/cjs/index-DjLg7RYe.js +2548 -0
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/tds-accordion-item.cjs.entry.js +2 -2
  4. package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-badge.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-banner.cjs.entry.js +2 -2
  7. package/dist/cjs/tds-block.cjs.entry.js +1 -1
  8. package/dist/cjs/tds-body-cell.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
  10. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +2 -2
  11. package/dist/cjs/tds-button_2.cjs.entry.js +2 -2
  12. package/dist/cjs/tds-card.cjs.entry.js +1 -1
  13. package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
  14. package/dist/cjs/tds-chip.cjs.entry.js +2 -2
  15. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +2 -2
  16. package/dist/cjs/tds-datetime.cjs.entry.js +2 -2
  17. package/dist/cjs/tds-dropdown_2.cjs.entry.js +145 -100
  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 +2 -2
  21. package/dist/cjs/tds-footer-item.cjs.entry.js +2 -2
  22. package/dist/cjs/tds-footer.cjs.entry.js +9 -5
  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 +1 -1
  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 +2 -2
  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 +1 -1
  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 +3 -2
  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 +1 -1
  45. package/dist/cjs/tds-modal.cjs.entry.js +12 -8
  46. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  47. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +2 -2
  48. package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
  49. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  50. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +1 -1
  51. package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
  52. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  53. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  54. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +1 -1
  55. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +2 -2
  56. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +1 -1
  57. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
  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 +1 -1
  61. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  62. package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
  63. package/dist/cjs/tds-slider.cjs.entry.js +1 -1
  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 +1 -1
  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 +2 -2
  69. package/dist/cjs/tds-table-body-row.cjs.entry.js +1 -1
  70. package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
  71. package/dist/cjs/tds-table-footer.cjs.entry.js +18 -10
  72. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  73. package/dist/cjs/tds-table-header.cjs.entry.js +1 -1
  74. package/dist/cjs/tds-table-toolbar.cjs.entry.js +1 -1
  75. package/dist/cjs/tds-table.cjs.entry.js +1 -1
  76. package/dist/cjs/tds-tag.cjs.entry.js +2 -2
  77. package/dist/cjs/tds-text-field.cjs.entry.js +2 -2
  78. package/dist/cjs/tds-textarea.cjs.entry.js +2 -2
  79. package/dist/cjs/tds-toast.cjs.entry.js +2 -2
  80. package/dist/cjs/tds-toggle.cjs.entry.js +1 -1
  81. package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
  82. package/dist/cjs/tegel.cjs.js +2 -2
  83. package/dist/collection/assets/fonts/traton/TratonTypeDisplay-Bold.woff +0 -0
  84. package/dist/collection/assets/fonts/traton/TratonTypeDisplay-Bold.woff2 +0 -0
  85. package/dist/collection/assets/fonts/traton/TratonTypeDisplay-Medium.woff +0 -0
  86. package/dist/collection/assets/fonts/traton/TratonTypeDisplay-Medium.woff2 +0 -0
  87. package/dist/collection/assets/fonts/traton/TratonTypeText-Bold.woff +0 -0
  88. package/dist/collection/assets/fonts/traton/TratonTypeText-Bold.woff2 +0 -0
  89. package/dist/collection/assets/fonts/traton/TratonTypeText-BoldItalic.woff +0 -0
  90. package/dist/collection/assets/fonts/traton/TratonTypeText-BoldItalic.woff2 +0 -0
  91. package/dist/collection/assets/fonts/traton/TratonTypeText-Italic.woff +0 -0
  92. package/dist/collection/assets/fonts/traton/TratonTypeText-Italic.woff2 +0 -0
  93. package/dist/collection/assets/fonts/traton/TratonTypeText-Medium.woff +0 -0
  94. package/dist/collection/assets/fonts/traton/TratonTypeText-Medium.woff2 +0 -0
  95. package/dist/collection/assets/fonts/traton/TratonTypeText-MediumItalic.woff +0 -0
  96. package/dist/collection/assets/fonts/traton/TratonTypeText-MediumItalic.woff2 +0 -0
  97. package/dist/collection/assets/fonts/traton/TratonTypeText-Regular.woff +0 -0
  98. package/dist/collection/assets/fonts/traton/TratonTypeText-Regular.woff2 +0 -0
  99. package/dist/collection/assets/fonts/traton/TratonTypeText-SemiBold.woff +0 -0
  100. package/dist/collection/assets/fonts/traton/TratonTypeText-SemiBold.woff2 +0 -0
  101. package/dist/collection/assets/fonts/traton/TratonTypeText-SemiBoldItalic.woff2 +0 -0
  102. package/dist/collection/assets/icons/traton/placeholder.svg +3 -0
  103. package/dist/collection/components/accordion/accordion-item/accordion-item.css +2 -2
  104. package/dist/collection/components/banner/banner.css +2 -2
  105. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +2 -2
  106. package/dist/collection/components/breadcrumbs/breadcrumbs.css +7 -2
  107. package/dist/collection/components/button/button.css +107 -214
  108. package/dist/collection/components/chip/chip.css +2 -2
  109. package/dist/collection/components/datetime/datetime.css +2 -2
  110. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +2 -2
  111. package/dist/collection/components/dropdown/dropdown.css +4 -4
  112. package/dist/collection/components/dropdown/dropdown.js +144 -97
  113. package/dist/collection/components/footer/footer-group/footer-group.css +2 -2
  114. package/dist/collection/components/footer/footer-item/footer-item.css +20 -12
  115. package/dist/collection/components/footer/footer.css +9 -3
  116. package/dist/collection/components/footer/footer.js +7 -3
  117. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +2 -2
  118. package/dist/collection/components/header/header-item/header-item.css +2 -2
  119. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +2 -2
  120. package/dist/collection/components/icon/tratonIconsArray.js +33 -2
  121. package/dist/collection/components/link/link.css +8 -4
  122. package/dist/collection/components/modal/modal.css +5 -13
  123. package/dist/collection/components/modal/modal.js +11 -7
  124. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +2 -2
  125. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +2 -2
  126. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.css +2 -2
  127. package/dist/collection/components/table/table-footer/table-footer.js +39 -13
  128. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +2 -2
  129. package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +2 -2
  130. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +2 -2
  131. package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +2 -2
  132. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +2 -2
  133. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +2 -2
  134. package/dist/collection/components/tag/tag.css +24 -3
  135. package/dist/collection/components/text-field/text-field.css +1 -1
  136. package/dist/collection/components/textarea/textarea.css +2 -2
  137. package/dist/collection/components/toast/toast.css +2 -2
  138. package/dist/collection/components/tooltip/tooltip.css +13 -8
  139. package/dist/components/index.js +1 -1
  140. package/dist/components/{p-DMVs7mmW.js → p-B4-NZ0-T.js} +1 -1
  141. package/dist/components/p-BVWWo6dK.js +1 -0
  142. package/dist/components/p-CGFX3Srb.js +1 -0
  143. package/dist/components/p-CU6mz1BF.js +1 -0
  144. package/dist/components/{p-DynhdmI7.js → p-CfYGGedP.js} +1 -1
  145. package/dist/components/{p-DO04x4VW.js → p-D-Ac1cCL.js} +1 -1
  146. package/dist/components/p-DK7_ZZlI.js +1 -0
  147. package/dist/components/p-DRO9e7F4.js +1 -0
  148. package/dist/components/{p-2Sehn7YQ.js → p-Duga9LJ2.js} +1 -1
  149. package/dist/components/{p-D8Rhjha5.js → p-wSCbvwr1.js} +1 -1
  150. package/dist/components/tds-accordion-item.js +1 -1
  151. package/dist/components/tds-banner.js +1 -1
  152. package/dist/components/tds-breadcrumb.js +1 -1
  153. package/dist/components/tds-breadcrumbs.js +1 -1
  154. package/dist/components/tds-button.js +1 -1
  155. package/dist/components/tds-card.js +1 -1
  156. package/dist/components/tds-chip.js +1 -1
  157. package/dist/components/tds-datetime.js +1 -1
  158. package/dist/components/tds-dropdown-option.js +1 -1
  159. package/dist/components/tds-dropdown.js +1 -1
  160. package/dist/components/tds-folder-tab.js +1 -1
  161. package/dist/components/tds-folder-tabs.js +1 -1
  162. package/dist/components/tds-footer-group.js +1 -1
  163. package/dist/components/tds-footer-item.js +1 -1
  164. package/dist/components/tds-footer.js +1 -1
  165. package/dist/components/tds-header-brand-symbol.js +1 -1
  166. package/dist/components/tds-header-cell.js +1 -1
  167. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  168. package/dist/components/tds-header-dropdown.js +1 -1
  169. package/dist/components/tds-header-hamburger.js +1 -1
  170. package/dist/components/tds-header-item.js +1 -1
  171. package/dist/components/tds-header-launcher-button.js +1 -1
  172. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  173. package/dist/components/tds-header-launcher-list-item.js +1 -1
  174. package/dist/components/tds-header-launcher.js +1 -1
  175. package/dist/components/tds-icon.js +1 -1
  176. package/dist/components/tds-inline-tab.js +1 -1
  177. package/dist/components/tds-inline-tabs.js +1 -1
  178. package/dist/components/tds-link.js +1 -1
  179. package/dist/components/tds-message.js +1 -1
  180. package/dist/components/tds-modal.js +1 -1
  181. package/dist/components/tds-navigation-tab.js +1 -1
  182. package/dist/components/tds-navigation-tabs.js +1 -1
  183. package/dist/components/tds-side-menu-close-button.js +1 -1
  184. package/dist/components/tds-side-menu-collapse-button.js +1 -1
  185. package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
  186. package/dist/components/tds-side-menu-dropdown.js +1 -1
  187. package/dist/components/tds-side-menu-item.js +1 -1
  188. package/dist/components/tds-slider.js +1 -1
  189. package/dist/components/tds-step.js +1 -1
  190. package/dist/components/tds-table-body-input-wrapper.js +1 -1
  191. package/dist/components/tds-table-body-row-expandable.js +1 -1
  192. package/dist/components/tds-table-footer.js +1 -1
  193. package/dist/components/tds-table-header-input-wrapper.js +1 -1
  194. package/dist/components/tds-table-toolbar.js +1 -1
  195. package/dist/components/tds-tag.js +1 -1
  196. package/dist/components/tds-text-field.js +1 -1
  197. package/dist/components/tds-textarea.js +1 -1
  198. package/dist/components/tds-toast.js +1 -1
  199. package/dist/components/tds-tooltip.js +1 -1
  200. package/dist/esm/index-B3zs_1JT.js +2519 -0
  201. package/dist/esm/loader.js +3 -3
  202. package/dist/esm/tds-accordion-item.entry.js +2 -2
  203. package/dist/esm/tds-accordion.entry.js +1 -1
  204. package/dist/esm/tds-badge.entry.js +1 -1
  205. package/dist/esm/tds-banner.entry.js +2 -2
  206. package/dist/esm/tds-block.entry.js +1 -1
  207. package/dist/esm/tds-body-cell.entry.js +1 -1
  208. package/dist/esm/tds-breadcrumb.entry.js +2 -2
  209. package/dist/esm/tds-breadcrumbs.entry.js +2 -2
  210. package/dist/esm/tds-button_2.entry.js +2 -2
  211. package/dist/esm/tds-card.entry.js +1 -1
  212. package/dist/esm/tds-checkbox.entry.js +1 -1
  213. package/dist/esm/tds-chip.entry.js +2 -2
  214. package/dist/esm/tds-core-header-item_2.entry.js +2 -2
  215. package/dist/esm/tds-datetime.entry.js +2 -2
  216. package/dist/esm/tds-dropdown_2.entry.js +145 -100
  217. package/dist/esm/tds-folder-tab.entry.js +2 -2
  218. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  219. package/dist/esm/tds-footer-group.entry.js +2 -2
  220. package/dist/esm/tds-footer-item.entry.js +2 -2
  221. package/dist/esm/tds-footer.entry.js +9 -5
  222. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  223. package/dist/esm/tds-header-cell.entry.js +1 -1
  224. package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
  225. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  226. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  227. package/dist/esm/tds-header-dropdown.entry.js +1 -1
  228. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  229. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  230. package/dist/esm/tds-header-launcher-grid-item.entry.js +2 -2
  231. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  232. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  233. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  234. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  235. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  236. package/dist/esm/tds-header-launcher.entry.js +1 -1
  237. package/dist/esm/tds-header-title.entry.js +1 -1
  238. package/dist/esm/tds-header.entry.js +1 -1
  239. package/dist/esm/tds-icon.entry.js +3 -2
  240. package/dist/esm/tds-inline-tab.entry.js +2 -2
  241. package/dist/esm/tds-inline-tabs.entry.js +2 -2
  242. package/dist/esm/tds-link.entry.js +2 -2
  243. package/dist/esm/tds-message.entry.js +1 -1
  244. package/dist/esm/tds-modal.entry.js +12 -8
  245. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  246. package/dist/esm/tds-navigation-tabs.entry.js +2 -2
  247. package/dist/esm/tds-popover-canvas.entry.js +1 -1
  248. package/dist/esm/tds-popover-core.entry.js +1 -1
  249. package/dist/esm/tds-popover-menu-item.entry.js +1 -1
  250. package/dist/esm/tds-popover-menu.entry.js +1 -1
  251. package/dist/esm/tds-radio-button.entry.js +1 -1
  252. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  253. package/dist/esm/tds-side-menu-collapse-button.entry.js +1 -1
  254. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +2 -2
  255. package/dist/esm/tds-side-menu-dropdown-list.entry.js +1 -1
  256. package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
  257. package/dist/esm/tds-side-menu-item.entry.js +2 -2
  258. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  259. package/dist/esm/tds-side-menu-user-image_2.entry.js +1 -1
  260. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  261. package/dist/esm/tds-side-menu.entry.js +1 -1
  262. package/dist/esm/tds-slider.entry.js +1 -1
  263. package/dist/esm/tds-spinner.entry.js +1 -1
  264. package/dist/esm/tds-step.entry.js +1 -1
  265. package/dist/esm/tds-stepper.entry.js +1 -1
  266. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  267. package/dist/esm/tds-table-body-row-expandable.entry.js +2 -2
  268. package/dist/esm/tds-table-body-row.entry.js +1 -1
  269. package/dist/esm/tds-table-body.entry.js +1 -1
  270. package/dist/esm/tds-table-footer.entry.js +18 -10
  271. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  272. package/dist/esm/tds-table-header.entry.js +1 -1
  273. package/dist/esm/tds-table-toolbar.entry.js +1 -1
  274. package/dist/esm/tds-table.entry.js +1 -1
  275. package/dist/esm/tds-tag.entry.js +2 -2
  276. package/dist/esm/tds-text-field.entry.js +2 -2
  277. package/dist/esm/tds-textarea.entry.js +2 -2
  278. package/dist/esm/tds-toast.entry.js +2 -2
  279. package/dist/esm/tds-toggle.entry.js +1 -1
  280. package/dist/esm/tds-tooltip.entry.js +2 -2
  281. package/dist/esm/tegel.js +3 -3
  282. package/dist/tegel/assets/fonts/traton/TratonTypeDisplay-Bold.woff +0 -0
  283. package/dist/tegel/assets/fonts/traton/TratonTypeDisplay-Bold.woff2 +0 -0
  284. package/dist/tegel/assets/fonts/traton/TratonTypeDisplay-Medium.woff +0 -0
  285. package/dist/tegel/assets/fonts/traton/TratonTypeDisplay-Medium.woff2 +0 -0
  286. package/dist/tegel/assets/fonts/traton/TratonTypeText-Bold.woff +0 -0
  287. package/dist/tegel/assets/fonts/traton/TratonTypeText-Bold.woff2 +0 -0
  288. package/dist/tegel/assets/fonts/traton/TratonTypeText-BoldItalic.woff +0 -0
  289. package/dist/tegel/assets/fonts/traton/TratonTypeText-BoldItalic.woff2 +0 -0
  290. package/dist/tegel/assets/fonts/traton/TratonTypeText-Italic.woff +0 -0
  291. package/dist/tegel/assets/fonts/traton/TratonTypeText-Italic.woff2 +0 -0
  292. package/dist/tegel/assets/fonts/traton/TratonTypeText-Medium.woff +0 -0
  293. package/dist/tegel/assets/fonts/traton/TratonTypeText-Medium.woff2 +0 -0
  294. package/dist/tegel/assets/fonts/traton/TratonTypeText-MediumItalic.woff +0 -0
  295. package/dist/tegel/assets/fonts/traton/TratonTypeText-MediumItalic.woff2 +0 -0
  296. package/dist/tegel/assets/fonts/traton/TratonTypeText-Regular.woff +0 -0
  297. package/dist/tegel/assets/fonts/traton/TratonTypeText-Regular.woff2 +0 -0
  298. package/dist/tegel/assets/fonts/traton/TratonTypeText-SemiBold.woff +0 -0
  299. package/dist/tegel/assets/fonts/traton/TratonTypeText-SemiBold.woff2 +0 -0
  300. package/dist/tegel/assets/fonts/traton/TratonTypeText-SemiBoldItalic.woff2 +0 -0
  301. package/dist/tegel/assets/icons/traton/placeholder.svg +3 -0
  302. package/dist/tegel/{p-59cf7a46.entry.js → p-00d0e934.entry.js} +1 -1
  303. package/dist/tegel/{p-b1748053.entry.js → p-050224eb.entry.js} +1 -1
  304. package/dist/tegel/{p-823c1334.entry.js → p-06fca44d.entry.js} +1 -1
  305. package/dist/tegel/{p-a0f84b48.entry.js → p-09b1d7ec.entry.js} +1 -1
  306. package/dist/tegel/{p-ceae3c8f.entry.js → p-0c6e88ac.entry.js} +1 -1
  307. package/dist/tegel/{p-0f015d2b.entry.js → p-0d6f5f74.entry.js} +1 -1
  308. package/dist/tegel/p-11bbda5b.entry.js +1 -0
  309. package/dist/tegel/p-17724ae4.entry.js +1 -0
  310. package/dist/tegel/p-19b4505d.entry.js +1 -0
  311. package/dist/tegel/{p-6fd80b65.entry.js → p-1a3a3ee4.entry.js} +1 -1
  312. package/dist/tegel/{p-3b47d9c2.entry.js → p-1b3c73bc.entry.js} +1 -1
  313. package/dist/tegel/{p-cabd33eb.entry.js → p-1c016bb7.entry.js} +1 -1
  314. package/dist/tegel/{p-efce19b7.entry.js → p-280a32b8.entry.js} +1 -1
  315. package/dist/tegel/{p-0d71c9aa.entry.js → p-28c40482.entry.js} +1 -1
  316. package/dist/tegel/{p-d8b80a86.entry.js → p-2baed5c8.entry.js} +1 -1
  317. package/dist/tegel/{p-9c52fe1f.entry.js → p-30d1c92c.entry.js} +1 -1
  318. package/dist/tegel/{p-2fb1a04b.entry.js → p-31ab2158.entry.js} +1 -1
  319. package/dist/tegel/p-31c8673c.entry.js +1 -0
  320. package/dist/tegel/{p-5d11c6b9.entry.js → p-3704cd4d.entry.js} +1 -1
  321. package/dist/tegel/{p-a2471f14.entry.js → p-37f283fd.entry.js} +1 -1
  322. package/dist/tegel/{p-590f9dc6.entry.js → p-39ee2ec6.entry.js} +1 -1
  323. package/dist/tegel/p-3b84eab2.entry.js +1 -0
  324. package/dist/tegel/{p-79456038.entry.js → p-3f578d47.entry.js} +1 -1
  325. package/dist/tegel/{p-f0dfebaf.entry.js → p-42c3d8f0.entry.js} +1 -1
  326. package/dist/tegel/p-42d558e2.entry.js +1 -0
  327. package/dist/tegel/{p-27e336aa.entry.js → p-432152cc.entry.js} +1 -1
  328. package/dist/tegel/{p-11c42fea.entry.js → p-4756764e.entry.js} +1 -1
  329. package/dist/tegel/p-478c361d.entry.js +1 -0
  330. package/dist/tegel/p-4d5d08b4.entry.js +1 -0
  331. package/dist/tegel/{p-51f64a57.entry.js → p-5a300a65.entry.js} +1 -1
  332. package/dist/tegel/p-5e573662.entry.js +1 -0
  333. package/dist/tegel/p-5e791681.entry.js +1 -0
  334. package/dist/tegel/{p-ecbfcb75.entry.js → p-60779c6e.entry.js} +1 -1
  335. package/dist/tegel/{p-d2db92f1.entry.js → p-634dbbff.entry.js} +1 -1
  336. package/dist/tegel/{p-ad549f40.entry.js → p-63820b53.entry.js} +1 -1
  337. package/dist/tegel/{p-ec239e6a.entry.js → p-64a49abd.entry.js} +1 -1
  338. package/dist/tegel/{p-f993cc32.entry.js → p-65669831.entry.js} +1 -1
  339. package/dist/tegel/{p-863e86f5.entry.js → p-67fc748a.entry.js} +1 -1
  340. package/dist/tegel/{p-50cc4747.entry.js → p-6a2faa35.entry.js} +1 -1
  341. package/dist/tegel/{p-9c9aab5c.entry.js → p-6bedaca0.entry.js} +1 -1
  342. package/dist/tegel/{p-5524ecc6.entry.js → p-6c5157de.entry.js} +1 -1
  343. package/dist/tegel/{p-311a647f.entry.js → p-6c62da5a.entry.js} +1 -1
  344. package/dist/tegel/{p-7a2fa294.entry.js → p-752bae6c.entry.js} +1 -1
  345. package/dist/tegel/{p-56310be9.entry.js → p-7df2820c.entry.js} +1 -1
  346. package/dist/tegel/{p-b6556200.entry.js → p-82192bde.entry.js} +1 -1
  347. package/dist/tegel/{p-5ba6e899.entry.js → p-821b5b7a.entry.js} +1 -1
  348. package/dist/tegel/{p-7df02354.entry.js → p-843f4e1c.entry.js} +1 -1
  349. package/dist/tegel/p-86531f18.entry.js +1 -0
  350. package/dist/tegel/{p-36690d76.entry.js → p-87a1ce89.entry.js} +1 -1
  351. package/dist/tegel/p-8c52092f.entry.js +1 -0
  352. package/dist/tegel/{p-9b17ac76.entry.js → p-8d547241.entry.js} +1 -1
  353. package/dist/tegel/{p-fddf22db.entry.js → p-9c2a90ec.entry.js} +1 -1
  354. package/dist/tegel/{p-157a0f1b.entry.js → p-9f3dd673.entry.js} +1 -1
  355. package/dist/tegel/p-B3zs_1JT.js +2 -0
  356. package/dist/tegel/{p-1260b114.entry.js → p-a16d4a5f.entry.js} +1 -1
  357. package/dist/tegel/{p-380e0207.entry.js → p-a1fe2a5c.entry.js} +1 -1
  358. package/dist/tegel/{p-4977e2ac.entry.js → p-a2c8192b.entry.js} +1 -1
  359. package/dist/tegel/{p-32f7d352.entry.js → p-a609eba2.entry.js} +1 -1
  360. package/dist/tegel/{p-2afb0b8e.entry.js → p-ad3494b9.entry.js} +1 -1
  361. package/dist/tegel/p-ade59428.entry.js +1 -0
  362. package/dist/tegel/{p-4f9883a1.entry.js → p-ae7e975c.entry.js} +1 -1
  363. package/dist/tegel/p-b28d40e7.entry.js +1 -0
  364. package/dist/tegel/{p-bb6a5e22.entry.js → p-b349aea6.entry.js} +1 -1
  365. package/dist/tegel/{p-c02c22d5.entry.js → p-b460cbed.entry.js} +1 -1
  366. package/dist/tegel/{p-9be52179.entry.js → p-c1109031.entry.js} +1 -1
  367. package/dist/tegel/{p-3dbb749e.entry.js → p-c517ca26.entry.js} +1 -1
  368. package/dist/tegel/{p-4f4aebc3.entry.js → p-c77197a1.entry.js} +1 -1
  369. package/dist/tegel/p-c798bd28.entry.js +1 -0
  370. package/dist/tegel/{p-71b9932a.entry.js → p-c942ef62.entry.js} +1 -1
  371. package/dist/tegel/{p-bb22708d.entry.js → p-c94cb633.entry.js} +1 -1
  372. package/dist/tegel/p-cb65f002.entry.js +1 -0
  373. package/dist/tegel/{p-09037af5.entry.js → p-d2f7123a.entry.js} +1 -1
  374. package/dist/tegel/{p-2d4fbdc1.entry.js → p-d853f84c.entry.js} +1 -1
  375. package/dist/tegel/{p-d90aafb6.entry.js → p-e6a47dde.entry.js} +1 -1
  376. package/dist/tegel/{p-74d00b66.entry.js → p-e6adc41c.entry.js} +1 -1
  377. package/dist/tegel/{p-37dc9db8.entry.js → p-f1e0eb31.entry.js} +1 -1
  378. package/dist/tegel/{p-eea31650.entry.js → p-f38f644e.entry.js} +1 -1
  379. package/dist/tegel/{p-095876cb.entry.js → p-f54b3828.entry.js} +1 -1
  380. package/dist/tegel/p-f8a77615.entry.js +1 -0
  381. package/dist/tegel/p-fcb978ce.entry.js +1 -0
  382. package/dist/tegel/tegel.css +65 -29
  383. package/dist/tegel/tegel.esm.js +1 -1
  384. package/dist/types/components/dropdown/dropdown.d.ts +30 -17
  385. package/dist/types/components/footer/footer.d.ts +1 -1
  386. package/dist/types/components/modal/modal.d.ts +6 -2
  387. package/dist/types/components/table/table-footer/table-footer.d.ts +5 -3
  388. package/dist/types/components.d.ts +15 -6
  389. package/package.json +4 -5
  390. package/dist/cjs/index-TseCxKiF.js +0 -2548
  391. package/dist/components/p-BkkKUMC2.js +0 -1
  392. package/dist/components/p-Df03ehYR.js +0 -1
  393. package/dist/components/p-Dkw_xBUE.js +0 -1
  394. package/dist/components/p-T8F4U3Yc.js +0 -1
  395. package/dist/components/p-TTZk9Ssg.js +0 -1
  396. package/dist/esm/index-Befhko2r.js +0 -2519
  397. package/dist/tegel/p-14d1f541.entry.js +0 -1
  398. package/dist/tegel/p-19f6a98c.entry.js +0 -1
  399. package/dist/tegel/p-2268f6b0.entry.js +0 -1
  400. package/dist/tegel/p-35421451.entry.js +0 -1
  401. package/dist/tegel/p-3b4f67b3.entry.js +0 -1
  402. package/dist/tegel/p-3da8d1a1.entry.js +0 -1
  403. package/dist/tegel/p-54a7b360.entry.js +0 -1
  404. package/dist/tegel/p-5ca0d006.entry.js +0 -1
  405. package/dist/tegel/p-74412bf6.entry.js +0 -1
  406. package/dist/tegel/p-79aa39fb.entry.js +0 -1
  407. package/dist/tegel/p-7c5558b9.entry.js +0 -1
  408. package/dist/tegel/p-9e9667a2.entry.js +0 -1
  409. package/dist/tegel/p-Befhko2r.js +0 -2
  410. package/dist/tegel/p-bbc5f90f.entry.js +0 -1
  411. package/dist/tegel/p-c5208ac4.entry.js +0 -1
  412. package/dist/tegel/p-d946ae72.entry.js +0 -1
  413. package/dist/tegel/p-e09b5f6a.entry.js +0 -1
  414. package/dist/tegel/p-e7bd5414.entry.js +0 -1
  415. package/dist/tegel/p-fdde3a0d.entry.js +0 -1
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-DO04x4VW.js";const p=o,r=s;export{p as TdsDropdownOption,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-D-Ac1cCL.js";const c=o,p=s;export{c as TdsDropdownOption,p as defineCustomElement}
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-Dkw_xBUE.js";const p=o,r=s;export{p as TdsDropdown,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-DK7_ZZlI.js";const p=o,r=s;export{p as TdsDropdown,r as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as o,h as d,a as s}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let 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 d(s,{key:"5d7bdff1bc18639ce28722cf817d45e2819291fe","aria-selected":this.selected},d("div",{key:"82fb790518a8d3f6c9427c3dd3cbd804fb54ad4f",class:{selected:this.selected,disabled:this.disabled},style:{width:this.tabWidth+"px"}},d("slot",{key:"fdd78b5c0c9852e587c18d8c5870e00975b62896"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}'}},[257,"tds-folder-tab",{disabled:[516],selected:[32],tabWidth:[32],setTabWidth:[64],setSelected:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-folder-tab"].forEach((e=>{"tds-folder-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}l();const a=r,i=l;export{a as TdsFolderTab,i as defineCustomElement}
1
+ import{t,p as e,H as o,h as d,a as s}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let 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 d(s,{key:"5d7bdff1bc18639ce28722cf817d45e2819291fe","aria-selected":this.selected},d("div",{key:"82fb790518a8d3f6c9427c3dd3cbd804fb54ad4f",class:{selected:this.selected,disabled:this.disabled},style:{width:this.tabWidth+"px"}},d("slot",{key:"fdd78b5c0c9852e587c18d8c5870e00975b62896"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}'}},[257,"tds-folder-tab",{disabled:[516],selected:[32],tabWidth:[32],setTabWidth:[64],setSelected:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-folder-tab"].forEach((e=>{"tds-folder-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}l();const a=r,n=l;export{a as TdsFolderTab,n as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as h}from"./p-DMVs7mmW.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant=null,this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const e=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw Error("Tab index out of bounds");return this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){const t=Array.from(this.host.children);this.tabElements=t.map((t=>(t.setSelected(!1),t))),void 0!==this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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 o(l,{key:"c012eb13a3d87fd700f5aeebda39b5eab29ef867",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:""},o("div",{key:"ebee1cf15b1c7425fb675cceedfdbdedacdf7057",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"f91db438a2374acc0569bccb5895b0061816cdb2","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},o("tds-icon",{key:"497c2b7709f37f12d6c507f9ef4a55851bcfad78",name:"chevron_left",size:"20px"})),o("slot",{key:"1b8be04cceec4793fffac9cf26ba603dd578299d",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"210096e3f848f40fc3a976bfbeb76f623e06c2bc","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},o("tds-icon",{key:"c1235de0754f7df8418b1609a713e2766be059bd",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':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-within::before,:host .scroll-left-button:focus-within::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-folder-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],buttonWidth:[32],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-folder-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-folder-tabs":customElements.get(t(s))||customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))||h()}}))}c();const n=r,a=c;export{n as TdsFolderTabs,a as defineCustomElement}
1
+ import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as h}from"./p-B4-NZ0-T.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant=null,this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const e=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw Error("Tab index out of bounds");return this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){const t=Array.from(this.host.children);this.tabElements=t.map((t=>(t.setSelected(!1),t))),void 0!==this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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 o(l,{key:"c012eb13a3d87fd700f5aeebda39b5eab29ef867",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:""},o("div",{key:"ebee1cf15b1c7425fb675cceedfdbdedacdf7057",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"f91db438a2374acc0569bccb5895b0061816cdb2","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},o("tds-icon",{key:"497c2b7709f37f12d6c507f9ef4a55851bcfad78",name:"chevron_left",size:"20px"})),o("slot",{key:"1b8be04cceec4793fffac9cf26ba603dd578299d",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"210096e3f848f40fc3a976bfbeb76f623e06c2bc","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},o("tds-icon",{key:"c1235de0754f7df8418b1609a713e2766be059bd",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':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-within::before,:host .scroll-left-button:focus-within::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-folder-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],buttonWidth:[32],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-folder-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-folder-tabs":customElements.get(t(s))||customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))||h()}}))}n();const c=r,a=n;export{c as TdsFolderTabs,a as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as o,h as s,a as i}from"./index.js";import{h as l}from"./p-DDX6uFcm.js";import{d as n}from"./p-DMVs7mmW.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.isMobile=!1,this.slotPosition=null,this.topPartGroup=!1}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){var t,e;this.updateIsMobile(),this.topPartGroup="top"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.slot),this.topPartGroup||(this.slotPosition="end"===(null===(e=this.host.parentElement)||void 0===e?void 0:e.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."),l("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=l("title",this.host);return s(i,{key:"2605313d24ee6eb94a1cfa84854827fd1292d379","aria-expanded":this.open?"true":"false"},s("div",{key:"5bf77ad82b1ed690e17fb9b4ab5b3110224b1392",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?s("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?s("slot",{name:"title"}):this.titleText,s("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):s("div",{class:"footer-top-title"},t?s("slot",{name:"title"}):this.titleText)),s("nav",{key:"9191647967d238ce7d67bd1a6437ab282be60e7a","aria-label":this.tdsListAriaLabel},s("div",{key:"105c4960663852dc4a6e637e4b10fde5936d616e",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},s("slot",{key:"00546ee8a4e85a33e6f7696f50a59a3ecd53d80e"})))))}get host(){return this}static get style(){return":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}"}},[257,"tds-footer-group",{titleText:[513,"title-text"],tdsListAriaLabel:[513,"tds-list-aria-label"],open:[32],isMobile:[32]},[[9,"resize","handleResize"]]]);function a(){"undefined"!=typeof customElements&&["tds-footer-group","tds-icon"].forEach((e=>{switch(e){case"tds-footer-group":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||n()}}))}a();const d=r,p=a;export{d as TdsFooterGroup,p as defineCustomElement}
1
+ import{t,p as o,H as e,h as s,a as i}from"./index.js";import{h as l}from"./p-DDX6uFcm.js";import{d as n}from"./p-B4-NZ0-T.js";const r=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.isMobile=!1,this.slotPosition=null,this.topPartGroup=!1}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){var t,o;this.updateIsMobile(),this.topPartGroup="top"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.slot),this.topPartGroup||(this.slotPosition="end"===(null===(o=this.host.parentElement)||void 0===o?void 0:o.slot)?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),l("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=l("title",this.host);return s(i,{key:"2605313d24ee6eb94a1cfa84854827fd1292d379","aria-expanded":this.open?"true":"false"},s("div",{key:"5bf77ad82b1ed690e17fb9b4ab5b3110224b1392",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?s("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?s("slot",{name:"title"}):this.titleText,s("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):s("div",{class:"footer-top-title"},t?s("slot",{name:"title"}):this.titleText)),s("nav",{key:"9191647967d238ce7d67bd1a6437ab282be60e7a","aria-label":this.tdsListAriaLabel},s("div",{key:"105c4960663852dc4a6e637e4b10fde5936d616e",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},s("slot",{key:"00546ee8a4e85a33e6f7696f50a59a3ecd53d80e"})))))}get host(){return this}static get style(){return":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}"}},[257,"tds-footer-group",{titleText:[513,"title-text"],tdsListAriaLabel:[513,"tds-list-aria-label"],open:[32],isMobile:[32]},[[9,"resize","handleResize"]]]);function a(){"undefined"!=typeof customElements&&["tds-footer-group","tds-icon"].forEach((o=>{switch(o){case"tds-footer-group":customElements.get(t(o))||customElements.define(t(o),r);break;case"tds-icon":customElements.get(t(o))||n()}}))}a();const d=r,p=a;export{d as TdsFooterGroup,p as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as o,H as e,h as i,a as s}from"./index.js";const l=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return i(s,{key:"e422cb3d81d974bdefd2a5221aa5f9df693feccd",role:"listitem"},i("div",{key:"bcd21f30335d92da6dd577fdc2b6e7ae273a6390",class:this.parentIsTopPart?"top-part-child":""},i("slot",{key:"861ffb44a8f9f2e4e75ad24b2bb640be9a712129"})))}get host(){return this}static get style(){return":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}}"}},[257,"tds-footer-item"]);function d(){"undefined"!=typeof customElements&&["tds-footer-item"].forEach((o=>{"tds-footer-item"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}d();const r=l,a=d;export{r as TdsFooterItem,a as defineCustomElement}
1
+ import{t,p as o,H as e,h as i,a as s}from"./index.js";const l=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return i(s,{key:"e422cb3d81d974bdefd2a5221aa5f9df693feccd",role:"listitem"},i("div",{key:"bcd21f30335d92da6dd577fdc2b6e7ae273a6390",class:this.parentIsTopPart?"top-part-child":""},i("slot",{key:"861ffb44a8f9f2e4e75ad24b2bb640be9a712129"})))}get host(){return this}static get style(){return":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media all and (width <= 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}}"}},[257,"tds-footer-item"]);function r(){"undefined"!=typeof customElements&&["tds-footer-item"].forEach((o=>{"tds-footer-item"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}r();const d=l,a=r;export{d as TdsFooterItem,a as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as o,H as a,h as e,a as d}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const n=o(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.copyrightText=`Copyright © ${(new Date).getFullYear()} Scania`}render(){const t=s("top",this.host),o=s("start",this.host),a=s("end",this.host),n=s("copyright",this.host);return e(d,{key:"45c3eab02748591e5751d4c23d6dcc9ca7541aca",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},e("footer",{key:"a5c338868f8201014d0f1eaecf4db3b5552c6a8d"},t&&e("slot",{key:"07257d9529a6af504715b69d33741052614a1737",name:"top"}),e("div",{key:"a1f11fbceefb0442cd61858f0ca8ed5a7c0aeb81",class:"footer-main"},(o||a)&&e("div",{key:"dd8bff6c7f4171a7c9d46d7f5dabcf2a31697dc7",class:"footer-main-top"},o&&e("slot",{key:"39f28defd591fbb6863d86225fca3cff09ec94cb",name:"start"}),a&&e("slot",{key:"344bd6c80538d46a22b5d10f09e5cf4633019ef9",name:"end"})),e("div",{key:"8896f0f1c3031b98b1d1b1d2cedd2cb35e003dff",class:"footer-main-bottom"},e("small",{key:"972571431d7ebeb07eaab043d970528c352df32d",class:"copyright"},n?e("slot",{name:"copyright"}):this.copyrightText),e("div",{key:"5b93f4ab6f07dd3bdb4cd05429b729426e11c103",class:"brand"},e("p",{key:"9537baabeba256b7774af6f3e135ecdc127a8993"},"Scania"))))))}get host(){return this}static get style(){return":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}"}},[257,"tds-footer",{modeVariant:[513,"mode-variant"]}]);function i(){"undefined"!=typeof customElements&&["tds-footer"].forEach((o=>{"tds-footer"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}i();const r=n,c=i;export{r as TdsFooter,c as defineCustomElement}
1
+ import{t,p as o,H as e,h as a,a as d}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null}getBrandName(){return this.host.closest(".traton")?"Traton":"Scania"}render(){const t=s("top",this.host),o=s("start",this.host),e=s("end",this.host),n=s("copyright",this.host),i=this.getBrandName(),r=`Copyright © ${(new Date).getFullYear()} ${i}`;return a(d,{key:"ac9e0121981c38b240ff4f96fbfc96fb59f51005",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("footer",{key:"d17bd41f9de0efd4449fba8fa48894a86f5a682b"},t&&a("slot",{key:"7f557c36ba1da44009f5be05ed353ec1d92ab88f",name:"top"}),a("div",{key:"5a10ae17a39a6eb707e036076a471f1dec135d32",class:"footer-main"},(o||e)&&a("div",{key:"c3142b6c2e5251a0ce9c49c66524c7d982e4a70c",class:"footer-main-top"},o&&a("slot",{key:"29923cff3f6a1bf0be4ae67fe190eadfb74e59b2",name:"start"}),e&&a("slot",{key:"6c9216a5c9ad01c94dbc00448a3b7e778dabc705",name:"end"})),a("div",{key:"5c827108dc49ecd4c1d86aaad9de4b7b390009ad",class:"footer-main-bottom"},a("small",{key:"e9ed752b108bc7d9dd52154baa9f8cd9ed2c0039",class:"copyright"},n?a("slot",{name:"copyright"}):r),a("div",{key:"7183d25ff8387a0a8691a02734d7748867960020",class:"brand"},a("p",{key:"4d0848e1c716dd68c51e2499d16707b9c48b53ce"},i))))))}get host(){return this}static get style(){return":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto;color:var(--tds-footer-main-social-icon)}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-footer-logotype-local), var(--tds-footer-logotype-cdn);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}"}},[257,"tds-footer",{modeVariant:[513,"mode-variant"]}]);function i(){"undefined"!=typeof customElements&&["tds-footer"].forEach((o=>{"tds-footer"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}i();const r=n,c=i;export{r as TdsFooter,c as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as s,h as a,a as d}from"./index.js";import{d as o}from"./p-CbSJY3jI.js";import{d as r}from"./p-2Sehn7YQ.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.host.querySelector("a");return(null==e?void 0:e.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(d,{key:"fc99860c883e83bbf74918c166aef86ad4940b44"},a("tds-header-item",{key:"064742d9efd8b8c313d70fee663be8455602def4"},a("slot",{key:"a7aabeccfd3a93e3dc29d2d0ee6bbefa2c94d236"})))}get host(){return this}static get style(){return":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}"}},[257,"tds-header-brand-symbol"]);function i(){"undefined"!=typeof customElements&&["tds-header-brand-symbol","tds-core-header-item","tds-header-item"].forEach((t=>{switch(t){case"tds-header-brand-symbol":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||r()}}))}i();const c=n,m=i;export{c as TdsHeaderBrandSymbol,m as defineCustomElement}
1
+ import{t as e,p as t,H as s,h as a,a as d}from"./index.js";import{d as o}from"./p-CbSJY3jI.js";import{d as r}from"./p-Duga9LJ2.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.host.querySelector("a");return(null==e?void 0:e.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(d,{key:"fc99860c883e83bbf74918c166aef86ad4940b44"},a("tds-header-item",{key:"064742d9efd8b8c313d70fee663be8455602def4"},a("slot",{key:"a7aabeccfd3a93e3dc29d2d0ee6bbefa2c94d236"})))}get host(){return this}static get style(){return":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}"}},[257,"tds-header-brand-symbol"]);function i(){"undefined"!=typeof customElements&&["tds-header-brand-symbol","tds-core-header-item","tds-header-item"].forEach((t=>{switch(t){case"tds-header-brand-symbol":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||r()}}))}i();const c=n,m=i;export{c as TdsHeaderBrandSymbol,m as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as s,c as a,h as o,a as l}from"./index.js";import{d}from"./p-DMVs7mmW.js";const i=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSort=a(this,"tdsSort",7),this.internalSortButtonClicked=a(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=a(this,"internalTdsTextAlign",6),this.internalTdsHover=a(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?o("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},o("span",{class:"tds-table__header-button-text"},this.cellValue,o("slot",null)),void 0===this.sortingDirection&&o("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&o("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):o("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,o("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return o(l,{key:"3cb5c70f8d022f7caf0cc84a23313f72d7549427",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},o("th",{key:"cb916b84ae682283c32d733c3522bb42e686609b",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return this}static get style(){return":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}"}},[257,"tds-header-cell",{cellKey:[513,"cell-key"],cellValue:[513,"cell-value"],customWidth:[513,"custom-width"],sortable:[516],textAlign:[513,"text-align"],disablePadding:[516,"disable-padding"],tdsAriaLabelSortButton:[513,"tds-aria-label-sort-button"],colSpan:[514,"col-span"],rowSpan:[514,"row-span"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],multiselect:[32],enableToolbarDesign:[32],tableId:[32],expandableRows:[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]);function h(){"undefined"!=typeof customElements&&["tds-header-cell","tds-icon"].forEach((e=>{switch(e){case"tds-header-cell":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||d()}}))}h();const n=r,b=h;export{n as TdsHeaderCell,b as defineCustomElement}
1
+ import{t,p as e,H as s,c as a,h as o,a as l}from"./index.js";import{d}from"./p-B4-NZ0-T.js";const i=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSort=a(this,"tdsSort",7),this.internalSortButtonClicked=a(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=a(this,"internalTdsTextAlign",6),this.internalTdsHover=a(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?o("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},o("span",{class:"tds-table__header-button-text"},this.cellValue,o("slot",null)),void 0===this.sortingDirection&&o("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&o("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):o("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,o("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return o(l,{key:"3cb5c70f8d022f7caf0cc84a23313f72d7549427",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},o("th",{key:"cb916b84ae682283c32d733c3522bb42e686609b",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return this}static get style(){return":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}"}},[257,"tds-header-cell",{cellKey:[513,"cell-key"],cellValue:[513,"cell-value"],customWidth:[513,"custom-width"],sortable:[516],textAlign:[513,"text-align"],disablePadding:[516,"disable-padding"],tdsAriaLabelSortButton:[513,"tds-aria-label-sort-button"],colSpan:[514,"col-span"],rowSpan:[514,"row-span"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],multiselect:[32],enableToolbarDesign:[32],tableId:[32],expandableRows:[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]);function h(){"undefined"!=typeof customElements&&["tds-header-cell","tds-icon"].forEach((e=>{switch(e){case"tds-header-cell":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||d()}}))}h();const n=r,b=h;export{n as TdsHeaderCell,b as defineCustomElement}
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-BkkKUMC2.js";const p=o,r=s;export{p as TdsHeaderDropdownListItem,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-DRO9e7F4.js";const p=o,r=s;export{p as TdsHeaderDropdownListItem,r as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as o,h as s,a as r}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d}from"./p-CbSJY3jI.js";import{d as n}from"./p-2Sehn7YQ.js";import{d as i}from"./p-DMVs7mmW.js";import{d as c}from"./p-Cr5AJ7EI.js";import{d as l}from"./p-CkGDaQ3D.js";const h=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=a(),this.handleSlottedItemClick=t=>{const e=t.target.tagName.toLowerCase();["a","button"].includes(e)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e;"Escape"===t.key&&this.open&&(this.open=!1,null===(e=this.buttonEl)||void 0===e||e.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof o&&s.focus()}))}render(){return s(r,{key:"1176c57c972add57be5c2529dfb6cb83d3bed22b"},s("div",{key:"6ad3f10940083968fff1a4b9b01f66b1165329ba",class:{"state-open":this.open}},s("tds-header-item",{key:"5c8024b943d585a85fc6a1c2f42f9e574729d79e",class:"button",active:this.open,selected:this.selected},s("button",{key:"ed48b89c6eb04cf7f2685e2f69f7eea37822e8f9",ref:t=>{this.buttonEl=t},"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},s("slot",{key:"3a79e52d868cd2a12ee5a6c46c574b596e5c257f",name:"icon"}),this.label,s("slot",{key:"6490c20d77794e6bda911a28eb01bba6539a6946",name:"label"}),!this.noDropdownIcon&&s("tds-icon",{key:"4ccd9df2499f81a3790fd207686c9d763950ca18",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&s("tds-popover-canvas",{key:"67a72bb46b5d87424dcd883e770a5f0a06d09edd",id:"tds-dropdown-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},s("slot",null)):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}"}},[257,"tds-header-dropdown",{label:[513],noDropdownIcon:[516,"no-dropdown-icon"],selected:[516],tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function b(){"undefined"!=typeof customElements&&["tds-header-dropdown","tds-core-header-item","tds-header-item","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-dropdown":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-core-header-item":customElements.get(t(e))||d();break;case"tds-header-item":customElements.get(t(e))||n();break;case"tds-icon":customElements.get(t(e))||i();break;case"tds-popover-canvas":customElements.get(t(e))||c();break;case"tds-popover-core":customElements.get(t(e))||l()}}))}b();const m=h,p=b;export{m as TdsHeaderDropdown,p as defineCustomElement}
1
+ import{t,p as e,H as o,h as s,a as r}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d}from"./p-CbSJY3jI.js";import{d as n}from"./p-Duga9LJ2.js";import{d as i}from"./p-B4-NZ0-T.js";import{d as c}from"./p-Cr5AJ7EI.js";import{d as l}from"./p-CkGDaQ3D.js";const h=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=a(),this.handleSlottedItemClick=t=>{const e=t.target.tagName.toLowerCase();["a","button"].includes(e)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e;"Escape"===t.key&&this.open&&(this.open=!1,null===(e=this.buttonEl)||void 0===e||e.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof o&&s.focus()}))}render(){return s(r,{key:"1176c57c972add57be5c2529dfb6cb83d3bed22b"},s("div",{key:"6ad3f10940083968fff1a4b9b01f66b1165329ba",class:{"state-open":this.open}},s("tds-header-item",{key:"5c8024b943d585a85fc6a1c2f42f9e574729d79e",class:"button",active:this.open,selected:this.selected},s("button",{key:"ed48b89c6eb04cf7f2685e2f69f7eea37822e8f9",ref:t=>{this.buttonEl=t},"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},s("slot",{key:"3a79e52d868cd2a12ee5a6c46c574b596e5c257f",name:"icon"}),this.label,s("slot",{key:"6490c20d77794e6bda911a28eb01bba6539a6946",name:"label"}),!this.noDropdownIcon&&s("tds-icon",{key:"4ccd9df2499f81a3790fd207686c9d763950ca18",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&s("tds-popover-canvas",{key:"67a72bb46b5d87424dcd883e770a5f0a06d09edd",id:"tds-dropdown-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},s("slot",null)):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}"}},[257,"tds-header-dropdown",{label:[513],noDropdownIcon:[516,"no-dropdown-icon"],selected:[516],tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function b(){"undefined"!=typeof customElements&&["tds-header-dropdown","tds-core-header-item","tds-header-item","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-dropdown":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-core-header-item":customElements.get(t(e))||d();break;case"tds-header-item":customElements.get(t(e))||n();break;case"tds-icon":customElements.get(t(e))||i();break;case"tds-popover-canvas":customElements.get(t(e))||c();break;case"tds-popover-core":customElements.get(t(e))||l()}}))}b();const p=h,m=b;export{p as TdsHeaderDropdown,m as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as s,h as a,a as r}from"./index.js";import{i as o}from"./p-Q3W78DlP.js";import{d}from"./p-CbSJY3jI.js";import{d as i}from"./p-2Sehn7YQ.js";import{d as c}from"./p-DMVs7mmW.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=Object.assign({},o(this.host));return a(r,{key:"ae06ee98e53076108ce5d994fea278cfcf7c866f"},a("tds-header-item",{key:"cfcc247e196267d28be0754334f9ad0970aad461"},a("button",Object.assign({key:"5daf590949aaa29674b59438452286c88f1bd9e5"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"4f9f010a9a1b79278887822e2d3c025844f6a8c3",class:"icon",name:"burger",size:"20px"}))))}get host(){return this}static get style(){return":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}"}},[1,"tds-header-hamburger",{tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-hamburger","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-hamburger":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||d();break;case"tds-header-item":customElements.get(e(t))||i();break;case"tds-icon":customElements.get(e(t))||c()}}))}m();const h=n,l=m;export{h as TdsHeaderHamburger,l as defineCustomElement}
1
+ import{t as e,p as t,H as s,h as a,a as r}from"./index.js";import{i as o}from"./p-Q3W78DlP.js";import{d}from"./p-CbSJY3jI.js";import{d as i}from"./p-Duga9LJ2.js";import{d as c}from"./p-B4-NZ0-T.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=Object.assign({},o(this.host));return a(r,{key:"ae06ee98e53076108ce5d994fea278cfcf7c866f"},a("tds-header-item",{key:"cfcc247e196267d28be0754334f9ad0970aad461"},a("button",Object.assign({key:"5daf590949aaa29674b59438452286c88f1bd9e5"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"4f9f010a9a1b79278887822e2d3c025844f6a8c3",class:"icon",name:"burger",size:"20px"}))))}get host(){return this}static get style(){return":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}"}},[1,"tds-header-hamburger",{tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-hamburger","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-hamburger":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||d();break;case"tds-header-item":customElements.get(e(t))||i();break;case"tds-icon":customElements.get(e(t))||c()}}))}m();const h=n,l=m;export{h as TdsHeaderHamburger,l as defineCustomElement}
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-2Sehn7YQ.js";const p=o,r=s;export{p as TdsHeaderItem,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-Duga9LJ2.js";const a=o,p=s;export{a as TdsHeaderItem,p as defineCustomElement}
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-D8Rhjha5.js";const a=o,p=s;export{a as TdsHeaderLauncherButton,p as defineCustomElement}
1
+ import{T as o,d as r}from"./p-wSCbvwr1.js";const s=o,p=r;export{s as TdsHeaderLauncherButton,p as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as o,h as r,a as s}from"./index.js";const d=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(s,{key:"c7faa27ec16322e23b32c2f48d6452acba9f34df",role:"listitem"},r("slot",{key:"dc1fff1b9c536df2d88b5e92a83634d1e3bca384"}))}static get style(){return":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-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}"}},[257,"tds-header-launcher-grid-item"]);function a(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-item"].forEach((t=>{"tds-header-launcher-grid-item"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}a();const n=d,i=a;export{n as TdsHeaderLauncherGridItem,i as defineCustomElement}
1
+ import{t as e,p as t,H as o,h as r,a as s}from"./index.js";const d=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(s,{key:"c7faa27ec16322e23b32c2f48d6452acba9f34df",role:"listitem"},r("slot",{key:"dc1fff1b9c536df2d88b5e92a83634d1e3bca384"}))}static get style(){return":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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}"}},[257,"tds-header-launcher-grid-item"]);function n(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-item"].forEach((t=>{"tds-header-launcher-grid-item"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}n();const a=d,i=n;export{a as TdsHeaderLauncherGridItem,i as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as s,h as d,a as r}from"./index.js";import{d as o}from"./p-BkkKUMC2.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(r,{key:"497d9c1aaf805a5bba06d860f02002eeead6032c"},d("tds-header-dropdown-list-item",{key:"74b6b75f5c7759bc226ba7150f9fb5ea23bcfc66",size:"lg"},d("slot",{key:"00d8917ab3c70f6d0ca27231572c4cdfa47cf07e"})))}static get style(){return":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}"}},[257,"tds-header-launcher-list-item"]);function c(){"undefined"!=typeof customElements&&["tds-header-launcher-list-item","tds-header-dropdown-list-item"].forEach((t=>{switch(t){case"tds-header-launcher-list-item":customElements.get(e(t))||customElements.define(e(t),a);break;case"tds-header-dropdown-list-item":customElements.get(e(t))||o()}}))}c();const i=a,n=c;export{i as TdsHeaderLauncherListItem,n as defineCustomElement}
1
+ import{t as e,p as t,H as s,h as d,a as r}from"./index.js";import{d as o}from"./p-DRO9e7F4.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(r,{key:"497d9c1aaf805a5bba06d860f02002eeead6032c"},d("tds-header-dropdown-list-item",{key:"74b6b75f5c7759bc226ba7150f9fb5ea23bcfc66",size:"lg"},d("slot",{key:"00d8917ab3c70f6d0ca27231572c4cdfa47cf07e"})))}static get style(){return":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}"}},[257,"tds-header-launcher-list-item"]);function c(){"undefined"!=typeof customElements&&["tds-header-launcher-list-item","tds-header-dropdown-list-item"].forEach((t=>{switch(t){case"tds-header-launcher-list-item":customElements.get(e(t))||customElements.define(e(t),a);break;case"tds-header-dropdown-list-item":customElements.get(e(t))||o()}}))}c();const i=a,n=c;export{i as TdsHeaderLauncherListItem,n as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as r,h as s,a}from"./index.js";import{g as o}from"./p-Cn4f8w1e.js";import{i as d}from"./p-Q3W78DlP.js";import{d as i}from"./p-CbSJY3jI.js";import{d as c}from"./p-2Sehn7YQ.js";import{d as h}from"./p-D8Rhjha5.js";import{d as n}from"./p-DMVs7mmW.js";import{d as l}from"./p-Cr5AJ7EI.js";import{d as b}from"./p-CkGDaQ3D.js";const p=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.hasListTypeMenu=!1,this.uuid=o()}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e,r;if("Escape"===t.key&&this.open){this.open=!1;const t=null===(r=null===(e=this.buttonEl)||void 0===e?void 0:e.shadowRoot)||void 0===r?void 0:r.querySelector("button");t&&t.focus()}}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof r&&s.focus()}))}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),d(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return s(a,{key:"687811b90323d71d1b2fcdb95a0c5a1cc798ab63"},s("div",{key:"ff389690f36fa41b4f09911720a5b842463880ea",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},s("tds-header-launcher-button",Object.assign({key:"5ad9190ea862179eb74088a9597cbac0f2cd76ee"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&s("tds-popover-canvas",{key:"c22a1514bcc73d508100cabff07422009f775ffa",id:"tds-launcher-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("slot",null):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-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 .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}"}},[257,"tds-header-launcher",{tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32],hasListTypeMenu:[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function m(){"undefined"!=typeof customElements&&["tds-header-launcher","tds-core-header-item","tds-header-item","tds-header-launcher-button","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-launcher":customElements.get(t(e))||customElements.define(t(e),p);break;case"tds-core-header-item":customElements.get(t(e))||i();break;case"tds-header-item":customElements.get(t(e))||c();break;case"tds-header-launcher-button":customElements.get(t(e))||h();break;case"tds-icon":customElements.get(t(e))||n();break;case"tds-popover-canvas":customElements.get(t(e))||l();break;case"tds-popover-core":customElements.get(t(e))||b()}}))}m();const u=p,w=m;export{u as TdsHeaderLauncher,w as defineCustomElement}
1
+ import{t,p as e,H as r,h as s,a}from"./index.js";import{g as o}from"./p-Cn4f8w1e.js";import{i as d}from"./p-Q3W78DlP.js";import{d as i}from"./p-CbSJY3jI.js";import{d as c}from"./p-Duga9LJ2.js";import{d as h}from"./p-wSCbvwr1.js";import{d as l}from"./p-B4-NZ0-T.js";import{d as n}from"./p-Cr5AJ7EI.js";import{d as b}from"./p-CkGDaQ3D.js";const p=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.hasListTypeMenu=!1,this.uuid=o()}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e,r;if("Escape"===t.key&&this.open){this.open=!1;const t=null===(r=null===(e=this.buttonEl)||void 0===e?void 0:e.shadowRoot)||void 0===r?void 0:r.querySelector("button");t&&t.focus()}}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof r&&s.focus()}))}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),d(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return s(a,{key:"687811b90323d71d1b2fcdb95a0c5a1cc798ab63"},s("div",{key:"ff389690f36fa41b4f09911720a5b842463880ea",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},s("tds-header-launcher-button",Object.assign({key:"5ad9190ea862179eb74088a9597cbac0f2cd76ee"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&s("tds-popover-canvas",{key:"c22a1514bcc73d508100cabff07422009f775ffa",id:"tds-launcher-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("slot",null):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-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 .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}"}},[257,"tds-header-launcher",{tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32],hasListTypeMenu:[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function u(){"undefined"!=typeof customElements&&["tds-header-launcher","tds-core-header-item","tds-header-item","tds-header-launcher-button","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-launcher":customElements.get(t(e))||customElements.define(t(e),p);break;case"tds-core-header-item":customElements.get(t(e))||i();break;case"tds-header-item":customElements.get(t(e))||c();break;case"tds-header-launcher-button":customElements.get(t(e))||h();break;case"tds-icon":customElements.get(t(e))||l();break;case"tds-popover-canvas":customElements.get(t(e))||n();break;case"tds-popover-core":customElements.get(t(e))||b()}}))}u();const m=p,w=u;export{m as TdsHeaderLauncher,w as defineCustomElement}
@@ -1 +1 @@
1
- import{I as s,d as m}from"./p-DMVs7mmW.js";const o=s,p=m;export{o as TdsIcon,p as defineCustomElement}
1
+ import{I as o,d as s}from"./p-B4-NZ0-T.js";const p=o,r=s;export{p as TdsIcon,r as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as o,h as i,a as s}from"./index.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return i(s,{key:"c7bb79b69d733103faad0e36f7967123a2323ebd","aria-selected":this.selected},i("div",{key:"5b03665929273d87f3fb584e8a44937f81ccf20f",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},i("slot",{key:"360210a7e2c66fde62d4531aef7894b82d9f5605"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}'}},[257,"tds-inline-tab",{disabled:[516],selected:[32],setSelected:[64]}]);function a(){"undefined"!=typeof customElements&&["tds-inline-tab"].forEach((e=>{"tds-inline-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}a();const l=n,r=a;export{l as TdsInlineTab,r as defineCustomElement}
1
+ import{t,p as e,H as o,h as i,a as s}from"./index.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return i(s,{key:"c7bb79b69d733103faad0e36f7967123a2323ebd","aria-selected":this.selected},i("div",{key:"5b03665929273d87f3fb584e8a44937f81ccf20f",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},i("slot",{key:"360210a7e2c66fde62d4531aef7894b82d9f5605"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}'}},[257,"tds-inline-tab",{disabled:[516],selected:[32],setSelected:[64]}]);function a(){"undefined"!=typeof customElements&&["tds-inline-tab"].forEach((e=>{"tds-inline-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}a();const l=n,r=a;export{l as TdsInlineTab,r as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as r}from"./p-DMVs7mmW.js";const h=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const e=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw Error("Tab index out of bounds");return this.tabElements=Array.from(this.host.children),this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),void 0!==this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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 o(l,{key:"b4d7b5c75a8e81e49fdb392580852077a44ebe0c",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:"",style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"3be2477f0c9f24987aa9b0ca5c43c05fb19a32e3",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"e6252b0e4bd02809a09db1183fe7dbea91103cbf","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"d4ce2393b25f728ac2de1702d144f612902dc330",name:"chevron_left",size:"20px"})),o("slot",{key:"d079e254442795f81737b5552ce5ce177683c9fb",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"5e3db06d48f3109550974ba0675aef8367373df7","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"cd00e5c5ad1b757104d5c3f7338a45c9243eb25d",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-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-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-inline-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],leftPadding:[514,"left-padding"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-inline-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-inline-tabs":customElements.get(t(s))||customElements.define(t(s),h);break;case"tds-icon":customElements.get(t(s))||r()}}))}n();const a=h,c=n;export{a as TdsInlineTabs,c as defineCustomElement}
1
+ import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as r}from"./p-B4-NZ0-T.js";const n=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const e=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw Error("Tab index out of bounds");return this.tabElements=Array.from(this.host.children),this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),void 0!==this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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 o(l,{key:"b4d7b5c75a8e81e49fdb392580852077a44ebe0c",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:"",style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"3be2477f0c9f24987aa9b0ca5c43c05fb19a32e3",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"e6252b0e4bd02809a09db1183fe7dbea91103cbf","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"d4ce2393b25f728ac2de1702d144f612902dc330",name:"chevron_left",size:"20px"})),o("slot",{key:"d079e254442795f81737b5552ce5ce177683c9fb",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"5e3db06d48f3109550974ba0675aef8367373df7","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"cd00e5c5ad1b757104d5c3f7338a45c9243eb25d",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-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-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-inline-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],leftPadding:[514,"left-padding"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-inline-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-inline-tabs":customElements.get(t(s))||customElements.define(t(s),n);break;case"tds-icon":customElements.get(t(s))||r()}}))}h();const a=n,c=h;export{a as TdsInlineTabs,c as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as o,h as s}from"./index.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return s("span",{key:"b01482ab25146498fcabba8266dc3ce7b6a94b79",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},s("slot",{key:"af1c5a41a618246478cdc2e505699921d8fc12ae"}))}get host(){return this}static get style(){return":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.standalone ::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}"}},[257,"tds-link",{disabled:[516],underline:[516],standalone:[516]}]);function d(){"undefined"!=typeof customElements&&["tds-link"].forEach((e=>{"tds-link"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}d();const i=n,l=d;export{i as TdsLink,l as defineCustomElement}
1
+ import{t,p as e,H as o,h as n}from"./index.js";const s=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return n("span",{key:"b01482ab25146498fcabba8266dc3ce7b6a94b79",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},n("slot",{key:"af1c5a41a618246478cdc2e505699921d8fc12ae"}))}get host(){return this}static get style(){return":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}"}},[257,"tds-link",{disabled:[516],underline:[516],standalone:[516]}]);function i(){"undefined"!=typeof customElements&&["tds-link"].forEach((e=>{"tds-link"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}i();const a=s,d=i;export{a as TdsLink,d as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as r,h as a,a as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-DMVs7mmW.js";const n=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||this.variant+" message"}render(){const e=this.header?"tds-message-header-"+i():void 0,t=this.minimal?void 0:"tds-message-content-"+i();return a(s,{key:"970813596af95b36b480b7845f99bf772c46ad85",role:this.tdsAlertDialog,"aria-describedby":t,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("div",{key:"9be4eb667886d765cc632cc01ca99436bc5b9c7f",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&a("tds-icon",{key:"6fc65633c9d6c0c177388e08f123860a1127dbe5","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),a("div",{key:"54b6b7de2b12c7d2317d29ae823993813843a106",class:"content"},this.header&&a("div",{key:"9848cbe69b8a70190ad5d1900cd7d66b30e3f3c2",class:"header",id:e},this.header),!this.minimal&&a("div",{key:"a278772324213ae58cac4521b2bd303081168fff",class:"extended-message",id:t},a("slot",{key:"572befa769c3d329a48272246915b70c7546c61d"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{color:var(--foreground-text-strong);font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}"}},[257,"tds-message",{header:[513],modeVariant:[513,"mode-variant"],variant:[513],noIcon:[516,"no-icon"],minimal:[516],tdsAlertDialog:[513,"tds-alert-dialog"],tdsAriaLabel:[513,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((t=>{switch(t){case"tds-message":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-icon":customElements.get(e(t))||o()}}))}d();const c=n,l=d;export{c as TdsMessage,l as defineCustomElement}
1
+ import{t as e,p as t,H as r,h as a,a as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-B4-NZ0-T.js";const n=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||this.variant+" message"}render(){const e=this.header?"tds-message-header-"+i():void 0,t=this.minimal?void 0:"tds-message-content-"+i();return a(s,{key:"970813596af95b36b480b7845f99bf772c46ad85",role:this.tdsAlertDialog,"aria-describedby":t,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("div",{key:"9be4eb667886d765cc632cc01ca99436bc5b9c7f",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&a("tds-icon",{key:"6fc65633c9d6c0c177388e08f123860a1127dbe5","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),a("div",{key:"54b6b7de2b12c7d2317d29ae823993813843a106",class:"content"},this.header&&a("div",{key:"9848cbe69b8a70190ad5d1900cd7d66b30e3f3c2",class:"header",id:e},this.header),!this.minimal&&a("div",{key:"a278772324213ae58cac4521b2bd303081168fff",class:"extended-message",id:t},a("slot",{key:"572befa769c3d329a48272246915b70c7546c61d"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{color:var(--foreground-text-strong);font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}"}},[257,"tds-message",{header:[513],modeVariant:[513,"mode-variant"],variant:[513],noIcon:[516,"no-icon"],minimal:[516],tdsAlertDialog:[513,"tds-alert-dialog"],tdsAriaLabel:[513,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((t=>{switch(t){case"tds-message":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-icon":customElements.get(e(t))||o()}}))}d();const c=n,l=d;export{c as TdsMessage,l as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as o,H as s,c as d,h as a,a as e}from"./index.js";import{h as i}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-DMVs7mmW.js";const n=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=d(this,"tdsClose",7),this.tdsOpen=d(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)}}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),s=this.header?"tds-modal-header-"+r():void 0,d="tds-modal-body-"+r();return a(e,{key:"47c0d4fe04b057ad1f1295336bad71e541b052ac",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":d,"aria-labelledby":s,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},a("div",{key:"f6500967c2aa83e740030050b5324de267ee7070",class:"tds-modal-backdrop"}),a("div",{key:"14bdaa5cef839b616355e7d5342519389a095b2d",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},a("div",{key:"fe10c46a52f58f1717b4e8bcb51b14cbef64cc4e",id:s,class:"header"},this.header&&a("div",{key:"95cf626802fe45eb54091414176e35af9eebc26e",class:"header-text"},this.header),t&&a("slot",{key:"840e065228905dff0b0aee19306c2767a44c5961",name:"header"}),this.closable&&a("button",{key:"515240253c8cf06452e6cf1e7c7cd90836ee6526",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},a("tds-icon",{key:"5b93c45967f34e994a57fd36fe50f19e34681cec",name:"cross",size:"20px"}))),a("div",{key:"e35ee14846aa28f1496e1a8dc5b0514b59a7c4f6",id:d,class:"body"},a("slot",{key:"828423ca3134f0f38520b4b70451b97cce84f19c",name:"body"})),o&&a("slot",{key:"9455e931e29bed29f10c01f7adc9555556b7f298",name:"actions"})))}get host(){return this}static get watchers(){return{show:[{handleShowPropChange:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}"}},[257,"tds-modal",{header:[513],prevent:[516],size:[513],actionsPosition:[513,"actions-position"],selector:[513],referenceEl:[16],show:[516],closable:[516],tdsAlertDialog:[513,"tds-alert-dialog"],isShown:[32],activeElementIndex:[32],showModal:[64],closeModal:[64],isOpen:[64],initializeModal:[64],cleanupModal:[64]},[[10,"keydown","handleFocusTrap"]],{show:[{handleShowPropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-modal","tds-icon"].forEach((o=>{switch(o){case"tds-modal":customElements.get(t(o))||customElements.define(t(o),n);break;case"tds-icon":customElements.get(t(o))||l()}}))}h();const c=n,b=h;export{c as TdsModal,b as defineCustomElement}
1
+ import{t,p as o,H as s,c as d,h as a,a as i}from"./index.js";import{h as e}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-B4-NZ0-T.js";const n=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=d(this,"tdsClose",7),this.tdsOpen=d(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.headerId="tds-modal-header-"+r(),this.bodyId="tds-modal-body-"+r()}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}initializeWithProps(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&e("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}connectedCallback(){this.initializeWithProps()}componentWillLoad(){this.initializeWithProps()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=e("header",this.host),o=e("actions",this.host),s=this.header||t;return a(i,{key:"9b6d05e3f91850245f4e5de015286ccf46acdbd4",class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},a("div",{key:"628a621eb1563bdf719680119c92e84719d2d057",class:"tds-modal-backdrop"}),a("div",{key:"1835e48a649635b855c65a4238c2cb8adc496630",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":this.bodyId,"aria-labelledby":s?this.headerId:void 0,class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},a("div",{key:"49a81905f9fadefaf5407bb9c0b47eb1acdab3df",class:"header"},this.header&&a("h1",{key:"2d61b4ab70694e4d43d7a7173345b8d65b932670",id:this.headerId,class:"header-text"},this.header),t&&a("slot",{key:"655a49d64666a2ad7662d246f5062addf682decd",name:"header"}),this.closable&&a("button",{key:"4b694826ac8513d7ea62ff1c555092e6162b71b9",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},a("tds-icon",{key:"02e7f0dbaa91e9dc0b4c73155bfc0c29f7510a36",name:"cross",size:"20px"}))),a("div",{key:"ec6300db10150ccc29728501d6c435d1b13dcb83",id:this.bodyId,class:"body"},a("slot",{key:"b472e9edcc14a9900a614c4366d85fe7f05c5864",name:"body"})),o&&a("slot",{key:"8f6742f6084b93c1c44b310158340eddad3744fb",name:"actions"})))}get host(){return this}static get watchers(){return{show:[{handleShowPropChange:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header .header-text{font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;inset:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;inset:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}"}},[257,"tds-modal",{header:[513],prevent:[516],size:[513],actionsPosition:[513,"actions-position"],selector:[513],referenceEl:[16],show:[516],closable:[516],tdsAlertDialog:[513,"tds-alert-dialog"],isShown:[32],activeElementIndex:[32],showModal:[64],closeModal:[64],isOpen:[64],initializeModal:[64],cleanupModal:[64]},[[10,"keydown","handleFocusTrap"]],{show:[{handleShowPropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-modal","tds-icon"].forEach((o=>{switch(o){case"tds-modal":customElements.get(t(o))||customElements.define(t(o),n);break;case"tds-icon":customElements.get(t(o))||l()}}))}h();const c=n,b=h;export{c as TdsModal,b as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as o,H as e,h as a,a as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const e=t[o];e.getAttribute("aria-controls")||console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return a(i,{key:"3fb20c6c5e5839eafbd7acc8e63d9b9ffeb531bd"},a("div",{key:"c04745d7b4bb9dc4efb3aa17a27f57a3219ac0d0",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},a("slot",{key:"2bdb886f7e601878878f77a1ee6e68f3b34a25e9"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(*){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}'}},[257,"tds-navigation-tab",{disabled:[516],selected:[32],setSelected:[64]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tab"].forEach((o=>{"tds-navigation-tab"===o&&(customElements.get(t(o))||customElements.define(t(o),s))}))}n();const r=s,d=n;export{r as TdsNavigationTab,d as defineCustomElement}
1
+ import{t,p as o,H as e,h as a,a as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const e=t[o];e.getAttribute("aria-controls")||console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return a(i,{key:"3fb20c6c5e5839eafbd7acc8e63d9b9ffeb531bd"},a("div",{key:"c04745d7b4bb9dc4efb3aa17a27f57a3219ac0d0",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},a("slot",{key:"2bdb886f7e601878878f77a1ee6e68f3b34a25e9"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(*){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}'}},[257,"tds-navigation-tab",{disabled:[516],selected:[32],setSelected:[64]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tab"].forEach((o=>{"tds-navigation-tab"===o&&(customElements.get(t(o))||customElements.define(t(o),s))}))}n();const r=s,d=n;export{r as TdsNavigationTab,d as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as a}from"./p-DMVs7mmW.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const e=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){return this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements.length>0&&(this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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 o(l,{key:"15c4bdd05aa8bcac2840a3f95b380ab03698428b",role:"tablist",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant},style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"55e2cc99927d5483c94cee6b15c651d77fdbfc52",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"f8ad88de0b631afc63ec51a20accb49b5d8f4334","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"19201f741465bff936960c4c6d8cb4f35317f648",name:"chevron_left",size:"20px"})),o("slot",{key:"f54a35402ec90a5e2cccfa4b5f51f56b95882e43",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"3d4d90efd57fb27de82491aab28e7e98674ddbdf","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"6ac4687c083d820662deea8d39b4b42cc0ab5a8d",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-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::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-navigation-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],leftPadding:[514,"left-padding"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-navigation-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-navigation-tabs":customElements.get(t(s))||customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))||a()}}))}h();const n=r,c=h;export{n as TdsNavigationTabs,c as defineCustomElement}
1
+ import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as r}from"./p-B4-NZ0-T.js";const a=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const e=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){return this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements.length>0&&(this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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 o(l,{key:"15c4bdd05aa8bcac2840a3f95b380ab03698428b",role:"tablist",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant},style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"55e2cc99927d5483c94cee6b15c651d77fdbfc52",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"f8ad88de0b631afc63ec51a20accb49b5d8f4334","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"19201f741465bff936960c4c6d8cb4f35317f648",name:"chevron_left",size:"20px"})),o("slot",{key:"f54a35402ec90a5e2cccfa4b5f51f56b95882e43",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"3d4d90efd57fb27de82491aab28e7e98674ddbdf","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"6ac4687c083d820662deea8d39b4b42cc0ab5a8d",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-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::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-navigation-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],leftPadding:[514,"left-padding"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-navigation-tabs":customElements.get(t(s))||customElements.define(t(s),a);break;case"tds-icon":customElements.get(t(s))||r()}}))}n();const h=a,c=n;export{h as TdsNavigationTabs,c as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as s,h as o,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as n}from"./p-DMVs7mmW.js";const i=t(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const t=this.host.closest("tds-side-menu"),s=t?t.id:"",n=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},s&&{"aria-controls":s}),d(this.host)),{onClick:e.handleClick});return o(r,{key:"3f7eef53ce8d066635998152e1684bd8a0034bbb"},o("button",Object.assign({key:"71029ead3db82331818f75bc165f4aaa85de4db3"},n),o("tds-icon",{key:"eb93cbf265c4a57f02a1457e65379c872bd442f5",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return this}static get style(){return":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}"}},[1,"tds-side-menu-close-button"]);function a(){"undefined"!=typeof customElements&&["tds-side-menu-close-button","tds-icon"].forEach((t=>{switch(t){case"tds-side-menu-close-button":customElements.get(e(t))||customElements.define(e(t),i);break;case"tds-icon":customElements.get(e(t))||n()}}))}a();const c=i,b=a;export{c as TdsSideMenuCloseButton,b as defineCustomElement}
1
+ import{t as e,p as t,H as s,h as o,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as n}from"./p-B4-NZ0-T.js";const i=t(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const t=this.host.closest("tds-side-menu"),s=t?t.id:"",n=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},s&&{"aria-controls":s}),d(this.host)),{onClick:e.handleClick});return o(r,{key:"3f7eef53ce8d066635998152e1684bd8a0034bbb"},o("button",Object.assign({key:"71029ead3db82331818f75bc165f4aaa85de4db3"},n),o("tds-icon",{key:"eb93cbf265c4a57f02a1457e65379c872bd442f5",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return this}static get style(){return":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}"}},[1,"tds-side-menu-close-button"]);function a(){"undefined"!=typeof customElements&&["tds-side-menu-close-button","tds-icon"].forEach((t=>{switch(t){case"tds-side-menu-close-button":customElements.get(e(t))||customElements.define(e(t),i);break;case"tds-icon":customElements.get(e(t))||n()}}))}a();const c=i,b=a;export{c as TdsSideMenuCloseButton,b as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as s,c as i,h as o,a}from"./index.js";import{d}from"./p-Df03ehYR.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=i(this,"tdsCollapse",3),this.internalTdsCollapse=i(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented||(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return o(a,{key:"af4793f3c8b8c5cc028ebcc26ddbfcc33ae1471e"},o("div",{key:"2f1b46a087dce36ca41171f93643c1f6216aeac7",class:{wrapper:!0,"state-collapsed":this.collapsed}},o("tds-side-menu-item",{key:"17de6280d2f2e695592d4e44b5918c3860d3fe80",class:{button:!0}},o("button",{key:"6d9fdaa1c0006305e1ff1388311e94b5868bbc3f",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},o("svg",{key:"ad898232c2d2965b08eb2a44d19d65c0039ff298",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},o("path",{key:"5f6e67ff24fa04d193efebadec616feb6c0d6683","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&o("slot",{key:"3793bcbed80fac4010820fbfd6752083e74a93d7"})))))}get host(){return this}static get style(){return":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}"}},[257,"tds-side-menu-collapse-button",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function l(){"undefined"!=typeof customElements&&["tds-side-menu-collapse-button","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-collapse-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-side-menu-item":customElements.get(e(t))||d()}}))}l();const c=n,r=l;export{c as TdsSideMenuCollapseButton,r as defineCustomElement}
1
+ import{t as e,p as t,H as s,c as i,h as o,a}from"./index.js";import{d}from"./p-CU6mz1BF.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=i(this,"tdsCollapse",3),this.internalTdsCollapse=i(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented||(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return o(a,{key:"af4793f3c8b8c5cc028ebcc26ddbfcc33ae1471e"},o("div",{key:"2f1b46a087dce36ca41171f93643c1f6216aeac7",class:{wrapper:!0,"state-collapsed":this.collapsed}},o("tds-side-menu-item",{key:"17de6280d2f2e695592d4e44b5918c3860d3fe80",class:{button:!0}},o("button",{key:"6d9fdaa1c0006305e1ff1388311e94b5868bbc3f",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},o("svg",{key:"ad898232c2d2965b08eb2a44d19d65c0039ff298",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},o("path",{key:"5f6e67ff24fa04d193efebadec616feb6c0d6683","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&o("slot",{key:"3793bcbed80fac4010820fbfd6752083e74a93d7"})))))}get host(){return this}static get style(){return":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}"}},[257,"tds-side-menu-collapse-button",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function l(){"undefined"!=typeof customElements&&["tds-side-menu-collapse-button","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-collapse-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-side-menu-item":customElements.get(e(t))||d()}}))}l();const c=n,r=l;export{c as TdsSideMenuCollapseButton,r as defineCustomElement}