@scania/tegel 1.47.2 → 1.48.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 (554) hide show
  1. package/README.md +4 -0
  2. package/dist/cjs/index-DGsdvbvx.js +2521 -0
  3. package/dist/cjs/{inheritAriaAttributes-dedbbc57.js → inheritAriaAttributes-D_xFGssc.js} +1 -1
  4. package/dist/cjs/{isHeadingElement-4f06b688.js → isHeadingElement-DihKNeqS.js} +1 -1
  5. package/dist/cjs/loader.cjs.js +3 -6
  6. package/dist/cjs/tds-accordion-item.cjs.entry.js +10 -7
  7. package/dist/cjs/tds-accordion.cjs.entry.js +5 -6
  8. package/dist/cjs/tds-badge.cjs.entry.js +13 -8
  9. package/dist/cjs/tds-banner.cjs.entry.js +19 -15
  10. package/dist/cjs/tds-block.cjs.entry.js +5 -6
  11. package/dist/cjs/tds-body-cell.cjs.entry.js +4 -9
  12. package/dist/cjs/tds-breadcrumb.cjs.entry.js +4 -6
  13. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +3 -7
  14. package/dist/cjs/tds-button_2.cjs.entry.js +15 -14
  15. package/dist/cjs/tds-card.cjs.entry.js +29 -20
  16. package/dist/cjs/tds-checkbox.cjs.entry.js +17 -17
  17. package/dist/cjs/tds-chip.cjs.entry.js +19 -16
  18. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +9 -10
  19. package/dist/cjs/tds-datetime.cjs.entry.js +30 -24
  20. package/dist/cjs/tds-dropdown_2.cjs.entry.js +67 -62
  21. package/dist/cjs/tds-folder-tab.cjs.entry.js +4 -7
  22. package/dist/cjs/tds-folder-tabs.cjs.entry.js +40 -38
  23. package/dist/cjs/tds-footer-group.cjs.entry.js +8 -11
  24. package/dist/cjs/tds-footer-item.cjs.entry.js +3 -6
  25. package/dist/cjs/tds-footer.cjs.entry.js +6 -8
  26. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +3 -6
  27. package/dist/cjs/tds-header-cell.cjs.entry.js +20 -23
  28. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +5 -6
  29. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +3 -10
  30. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +6 -9
  31. package/dist/cjs/tds-header-dropdown.cjs.entry.js +9 -13
  32. package/dist/cjs/tds-header-hamburger.cjs.entry.js +5 -9
  33. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +7 -9
  34. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +3 -6
  35. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +4 -7
  36. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +5 -9
  37. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +3 -6
  38. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +4 -7
  39. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -4
  40. package/dist/cjs/tds-header-launcher.cjs.entry.js +7 -12
  41. package/dist/cjs/tds-header-title.cjs.entry.js +3 -6
  42. package/dist/cjs/tds-header.cjs.entry.js +5 -8
  43. package/dist/cjs/tds-icon.cjs.entry.js +14 -17
  44. package/dist/cjs/tds-inline-tab.cjs.entry.js +4 -6
  45. package/dist/cjs/tds-inline-tabs.cjs.entry.js +42 -39
  46. package/dist/cjs/tds-link.cjs.entry.js +6 -6
  47. package/dist/cjs/tds-message.cjs.entry.js +14 -14
  48. package/dist/cjs/tds-modal.cjs.entry.js +93 -47
  49. package/dist/cjs/tds-navigation-tab.cjs.entry.js +4 -6
  50. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +43 -40
  51. package/dist/cjs/tds-popover-canvas.cjs.entry.js +17 -11
  52. package/dist/cjs/tds-popover-core.cjs.entry.js +53 -40
  53. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +4 -6
  54. package/dist/cjs/tds-popover-menu.cjs.entry.js +16 -11
  55. package/dist/cjs/tds-radio-button.cjs.entry.js +12 -15
  56. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +5 -8
  57. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +4 -7
  58. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +4 -6
  59. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +3 -6
  60. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +6 -7
  61. package/dist/cjs/tds-side-menu-item.cjs.entry.js +7 -7
  62. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +3 -6
  63. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +5 -13
  64. package/dist/cjs/tds-side-menu-user.cjs.entry.js +3 -10
  65. package/dist/cjs/tds-side-menu.cjs.entry.js +22 -15
  66. package/dist/cjs/tds-slider.cjs.entry.js +43 -26
  67. package/dist/cjs/tds-spinner.cjs.entry.js +5 -6
  68. package/dist/cjs/tds-step.cjs.entry.js +4 -12
  69. package/dist/cjs/tds-stepper.cjs.entry.js +26 -11
  70. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +4 -6
  71. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +15 -9
  72. package/dist/cjs/tds-table-body-row.cjs.entry.js +6 -6
  73. package/dist/cjs/tds-table-body.cjs.entry.js +8 -11
  74. package/dist/cjs/tds-table-footer.cjs.entry.js +23 -18
  75. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +4 -6
  76. package/dist/cjs/tds-table-header.cjs.entry.js +6 -7
  77. package/dist/cjs/tds-table-toolbar.cjs.entry.js +6 -6
  78. package/dist/cjs/tds-table.cjs.entry.js +46 -16
  79. package/dist/cjs/tds-tag.cjs.entry.js +6 -8
  80. package/dist/cjs/tds-text-field.cjs.entry.js +24 -15
  81. package/dist/cjs/tds-textarea.cjs.entry.js +18 -13
  82. package/dist/cjs/tds-toast.cjs.entry.js +17 -17
  83. package/dist/cjs/tds-toggle.cjs.entry.js +14 -15
  84. package/dist/cjs/tds-tooltip.cjs.entry.js +20 -18
  85. package/dist/cjs/tegel.cjs.js +7 -8
  86. package/dist/collection/assets/icons/scania/microphone.svg +4 -0
  87. package/dist/collection/assets/icons/scania/microphone_inactive.svg +7 -0
  88. package/dist/collection/assets/icons/scania/notification_snooze.svg +6 -0
  89. package/dist/collection/assets/icons/scania/paperclip.svg +3 -0
  90. package/dist/collection/collection-manifest.json +2 -2
  91. package/dist/collection/components/accordion/accordion-item/accordion-item.js +24 -6
  92. package/dist/collection/components/accordion/accordion.js +8 -2
  93. package/dist/collection/components/badge/badge.js +16 -4
  94. package/dist/collection/components/banner/banner.js +41 -19
  95. package/dist/collection/components/block/block.js +8 -2
  96. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +4 -1
  97. package/dist/collection/components/breadcrumbs/breadcrumbs.js +4 -5
  98. package/dist/collection/components/button/button.js +44 -19
  99. package/dist/collection/components/card/card.js +64 -28
  100. package/dist/collection/components/checkbox/checkbox.js +41 -22
  101. package/dist/collection/components/chip/chip.css +4 -0
  102. package/dist/collection/components/chip/chip.js +41 -19
  103. package/dist/collection/components/datetime/datetime.js +78 -37
  104. package/dist/collection/components/divider/divider.js +8 -2
  105. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +31 -25
  106. package/dist/collection/components/dropdown/dropdown.js +90 -50
  107. package/dist/collection/components/footer/footer-group/footer-group.js +12 -8
  108. package/dist/collection/components/footer/footer.js +5 -2
  109. package/dist/collection/components/header/header-dropdown/header-dropdown.js +19 -12
  110. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +4 -2
  111. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +8 -2
  112. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +16 -14
  113. package/dist/collection/components/header/header-hamburger/header-hamburger.js +4 -5
  114. package/dist/collection/components/header/header-item/header-item.js +9 -2
  115. package/dist/collection/components/header/header-launcher/header-launcher.js +5 -5
  116. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +9 -4
  117. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +0 -3
  118. package/dist/collection/components/icon/icon.js +29 -16
  119. package/dist/collection/components/icon/scaniaIconsArray.js +2 -252
  120. package/dist/collection/components/icon/tratonIconsArray.js +2 -32
  121. package/dist/collection/components/link/link.js +12 -3
  122. package/dist/collection/components/message/message.css +6 -6
  123. package/dist/collection/components/message/message.js +33 -16
  124. package/dist/collection/components/modal/modal.js +119 -51
  125. package/dist/collection/components/popover-canvas/popover-canvas.js +48 -16
  126. package/dist/collection/components/popover-core/popover-core.js +63 -30
  127. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +4 -1
  128. package/dist/collection/components/popover-menu/popover-menu.js +45 -16
  129. package/dist/collection/components/radio-button/radio-button.css +14 -14
  130. package/dist/collection/components/radio-button/radio-button.js +36 -20
  131. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +5 -3
  132. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +16 -6
  133. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +4 -1
  134. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +9 -2
  135. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +16 -14
  136. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +8 -8
  137. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +8 -8
  138. package/dist/collection/components/side-menu/side-menu.js +22 -10
  139. package/dist/collection/components/slider/slider.js +90 -36
  140. package/dist/collection/components/spinner/spinner.js +8 -2
  141. package/dist/collection/components/stepper/step/step.css +65 -16
  142. package/dist/collection/components/stepper/step/step.js +12 -11
  143. package/dist/collection/components/stepper/stepper.js +28 -6
  144. package/dist/collection/components/table/table/table.js +49 -12
  145. package/dist/collection/components/table/table-body/table-body.js +5 -5
  146. package/dist/collection/components/table/table-body-cell/table-body-cell.js +18 -11
  147. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +4 -1
  148. package/dist/collection/components/table/table-body-row/table-body-row.js +12 -3
  149. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +27 -8
  150. package/dist/collection/components/table/table-footer/table-footer.js +37 -17
  151. package/dist/collection/components/table/table-header/table-header.js +16 -6
  152. package/dist/collection/components/table/table-header-cell/table-header-cell.js +43 -28
  153. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +7 -2
  154. package/dist/collection/components/table/table-toolbar/table-toolbar.js +12 -3
  155. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +4 -2
  156. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +50 -37
  157. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +4 -1
  158. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +55 -39
  159. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +4 -1
  160. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +56 -40
  161. package/dist/collection/components/tag/tag.js +12 -5
  162. package/dist/collection/components/text-field/text-field.js +94 -36
  163. package/dist/collection/components/textarea/textarea.js +69 -27
  164. package/dist/collection/components/toast/toast.js +42 -21
  165. package/dist/collection/components/toggle/toggle.js +37 -19
  166. package/dist/collection/components/tooltip/tooltip.js +53 -25
  167. package/dist/components/index.d.ts +2 -0
  168. package/dist/components/index.js +1 -1
  169. package/dist/components/p-9AbeYlK8.js +1 -0
  170. package/dist/components/p-BFcLEwMn.js +1 -0
  171. package/dist/components/p-BWqvStj8.js +1 -0
  172. package/dist/components/p-BfVaBQQ6.js +1 -0
  173. package/dist/components/p-BrDlXJ4P.js +1 -0
  174. package/dist/components/p-BuqEW3pN.js +1 -0
  175. package/dist/components/p-C0fx1H4h.js +1 -0
  176. package/dist/components/p-CBZ6wC3m.js +1 -0
  177. package/dist/components/p-CLzENrFV.js +1 -0
  178. package/dist/components/p-CWEJdWOg.js +1 -0
  179. package/dist/components/p-Civ53ZSy.js +1 -0
  180. package/dist/components/p-CuIyaNyT.js +1 -0
  181. package/dist/components/p-D0Aaqu_c.js +1 -0
  182. package/dist/components/p-DC6RGvDS.js +1 -0
  183. package/dist/components/p-Dgt5K9eM.js +1 -0
  184. package/dist/components/p-Dh34QRlJ.js +1 -0
  185. package/dist/components/p-MrnWQiwK.js +1 -0
  186. package/dist/components/p-OdH1OynJ.js +1 -0
  187. package/dist/{tegel/p-0bd4c19c.js → components/p-Q3W78DlP.js} +1 -1
  188. package/dist/components/p-Zx1hN-_O.js +1 -0
  189. package/dist/components/p-dspMBqQE.js +1 -0
  190. package/dist/components/tds-accordion-item.js +1 -98
  191. package/dist/components/tds-accordion.js +1 -44
  192. package/dist/components/tds-badge.js +1 -76
  193. package/dist/components/tds-banner.js +1 -93
  194. package/dist/components/tds-block.js +1 -63
  195. package/dist/components/tds-body-cell.js +1 -131
  196. package/dist/components/tds-breadcrumb.js +1 -38
  197. package/dist/components/tds-breadcrumbs.js +1 -41
  198. package/dist/components/tds-button.js +1 -6
  199. package/dist/components/tds-card.js +1 -112
  200. package/dist/components/tds-checkbox.js +1 -6
  201. package/dist/components/tds-chip.js +1 -120
  202. package/dist/components/tds-core-header-item.js +1 -6
  203. package/dist/components/tds-datetime.js +1 -198
  204. package/dist/components/tds-divider.js +1 -6
  205. package/dist/components/tds-dropdown-option.js +1 -6
  206. package/dist/components/tds-dropdown.js +1 -6
  207. package/dist/components/tds-folder-tab.js +1 -74
  208. package/dist/components/tds-folder-tabs.js +1 -228
  209. package/dist/components/tds-footer-group.js +1 -87
  210. package/dist/components/tds-footer-item.js +1 -44
  211. package/dist/components/tds-footer.js +1 -47
  212. package/dist/components/tds-header-brand-symbol.js +1 -52
  213. package/dist/components/tds-header-cell.js +1 -187
  214. package/dist/components/tds-header-dropdown-list-item.js +1 -6
  215. package/dist/components/tds-header-dropdown-list-user.js +1 -45
  216. package/dist/components/tds-header-dropdown-list.js +1 -6
  217. package/dist/components/tds-header-dropdown.js +1 -127
  218. package/dist/components/tds-header-hamburger.js +1 -59
  219. package/dist/components/tds-header-item.js +1 -6
  220. package/dist/components/tds-header-launcher-button.js +1 -6
  221. package/dist/components/tds-header-launcher-grid-item.js +1 -35
  222. package/dist/components/tds-header-launcher-grid-title.js +1 -36
  223. package/dist/components/tds-header-launcher-grid.js +1 -58
  224. package/dist/components/tds-header-launcher-list-item.js +1 -41
  225. package/dist/components/tds-header-launcher-list-title.js +1 -37
  226. package/dist/components/tds-header-launcher-list.js +1 -38
  227. package/dist/components/tds-header-launcher.js +1 -134
  228. package/dist/components/tds-header-title.js +1 -35
  229. package/dist/components/tds-header.js +1 -74
  230. package/dist/components/tds-icon.js +1 -6
  231. package/dist/components/tds-inline-tab.js +1 -68
  232. package/dist/components/tds-inline-tabs.js +1 -234
  233. package/dist/components/tds-link.js +1 -64
  234. package/dist/components/tds-message.js +1 -84
  235. package/dist/components/tds-modal.js +1 -262
  236. package/dist/components/tds-navigation-tab.js +1 -65
  237. package/dist/components/tds-navigation-tabs.js +1 -240
  238. package/dist/components/tds-popover-canvas.js +1 -6
  239. package/dist/components/tds-popover-core.js +1 -6
  240. package/dist/components/tds-popover-menu-item.js +1 -41
  241. package/dist/components/tds-popover-menu.js +1 -84
  242. package/dist/components/tds-radio-button.js +1 -70
  243. package/dist/components/tds-side-menu-close-button.js +1 -53
  244. package/dist/components/tds-side-menu-collapse-button.js +1 -74
  245. package/dist/components/tds-side-menu-dropdown-list-item.js +1 -78
  246. package/dist/components/tds-side-menu-dropdown-list.js +1 -49
  247. package/dist/components/tds-side-menu-dropdown.js +1 -113
  248. package/dist/components/tds-side-menu-item.js +1 -6
  249. package/dist/components/tds-side-menu-overlay.js +1 -35
  250. package/dist/components/tds-side-menu-user-image.js +1 -6
  251. package/dist/components/tds-side-menu-user-label.js +1 -6
  252. package/dist/components/tds-side-menu-user.js +1 -56
  253. package/dist/components/tds-side-menu.js +1 -193
  254. package/dist/components/tds-slider.js +1 -545
  255. package/dist/components/tds-spinner.js +1 -39
  256. package/dist/components/tds-step.js +1 -86
  257. package/dist/components/tds-stepper.js +1 -95
  258. package/dist/components/tds-table-body-input-wrapper.js +1 -130
  259. package/dist/components/tds-table-body-row-expandable.js +1 -175
  260. package/dist/components/tds-table-body-row.js +1 -125
  261. package/dist/components/tds-table-body.js +1 -108
  262. package/dist/components/tds-table-footer.js +1 -210
  263. package/dist/components/tds-table-header-input-wrapper.js +1 -112
  264. package/dist/components/tds-table-header.js +1 -144
  265. package/dist/components/tds-table-toolbar.js +1 -119
  266. package/dist/components/tds-table.js +1 -168
  267. package/dist/components/tds-tag.js +1 -48
  268. package/dist/components/tds-text-field.js +1 -6
  269. package/dist/components/tds-textarea.js +1 -156
  270. package/dist/components/tds-toast.js +1 -117
  271. package/dist/components/tds-toggle.js +1 -86
  272. package/dist/components/tds-tooltip.js +1 -6
  273. package/dist/esm/index-9xxNGlso.js +2492 -0
  274. package/dist/{components/p-0bd4c19c.js → esm/inheritAriaAttributes-DyLhgCIg.js} +1 -1
  275. package/dist/esm/{isHeadingElement-8efea284.js → isHeadingElement-BQco7VNg.js} +1 -1
  276. package/dist/esm/loader.js +3 -4
  277. package/dist/esm/tds-accordion-item.entry.js +10 -5
  278. package/dist/esm/tds-accordion.entry.js +5 -4
  279. package/dist/esm/tds-badge.entry.js +13 -6
  280. package/dist/esm/tds-banner.entry.js +19 -13
  281. package/dist/esm/tds-block.entry.js +5 -4
  282. package/dist/esm/tds-body-cell.entry.js +4 -7
  283. package/dist/esm/tds-breadcrumb.entry.js +4 -4
  284. package/dist/esm/tds-breadcrumbs.entry.js +3 -5
  285. package/dist/esm/tds-button_2.entry.js +15 -12
  286. package/dist/esm/tds-card.entry.js +29 -18
  287. package/dist/esm/tds-checkbox.entry.js +17 -15
  288. package/dist/esm/tds-chip.entry.js +19 -14
  289. package/dist/esm/tds-core-header-item_2.entry.js +9 -8
  290. package/dist/esm/tds-datetime.entry.js +30 -22
  291. package/dist/esm/tds-dropdown_2.entry.js +67 -60
  292. package/dist/esm/tds-folder-tab.entry.js +4 -5
  293. package/dist/esm/tds-folder-tabs.entry.js +40 -36
  294. package/dist/esm/tds-footer-group.entry.js +8 -9
  295. package/dist/esm/tds-footer-item.entry.js +3 -4
  296. package/dist/esm/tds-footer.entry.js +6 -6
  297. package/dist/esm/tds-header-brand-symbol.entry.js +3 -4
  298. package/dist/esm/tds-header-cell.entry.js +20 -21
  299. package/dist/esm/tds-header-dropdown-list-item.entry.js +5 -4
  300. package/dist/esm/tds-header-dropdown-list-user.entry.js +3 -8
  301. package/dist/esm/tds-header-dropdown-list.entry.js +6 -7
  302. package/dist/esm/tds-header-dropdown.entry.js +9 -11
  303. package/dist/esm/tds-header-hamburger.entry.js +5 -7
  304. package/dist/esm/tds-header-launcher-button.entry.js +7 -7
  305. package/dist/esm/tds-header-launcher-grid-item.entry.js +3 -4
  306. package/dist/esm/tds-header-launcher-grid-title.entry.js +4 -5
  307. package/dist/esm/tds-header-launcher-grid.entry.js +5 -7
  308. package/dist/esm/tds-header-launcher-list-item.entry.js +3 -4
  309. package/dist/esm/tds-header-launcher-list-title.entry.js +4 -5
  310. package/dist/esm/tds-header-launcher-list.entry.js +2 -2
  311. package/dist/esm/tds-header-launcher.entry.js +7 -10
  312. package/dist/esm/tds-header-title.entry.js +3 -4
  313. package/dist/esm/tds-header.entry.js +5 -6
  314. package/dist/esm/tds-icon.entry.js +14 -15
  315. package/dist/esm/tds-inline-tab.entry.js +4 -4
  316. package/dist/esm/tds-inline-tabs.entry.js +42 -37
  317. package/dist/esm/tds-link.entry.js +6 -4
  318. package/dist/esm/tds-message.entry.js +14 -12
  319. package/dist/esm/tds-modal.entry.js +93 -45
  320. package/dist/esm/tds-navigation-tab.entry.js +4 -4
  321. package/dist/esm/tds-navigation-tabs.entry.js +43 -38
  322. package/dist/esm/tds-popover-canvas.entry.js +17 -9
  323. package/dist/esm/tds-popover-core.entry.js +53 -38
  324. package/dist/esm/tds-popover-menu-item.entry.js +4 -4
  325. package/dist/esm/tds-popover-menu.entry.js +16 -9
  326. package/dist/esm/tds-radio-button.entry.js +12 -13
  327. package/dist/esm/tds-side-menu-close-button.entry.js +5 -6
  328. package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -5
  329. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +4 -4
  330. package/dist/esm/tds-side-menu-dropdown-list.entry.js +3 -4
  331. package/dist/esm/tds-side-menu-dropdown.entry.js +6 -5
  332. package/dist/esm/tds-side-menu-item.entry.js +7 -5
  333. package/dist/esm/tds-side-menu-overlay.entry.js +3 -4
  334. package/dist/esm/tds-side-menu-user-image_2.entry.js +5 -11
  335. package/dist/esm/tds-side-menu-user.entry.js +3 -8
  336. package/dist/esm/tds-side-menu.entry.js +22 -13
  337. package/dist/esm/tds-slider.entry.js +43 -24
  338. package/dist/esm/tds-spinner.entry.js +5 -4
  339. package/dist/esm/tds-step.entry.js +4 -10
  340. package/dist/esm/tds-stepper.entry.js +26 -9
  341. package/dist/esm/tds-table-body-input-wrapper.entry.js +4 -4
  342. package/dist/esm/tds-table-body-row-expandable.entry.js +15 -7
  343. package/dist/esm/tds-table-body-row.entry.js +6 -4
  344. package/dist/esm/tds-table-body.entry.js +8 -9
  345. package/dist/esm/tds-table-footer.entry.js +23 -16
  346. package/dist/esm/tds-table-header-input-wrapper.entry.js +4 -4
  347. package/dist/esm/tds-table-header.entry.js +6 -5
  348. package/dist/esm/tds-table-toolbar.entry.js +6 -4
  349. package/dist/esm/tds-table.entry.js +46 -14
  350. package/dist/esm/tds-tag.entry.js +6 -6
  351. package/dist/esm/tds-text-field.entry.js +24 -13
  352. package/dist/esm/tds-textarea.entry.js +18 -11
  353. package/dist/esm/tds-toast.entry.js +17 -15
  354. package/dist/esm/tds-toggle.entry.js +14 -13
  355. package/dist/esm/tds-tooltip.entry.js +20 -16
  356. package/dist/esm/tegel.js +5 -5
  357. package/dist/tegel/assets/icons/scania/microphone.svg +4 -0
  358. package/dist/tegel/assets/icons/scania/microphone_inactive.svg +7 -0
  359. package/dist/tegel/assets/icons/scania/notification_snooze.svg +6 -0
  360. package/dist/tegel/assets/icons/scania/paperclip.svg +3 -0
  361. package/dist/tegel/{p-304f5a5c.entry.js → p-103beac4.entry.js} +1 -1
  362. package/dist/tegel/{p-c66b99a8.entry.js → p-1171b918.entry.js} +1 -1
  363. package/dist/tegel/p-121afb33.entry.js +1 -0
  364. package/dist/tegel/{p-fc26fb72.entry.js → p-17500423.entry.js} +1 -1
  365. package/dist/tegel/{p-8e930da5.entry.js → p-182d7066.entry.js} +1 -1
  366. package/dist/tegel/p-19103b43.entry.js +1 -0
  367. package/dist/tegel/p-19e70185.entry.js +1 -0
  368. package/dist/tegel/p-1b235896.entry.js +1 -0
  369. package/dist/tegel/p-1d160cef.entry.js +1 -0
  370. package/dist/tegel/p-1d403667.entry.js +1 -0
  371. package/dist/tegel/p-1f343c1c.entry.js +1 -0
  372. package/dist/tegel/p-21da22c7.entry.js +1 -0
  373. package/dist/tegel/p-21ee8076.entry.js +1 -0
  374. package/dist/tegel/{p-8a4837ae.entry.js → p-22d1d304.entry.js} +1 -1
  375. package/dist/tegel/{p-2faeb483.entry.js → p-26d6f766.entry.js} +1 -1
  376. package/dist/tegel/{p-4a7c213f.entry.js → p-2ab5a886.entry.js} +1 -1
  377. package/dist/tegel/{p-066e9613.entry.js → p-2e70052a.entry.js} +1 -1
  378. package/dist/tegel/{p-4a10393b.entry.js → p-37d10816.entry.js} +1 -1
  379. package/dist/tegel/p-38e72fb9.entry.js +1 -0
  380. package/dist/tegel/p-3a4c94fa.entry.js +1 -0
  381. package/dist/tegel/{p-15ae9443.entry.js → p-3a9793ef.entry.js} +1 -1
  382. package/dist/tegel/p-3c706eea.entry.js +1 -0
  383. package/dist/tegel/p-3d11fc11.entry.js +1 -0
  384. package/dist/tegel/{p-26408506.entry.js → p-408ccb20.entry.js} +1 -1
  385. package/dist/tegel/p-41ce0d20.entry.js +1 -0
  386. package/dist/tegel/{p-17893043.entry.js → p-4748cad9.entry.js} +1 -1
  387. package/dist/tegel/{p-25c4e6f6.entry.js → p-52e8c108.entry.js} +1 -1
  388. package/dist/tegel/{p-79fb0088.entry.js → p-567cbbe3.entry.js} +1 -1
  389. package/dist/tegel/{p-caadaf33.entry.js → p-5fc5e8b2.entry.js} +1 -1
  390. package/dist/tegel/{p-d031a7ca.entry.js → p-652d5980.entry.js} +1 -1
  391. package/dist/tegel/{p-08c993f3.entry.js → p-66404c24.entry.js} +1 -1
  392. package/dist/tegel/p-6952323d.entry.js +1 -0
  393. package/dist/tegel/p-722edda3.entry.js +1 -0
  394. package/dist/tegel/p-7aedca1d.entry.js +1 -0
  395. package/dist/tegel/p-7d54c68f.entry.js +1 -0
  396. package/dist/tegel/{p-ce6faf0e.entry.js → p-7f41c308.entry.js} +1 -1
  397. package/dist/tegel/{p-3ba2e575.entry.js → p-826bfbff.entry.js} +1 -1
  398. package/dist/tegel/{p-133351b5.entry.js → p-82743378.entry.js} +1 -1
  399. package/dist/tegel/p-85b3d6a6.entry.js +1 -0
  400. package/dist/tegel/{p-f1d58cbf.entry.js → p-85e2b8b8.entry.js} +1 -1
  401. package/dist/tegel/p-873dd581.entry.js +1 -0
  402. package/dist/tegel/p-88deac25.entry.js +1 -0
  403. package/dist/tegel/p-892bdb23.entry.js +1 -0
  404. package/dist/tegel/p-8eaea9b6.entry.js +1 -0
  405. package/dist/tegel/p-8f271e98.entry.js +1 -0
  406. package/dist/tegel/{p-508a55c0.entry.js → p-8fdf0d7e.entry.js} +1 -1
  407. package/dist/tegel/p-92ee76ea.entry.js +1 -0
  408. package/dist/tegel/p-936a7ca6.entry.js +1 -0
  409. package/dist/tegel/p-97c3349e.entry.js +1 -0
  410. package/dist/tegel/p-9a6a1e5a.entry.js +1 -0
  411. package/dist/tegel/p-9b2663c2.entry.js +1 -0
  412. package/dist/tegel/p-9xxNGlso.js +2 -0
  413. package/dist/tegel/{p-9332c225.js → p-Bx66i7RU.js} +1 -1
  414. package/dist/tegel/p-CF8bH08v.js +1 -0
  415. package/dist/tegel/p-CLF3diNe.js +1 -0
  416. package/dist/tegel/p-Cn4f8w1e.js +1 -0
  417. package/dist/tegel/p-DDX6uFcm.js +1 -0
  418. package/dist/tegel/p-Q3W78DlP.js +1 -0
  419. package/dist/tegel/p-a4fc2b2c.entry.js +1 -0
  420. package/dist/tegel/{p-27369d6a.entry.js → p-a6415b2c.entry.js} +1 -1
  421. package/dist/tegel/p-a7c5f9e5.entry.js +1 -0
  422. package/dist/tegel/{p-106dd3e9.entry.js → p-a9a60c38.entry.js} +1 -1
  423. package/dist/tegel/{p-ab067071.entry.js → p-a9f3bec2.entry.js} +1 -1
  424. package/dist/tegel/{p-a00ad341.entry.js → p-c2ffb85d.entry.js} +1 -1
  425. package/dist/tegel/p-c405daa1.entry.js +1 -0
  426. package/dist/tegel/p-c612b88f.entry.js +1 -0
  427. package/dist/tegel/{p-10340b85.entry.js → p-c681502a.entry.js} +1 -1
  428. package/dist/tegel/p-c8a575f1.entry.js +1 -0
  429. package/dist/tegel/p-c8d602b9.entry.js +1 -0
  430. package/dist/tegel/{p-2766b46f.entry.js → p-cc482c30.entry.js} +1 -1
  431. package/dist/tegel/p-d0c0f219.entry.js +1 -0
  432. package/dist/tegel/p-d79a1010.entry.js +1 -0
  433. package/dist/tegel/p-daab519f.entry.js +1 -0
  434. package/dist/tegel/{p-dc93c6e5.entry.js → p-dad64a2f.entry.js} +1 -1
  435. package/dist/tegel/p-dbfcc2a9.entry.js +1 -0
  436. package/dist/tegel/p-df943c9e.entry.js +1 -0
  437. package/dist/tegel/{p-608997fa.entry.js → p-dfa11d82.entry.js} +1 -1
  438. package/dist/tegel/p-e13d59c1.entry.js +1 -0
  439. package/dist/tegel/p-e4a3e0f4.entry.js +1 -0
  440. package/dist/tegel/p-e64bc780.entry.js +1 -0
  441. package/dist/tegel/{p-300af79f.entry.js → p-e8be1c01.entry.js} +1 -1
  442. package/dist/tegel/p-ea500860.entry.js +1 -0
  443. package/dist/tegel/{p-576a60ff.entry.js → p-ee9667d7.entry.js} +1 -1
  444. package/dist/tegel/p-f25d7602.entry.js +1 -0
  445. package/dist/tegel/p-f67dd00a.entry.js +1 -0
  446. package/dist/tegel/{p-f097adce.entry.js → p-f98f7716.entry.js} +1 -1
  447. package/dist/tegel/p-wEP_nEaO.js +1 -0
  448. package/dist/tegel/tegel.css +2 -2
  449. package/dist/tegel/tegel.esm.js +1 -1
  450. package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +1 -1
  451. package/dist/types/components/modal/modal.d.ts +7 -0
  452. package/dist/types/components/slider/slider-stories-setup.d.ts +1 -1
  453. package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +2 -2
  454. package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts +2 -2
  455. package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +2 -2
  456. package/dist/types/components.d.ts +1206 -150
  457. package/dist/types/stencil-public-runtime.d.ts +196 -8
  458. package/dist/types/types/ScaniaIcons.d.ts +1 -1
  459. package/package.json +9 -4
  460. package/dist/cjs/app-globals-3a1e7e63.js +0 -5
  461. package/dist/cjs/index-ca8040ad.js +0 -2039
  462. package/dist/components/p-0f9ce30b.js +0 -37
  463. package/dist/components/p-28ef5186.js +0 -1507
  464. package/dist/components/p-32351d04.js +0 -37
  465. package/dist/components/p-381677ec.js +0 -46
  466. package/dist/components/p-49b20476.js +0 -82
  467. package/dist/components/p-4c0aa33f.js +0 -117
  468. package/dist/components/p-4f672d4f.js +0 -112
  469. package/dist/components/p-542226b2.js +0 -110
  470. package/dist/components/p-5725d7a2.js +0 -113
  471. package/dist/components/p-5bb5f233.js +0 -220
  472. package/dist/components/p-859e3ebf.js +0 -68
  473. package/dist/components/p-871223b7.js +0 -719
  474. package/dist/components/p-a1181b1f.js +0 -16
  475. package/dist/components/p-ae4ca8c3.js +0 -165
  476. package/dist/components/p-d5461a3c.js +0 -59
  477. package/dist/components/p-e0997ae2.js +0 -41
  478. package/dist/components/p-e1622f4a.js +0 -32
  479. package/dist/components/p-e62ed985.js +0 -2100
  480. package/dist/components/p-f086ba26.js +0 -84
  481. package/dist/components/p-f6685f1b.js +0 -93
  482. package/dist/components/p-f8db4031.js +0 -103
  483. package/dist/esm/app-globals-0f993ce5.js +0 -3
  484. package/dist/esm/dfs-1e574d5f.js +0 -27
  485. package/dist/esm/generateUniqueId-7934d315.js +0 -26
  486. package/dist/esm/getAriaInvalid-a9944cb9.js +0 -23
  487. package/dist/esm/hasSlot-d52114d0.js +0 -9
  488. package/dist/esm/index-51d04e39.js +0 -2009
  489. package/dist/esm/inheritAriaAttributes-04f2f252.js +0 -76
  490. package/dist/esm/inheritAttributes-d21e267b.js +0 -25
  491. package/dist/tegel/p-0684b6d3.entry.js +0 -1
  492. package/dist/tegel/p-078217d1.entry.js +0 -1
  493. package/dist/tegel/p-07d16763.entry.js +0 -1
  494. package/dist/tegel/p-0e3fcc9f.entry.js +0 -1
  495. package/dist/tegel/p-1073fb33.entry.js +0 -1
  496. package/dist/tegel/p-123e6e54.entry.js +0 -1
  497. package/dist/tegel/p-15b9a73b.entry.js +0 -1
  498. package/dist/tegel/p-2049fab2.js +0 -2
  499. package/dist/tegel/p-225c73b6.entry.js +0 -1
  500. package/dist/tegel/p-38725623.entry.js +0 -1
  501. package/dist/tegel/p-3c348fcb.entry.js +0 -1
  502. package/dist/tegel/p-419212b5.entry.js +0 -1
  503. package/dist/tegel/p-4abe96b6.entry.js +0 -1
  504. package/dist/tegel/p-51118061.entry.js +0 -1
  505. package/dist/tegel/p-57a2d4de.entry.js +0 -1
  506. package/dist/tegel/p-5b80467f.entry.js +0 -1
  507. package/dist/tegel/p-5bab691f.entry.js +0 -1
  508. package/dist/tegel/p-63f77d7c.entry.js +0 -1
  509. package/dist/tegel/p-6bb6425c.entry.js +0 -1
  510. package/dist/tegel/p-739068bf.entry.js +0 -1
  511. package/dist/tegel/p-87219f00.entry.js +0 -1
  512. package/dist/tegel/p-91af9dc5.entry.js +0 -1
  513. package/dist/tegel/p-947ec2b0.entry.js +0 -1
  514. package/dist/tegel/p-9772750e.entry.js +0 -1
  515. package/dist/tegel/p-9f154997.entry.js +0 -1
  516. package/dist/tegel/p-a15280db.entry.js +0 -1
  517. package/dist/tegel/p-a2aaf61c.entry.js +0 -1
  518. package/dist/tegel/p-aa795666.entry.js +0 -1
  519. package/dist/tegel/p-b7e0917f.entry.js +0 -1
  520. package/dist/tegel/p-bc697ea7.entry.js +0 -1
  521. package/dist/tegel/p-bf40233e.entry.js +0 -1
  522. package/dist/tegel/p-c05f61d6.entry.js +0 -1
  523. package/dist/tegel/p-c163d44f.entry.js +0 -1
  524. package/dist/tegel/p-c2ab817d.entry.js +0 -1
  525. package/dist/tegel/p-c4719b10.entry.js +0 -1
  526. package/dist/tegel/p-c7be09fc.entry.js +0 -1
  527. package/dist/tegel/p-c8fd6b3b.entry.js +0 -1
  528. package/dist/tegel/p-da72f897.entry.js +0 -1
  529. package/dist/tegel/p-ded1191e.entry.js +0 -1
  530. package/dist/tegel/p-e1255160.js +0 -1
  531. package/dist/tegel/p-e2a6c30c.entry.js +0 -1
  532. package/dist/tegel/p-e2db17a5.entry.js +0 -1
  533. package/dist/tegel/p-e40d454d.entry.js +0 -1
  534. package/dist/tegel/p-e53da1e5.entry.js +0 -1
  535. package/dist/tegel/p-e64c36a3.entry.js +0 -1
  536. package/dist/tegel/p-ebf13d81.entry.js +0 -1
  537. package/dist/tegel/p-ede87410.entry.js +0 -1
  538. package/dist/tegel/p-f3cf4eba.entry.js +0 -1
  539. package/loader/package.json +0 -11
  540. /package/dist/cjs/{dfs-84f7f63e.js → dfs-Clg9RCmq.js} +0 -0
  541. /package/dist/cjs/{generateUniqueId-e3fc9863.js → generateUniqueId-ComXTAM_.js} +0 -0
  542. /package/dist/cjs/{getAriaInvalid-66a2eade.js → getAriaInvalid-Bdg4qUb_.js} +0 -0
  543. /package/dist/cjs/{hasSlot-1c90e9ba.js → hasSlot-D-DVNhGg.js} +0 -0
  544. /package/dist/cjs/{inheritAttributes-ff9ad737.js → inheritAttributes-CGw91JfB.js} +0 -0
  545. /package/dist/{tegel/p-3fe9cbbf.js → components/p-CF8bH08v.js} +0 -0
  546. /package/dist/{tegel/p-52bf0fdf.js → components/p-CLF3diNe.js} +0 -0
  547. /package/dist/{tegel/p-11648030.js → components/p-Cn4f8w1e.js} +0 -0
  548. /package/dist/{tegel/p-ae110fc2.js → components/p-DDX6uFcm.js} +0 -0
  549. /package/dist/{tegel/p-bbf9492a.js → components/p-wEP_nEaO.js} +0 -0
  550. /package/dist/{components/p-52bf0fdf.js → esm/dfs-CLF3diNe.js} +0 -0
  551. /package/dist/{components/p-11648030.js → esm/generateUniqueId-Cn4f8w1e.js} +0 -0
  552. /package/dist/{components/p-bbf9492a.js → esm/getAriaInvalid-wEP_nEaO.js} +0 -0
  553. /package/dist/{components/p-ae110fc2.js → esm/hasSlot-DDX6uFcm.js} +0 -0
  554. /package/dist/{components/p-3fe9cbbf.js → esm/inheritAttributes-CF8bH08v.js} +0 -0
@@ -0,0 +1 @@
1
+ import{t,p as o,H as s,c as e,h as i,a as r}from"./index.js";import{c as l,a as d}from"./p-CBZ6wC3m.js";import{g as n}from"./p-Cn4f8w1e.js";import{d as a}from"./p-C0fx1H4h.js";const h=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsClear=e(this,"tdsClear",6),this.disabled=!1,this.modeVariant=null,this.openDirection="auto",this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.value=null,this.open=!1,this.internalValue="",this.filterResult=null,this.filterFocus=!1,this.internalDefaultValue="",this.selectedOptions=[],this.filterQuery="",this.hasFocus=!1,this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>l(o.value)===l(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>{var o;return null===(o=t.textContent)||void 0===o?void 0:o.trim()}))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,e,i;if("auto"===this.openDirection||!this.openDirection){const r=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(i=null===(e=(s=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(s).top)&&void 0!==i?i:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{var t;if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase();this.filterQuery=o;const s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>{var s;return this.normalizeString(null!==(s=null==t?void 0:t.textContent)&&void 0!==s?s:"").toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.handleFilterReset=()=>{if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.tdsClear.emit({clearedValue:t})}else if(this.selectedOptions.length>0){const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.inputElement&&(this.inputElement.value="",this.inputElement.focus()),this.tdsClear.emit({clearedValue:t})}},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.inputElement&&(this.inputElement.value=""),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=()=>{this.filterFocus=!1,this.inputElement&&(this.inputElement.value=this.getValue())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()}}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?d(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[l(t[0])]:[l(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>l(o.value)===l(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(l(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?d(t):[l(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>{var o;return{value:t.value,label:null===(o=t.textContent)||void 0===o?void 0:o.trim()}}))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){var t;if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){var o,s;const{activeElement:e}=document;if(!e)return;const i=this.getChildren();if("ArrowDown"===t.key){const t=e.nextElementSibling?i.findIndex((t=>t===e.nextElementSibling)):0;if(i.length>0){const o=((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(i,t),s="number"==typeof o?i[o]:i[0];null==s||s.focus()}}else if("ArrowUp"===t.key){const t=e.nextElementSibling?this.getChildren().findIndex((t=>t===e.previousElementSibling)):0;if(i.length>0){const o=((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(i,t),s="number"==typeof o?i[o]:i[i.length-1];null==s||s.focus()}}else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector("button");null==t||t.focus()}}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():"")),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=l(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=l(this.defaultValue),o=this.multiselect?t.split(",").map(l):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.filter&&this.filterQuery.length>0&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.handleFilter({target:{value:""}})),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,s,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i&&(i.disabled=e,i.name=o||"",i.value=s||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||n()}`:void 0,o=this.helper?`dropdown-helper-${this.name||n()}`:void 0;return i(r,{key:"95814dc19d0c75fcfc78f8c434db1c8b71a659a1",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&i("div",{key:"ab1ba8c2935e11d011c7eeb421988bea33104d1b",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),i("div",{key:"94ed0bb5bc35108e3b9d9fb9a766db48ce692f2e",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?i("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},i("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&i("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&i("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),i("input",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?this.filterQuery:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),i("tds-icon",{tabIndex:0,role:"button","aria-label":this.filterQuery.length>0?"Clear filter":"Clear selection",svgTitle:this.filterQuery.length>0?"Clear filter":"Clear selection",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.filterQuery.length>0||this.selectedOptions.length>0)},name:"cross",size:"16px"}),i("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):i("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},i("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&i("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&i("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),i("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),i("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),i("div",{key:"00ee04d8efa997d41996e82ff91f9ffcdaf6c8fe",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{t&&(this.dropdownList=t)},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":!(!this.label||"outside"!==this.labelPosition),open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},i("slot",{key:"3dd6b7ab60e7a33259b20cb59c4d4537c147267f",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&i("div",{key:"f71a4316378185af92c591512219074313f38138",class:`no-result ${this.size}`},this.noResultText)),this.helper&&i("div",{key:"ad99eba3f43e8cb97a56468a110396e195142699",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&i("tds-icon",{key:"7008b6016ea4a48b55102d70f4a6295aa7431c38",name:"error",size:"16px"}),this.helper))}get host(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}}static get style(){return'@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host,: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{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}'}},[257,"tds-dropdown",{name:[1],disabled:[4],helper:[1],label:[1],labelPosition:[1,"label-position"],modeVariant:[1,"mode-variant"],openDirection:[1,"open-direction"],placeholder:[1],size:[1],animation:[1],error:[4],multiselect:[4],filter:[4],normalizeText:[4,"normalize-text"],noResultText:[1,"no-result-text"],defaultValue:[8,"default-value"],value:[1032],tdsAriaLabel:[1,"tds-aria-label"],open:[32],internalValue:[32],filterResult:[32],filterFocus:[32],internalDefaultValue:[32],selectedOptions:[32],filterQuery:[32],setValue:[64],reset:[64],removeValue:[64],focusElement:[64],close:[64],updateDisplay:[64],appendValue:[64]},[[9,"mousedown","onAnyClick"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"],[0,"keydown","onKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-dropdown","tds-icon"].forEach((o=>{switch(o){case"tds-dropdown":customElements.get(t(o))||customElements.define(t(o),h);break;case"tds-icon":customElements.get(t(o))||a()}}))}c();export{h as T,c as d}
@@ -0,0 +1 @@
1
+ import{d as r}from"./p-CLF3diNe.js";const n=r=>{const n=r.tagName.toLowerCase(),t=r.getAttribute("role");return["h1","h2","h3","h4","h5","h6"].includes(n)||"heading"===t},t=r=>r.previousElementSibling,o=(n,o)=>function(n,t,o){let e=o(n);for(;e;){const n=r(e,t);if(n)return n;e=o(e)}return null}(n,o,t);export{o as g,n as i}
@@ -0,0 +1 @@
1
+ import{t,p as o,H as r,h as s,a as n}from"./index.js";import{h as d}from"./p-DDX6uFcm.js";const a=o(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.onlyIcon=!1}handleKeyDown(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.add("active")}handleKeyUp(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.remove("active")}render(){const t=d("label",this.host),o=d("icon",this.host);return this.text||t||(this.onlyIcon=!0),s(n,{key:"35c60edf5c2e4769e8995a47e90b8e99ef4482f6",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},s("button",Object.assign({key:"819e795be3cdd3c435f54f1f9c0e13ae091aec98",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:o,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,t&&!this.onlyIcon&&s("slot",{key:"1c43f0358cfa491bf3b2061e7891f17bc8f0aac4",name:"label"}),o&&s("slot",{key:"40fb5ffa1bb25c098f413e672fb28ccc11a0d3d0",name:"icon"})))}get host(){return this}static get style(){return".sc-tds-button:root,.tds-mode-light.sc-tds-button{--tds-btn-primary-background:var(--background-clickable-primary-primary);--tds-btn-primary-background-hover:var(--background-clickable-primary-primary-hover);--tds-btn-primary-background-active:var(--background-clickable-primary-pressed);--tds-btn-primary-background-focus:var(--background-clickable-primary-focus);--tds-btn-primary-background-disabled-primary:var(--background-clickable-primary-disabled);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-color-disabled:var(--tds-grey-250);--tds-btn-primary-border-color:transparent;--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-border-color-focus:var(--tds-blue-700);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:var(--tds-grey-350);--tds-btn-secondary-background-hover:var(--tds-blue-700);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:var(--tds-grey-650);--tds-btn-secondary-background-focus:var(--tds-blue-700);--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-white);--tds-btn-secondary-outline-color:var(--tds-grey-350);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-grey-250);--tds-btn-secondary-border-color-disabled:var(--tds-grey-250);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill-active:var(--tds-grey-950);--tds-btn-icon-secondary-fill:var(--tds-grey-950);--tds-btn-icon-secondary-color:var(--tds-grey-950);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-active:var(--tds-grey-950);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-grey-950);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-grey-950);--tds-btn-ghost-border-color-hover:var(--tds-grey-350);--tds-btn-ghost-outline-color-hover:var(--tds-grey-350);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-grey-950);--tds-btn-ghost-border-color-active:var(--tds-grey-650);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-grey-950);--tds-btn-ghost-border-color-focus:var(--tds-grey-350);--tds-btn-ghost-outline-color-focus:var(--tds-blue-400);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-grey-250);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-950);--tds-btn-icon-ghost-color:var(--tds-grey-950);--tds-btn-danger-background:var(--scania-extended-red-400);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--scania-extended-red-500);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--scania-extended-red-600);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--scania-extended-red-500);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-500);--tds-btn-danger-outline-color-focus:var(--tds-blue-400);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-grey-250);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-grey-50);--tds-btn-icon-danger-color:var(--tds-grey-50)}.sc-tds-button:root .tds-mode-variant-primary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.sc-tds-button:root .tds-mode-variant-secondary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark.sc-tds-button{--tds-btn-primary-background:var(--scania-blue-400);--tds-btn-primary-background-hover:var(--scania-blue-500);--tds-btn-primary-background-active:var(--scania-blue-600);--tds-btn-primary-background-focus:var(--scania-blue-500);--tds-btn-primary-border-color-focus:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-border-color-hover:var(--tds-white);--tds-btn-primary-outline-color-focus:var(--tds-blue-300);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-850);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--scania-neutral-transparent-inverse-500);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--scania-neutral-transparent-inverse-400);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-white);--tds-btn-secondary-background-active:var(--scania-blue-600);--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-grey-200);--tds-btn-secondary-background-focus:var(--scania-blue-500);--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-white);--tds-btn-secondary-outline-color-focus:var(--tds-blue-300);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-grey-500);--tds-btn-secondary-border-color-disabled:var(--tds-grey-500);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:var(--tds-grey-400);--tds-btn-ghost-outline-color-hover:var(--scania-neutral-transparent-inverse-400);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:var(--tds-grey-200);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-white);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-grey-500);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--scania-extended-red-400);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--scania-extended-red-500);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:var(--tds-white);--tds-btn-danger-background-active:var(--scania-extended-red-600);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--scania-extended-red-500);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-white);--tds-btn-danger-outline-color-focus:var(--tds-blue-300);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-850);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-grey-500);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}button.sc-tds-button{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--scania-blue-400)}button.sc-tds-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}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{background:var(--tds-btn-primary-background-disabled);border-color:var(--tds-btn-primary-border-color-disabled);color:var(--tds-btn-primary-color-disabled);outline-color:var(--tds-btn-primary-outline-color-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{background:var(--tds-btn-secondary-background-disabled);border-color:var(--tds-btn-secondary-border-color-disabled);color:var(--tds-btn-secondary-color-disabled);outline-color:var(--tds-btn-secondary-outline-color-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{background:var(--tds-btn-ghost-background-disabled);border-color:var(--tds-btn-ghost-border-color-disabled);color:var(--tds-btn-ghost-color-disabled);outline-color:var(--tds-btn-ghost-outline-color-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{background:var(--tds-btn-danger-background-disabled);border-color:var(--tds-btn-danger-border-color-disabled);color:var(--tds-btn-danger-color-disabled);outline-color:var(--tds-btn-danger-outline-color-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0}"}},[262,"tds-button",{text:[1],type:[1],variant:[1],size:[1],disabled:[4],fullbleed:[4],modeVariant:[1,"mode-variant"],animation:[1],tdsAriaLabel:[1,"tds-aria-label"],name:[1],value:[1],onlyIcon:[32]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]);function e(){"undefined"!=typeof customElements&&["tds-button"].forEach((o=>{"tds-button"===o&&(customElements.get(t(o))||customElements.define(t(o),a))}))}e();export{a as T,e as d}
@@ -0,0 +1 @@
1
+ import{t,p as o,H as s,h as i,a as e}from"./index.js";import{i as d}from"./p-CF8bH08v.js";import{d as r}from"./p-BrDlXJ4P.js";const l=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.text="",this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.border="",this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes={}}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return i(e,{key:"49b74045dffd614a85e5749c0f3e22a5c825b12a",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},i("tds-popover-core",Object.assign({key:"8b02fca65300f241ddeb938977f6260477f10804"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":!!this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,i("slot",{key:"3dc322ae67df156173931c052dfd97b4f7fb8acb"})))}get host(){return this}static get style(){return".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}"}},[262,"tds-tooltip",{text:[1],selector:[1],referenceEl:[16],defaultShow:[4,"default-show"],mouseOverTooltip:[4,"mouse-over-tooltip"],trigger:[1],show:[1028],placement:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],tdsAriaDescribedby:[1,"tds-aria-describedby"]},[[8,"keydown","handleKeyDown"]]]);function a(){"undefined"!=typeof customElements&&["tds-tooltip","tds-popover-core"].forEach((o=>{switch(o){case"tds-tooltip":customElements.get(t(o))||customElements.define(t(o),l);break;case"tds-popover-core":customElements.get(t(o))||r()}}))}a();export{l as T,a as d}
@@ -0,0 +1 @@
1
+ import{t as e,p as t,H as s,h as a,a as c}from"./index.js";import{i}from"./p-Q3W78DlP.js";import{d as o}from"./p-BFcLEwMn.js";import{d as r}from"./p-BuqEW3pN.js";import{d}from"./p-C0fx1H4h.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),i(this.host));const e=Object.assign({},this.ariaAttributes);return a(c,{key:"72018ce054eb1c8c0d743887693ae0eb5a5fceae"},a("tds-header-item",{key:"575f5f39bc75aaae01e3d62149228c63d389cbca",active:this.active},a("button",Object.assign({key:"9c0d368a1f63260950e93f72c022b4d030f20587"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"e8ee6fc3fcf23cebc14fb084517abaf68c71a495",class:"icon",name:"bento",size:"20px","svg-title":this.tdsAriaLabel}))))}get host(){return this}static get style(){return":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}"}},[1,"tds-header-launcher-button",{active:[4],tdsAriaLabel:[1,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-launcher-button","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-launcher-button":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();break;case"tds-icon":customElements.get(e(t))||d()}}))}m();export{n as T,m as d}
@@ -0,0 +1 @@
1
+ import{t as e,p as s,H as t,h as a,a as d}from"./index.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(d,{key:"30326793059e4e25b3c769e94b22780a37754ba4"},this.heading,this.subheading&&a("div",{key:"e3912bf0571bb8ef67ebea53d37547a0a9284bf7",class:"subheading"},this.subheading))}static get style(){return":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}"}},[1,"tds-side-menu-user-label",{heading:[1],subheading:[1]}]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-user-label"].forEach((s=>{"tds-side-menu-user-label"===s&&(customElements.get(e(s))||customElements.define(e(s),n))}))}i();export{n as T,i as d}
@@ -0,0 +1 @@
1
+ import{t as d,p as i,H as r,h as e,a as t}from"./index.js";const o=i(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.variant="subtle"}render(){return e(t,{key:"286c212f733e5cac724b50b8cd1e99f12f6b6de3",role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},e("div",{key:"f6a3b9c516f7f072cad30d06b597d58728502b12",class:{divider:!0,vertical:"vertical"===this.orientation,horizontal:"horizontal"===this.orientation,discrete:"discrete"===this.variant,subtle:"subtle"===this.variant,soft:"soft"===this.variant,defined:"defined"===this.variant,"dark-blue":"dark-blue"===this.variant}}))}static get style(){return".divider{box-sizing:border-box;background-color:var(--tds-divider-background)}.divider *{box-sizing:border-box}.divider.discrete{background-color:var(--tds-divider-background-discrete)}.divider.subtle{background-color:var(--tds-divider-background-subtle)}.divider.soft{background-color:var(--tds-divider-background-soft)}.divider.defined{background-color:var(--tds-divider-background-defined)}.divider.dark-blue{background-color:var(--tds-divider-background-dark-blue)}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}"}},[1,"tds-divider",{orientation:[1],variant:[1]}]);function s(){"undefined"!=typeof customElements&&["tds-divider"].forEach((i=>{"tds-divider"===i&&(customElements.get(d(i))||customElements.define(d(i),o))}))}s();export{o as D,s as d}
@@ -0,0 +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.selected=!1,this.size="md"}render(){return d(s,{key:"f44417356b72d471bc6b9da6f05a92ee847492fd"},d("div",{key:"4b3d24be55310e85146c89ac249bc6d100be4c6c",class:{component:!0,"component-selected":this.selected}},d("slot",{key:"2a37b399064d6f5ca3cc15417f48d60380d6b6dc"})))}get host(){return this}static get style(){return":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}"}},[257,"tds-header-dropdown-list-item",{selected:[4],size:[513]}]);function n(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-item"].forEach((e=>{"tds-header-dropdown-list-item"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}n();export{r as T,n as d}
@@ -1 +1 @@
1
- import{i as a}from"./p-3fe9cbbf.js";const i=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=(r,e)=>{let l=i;return e&&e.length>0&&(l=l.filter((a=>!e.includes(a)))),a(r,l)};export{r as i}
1
+ import{i as a}from"./p-CF8bH08v.js";const i=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=(r,e)=>{let l=i;return e&&e.length>0&&(l=l.filter((a=>!e.includes(a)))),a(r,l)};export{r as i}
@@ -0,0 +1 @@
1
+ import{t as e,p as c,H as t,c as s,h as o}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const b=c(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tdsChange=s(this,"tdsChange",6),this.tdsFocus=s(this,"tdsFocus",6),this.tdsBlur=s(this,"tdsBlur",6),this.checkboxId=d(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})}}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(e){this.tdsFocus.emit(e)}handleBlur(e){this.tdsBlur.emit(e)}handleFormReset(e){this.host.closest("form")===e.target&&(this.checked=!1,this.indeterminate=!1)}render(){return o("div",{key:"dfffd2e58507c14f16d9c0979d1cf794296b83eb",class:"tds-checkbox"},o("input",{key:"6003dd1ba8c0ffc40a7f3f692867e47801ebfb0d",ref:e=>{e&&(this.inputElement=e)},indeterminate:this.indeterminate,"aria-checked":this.checked,"aria-required":this.required,"aria-label":this.tdsAriaLabel,"aria-describedby":this.tdsAriaDescribedby,required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e),onChange:()=>{this.handleChange()}}),o("label",{key:"0fb389206bd35497737b14a0cf12093a32de7881",htmlFor:this.checkboxId},o("slot",{key:"7a085546f31a1aa6f4dd2ddab4f053bf86663dda",name:"label"})))}get host(){return this}static get watchers(){return{indeterminate:[{handleIndeterminateState:0}]}}static get style(){return'.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:20px;height:20px;left:2px;top:2px;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus-visible::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-disabled);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}'}},[262,"tds-checkbox",{name:[1],checkboxId:[1,"checkbox-id"],disabled:[4],required:[4],checked:[1540],indeterminate:[1028],value:[1],tdsAriaLabel:[1,"tds-aria-label"],tdsAriaDescribedby:[1,"tds-aria-describedby"],toggleCheckbox:[64],focusElement:[64]},[[4,"reset","handleFormReset"]],{indeterminate:[{handleIndeterminateState:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-checkbox"].forEach((c=>{"tds-checkbox"===c&&(customElements.get(e(c))||customElements.define(e(c),b))}))}h();export{b as T,h as d}
@@ -0,0 +1 @@
1
+ import{t,p as s,H as e,h as i,a as o}from"./index.js";import{g as d,i as n}from"./p-CuIyaNyT.js";const l=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.slotListeners=new Map,this.size="md"}componentWillLoad(){var t,s;const{children:e}=this.host;for(let t=0;t<e.length;t++){const s=e[t];"size"in s&&(s.size=this.size)}let i=this.host;"tds-header-launcher-list"===(null===(s=null===(t=this.host)||void 0===t?void 0:t.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())&&(i=this.host.parentElement);const o=d(i,n);o?this.headingElement=o:console.warn("Heading element for list not found")}componentDidLoad(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const s={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return i(o,Object.assign({key:"190c5b3ef5273bb4ddb4bfe7d41aa21051eced80"},s),i("slot",{key:"cb7346a42c64bfe414b1814acab5923583f543b4"}))}get host(){return this}static get style(){return":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}"}},[257,"tds-header-dropdown-list",{size:[513],headingElement:[32]}]);function a(){"undefined"!=typeof customElements&&["tds-header-dropdown-list"].forEach((s=>{"tds-header-dropdown-list"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}a();export{l as T,a as d}
@@ -1,98 +1 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
2
- import { g as generateUniqueId } from './p-11648030.js';
3
- import { d as defineCustomElement$2 } from './p-f086ba26.js';
4
-
5
- const accordionItemCss = ".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover{background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}";
6
- const TdsAccordionItemStyle0 = accordionItemCss;
7
-
8
- const TdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordionItem extends H {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this.__attachShadow();
13
- this.tdsToggle = createEvent(this, "tdsToggle", 7);
14
- this.header = '';
15
- this.expandIconPosition = 'end';
16
- this.disabled = false;
17
- this.expanded = false;
18
- this.paddingReset = false;
19
- this.ariaLevelValue = '6';
20
- }
21
- /** Method for toggling the expanded state of the Accordion Item. */
22
- async toggleAccordionItem() {
23
- const event = this.tdsToggle.emit({
24
- expanded: !this.expanded,
25
- });
26
- if (!event.defaultPrevented) {
27
- this.expanded = !this.expanded;
28
- }
29
- }
30
- /** Method for expanding the Accordion Item */
31
- async expand() {
32
- const event = this.tdsToggle.emit({
33
- expanded: true,
34
- });
35
- if (!event.defaultPrevented) {
36
- this.expanded = true;
37
- }
38
- }
39
- /** Method for collapsing the Accordion Item */
40
- async collapse() {
41
- const event = this.tdsToggle.emit({
42
- expanded: false,
43
- });
44
- if (!event.defaultPrevented) {
45
- this.expanded = false;
46
- }
47
- }
48
- /** Returns the expanded state of the Accordion Item. */
49
- async isExpanded() {
50
- return this.expanded;
51
- }
52
- render() {
53
- const primaryElementId = generateUniqueId();
54
- const secondaryElementId = generateUniqueId();
55
- return (h(Host, { key: '17e9a722992b69661f77c0aec843fa117111eed1' }, h("div", { key: 'b292c495ceb21cc538678716975e41cdfa40cbcf', class: `tds-accordion-item
56
- ${this.disabled ? 'disabled' : ''}
57
- ${this.expanded ? 'expanded' : ''}
58
- ` }, h("div", { key: '3a5c926bfbefc218d8c60dca53c94dd246b7ff05', role: "heading", "aria-level": this.ariaLevelValue }, h("button", { key: 'ce3f4e699dc2e8d777439edb7e0b6ea66315dc25', id: secondaryElementId, "aria-controls": primaryElementId, type: "button", "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: '6c6dada270be17a214475e0a4c8de0ef34f45a61', class: "tds-accordion-title" }, this.header, h("slot", { key: '7c9a9fc36bc1b0fc1a4e95ba21fb470a8ec17a95', name: "header" })), h("div", { key: 'eddcc635b64da34b2137206f1eb5f20add5a9b62', class: "tds-accordion-icon" }, h("tds-icon", { key: '0a640885ea799bd06666e503aa3ecf111fc2adb7', tdsAriaHidden: true, svgTitle: "Chevron Down", name: "chevron_down", size: "16px" })))), h("div", { key: '851c381810b1ea21451f2beff668c44a145cbd70', role: "region", "aria-live": "polite", "aria-labelledby": secondaryElementId, id: primaryElementId, class: `tds-accordion-panel
59
- ${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
60
- ` }, h("slot", { key: '3ace67e98a6a24daad4557079d7b3a8b7f927381' })))));
61
- }
62
- static get style() { return TdsAccordionItemStyle0; }
63
- }, [1, "tds-accordion-item", {
64
- "header": [1],
65
- "expandIconPosition": [1, "expand-icon-position"],
66
- "disabled": [4],
67
- "expanded": [516],
68
- "paddingReset": [4, "padding-reset"],
69
- "ariaLevelValue": [1, "aria-level-value"],
70
- "toggleAccordionItem": [64],
71
- "expand": [64],
72
- "collapse": [64],
73
- "isExpanded": [64]
74
- }]);
75
- function defineCustomElement$1() {
76
- if (typeof customElements === "undefined") {
77
- return;
78
- }
79
- const components = ["tds-accordion-item", "tds-icon"];
80
- components.forEach(tagName => { switch (tagName) {
81
- case "tds-accordion-item":
82
- if (!customElements.get(tagName)) {
83
- customElements.define(tagName, TdsAccordionItem$1);
84
- }
85
- break;
86
- case "tds-icon":
87
- if (!customElements.get(tagName)) {
88
- defineCustomElement$2();
89
- }
90
- break;
91
- } });
92
- }
93
- defineCustomElement$1();
94
-
95
- const TdsAccordionItem = TdsAccordionItem$1;
96
- const defineCustomElement = defineCustomElement$1;
97
-
98
- export { TdsAccordionItem, defineCustomElement };
1
+ import{t as d,p as o,H as c,c as i,h as e,a as t}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d as n}from"./p-C0fx1H4h.js";const r=o(class extends c{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.tdsToggle=i(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=a(),o=a();return e(t,{key:"17e9a722992b69661f77c0aec843fa117111eed1"},e("div",{key:"b292c495ceb21cc538678716975e41cdfa40cbcf",class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},e("div",{key:"3a5c926bfbefc218d8c60dca53c94dd246b7ff05",role:"heading","aria-level":this.ariaLevelValue},e("button",{key:"ce3f4e699dc2e8d777439edb7e0b6ea66315dc25",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:"tds-accordion-header-icon-"+this.expandIconPosition,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},e("div",{key:"6c6dada270be17a214475e0a4c8de0ef34f45a61",class:"tds-accordion-title"},this.header,e("slot",{key:"7c9a9fc36bc1b0fc1a4e95ba21fb470a8ec17a95",name:"header"})),e("div",{key:"eddcc635b64da34b2137206f1eb5f20add5a9b62",class:"tds-accordion-icon"},e("tds-icon",{key:"0a640885ea799bd06666e503aa3ecf111fc2adb7",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),e("div",{key:"851c381810b1ea21451f2beff668c44a145cbd70",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},e("slot",{key:"3ace67e98a6a24daad4557079d7b3a8b7f927381"}))))}static get style(){return".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover{background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}"}},[257,"tds-accordion-item",{header:[1],expandIconPosition:[1,"expand-icon-position"],disabled:[4],expanded:[516],paddingReset:[4,"padding-reset"],ariaLevelValue:[1,"aria-level-value"],toggleAccordionItem:[64],expand:[64],collapse:[64],isExpanded:[64]}]);function s(){"undefined"!=typeof customElements&&["tds-accordion-item","tds-icon"].forEach((o=>{switch(o){case"tds-accordion-item":customElements.get(d(o))||customElements.define(d(o),r);break;case"tds-icon":customElements.get(d(o))||n()}}))}s();const l=r,b=s;export{l as TdsAccordionItem,b as defineCustomElement}
@@ -1,44 +1 @@
1
- import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
2
-
3
- const accordionCss = ":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border:last-child){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}";
4
- const TdsAccordionStyle0 = accordionCss;
5
-
6
- const TdsAccordion$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordion extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- this.modeVariant = null;
12
- this.hideLastBorder = false;
13
- }
14
- render() {
15
- return (h(Host, { key: '403d93cb3ca1cdb1d11d53eebd22207e330dd527', class: {
16
- 'tds-accordion': true,
17
- [`tds-mode-variant-${this.modeVariant || ''}`]: Boolean(this.modeVariant),
18
- 'hide-last-border': this.hideLastBorder,
19
- } }, h("slot", { key: '3e5e516531cf5a1d456b7cd1605a4ce4c57f397a' })));
20
- }
21
- static get style() { return TdsAccordionStyle0; }
22
- }, [1, "tds-accordion", {
23
- "modeVariant": [1, "mode-variant"],
24
- "hideLastBorder": [4, "hide-last-border"]
25
- }]);
26
- function defineCustomElement$1() {
27
- if (typeof customElements === "undefined") {
28
- return;
29
- }
30
- const components = ["tds-accordion"];
31
- components.forEach(tagName => { switch (tagName) {
32
- case "tds-accordion":
33
- if (!customElements.get(tagName)) {
34
- customElements.define(tagName, TdsAccordion$1);
35
- }
36
- break;
37
- } });
38
- }
39
- defineCustomElement$1();
40
-
41
- const TdsAccordion = TdsAccordion$1;
42
- const defineCustomElement = defineCustomElement$1;
43
-
44
- export { TdsAccordion, defineCustomElement };
1
+ import{t as o,p as t,H as d,h as e,a as r}from"./index.js";const a=t(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.hideLastBorder=!1}render(){return e(r,{key:"403d93cb3ca1cdb1d11d53eebd22207e330dd527",class:{"tds-accordion":!0,["tds-mode-variant-"+(this.modeVariant||"")]:!!this.modeVariant,"hide-last-border":this.hideLastBorder}},e("slot",{key:"3e5e516531cf5a1d456b7cd1605a4ce4c57f397a"}))}static get style(){return":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border:last-child){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}"}},[257,"tds-accordion",{modeVariant:[1,"mode-variant"],hideLastBorder:[4,"hide-last-border"]}]);function s(){"undefined"!=typeof customElements&&["tds-accordion"].forEach((t=>{"tds-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))}s();const c=a,n=s;export{c as TdsAccordion,n as defineCustomElement}
@@ -1,76 +1 @@
1
- import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
2
-
3
- const badgeCss = ":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";
4
- const TdsBadgeStyle0 = badgeCss;
5
-
6
- const TdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class TdsBadge extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- this.value = '';
12
- this.hidden = false;
13
- this.size = 'lg';
14
- this.tdsAriaLive = 'polite';
15
- this.tdsAriaLabel = '';
16
- this.shape = '';
17
- this.text = '';
18
- }
19
- watchProps() {
20
- this.checkProps();
21
- }
22
- componentWillLoad() {
23
- this.checkProps();
24
- }
25
- checkProps() {
26
- const valueAsNumber = parseInt(this.value);
27
- if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {
28
- this.shape = this.value.length >= 2 ? 'pill' : '';
29
- this.size = 'lg';
30
- this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();
31
- }
32
- }
33
- render() {
34
- return (h("host", { key: '718d8c1583ad75a49fb5f24bb8efbdad4e3228a7', role: "status", class: {
35
- 'tds-badge': true,
36
- [`tds-badge-${this.size}`]: true,
37
- 'tds-badge-pill': this.shape === 'pill',
38
- 'tds-badge-hidden': this.hidden,
39
- }, "aria-label": this.tdsAriaLabel, "aria-live": this.tdsAriaLive }, h("div", { key: 'd76ae168c4f5926a170472162ecd611b5e6e4639', class: "tds-badge-text", "aria-hidden": "true" }, this.text)));
40
- }
41
- static get watchers() { return {
42
- "value": ["watchProps"],
43
- "size": ["watchProps"]
44
- }; }
45
- static get style() { return TdsBadgeStyle0; }
46
- }, [1, "tds-badge", {
47
- "value": [1],
48
- "hidden": [516],
49
- "size": [1],
50
- "tdsAriaLive": [1, "tds-aria-live"],
51
- "tdsAriaLabel": [32],
52
- "shape": [32],
53
- "text": [32]
54
- }, undefined, {
55
- "value": ["watchProps"],
56
- "size": ["watchProps"]
57
- }]);
58
- function defineCustomElement$1() {
59
- if (typeof customElements === "undefined") {
60
- return;
61
- }
62
- const components = ["tds-badge"];
63
- components.forEach(tagName => { switch (tagName) {
64
- case "tds-badge":
65
- if (!customElements.get(tagName)) {
66
- customElements.define(tagName, TdsBadge$1);
67
- }
68
- break;
69
- } });
70
- }
71
- defineCustomElement$1();
72
-
73
- const TdsBadge = TdsBadge$1;
74
- const defineCustomElement = defineCustomElement$1;
75
-
76
- export { TdsBadge, defineCustomElement };
1
+ import{t,p as s,H as e,h as d}from"./index.js";const i=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=(""+t).length>=3?"99+":""+t)}render(){return d("host",{key:"718d8c1583ad75a49fb5f24bb8efbdad4e3228a7",role:"status",class:{"tds-badge":!0,["tds-badge-"+this.size]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},d("div",{key:"d76ae168c4f5926a170472162ecd611b5e6e4639",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:[{watchProps:0}],size:[{watchProps:0}]}}static get style(){return":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}"}},[1,"tds-badge",{value:[1],hidden:[516],size:[1],tdsAriaLive:[1,"tds-aria-live"],tdsAriaLabel:[32],shape:[32],text:[32]},void 0,{value:[{watchProps:0}],size:[{watchProps:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-badge"].forEach((s=>{"tds-badge"===s&&(customElements.get(t(s))||customElements.define(t(s),i))}))}a();const o=i,r=a;export{o as TdsBadge,r as defineCustomElement}
@@ -1,93 +1 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
2
- import { g as generateUniqueId } from './p-11648030.js';
3
- import { h as hasSlot } from './p-ae110fc2.js';
4
- import { d as defineCustomElement$2 } from './p-f086ba26.js';
5
-
6
- const bannerCss = ":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}";
7
- const TdsBannerStyle0 = bannerCss;
8
-
9
- const TdsBanner$1 = /*@__PURE__*/ proxyCustomElement(class TdsBanner extends H {
10
- constructor() {
11
- super();
12
- this.__registerHost();
13
- this.__attachShadow();
14
- this.tdsClose = createEvent(this, "tdsClose", 7);
15
- this.handleClose = () => {
16
- const tdsCloseEvent = this.tdsClose.emit({
17
- bannerId: this.bannerId,
18
- });
19
- if (!tdsCloseEvent.defaultPrevented) {
20
- this.hidden = true;
21
- }
22
- };
23
- this.icon = undefined;
24
- this.header = undefined;
25
- this.subheader = undefined;
26
- this.variant = 'default';
27
- this.bannerId = generateUniqueId();
28
- this.hidden = false;
29
- this.roleType = 'banner';
30
- }
31
- /** Hides the Banner. */
32
- async hideBanner() {
33
- this.hidden = true;
34
- }
35
- /** Shows the Banner */
36
- async showBanner() {
37
- this.hidden = false;
38
- }
39
- connectedCallback() {
40
- if (this.variant === 'error') {
41
- this.icon = 'error';
42
- }
43
- else if (this.variant === 'information') {
44
- this.icon = 'info';
45
- }
46
- }
47
- render() {
48
- const usesHeaderSlot = hasSlot('subheader', this.host);
49
- const usesSubheaderSlot = hasSlot('subheader', this.host);
50
- const usesActionsSlot = hasSlot('actions', this.host);
51
- return (h(Host, { key: '5b89bedb919ed799da1701cae1c152e310865b43', role: this.roleType, "aria-hidden": `${this.hidden}`, "aria-live": this.roleType === 'alert' ? 'assertive' : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: {
52
- [this.variant]: true,
53
- hide: this.hidden,
54
- show: !this.hidden,
55
- } }, this.icon && (h("div", { key: 'b17e4c4986ccb9afde8ad9609465fdad1f5f78fe', class: `banner-icon ${this.variant}` }, h("tds-icon", { key: '2d43b52d72b874809d48b40ab2faae796e3c7d08', name: this.icon, size: "20px", svgTitle: this.icon }))), h("div", { key: '3f1d0b8493aaf41e1fe78837c937d56bb4d4d6af', class: "content" }, h("div", { key: '3fd4dac5928d5f588eff7cc9cf8a64c401b75875', class: "header-subheader" }, this.header && h("div", { key: 'f356b4218fba0c42c97e728fe6fc91bb14c8a3d7', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '74659c5c0b33bbc81f90d79c9cb80d3dcd1839fa', name: "header" }), this.subheader && h("div", { key: 'b91ba944f6c41ccf62002a2dade85968dd5b34f4', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'e8854a51dc158cba747abca51d79828ee419732e', name: "subheader" })), usesActionsSlot && h("slot", { key: '60fe1b1b75a7cc169d71b97d5d91086d7ae96a07', name: "actions" })), h("div", { key: 'bf664cd50d34e9ac4c3061d1670d0607cd326bef', class: `banner-close` }, h("button", { key: '0ddfadbfe00ecf7ec1376fdfbc2d70ff0cffb919', "aria-label": "Close banner", onClick: this.handleClose }, h("tds-icon", { key: '7e45115cd682e035227b486442c4fe4c67dfec4b', name: "cross", size: "20px", svgTitle: "Close" })))));
56
- }
57
- get host() { return this; }
58
- static get style() { return TdsBannerStyle0; }
59
- }, [1, "tds-banner", {
60
- "icon": [1],
61
- "header": [1],
62
- "subheader": [1],
63
- "variant": [1],
64
- "bannerId": [1, "banner-id"],
65
- "hidden": [516],
66
- "roleType": [1, "role-type"],
67
- "hideBanner": [64],
68
- "showBanner": [64]
69
- }]);
70
- function defineCustomElement$1() {
71
- if (typeof customElements === "undefined") {
72
- return;
73
- }
74
- const components = ["tds-banner", "tds-icon"];
75
- components.forEach(tagName => { switch (tagName) {
76
- case "tds-banner":
77
- if (!customElements.get(tagName)) {
78
- customElements.define(tagName, TdsBanner$1);
79
- }
80
- break;
81
- case "tds-icon":
82
- if (!customElements.get(tagName)) {
83
- defineCustomElement$2();
84
- }
85
- break;
86
- } });
87
- }
88
- defineCustomElement$1();
89
-
90
- const TdsBanner = TdsBanner$1;
91
- const defineCustomElement = defineCustomElement$1;
92
-
93
- export { TdsBanner, defineCustomElement };
1
+ import{t as e,p as s,H as t,c as a,h as o,a as n}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";import{h as r}from"./p-DDX6uFcm.js";import{d as i}from"./p-C0fx1H4h.js";const c=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsClose=a(this,"tdsClose",7),this.variant="default",this.bannerId=d(),this.hidden=!1,this.roleType="banner",this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)}}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=r("subheader",this.host),s=r("subheader",this.host),t=r("actions",this.host);return o(n,{key:"5b89bedb919ed799da1701cae1c152e310865b43",role:this.roleType,"aria-hidden":""+this.hidden,"aria-live":"alert"===this.roleType?"assertive":"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:{[this.variant]:!0,hide:this.hidden,show:!this.hidden}},this.icon&&o("div",{key:"b17e4c4986ccb9afde8ad9609465fdad1f5f78fe",class:"banner-icon "+this.variant},o("tds-icon",{key:"2d43b52d72b874809d48b40ab2faae796e3c7d08",name:this.icon,size:"20px",svgTitle:this.icon})),o("div",{key:"3f1d0b8493aaf41e1fe78837c937d56bb4d4d6af",class:"content"},o("div",{key:"3fd4dac5928d5f588eff7cc9cf8a64c401b75875",class:"header-subheader"},this.header&&o("div",{key:"f356b4218fba0c42c97e728fe6fc91bb14c8a3d7",class:"header"},this.header),e&&o("slot",{key:"74659c5c0b33bbc81f90d79c9cb80d3dcd1839fa",name:"header"}),this.subheader&&o("div",{key:"b91ba944f6c41ccf62002a2dade85968dd5b34f4",class:"subheader"},this.subheader),s&&o("slot",{key:"e8854a51dc158cba747abca51d79828ee419732e",name:"subheader"})),t&&o("slot",{key:"60fe1b1b75a7cc169d71b97d5d91086d7ae96a07",name:"actions"})),o("div",{key:"bf664cd50d34e9ac4c3061d1670d0607cd326bef",class:"banner-close"},o("button",{key:"0ddfadbfe00ecf7ec1376fdfbc2d70ff0cffb919","aria-label":"Close banner",onClick:this.handleClose},o("tds-icon",{key:"7e45115cd682e035227b486442c4fe4c67dfec4b",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return this}static get style(){return":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{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-banner",{icon:[1],header:[1],subheader:[1],variant:[1],bannerId:[1,"banner-id"],hidden:[516],roleType:[1,"role-type"],hideBanner:[64],showBanner:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-banner","tds-icon"].forEach((s=>{switch(s){case"tds-banner":customElements.get(e(s))||customElements.define(e(s),c);break;case"tds-icon":customElements.get(e(s))||i()}}))}l();const h=c,b=l;export{h as TdsBanner,b as defineCustomElement}