@scania/tegel 1.51.0 → 1.52.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 (257) hide show
  1. package/dist/cjs/{index-BVB4NySF.js → index-TseCxKiF.js} +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
  4. package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-badge.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-banner.cjs.entry.js +1 -1
  7. package/dist/cjs/tds-block.cjs.entry.js +1 -1
  8. package/dist/cjs/tds-body-cell.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
  11. package/dist/cjs/tds-button_2.cjs.entry.js +1 -1
  12. package/dist/cjs/tds-card.cjs.entry.js +1 -1
  13. package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
  14. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  15. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
  16. package/dist/cjs/tds-datetime.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-dropdown_2.cjs.entry.js +1 -1
  18. package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
  19. package/dist/cjs/tds-folder-tabs.cjs.entry.js +1 -1
  20. package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
  21. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-footer.cjs.entry.js +1 -1
  23. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
  26. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
  29. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  36. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
  38. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  39. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  40. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  41. package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
  42. package/dist/cjs/tds-inline-tabs.cjs.entry.js +1 -1
  43. package/dist/cjs/tds-link.cjs.entry.js +1 -1
  44. package/dist/cjs/tds-message.cjs.entry.js +1 -1
  45. package/dist/cjs/tds-modal.cjs.entry.js +1 -1
  46. package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
  47. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +6 -12
  48. package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
  49. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  50. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +1 -1
  51. package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
  52. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  53. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  54. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +1 -1
  55. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +1 -1
  56. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +1 -1
  57. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
  58. package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
  59. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  60. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +1 -1
  61. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  62. package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
  63. package/dist/cjs/tds-slider.cjs.entry.js +1 -1
  64. package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
  65. package/dist/cjs/tds-step.cjs.entry.js +1 -1
  66. package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
  67. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
  68. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +1 -1
  69. package/dist/cjs/tds-table-body-row.cjs.entry.js +1 -1
  70. package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
  71. package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
  72. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  73. package/dist/cjs/tds-table-header.cjs.entry.js +1 -1
  74. package/dist/cjs/tds-table-toolbar.cjs.entry.js +1 -1
  75. package/dist/cjs/tds-table.cjs.entry.js +1 -1
  76. package/dist/cjs/tds-tag.cjs.entry.js +1 -1
  77. package/dist/cjs/tds-text-field.cjs.entry.js +1 -1
  78. package/dist/cjs/tds-textarea.cjs.entry.js +1 -1
  79. package/dist/cjs/tds-toast.cjs.entry.js +1 -1
  80. package/dist/cjs/tds-toggle.cjs.entry.js +1 -1
  81. package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
  82. package/dist/cjs/tegel.cjs.js +1 -1
  83. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +4 -5
  84. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -10
  85. package/dist/components/index.js +1 -1
  86. package/dist/components/tds-navigation-tabs.js +1 -1
  87. package/dist/esm/{index-DweBXg7f.js → index-Befhko2r.js} +1 -1
  88. package/dist/esm/loader.js +2 -2
  89. package/dist/esm/tds-accordion-item.entry.js +1 -1
  90. package/dist/esm/tds-accordion.entry.js +1 -1
  91. package/dist/esm/tds-badge.entry.js +1 -1
  92. package/dist/esm/tds-banner.entry.js +1 -1
  93. package/dist/esm/tds-block.entry.js +1 -1
  94. package/dist/esm/tds-body-cell.entry.js +1 -1
  95. package/dist/esm/tds-breadcrumb.entry.js +1 -1
  96. package/dist/esm/tds-breadcrumbs.entry.js +1 -1
  97. package/dist/esm/tds-button_2.entry.js +1 -1
  98. package/dist/esm/tds-card.entry.js +1 -1
  99. package/dist/esm/tds-checkbox.entry.js +1 -1
  100. package/dist/esm/tds-chip.entry.js +1 -1
  101. package/dist/esm/tds-core-header-item_2.entry.js +1 -1
  102. package/dist/esm/tds-datetime.entry.js +1 -1
  103. package/dist/esm/tds-dropdown_2.entry.js +1 -1
  104. package/dist/esm/tds-folder-tab.entry.js +1 -1
  105. package/dist/esm/tds-folder-tabs.entry.js +1 -1
  106. package/dist/esm/tds-footer-group.entry.js +1 -1
  107. package/dist/esm/tds-footer-item.entry.js +1 -1
  108. package/dist/esm/tds-footer.entry.js +1 -1
  109. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  110. package/dist/esm/tds-header-cell.entry.js +1 -1
  111. package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
  112. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  113. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  114. package/dist/esm/tds-header-dropdown.entry.js +1 -1
  115. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  116. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  117. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  118. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  119. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  120. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  121. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  122. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  123. package/dist/esm/tds-header-launcher.entry.js +1 -1
  124. package/dist/esm/tds-header-title.entry.js +1 -1
  125. package/dist/esm/tds-header.entry.js +1 -1
  126. package/dist/esm/tds-icon.entry.js +1 -1
  127. package/dist/esm/tds-inline-tab.entry.js +1 -1
  128. package/dist/esm/tds-inline-tabs.entry.js +1 -1
  129. package/dist/esm/tds-link.entry.js +1 -1
  130. package/dist/esm/tds-message.entry.js +1 -1
  131. package/dist/esm/tds-modal.entry.js +1 -1
  132. package/dist/esm/tds-navigation-tab.entry.js +1 -1
  133. package/dist/esm/tds-navigation-tabs.entry.js +6 -12
  134. package/dist/esm/tds-popover-canvas.entry.js +1 -1
  135. package/dist/esm/tds-popover-core.entry.js +1 -1
  136. package/dist/esm/tds-popover-menu-item.entry.js +1 -1
  137. package/dist/esm/tds-popover-menu.entry.js +1 -1
  138. package/dist/esm/tds-radio-button.entry.js +1 -1
  139. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  140. package/dist/esm/tds-side-menu-collapse-button.entry.js +1 -1
  141. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +1 -1
  142. package/dist/esm/tds-side-menu-dropdown-list.entry.js +1 -1
  143. package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
  144. package/dist/esm/tds-side-menu-item.entry.js +1 -1
  145. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  146. package/dist/esm/tds-side-menu-user-image_2.entry.js +1 -1
  147. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  148. package/dist/esm/tds-side-menu.entry.js +1 -1
  149. package/dist/esm/tds-slider.entry.js +1 -1
  150. package/dist/esm/tds-spinner.entry.js +1 -1
  151. package/dist/esm/tds-step.entry.js +1 -1
  152. package/dist/esm/tds-stepper.entry.js +1 -1
  153. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  154. package/dist/esm/tds-table-body-row-expandable.entry.js +1 -1
  155. package/dist/esm/tds-table-body-row.entry.js +1 -1
  156. package/dist/esm/tds-table-body.entry.js +1 -1
  157. package/dist/esm/tds-table-footer.entry.js +1 -1
  158. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  159. package/dist/esm/tds-table-header.entry.js +1 -1
  160. package/dist/esm/tds-table-toolbar.entry.js +1 -1
  161. package/dist/esm/tds-table.entry.js +1 -1
  162. package/dist/esm/tds-tag.entry.js +1 -1
  163. package/dist/esm/tds-text-field.entry.js +1 -1
  164. package/dist/esm/tds-textarea.entry.js +1 -1
  165. package/dist/esm/tds-toast.entry.js +1 -1
  166. package/dist/esm/tds-toggle.entry.js +1 -1
  167. package/dist/esm/tds-tooltip.entry.js +1 -1
  168. package/dist/esm/tegel.js +2 -2
  169. package/dist/tegel/{p-b4ec80bf.entry.js → p-09037af5.entry.js} +1 -1
  170. package/dist/tegel/{p-2dcd1256.entry.js → p-095876cb.entry.js} +1 -1
  171. package/dist/tegel/{p-507e1770.entry.js → p-0d71c9aa.entry.js} +1 -1
  172. package/dist/tegel/{p-0ca82d41.entry.js → p-0f015d2b.entry.js} +1 -1
  173. package/dist/tegel/{p-d9c17e1b.entry.js → p-11c42fea.entry.js} +1 -1
  174. package/dist/tegel/{p-0b12a178.entry.js → p-1260b114.entry.js} +1 -1
  175. package/dist/tegel/{p-c585fb4f.entry.js → p-14d1f541.entry.js} +1 -1
  176. package/dist/tegel/{p-f4e3b306.entry.js → p-157a0f1b.entry.js} +1 -1
  177. package/dist/tegel/{p-0a977120.entry.js → p-19f6a98c.entry.js} +1 -1
  178. package/dist/tegel/{p-be14d395.entry.js → p-2268f6b0.entry.js} +1 -1
  179. package/dist/tegel/{p-9cdb4f92.entry.js → p-27e336aa.entry.js} +1 -1
  180. package/dist/tegel/{p-88e70c3b.entry.js → p-2afb0b8e.entry.js} +1 -1
  181. package/dist/tegel/{p-25dda965.entry.js → p-2d4fbdc1.entry.js} +1 -1
  182. package/dist/tegel/{p-7dea78f2.entry.js → p-2fb1a04b.entry.js} +1 -1
  183. package/dist/tegel/{p-19dd1ae7.entry.js → p-311a647f.entry.js} +1 -1
  184. package/dist/tegel/{p-01ada5cc.entry.js → p-32f7d352.entry.js} +1 -1
  185. package/dist/tegel/{p-11f65313.entry.js → p-35421451.entry.js} +1 -1
  186. package/dist/tegel/{p-c4694585.entry.js → p-36690d76.entry.js} +1 -1
  187. package/dist/tegel/{p-e191c74a.entry.js → p-37dc9db8.entry.js} +1 -1
  188. package/dist/tegel/{p-407bf43a.entry.js → p-380e0207.entry.js} +1 -1
  189. package/dist/tegel/{p-6bfcaa2a.entry.js → p-3b47d9c2.entry.js} +1 -1
  190. package/dist/tegel/p-3b4f67b3.entry.js +1 -0
  191. package/dist/tegel/p-3da8d1a1.entry.js +1 -0
  192. package/dist/tegel/{p-9f11a4d2.entry.js → p-3dbb749e.entry.js} +1 -1
  193. package/dist/tegel/{p-fc3cacf7.entry.js → p-4977e2ac.entry.js} +1 -1
  194. package/dist/tegel/{p-98ab6d90.entry.js → p-4f4aebc3.entry.js} +1 -1
  195. package/dist/tegel/{p-466b3ada.entry.js → p-4f9883a1.entry.js} +1 -1
  196. package/dist/tegel/{p-d4980629.entry.js → p-50cc4747.entry.js} +1 -1
  197. package/dist/tegel/{p-ebc95d30.entry.js → p-51f64a57.entry.js} +1 -1
  198. package/dist/tegel/{p-3d1d0539.entry.js → p-54a7b360.entry.js} +1 -1
  199. package/dist/tegel/{p-5e638157.entry.js → p-5524ecc6.entry.js} +1 -1
  200. package/dist/tegel/{p-308a9360.entry.js → p-56310be9.entry.js} +1 -1
  201. package/dist/tegel/{p-1b7a6444.entry.js → p-590f9dc6.entry.js} +1 -1
  202. package/dist/tegel/{p-2b121bca.entry.js → p-59cf7a46.entry.js} +1 -1
  203. package/dist/tegel/{p-89cc6b53.entry.js → p-5ba6e899.entry.js} +1 -1
  204. package/dist/tegel/p-5ca0d006.entry.js +1 -0
  205. package/dist/tegel/{p-bd13b9e7.entry.js → p-5d11c6b9.entry.js} +1 -1
  206. package/dist/tegel/{p-295981b0.entry.js → p-6fd80b65.entry.js} +1 -1
  207. package/dist/tegel/{p-c4cf9048.entry.js → p-71b9932a.entry.js} +1 -1
  208. package/dist/tegel/{p-c5ef8d6a.entry.js → p-74412bf6.entry.js} +1 -1
  209. package/dist/tegel/{p-c7f41809.entry.js → p-74d00b66.entry.js} +1 -1
  210. package/dist/tegel/{p-7ccbba43.entry.js → p-79456038.entry.js} +1 -1
  211. package/dist/tegel/p-79aa39fb.entry.js +1 -0
  212. package/dist/tegel/{p-f8352d9e.entry.js → p-7a2fa294.entry.js} +1 -1
  213. package/dist/tegel/{p-ca6a5ea7.entry.js → p-7c5558b9.entry.js} +1 -1
  214. package/dist/tegel/{p-204c07e4.entry.js → p-7df02354.entry.js} +1 -1
  215. package/dist/tegel/{p-056a99f3.entry.js → p-823c1334.entry.js} +1 -1
  216. package/dist/tegel/{p-a274cda5.entry.js → p-863e86f5.entry.js} +1 -1
  217. package/dist/tegel/{p-d01f4544.entry.js → p-9b17ac76.entry.js} +1 -1
  218. package/dist/tegel/{p-ea4e5fda.entry.js → p-9be52179.entry.js} +1 -1
  219. package/dist/tegel/{p-ebb3203d.entry.js → p-9c52fe1f.entry.js} +1 -1
  220. package/dist/tegel/{p-32999857.entry.js → p-9c9aab5c.entry.js} +1 -1
  221. package/dist/tegel/{p-4a4a8fd8.entry.js → p-9e9667a2.entry.js} +1 -1
  222. package/dist/tegel/{p-DweBXg7f.js → p-Befhko2r.js} +2 -2
  223. package/dist/tegel/{p-e2ebbf38.entry.js → p-a0f84b48.entry.js} +1 -1
  224. package/dist/tegel/p-a2471f14.entry.js +1 -0
  225. package/dist/tegel/{p-b4f4a662.entry.js → p-ad549f40.entry.js} +1 -1
  226. package/dist/tegel/{p-81e2755d.entry.js → p-b1748053.entry.js} +1 -1
  227. package/dist/tegel/{p-3c353dbe.entry.js → p-b6556200.entry.js} +1 -1
  228. package/dist/tegel/{p-5f86c486.entry.js → p-bb22708d.entry.js} +1 -1
  229. package/dist/tegel/{p-831c9366.entry.js → p-bb6a5e22.entry.js} +1 -1
  230. package/dist/tegel/{p-3ca13df1.entry.js → p-bbc5f90f.entry.js} +1 -1
  231. package/dist/tegel/{p-f31e9596.entry.js → p-c02c22d5.entry.js} +1 -1
  232. package/dist/tegel/{p-fe3d8e4a.entry.js → p-c5208ac4.entry.js} +1 -1
  233. package/dist/tegel/{p-f0e8ba85.entry.js → p-cabd33eb.entry.js} +1 -1
  234. package/dist/tegel/{p-f2bd2109.entry.js → p-ceae3c8f.entry.js} +1 -1
  235. package/dist/tegel/{p-053b25a7.entry.js → p-d2db92f1.entry.js} +1 -1
  236. package/dist/tegel/{p-88abcb6a.entry.js → p-d8b80a86.entry.js} +1 -1
  237. package/dist/tegel/{p-036500ba.entry.js → p-d90aafb6.entry.js} +1 -1
  238. package/dist/tegel/{p-118d48a8.entry.js → p-d946ae72.entry.js} +1 -1
  239. package/dist/tegel/{p-1eee6082.entry.js → p-e09b5f6a.entry.js} +1 -1
  240. package/dist/tegel/{p-475f4f25.entry.js → p-e7bd5414.entry.js} +1 -1
  241. package/dist/tegel/{p-d6047e04.entry.js → p-ec239e6a.entry.js} +1 -1
  242. package/dist/tegel/{p-2ba3870b.entry.js → p-ecbfcb75.entry.js} +1 -1
  243. package/dist/tegel/{p-b2e56961.entry.js → p-eea31650.entry.js} +1 -1
  244. package/dist/tegel/{p-cd9faccb.entry.js → p-efce19b7.entry.js} +1 -1
  245. package/dist/tegel/{p-67fc2dea.entry.js → p-f0dfebaf.entry.js} +1 -1
  246. package/dist/tegel/{p-50684cc9.entry.js → p-f993cc32.entry.js} +1 -1
  247. package/dist/tegel/{p-1e388219.entry.js → p-fdde3a0d.entry.js} +1 -1
  248. package/dist/tegel/{p-b2987e97.entry.js → p-fddf22db.entry.js} +1 -1
  249. package/dist/tegel/tegel.css +1 -1
  250. package/dist/tegel/tegel.esm.js +1 -1
  251. package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +0 -1
  252. package/package.json +1 -1
  253. package/dist/tegel/p-04d85b0f.entry.js +0 -1
  254. package/dist/tegel/p-3bff4a02.entry.js +0 -1
  255. package/dist/tegel/p-a801a3dc.entry.js +0 -1
  256. package/dist/tegel/p-af80e494.entry.js +0 -1
  257. package/dist/tegel/p-dd6aac89.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as e,h as r,H as a,a as s}from"./p-DweBXg7f.js";import{g as d,i as t}from"./p-Bx66i7RU.js";import"./p-CLF3diNe.js";const i=class{constructor(r){e(this,r)}componentWillLoad(){const e=d(this.host,(e=>t(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const s={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return r(a,{key:"63be73b3bef81a93dc689754e6f1ecb28d36a29b"},r("div",Object.assign({key:"a5695a2b67adbc9c12165a7440091bd4cc429205"},s),r("slot",{key:"626a95ca4adcde69296221782d35f5401d41b7aa"})))}get host(){return s(this)}};i.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{i as tds_header_launcher_grid}
1
+ import{r as e,h as r,H as a,a as s}from"./p-Befhko2r.js";import{g as d,i as t}from"./p-Bx66i7RU.js";import"./p-CLF3diNe.js";const i=class{constructor(r){e(this,r)}componentWillLoad(){const e=d(this.host,(e=>t(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const s={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return r(a,{key:"63be73b3bef81a93dc689754e6f1ecb28d36a29b"},r("div",Object.assign({key:"a5695a2b67adbc9c12165a7440091bd4cc429205"},s),r("slot",{key:"626a95ca4adcde69296221782d35f5401d41b7aa"})))}get host(){return s(this)}};i.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{i as tds_header_launcher_grid}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as i,H as o,a as e}from"./p-Befhko2r.js";const l=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollableWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){return this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements.length>0&&(this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"15c4bdd05aa8bcac2840a3f95b380ab03698428b",role:"tablist",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant},style:{"--padding-left":`${this.leftPadding}px`}},i("div",{key:"55e2cc99927d5483c94cee6b15c651d77fdbfc52",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"f8ad88de0b631afc63ec51a20accb49b5d8f4334","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"19201f741465bff936960c4c6d8cb4f35317f648",name:"chevron_left",size:"20px"})),i("slot",{key:"f54a35402ec90a5e2cccfa4b5f51f56b95882e43",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"3d4d90efd57fb27de82491aab28e7e98674ddbdf","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"6ac4687c083d820662deea8d39b4b42cc0ab5a8d",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}};l.style=':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{l as tds_navigation_tabs}
@@ -1 +1 @@
1
- import{r as t,c as e,h as a,a as r}from"./p-DweBXg7f.js";import{g as s}from"./p-Cn4f8w1e.js";import{g as d}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=s(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"09cd1df4c73550cbe10f6de7127e2835e8e8e90f",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"16f1f2dc1993c0056aee8bfd82de399292ea1496",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"86fcb4db0544d59bdc62f313a2ad1b7bec232456",class:"textarea-wrapper"},a("textarea",{key:"43addcf60de1c7de4dd5fd71b2d4e448cc36d0e8",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":d(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"79003f45831eab0125d36f3cae8e5e94016737ab",class:"textarea-resizer-icon"},a("svg",{key:"215bb650c9d5755fb1efc60fb8f860cbd320ff81",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"e7eee0f9e40c8000232f922f20461f898d3ee897","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"ee804d2983da6c42e3ce071b1e1cf1183a47500b",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"581368602f2ffcedc7af6b54c406999a731854a8",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"58de6e587437522439676f57fee5143ba28a9763",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"0d266c48b18cb493ac1b70268bdaceb0228397d8",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"cbc610ddb25b27dcb9ec84357594289335edf21a",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"f600283d05fad5e2ac4d14e759008021ff9a3c25",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"2a4d1ed0e0a6ece6d2fc0943d6f44a897f8bfcfb",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
1
+ import{r as t,c as e,h as a,a as r}from"./p-Befhko2r.js";import{g as s}from"./p-Cn4f8w1e.js";import{g as d}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=s(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"09cd1df4c73550cbe10f6de7127e2835e8e8e90f",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"16f1f2dc1993c0056aee8bfd82de399292ea1496",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"86fcb4db0544d59bdc62f313a2ad1b7bec232456",class:"textarea-wrapper"},a("textarea",{key:"43addcf60de1c7de4dd5fd71b2d4e448cc36d0e8",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":d(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"79003f45831eab0125d36f3cae8e5e94016737ab",class:"textarea-resizer-icon"},a("svg",{key:"215bb650c9d5755fb1efc60fb8f860cbd320ff81",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"e7eee0f9e40c8000232f922f20461f898d3ee897","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"ee804d2983da6c42e3ce071b1e1cf1183a47500b",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"581368602f2ffcedc7af6b54c406999a731854a8",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"58de6e587437522439676f57fee5143ba28a9763",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"0d266c48b18cb493ac1b70268bdaceb0228397d8",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"cbc610ddb25b27dcb9ec84357594289335edf21a",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"f600283d05fad5e2ac4d14e759008021ff9a3c25",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"2a4d1ed0e0a6ece6d2fc0943d6f44a897f8bfcfb",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
@@ -1 +1 @@
1
- import{r as t,h as e,H as i,a as o}from"./p-DweBXg7f.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"c76b0023f433c881360b9a98ad96d0a163a0d99d"},e("div",{key:"ea169fe4d94d0b33e36eb52ffeb2e08982c2704c",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"c6f3f8f2d0ba7b2c4ed15abc45551bacf69e36b0",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"9ff61949c0de2d74962a6a10e46915bd5484b282","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"6c13e8acd45be0e104207b8daaa9ef64ec1453ee",name:"label"}))))}get el(){return o(this)}};r.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
1
+ import{r as t,h as e,H as i,a as o}from"./p-Befhko2r.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"c76b0023f433c881360b9a98ad96d0a163a0d99d"},e("div",{key:"ea169fe4d94d0b33e36eb52ffeb2e08982c2704c",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"c6f3f8f2d0ba7b2c4ed15abc45551bacf69e36b0",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"9ff61949c0de2d74962a6a10e46915bd5484b282","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"6c13e8acd45be0e104207b8daaa9ef64ec1453ee",name:"label"}))))}get el(){return o(this)}};r.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
@@ -1 +1 @@
1
- import{r as e,h as a,H as s,a as t}from"./p-DweBXg7f.js";const d=class{constructor(a){e(this,a)}render(){const e=this.host.querySelector("a");return(null==e?void 0:e.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(s,{key:"fc99860c883e83bbf74918c166aef86ad4940b44"},a("tds-header-item",{key:"064742d9efd8b8c313d70fee663be8455602def4"},a("slot",{key:"a7aabeccfd3a93e3dc29d2d0ee6bbefa2c94d236"})))}get host(){return t(this)}};d.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{d as tds_header_brand_symbol}
1
+ import{r as e,h as a,H as s,a as t}from"./p-Befhko2r.js";const d=class{constructor(a){e(this,a)}render(){const e=this.host.querySelector("a");return(null==e?void 0:e.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(s,{key:"fc99860c883e83bbf74918c166aef86ad4940b44"},a("tds-header-item",{key:"064742d9efd8b8c313d70fee663be8455602def4"},a("slot",{key:"a7aabeccfd3a93e3dc29d2d0ee6bbefa2c94d236"})))}get host(){return t(this)}};d.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{d as tds_header_brand_symbol}
@@ -1 +1 @@
1
- import{r as e,c as a,h as d,H as t,a as r}from"./p-DweBXg7f.js";import{g as s}from"./p-Cn4f8w1e.js";import{h as i}from"./p-DDX6uFcm.js";const o=class{constructor(t){e(this,t),this.tdsClick=a(this,"tdsClick",6),this.modeVariant=null,this.imagePlacement="below-header",this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=s(),this.expandable=!1,this.expanded=!1,this.toggleExpand=()=>{this.expandable&&(this.expanded=!this.expanded)},this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=i("header",this.host),a=i("subheader",this.host),t=i("thumbnail",this.host);return d("div",{class:{"card-header":!0,expandable:this.expandable,expanded:this.expanded}},t&&d("slot",{name:"thumbnail"}),d("div",{class:"header-subheader",id:`header-${this.cardId}`},this.header&&d("span",{class:"header"},this.header),e&&d("slot",{name:"header"}),this.subheader&&d("span",{class:"subheader"},this.subheader),a&&d("slot",{name:"subheader"})),this.expandable&&d("tds-button",{type:"button",variant:"ghost",size:"sm","tds-aria-label":"Toggle card content","aria-expanded":this.expanded?"true":"false",onClick:this.toggleExpand},d("tds-icon",{slot:"icon",size:"16px",name:"chevron_down",svgTitle:"Chevron Down",class:{rotated:this.expanded}})))},this.getCardContent=()=>{const e=i("body",this.host),a=i("body-image",this.host),t=i("actions",this.host),r=`body-${this.cardId}`;return d("div",{class:{stretch:this.stretch},"aria-describedby":e?r:null},"below-header"===this.imagePlacement&&this.getCardHeader(),d("div",{class:"card-body",id:r},a&&d("slot",{name:"body-image"}),this.bodyImg&&d("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&d("tds-divider",null),e&&d("slot",{name:"body"})),t&&d("slot",{name:"actions"}))}}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[`${this.imagePlacement}-stretch`]:this.stretch},a=this.header?this.header:`Card ${this.cardId}`;return d(t,{key:"e652c7d625691932e9b39c83a730f614195cb17c",class:{[`tds-mode-variant-${this.modeVariant}`]:!!this.modeVariant}},this.clickable?d("button",{class:e,onClick:this.handleClick,"aria-label":a,"aria-describedby":`header-${this.cardId}`},this.getCardContent()):d("div",{class:e},this.getCardContent()))}get host(){return r(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .card-header.expandable tds-icon{cursor:pointer;margin-left:auto;transition:transform 160ms ease-in-out, opacity 120ms ease-in-out}.card .card-header.expandable tds-icon.rotated{transform:rotate(180deg)}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}:host([expandable]:not([expanded])) .card-body slot[name=body]{display:none}";export{o as tds_card}
1
+ import{r as e,c as a,h as d,H as t,a as r}from"./p-Befhko2r.js";import{g as s}from"./p-Cn4f8w1e.js";import{h as i}from"./p-DDX6uFcm.js";const o=class{constructor(t){e(this,t),this.tdsClick=a(this,"tdsClick",6),this.modeVariant=null,this.imagePlacement="below-header",this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=s(),this.expandable=!1,this.expanded=!1,this.toggleExpand=()=>{this.expandable&&(this.expanded=!this.expanded)},this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=i("header",this.host),a=i("subheader",this.host),t=i("thumbnail",this.host);return d("div",{class:{"card-header":!0,expandable:this.expandable,expanded:this.expanded}},t&&d("slot",{name:"thumbnail"}),d("div",{class:"header-subheader",id:`header-${this.cardId}`},this.header&&d("span",{class:"header"},this.header),e&&d("slot",{name:"header"}),this.subheader&&d("span",{class:"subheader"},this.subheader),a&&d("slot",{name:"subheader"})),this.expandable&&d("tds-button",{type:"button",variant:"ghost",size:"sm","tds-aria-label":"Toggle card content","aria-expanded":this.expanded?"true":"false",onClick:this.toggleExpand},d("tds-icon",{slot:"icon",size:"16px",name:"chevron_down",svgTitle:"Chevron Down",class:{rotated:this.expanded}})))},this.getCardContent=()=>{const e=i("body",this.host),a=i("body-image",this.host),t=i("actions",this.host),r=`body-${this.cardId}`;return d("div",{class:{stretch:this.stretch},"aria-describedby":e?r:null},"below-header"===this.imagePlacement&&this.getCardHeader(),d("div",{class:"card-body",id:r},a&&d("slot",{name:"body-image"}),this.bodyImg&&d("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&d("tds-divider",null),e&&d("slot",{name:"body"})),t&&d("slot",{name:"actions"}))}}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[`${this.imagePlacement}-stretch`]:this.stretch},a=this.header?this.header:`Card ${this.cardId}`;return d(t,{key:"e652c7d625691932e9b39c83a730f614195cb17c",class:{[`tds-mode-variant-${this.modeVariant}`]:!!this.modeVariant}},this.clickable?d("button",{class:e,onClick:this.handleClick,"aria-label":a,"aria-describedby":`header-${this.cardId}`},this.getCardContent()):d("div",{class:e},this.getCardContent()))}get host(){return r(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .card-header.expandable tds-icon{cursor:pointer;margin-left:auto;transition:transform 160ms ease-in-out, opacity 120ms ease-in-out}.card .card-header.expandable tds-icon.rotated{transform:rotate(180deg)}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}:host([expandable]:not([expanded])) .card-body slot[name=body]{display:none}";export{o as tds_card}
@@ -1 +1 @@
1
- import{r as t,c as a,h as e,H as s,a as r}from"./p-DweBXg7f.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(e){t(this,e),this.tdsFilter=a(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{var a;this[t]=null===(a=this.tableEl)||void 0===a?void 0:a[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return e(s,{key:"b98524b265ec24c7204f78fdba7298806488c5cd",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},e("div",{key:"474eb3d4623e98f69094a9d5c6942fa2bef05fd2",class:"tds-table__upper-bar-flex"},e("div",{key:"f616780361cc2101ddb2e0e9d112cd596f4a91ed",class:"tds-table__actionbar-left"},this.tableTitle&&e("caption",{key:"0a8a2e7330352f0c8bce0f29f43f6f5bb7a4204a",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),e("slot",{key:"fe7312c205337614665ac25824bfd27c7d9cadc8",name:"start"})),e("div",{key:"95af8f20377ecc20417a8e51dd1e2e619c1eeb21",class:"tds-table__actionbar"},this.filter&&e("div",{key:"798d8ff8fe3008f09018c095c8b07e2a6df17aa7",class:"tds-table__searchbar"},e("input",{key:"e152dc0fcbb47e181788ebbe57ac751332d5cb4c",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),e("span",{key:"fc6a824134d9a41b1aa6864238e0ad37793003ac",class:"tds-table__searchbar-icon"},e("tds-icon",{key:"8ed3d82df541b903c9b6d8e36e172ce15c2d5f54",name:"search",size:"20px"}))),e("slot",{key:"de8d5e9242b9bb1de8a8254cd08fdd41eb76a5e5",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
1
+ import{r as t,c as a,h as e,H as s,a as r}from"./p-Befhko2r.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(e){t(this,e),this.tdsFilter=a(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{var a;this[t]=null===(a=this.tableEl)||void 0===a?void 0:a[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return e(s,{key:"b98524b265ec24c7204f78fdba7298806488c5cd",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},e("div",{key:"474eb3d4623e98f69094a9d5c6942fa2bef05fd2",class:"tds-table__upper-bar-flex"},e("div",{key:"f616780361cc2101ddb2e0e9d112cd596f4a91ed",class:"tds-table__actionbar-left"},this.tableTitle&&e("caption",{key:"0a8a2e7330352f0c8bce0f29f43f6f5bb7a4204a",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),e("slot",{key:"fe7312c205337614665ac25824bfd27c7d9cadc8",name:"start"})),e("div",{key:"95af8f20377ecc20417a8e51dd1e2e619c1eeb21",class:"tds-table__actionbar"},this.filter&&e("div",{key:"798d8ff8fe3008f09018c095c8b07e2a6df17aa7",class:"tds-table__searchbar"},e("input",{key:"e152dc0fcbb47e181788ebbe57ac751332d5cb4c",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),e("span",{key:"fc6a824134d9a41b1aa6864238e0ad37793003ac",class:"tds-table__searchbar-icon"},e("tds-icon",{key:"8ed3d82df541b903c9b6d8e36e172ce15c2d5f54",name:"search",size:"20px"}))),e("slot",{key:"de8d5e9242b9bb1de8a8254cd08fdd41eb76a5e5",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
@@ -1 +1 @@
1
- import{r as t,c as e,h as s,H as a,a as o}from"./p-DweBXg7f.js";const i=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const d=class{constructor(s){t(this,s),this.tdsPagination=e(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.rowsperpage=!0,this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,this.rowsPerPageValue=this.rowsPerPageValues[0],this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.pages&&this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=t}}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=String(this.lastCorrectValue),this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.paginationValue>this.pages&&(this.paginationValue=this.pages),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){var t;return s(a,{key:"b9b2a655adbdac509705cf06f8b2cdc0e3b9a0ae",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"d6f7af8c3ad70cdae194eb633313f815b8cc400a",class:"tds-table__footer-row"},s("td",{key:"1e5bd029e2cb154e8c4eb61a566311166b4b135f",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"60abf7e8650298f0ec56bc48fc72488c3786e674",class:"tds-table__pagination"},s("div",{key:"aa3d9e8d9124efd479811b1e9c5e26437f798c54",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"1f6ed9da5ca83748e507ce0f5193abaf5e36c213",class:"rows-per-page"},s("p",{key:"8319a28772407a09752e5aa0646db4f83f2ce926"},"Rows per page"),s("tds-dropdown",{key:"cc7596459725ebd14500179a5e15f80404df41e0",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>s("tds-dropdown-option",{value:`${t}`},t)))))),s("div",{key:"3b7d98daceb0b48ceda16618914033c69eca0e10",class:"tds-table__page-selector"},s("input",{key:"d050a2fdf9c4cb49447ab84eaa5b4da60339ff53",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),s("p",{key:"fa177ca38fd59d80de9f75eb64e27d516b99bf18",class:"tds-table__footer-text"},"of ",s("span",{key:"e15b05026a1ae3e0b5f01e6f3604cf2d88ed0cbb"},this.pages)," pages"),s("button",{key:"12b29edbd391eb68dea8bc7439f4cc154f81ed47",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s("tds-icon",{key:"b365b40363e6036e0e7500d121e8af86ea7f9097",name:"skip_backwards",size:"20px"})),s("button",{key:"6458ce6240499c1d801506756c6bdda25893bea3",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s("tds-icon",{key:"9a0f4b8696d5437758a9b255b9e5abb4db40e9f1",name:"chevron_left",size:"20px"})),s("button",{key:"9672939723a0359217578ddd9055d2c269b201ec",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s("tds-icon",{key:"f84e8a062daebddafef3f58e17015df1a741eca0",name:"chevron_right",size:"20px"})),s("button",{key:"9d00d09e9bf6b59664faa828ec85e3a43b3b17e2",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s("tds-icon",{key:"815192910a462e07046048d84bbddb5cf2f850ba",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}]}}};d.style=":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";export{d as tds_table_footer}
1
+ import{r as t,c as e,h as s,H as a,a as o}from"./p-Befhko2r.js";const i=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const d=class{constructor(s){t(this,s),this.tdsPagination=e(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.rowsperpage=!0,this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,this.rowsPerPageValue=this.rowsPerPageValues[0],this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.pages&&this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=t}}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=String(this.lastCorrectValue),this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.paginationValue>this.pages&&(this.paginationValue=this.pages),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){var t;return s(a,{key:"b9b2a655adbdac509705cf06f8b2cdc0e3b9a0ae",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"d6f7af8c3ad70cdae194eb633313f815b8cc400a",class:"tds-table__footer-row"},s("td",{key:"1e5bd029e2cb154e8c4eb61a566311166b4b135f",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"60abf7e8650298f0ec56bc48fc72488c3786e674",class:"tds-table__pagination"},s("div",{key:"aa3d9e8d9124efd479811b1e9c5e26437f798c54",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"1f6ed9da5ca83748e507ce0f5193abaf5e36c213",class:"rows-per-page"},s("p",{key:"8319a28772407a09752e5aa0646db4f83f2ce926"},"Rows per page"),s("tds-dropdown",{key:"cc7596459725ebd14500179a5e15f80404df41e0",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>s("tds-dropdown-option",{value:`${t}`},t)))))),s("div",{key:"3b7d98daceb0b48ceda16618914033c69eca0e10",class:"tds-table__page-selector"},s("input",{key:"d050a2fdf9c4cb49447ab84eaa5b4da60339ff53",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),s("p",{key:"fa177ca38fd59d80de9f75eb64e27d516b99bf18",class:"tds-table__footer-text"},"of ",s("span",{key:"e15b05026a1ae3e0b5f01e6f3604cf2d88ed0cbb"},this.pages)," pages"),s("button",{key:"12b29edbd391eb68dea8bc7439f4cc154f81ed47",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s("tds-icon",{key:"b365b40363e6036e0e7500d121e8af86ea7f9097",name:"skip_backwards",size:"20px"})),s("button",{key:"6458ce6240499c1d801506756c6bdda25893bea3",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s("tds-icon",{key:"9a0f4b8696d5437758a9b255b9e5abb4db40e9f1",name:"chevron_left",size:"20px"})),s("button",{key:"9672939723a0359217578ddd9055d2c269b201ec",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s("tds-icon",{key:"f84e8a062daebddafef3f58e17015df1a741eca0",name:"chevron_right",size:"20px"})),s("button",{key:"9d00d09e9bf6b59664faa828ec85e3a43b3b17e2",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s("tds-icon",{key:"815192910a462e07046048d84bbddb5cf2f850ba",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}]}}};d.style=":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";export{d as tds_table_footer}
@@ -1 +1 @@
1
- import{r as e,h as a,H as t,a as s}from"./p-DweBXg7f.js";const d=class{constructor(a){e(this,a)}render(){return a(t,{key:"4a9b8a5924f026c20408e7cc32dc98ee9fd64ad1",role:"listitem"},a("div",{key:"3774339f0ca00bc041c51ad966da271dbe38fbb4",class:"user-box"},this.imgUrl&&a("img",{key:"f37f319f602d7418229f56f112d57e0e1346d043",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"a45bc8a008a0be4596cbcf0937c56380ea99bb80",name:"thumbanil"}),a("div",{key:"a1f5e157d1ac7cee13abf1a85422950988f3b8ac",class:"user-content"},a("div",{key:"6e2106c0868094ac54c0e2a54de07ff43dc9f979",class:"header"},this.header,a("slot",{key:"440311184e59aff2fc3425a1779d6b04de98fdd8",name:"header"})),a("div",{key:"85c3966e778010328e6d137573a83245c1077ea8",class:"subheader"},this.subheader,a("slot",{key:"bbd9b87dfa675761e0bc6005431e1cb1e8867013",name:"subheader"})))))}get host(){return s(this)}};d.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{d as tds_header_dropdown_list_user}
1
+ import{r as e,h as a,H as t,a as s}from"./p-Befhko2r.js";const d=class{constructor(a){e(this,a)}render(){return a(t,{key:"4a9b8a5924f026c20408e7cc32dc98ee9fd64ad1",role:"listitem"},a("div",{key:"3774339f0ca00bc041c51ad966da271dbe38fbb4",class:"user-box"},this.imgUrl&&a("img",{key:"f37f319f602d7418229f56f112d57e0e1346d043",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"a45bc8a008a0be4596cbcf0937c56380ea99bb80",name:"thumbanil"}),a("div",{key:"a1f5e157d1ac7cee13abf1a85422950988f3b8ac",class:"user-content"},a("div",{key:"6e2106c0868094ac54c0e2a54de07ff43dc9f979",class:"header"},this.header,a("slot",{key:"440311184e59aff2fc3425a1779d6b04de98fdd8",name:"header"})),a("div",{key:"85c3966e778010328e6d137573a83245c1077ea8",class:"subheader"},this.subheader,a("slot",{key:"bbd9b87dfa675761e0bc6005431e1cb1e8867013",name:"subheader"})))))}get host(){return s(this)}};d.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{d as tds_header_dropdown_list_user}
@@ -1 +1 @@
1
- import{r as t,c as o,h as s,H as i,a as e}from"./p-DweBXg7f.js";import{g as d}from"./p-Cn4f8w1e.js";const r=t=>null==t?"":t.toString(),l=t=>t.map((t=>r(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(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.uuid=d(),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=>r(o.value)===r(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,i,e;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+d+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=>{const o=t.currentTarget;if(this.multiselect&&0===this.filterQuery.length&&this.selectedOptions.length>0&&this.inputElement){const t=this.getValue(),s=o.value,i=function(t,o){return t.length<=o.length+1?t:t.startsWith(o)?t.slice(o.length):t.endsWith(o)?t.slice(0,t.length-o.length):t}(s,t);i!==s&&(this.inputElement.value=i)}this.tdsInput.emit(t);const s=this.inputElement?this.inputElement.value.toLowerCase():o.value.toLowerCase();this.filterQuery=s;const i=this.getChildren();""===s?(i.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=i.filter((t=>{var o;return this.normalizeString(null!==(o=null==t?void 0:t.textContent)&&void 0!==o?o:"").toLowerCase().includes(this.normalizeString(s).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.handleFilterReset=()=>{if(this.multiselect){if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.getValue(),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})}}else{const t=[];this.filterQuery.length>0&&(t.push(this.filterQuery),this.filterQuery="",this.resetFilterVisibility()),this.selectedOptions.length>0&&(t.push(this.selectedOptions.join(",")),this.updateDropdownStateFromUser([])),this.inputElement&&(this.inputElement.value="",this.inputElement.focus()),t.length>0&&this.tdsClear.emit({clearedValue:t.join(",")})}},this.resetFilterVisibility=()=>{this.filterQuery="",this.getChildren().forEach((t=>{t.removeAttribute("hidden")})),this.filterResult=null},this.handleMultiselectClear=()=>{const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.filter?this.inputElement&&(this.inputElement.value=this.getValue()):this.inputElement&&(this.inputElement.value=""),this.filter&&this.resetFilterVisibility()},this.handleBlur=()=>{this.filterFocus=!1,this.filterQuery="",this.inputElement&&(this.inputElement.value=this.getValue()),this.filter&&this.resetFilterVisibility()},this.handleInputClick=()=>{this.multiselect&&this.filter&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.resetFilterVisibility())},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)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[r(t[0])]:[r(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=>r(o.value)===r(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(r(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)?l(t):[r(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:i}=document;if(!i)return;const e=this.getChildren();if("ArrowDown"===t.key){const t=i.nextElementSibling?e.findIndex((t=>t===i.nextElementSibling)):0;if(e.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})(e,t),s="number"==typeof o?e[o]:e[0];null==s||s.focus()}}else if("ArrowUp"===t.key){const t=i.nextElementSibling?this.getChildren().findIndex((t=>t===i.previousElementSibling)):0;if(e.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})(e,t),s="number"==typeof o?e[o]:e[e.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.open||(this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.selectedOptions.length?this.getValue():""))),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=r(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=r(this.defaultValue),o=this.multiselect?t.split(",").map(r):[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.resetFilterVisibility()),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t]),this.filter&&this.multiselect&&this.inputElement&&(this.inputElement.value=this.getValue())}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(){var t,o,e,d;((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e&&(e.disabled=i,e.name=o||"",e.value=s||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const r=this.name||this.uuid,l=`dropdown-input-${r}`,n=this.label?`dropdown-label-${r}`:void 0,h=this.helper?`dropdown-helper-${r}`:void 0,a=this.selectedOptions.length>0,c=this.filterQuery.length>0,p=this.filterFocus||a||c,b=this.open||a,u="inside"!==this.labelPosition||b,v=null!==(t=this.tdsAriaLabel)&&void 0!==t?t:this.label?void 0:"Dropdown";let w=null!==(o=this.placeholder)&&void 0!==o?o:"";"inside"===this.labelPosition&&(w=!this.filterFocus||c||a||null===(e=this.placeholder)||void 0===e?"":e);let f="";return this.selectedOptions.length>0?f=this.getValue():u&&(f=null!==(d=this.placeholder)&&void 0!==d?d:""),s(i,{key:"b9cf35a8a59a4394231a6a1eaf28d10eb406d9dd",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"d0a437dd9964f99a6fc584e19db6cb202a52db6d",id:n,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"1f2bc5ba3a4f88d0562920514582dbbca392f0f2",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&s("label",{id:n,htmlFor:l,class:{"label-inside":!0,[this.size]:!0,floated:p}},this.label),s("input",{"aria-label":v,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,ref:t=>{this.inputElement=t,this.inputElement&&!this.filterFocus&&(this.inputElement.value=this.getValue())},class:{placeholder:"inside"===this.labelPosition},id:l,type:"text",placeholder:w,disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onClick:()=>this.handleInputClick(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("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"}),s("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"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&s("div",{id:n,class:{"label-inside":!0,[this.size]:!0,floated:b}},this.label),s("div",{"aria-label":this.tdsAriaLabel?`Selected options for ${this.tdsAriaLabel}`:void 0,class:`placeholder ${this.size}`},f)),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear selection",svgTitle:"Clear selection",onClick:t=>{t.stopPropagation(),this.handleMultiselectClear()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),t.preventDefault(),this.handleMultiselectClear())},class:{"clear-icon":!0,hide:!(this.multiselect&&this.selectedOptions.length>0)},name:"cross",size:"16px"}),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"}))),s("div",{key:"33b396b80b0bd9df1e2ad49ce76a6d206b8494c1",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}},s("slot",{key:"34c20eb4db47adc67acbfa82fb9cdc4d00570dff",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"20accfd7501265ef8bb4472984950af150967292",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"184197b19327dc1f41cf4deff322516c8a8e2016",id:h,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"d981559018ad6f969a2292e1520db0fa1fe66623",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}}};n.style='@charset "UTF-8";:host button{all:unset;display:flex;align-items:center;height:100%;width:100%;box-sizing:border-box;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius);padding:0 16px}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{flex:1;min-width:0;display:flex;align-items:center;padding:0}:host button .menu-icon{margin-right:16px}: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;align-items:center;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,: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-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside-color);left:16px;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside.lg{top:20px;left:16px}:host .dropdown-select .label-inside.md{top:16px;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 .label-inside.floated{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls)}:host .dropdown-select .label-inside.floated.lg{top:12px}:host .dropdown-select .label-inside.floated.md{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 .clear-icon{cursor:pointer;flex-shrink:0;margin:0;margin-right:8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .clear-icon.hide{display:none;visibility:hidden}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const h=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.internalValue="",this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentDropdown=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentDropdown="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentDropdown&&(this.multiselect=null!==(o=this.parentDropdown.multiselect)&&void 0!==o&&o,this.size=this.parentDropdown.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentDropdown)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentDropdown)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentDropdown)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentDropdown)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentDropdown||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentDropdown||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=r(t)}componentWillLoad(){this.internalValue=r(this.value)}render(){return s(i,{key:"f2c0929d4a6d9e7df2259b80175ddde7bad15946"},s("div",{key:"433562a99e20ec9b21cf1b07819c52e516081723",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentDropdown)||void 0===o||o.close())}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:[{valueWatcher:0}]}}};h.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,h as tds_dropdown_option}
1
+ import{r as t,c as o,h as s,H as i,a as e}from"./p-Befhko2r.js";import{g as d}from"./p-Cn4f8w1e.js";const r=t=>null==t?"":t.toString(),l=t=>t.map((t=>r(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(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.uuid=d(),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=>r(o.value)===r(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,i,e;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+d+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=>{const o=t.currentTarget;if(this.multiselect&&0===this.filterQuery.length&&this.selectedOptions.length>0&&this.inputElement){const t=this.getValue(),s=o.value,i=function(t,o){return t.length<=o.length+1?t:t.startsWith(o)?t.slice(o.length):t.endsWith(o)?t.slice(0,t.length-o.length):t}(s,t);i!==s&&(this.inputElement.value=i)}this.tdsInput.emit(t);const s=this.inputElement?this.inputElement.value.toLowerCase():o.value.toLowerCase();this.filterQuery=s;const i=this.getChildren();""===s?(i.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=i.filter((t=>{var o;return this.normalizeString(null!==(o=null==t?void 0:t.textContent)&&void 0!==o?o:"").toLowerCase().includes(this.normalizeString(s).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.handleFilterReset=()=>{if(this.multiselect){if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.getValue(),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})}}else{const t=[];this.filterQuery.length>0&&(t.push(this.filterQuery),this.filterQuery="",this.resetFilterVisibility()),this.selectedOptions.length>0&&(t.push(this.selectedOptions.join(",")),this.updateDropdownStateFromUser([])),this.inputElement&&(this.inputElement.value="",this.inputElement.focus()),t.length>0&&this.tdsClear.emit({clearedValue:t.join(",")})}},this.resetFilterVisibility=()=>{this.filterQuery="",this.getChildren().forEach((t=>{t.removeAttribute("hidden")})),this.filterResult=null},this.handleMultiselectClear=()=>{const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.filter?this.inputElement&&(this.inputElement.value=this.getValue()):this.inputElement&&(this.inputElement.value=""),this.filter&&this.resetFilterVisibility()},this.handleBlur=()=>{this.filterFocus=!1,this.filterQuery="",this.inputElement&&(this.inputElement.value=this.getValue()),this.filter&&this.resetFilterVisibility()},this.handleInputClick=()=>{this.multiselect&&this.filter&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.resetFilterVisibility())},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)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[r(t[0])]:[r(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=>r(o.value)===r(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(r(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)?l(t):[r(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:i}=document;if(!i)return;const e=this.getChildren();if("ArrowDown"===t.key){const t=i.nextElementSibling?e.findIndex((t=>t===i.nextElementSibling)):0;if(e.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})(e,t),s="number"==typeof o?e[o]:e[0];null==s||s.focus()}}else if("ArrowUp"===t.key){const t=i.nextElementSibling?this.getChildren().findIndex((t=>t===i.previousElementSibling)):0;if(e.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})(e,t),s="number"==typeof o?e[o]:e[e.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.open||(this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.selectedOptions.length?this.getValue():""))),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=r(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=r(this.defaultValue),o=this.multiselect?t.split(",").map(r):[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.resetFilterVisibility()),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t]),this.filter&&this.multiselect&&this.inputElement&&(this.inputElement.value=this.getValue())}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(){var t,o,e,d;((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e&&(e.disabled=i,e.name=o||"",e.value=s||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const r=this.name||this.uuid,l=`dropdown-input-${r}`,n=this.label?`dropdown-label-${r}`:void 0,h=this.helper?`dropdown-helper-${r}`:void 0,a=this.selectedOptions.length>0,c=this.filterQuery.length>0,p=this.filterFocus||a||c,b=this.open||a,u="inside"!==this.labelPosition||b,v=null!==(t=this.tdsAriaLabel)&&void 0!==t?t:this.label?void 0:"Dropdown";let w=null!==(o=this.placeholder)&&void 0!==o?o:"";"inside"===this.labelPosition&&(w=!this.filterFocus||c||a||null===(e=this.placeholder)||void 0===e?"":e);let f="";return this.selectedOptions.length>0?f=this.getValue():u&&(f=null!==(d=this.placeholder)&&void 0!==d?d:""),s(i,{key:"b9cf35a8a59a4394231a6a1eaf28d10eb406d9dd",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"d0a437dd9964f99a6fc584e19db6cb202a52db6d",id:n,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"1f2bc5ba3a4f88d0562920514582dbbca392f0f2",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&s("label",{id:n,htmlFor:l,class:{"label-inside":!0,[this.size]:!0,floated:p}},this.label),s("input",{"aria-label":v,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,ref:t=>{this.inputElement=t,this.inputElement&&!this.filterFocus&&(this.inputElement.value=this.getValue())},class:{placeholder:"inside"===this.labelPosition},id:l,type:"text",placeholder:w,disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onClick:()=>this.handleInputClick(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("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"}),s("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"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&s("div",{id:n,class:{"label-inside":!0,[this.size]:!0,floated:b}},this.label),s("div",{"aria-label":this.tdsAriaLabel?`Selected options for ${this.tdsAriaLabel}`:void 0,class:`placeholder ${this.size}`},f)),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear selection",svgTitle:"Clear selection",onClick:t=>{t.stopPropagation(),this.handleMultiselectClear()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),t.preventDefault(),this.handleMultiselectClear())},class:{"clear-icon":!0,hide:!(this.multiselect&&this.selectedOptions.length>0)},name:"cross",size:"16px"}),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"}))),s("div",{key:"33b396b80b0bd9df1e2ad49ce76a6d206b8494c1",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}},s("slot",{key:"34c20eb4db47adc67acbfa82fb9cdc4d00570dff",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"20accfd7501265ef8bb4472984950af150967292",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"184197b19327dc1f41cf4deff322516c8a8e2016",id:h,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"d981559018ad6f969a2292e1520db0fa1fe66623",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}}};n.style='@charset "UTF-8";:host button{all:unset;display:flex;align-items:center;height:100%;width:100%;box-sizing:border-box;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius);padding:0 16px}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{flex:1;min-width:0;display:flex;align-items:center;padding:0}:host button .menu-icon{margin-right:16px}: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;align-items:center;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,: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-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside-color);left:16px;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside.lg{top:20px;left:16px}:host .dropdown-select .label-inside.md{top:16px;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 .label-inside.floated{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls)}:host .dropdown-select .label-inside.floated.lg{top:12px}:host .dropdown-select .label-inside.floated.md{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 .clear-icon{cursor:pointer;flex-shrink:0;margin:0;margin-right:8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .clear-icon.hide{display:none;visibility:hidden}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const h=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.internalValue="",this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentDropdown=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentDropdown="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentDropdown&&(this.multiselect=null!==(o=this.parentDropdown.multiselect)&&void 0!==o&&o,this.size=this.parentDropdown.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentDropdown)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentDropdown)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentDropdown)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentDropdown)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentDropdown||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentDropdown||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=r(t)}componentWillLoad(){this.internalValue=r(this.value)}render(){return s(i,{key:"f2c0929d4a6d9e7df2259b80175ddde7bad15946"},s("div",{key:"433562a99e20ec9b21cf1b07819c52e516081723",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentDropdown)||void 0===o||o.close())}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:[{valueWatcher:0}]}}};h.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,h as tds_dropdown_option}
@@ -1 +1 @@
1
- import{r as e,c as a,h as s,H as o,a as t}from"./p-DweBXg7f.js";import{g as n}from"./p-Cn4f8w1e.js";import{h as r}from"./p-DDX6uFcm.js";const i=class{constructor(s){e(this,s),this.tdsClose=a(this,"tdsClose",7),this.variant="default",this.bannerId=n(),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),a=r("subheader",this.host),t=r("actions",this.host);return s(o,{key:"4a2775ec0a13d095bb193cbaeeccb63886887910",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&&s("div",{key:"426e5c69aac5250d72d28bd114205e0fe1841f76",class:`banner-icon ${this.variant}`},s("tds-icon",{key:"e44a0fc389b8013a572b25b13fd7a6d1f501522c",name:this.icon,size:"20px",svgTitle:this.icon})),s("div",{key:"72cf07172fdb0785b4d45267abd163917d4271c8",class:"content"},s("div",{key:"ae45c2cf9282fcdd94f23b1aab5138b30b0ad887",class:"header-subheader"},this.header&&s("div",{key:"f05b93067f80e03b84284227884d9802dd2f16ac",class:"header"},this.header),e&&s("slot",{key:"c17f884559cd3f09d2447d4816709ebc7a940b07",name:"header"}),this.subheader&&s("div",{key:"1397b96c39a88439814387390e8715164f44b616",class:"subheader"},this.subheader),a&&s("slot",{key:"73df212519a15ef97688e4fcc65e7e5235e7054a",name:"subheader"})),t&&s("slot",{key:"dc11f989a674a05addb163b3085af0194fe83d53",name:"actions"})),s("div",{key:"929c4ecaf02e7e14990179e07399459ef41e6ae4",class:"banner-close"},s("button",{key:"f9595bff00be2618df765e4f7901c74e83a5d1eb","aria-label":"Close banner",onClick:this.handleClose},s("tds-icon",{key:"4d8d00a93c55db4d4a92aaa113510afc00ec9aad",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return t(this)}};i.style=":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}";export{i as tds_banner}
1
+ import{r as e,c as a,h as s,H as o,a as t}from"./p-Befhko2r.js";import{g as n}from"./p-Cn4f8w1e.js";import{h as r}from"./p-DDX6uFcm.js";const i=class{constructor(s){e(this,s),this.tdsClose=a(this,"tdsClose",7),this.variant="default",this.bannerId=n(),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),a=r("subheader",this.host),t=r("actions",this.host);return s(o,{key:"4a2775ec0a13d095bb193cbaeeccb63886887910",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&&s("div",{key:"426e5c69aac5250d72d28bd114205e0fe1841f76",class:`banner-icon ${this.variant}`},s("tds-icon",{key:"e44a0fc389b8013a572b25b13fd7a6d1f501522c",name:this.icon,size:"20px",svgTitle:this.icon})),s("div",{key:"72cf07172fdb0785b4d45267abd163917d4271c8",class:"content"},s("div",{key:"ae45c2cf9282fcdd94f23b1aab5138b30b0ad887",class:"header-subheader"},this.header&&s("div",{key:"f05b93067f80e03b84284227884d9802dd2f16ac",class:"header"},this.header),e&&s("slot",{key:"c17f884559cd3f09d2447d4816709ebc7a940b07",name:"header"}),this.subheader&&s("div",{key:"1397b96c39a88439814387390e8715164f44b616",class:"subheader"},this.subheader),a&&s("slot",{key:"73df212519a15ef97688e4fcc65e7e5235e7054a",name:"subheader"})),t&&s("slot",{key:"dc11f989a674a05addb163b3085af0194fe83d53",name:"actions"})),s("div",{key:"929c4ecaf02e7e14990179e07399459ef41e6ae4",class:"banner-close"},s("button",{key:"f9595bff00be2618df765e4f7901c74e83a5d1eb","aria-label":"Close banner",onClick:this.handleClose},s("tds-icon",{key:"4d8d00a93c55db4d4a92aaa113510afc00ec9aad",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return t(this)}};i.style=":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}";export{i as tds_banner}
@@ -1 +1 @@
1
- import{r as t,c as e,h as n,H as i,a as r}from"./p-DweBXg7f.js";import{g as o}from"./p-Cn4f8w1e.js";var s="top",a="bottom",u="right",f="left",c="auto",d=[s,a,u,f],l="start",h="end",v="viewport",p="popper",b=d.reduce((function(t,e){return t.concat([e+"-"+l,e+"-"+h])}),[]),m=[].concat(d,[c]).reduce((function(t,e){return t.concat([e,e+"-"+l,e+"-"+h])}),[]),y=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function g(t){return t?(t.nodeName||"").toLowerCase():null}function w(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function x(t){return t instanceof w(t).Element||t instanceof Element}function O(t){return t instanceof w(t).HTMLElement||t instanceof HTMLElement}function j(t){return"undefined"!=typeof ShadowRoot&&(t instanceof w(t).ShadowRoot||t instanceof ShadowRoot)}function k(t){return t.split("-")[0]}var E=Math.max,C=Math.min,S=Math.round;function M(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function T(){return!/^((?!chrome|android).)*safari/i.test(M())}function P(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&O(t)&&(r=t.offsetWidth>0&&S(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&S(i.height)/t.offsetHeight||1);var s=(x(t)?w(t):window).visualViewport,a=!T()&&n,u=(i.left+(a&&s?s.offsetLeft:0))/r,f=(i.top+(a&&s?s.offsetTop:0))/o,c=i.width/r,d=i.height/o;return{width:c,height:d,top:f,right:u+c,bottom:f+d,left:u,x:u,y:f}}function R(t){var e=P(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function A(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&j(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function B(t){return w(t).getComputedStyle(t)}function q(t){return["table","td","th"].indexOf(g(t))>=0}function W(t){return((x(t)?t.ownerDocument:t.document)||window.document).documentElement}function I(t){return"html"===g(t)?t:t.assignedSlot||t.parentNode||(j(t)?t.host:null)||W(t)}function L(t){return O(t)&&"fixed"!==B(t).position?t.offsetParent:null}function H(t){for(var e=w(t),n=L(t);n&&q(n)&&"static"===B(n).position;)n=L(n);return n&&("html"===g(n)||"body"===g(n)&&"static"===B(n).position)?e:n||function(t){var e=/firefox/i.test(M());if(/Trident/i.test(M())&&O(t)&&"fixed"===B(t).position)return null;var n=I(t);for(j(n)&&(n=n.host);O(n)&&["html","body"].indexOf(g(n))<0;){var i=B(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function D(t,e,n){return E(t,C(e,n))}function _(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function F(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function U(t){return t.split("-")[1]}var V={top:"auto",right:"auto",bottom:"auto",left:"auto"};function $(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,c=t.offsets,d=t.position,l=t.gpuAcceleration,v=t.adaptive,p=t.roundOffsets,b=t.isFixed,m=c.x,y=void 0===m?0:m,g=c.y,x=void 0===g?0:g,O="function"==typeof p?p({x:y,y:x}):{x:y,y:x};y=O.x,x=O.y;var j=c.hasOwnProperty("x"),k=c.hasOwnProperty("y"),E=f,C=s,M=window;if(v){var T=H(n),P="clientHeight",R="clientWidth";T===w(n)&&"static"!==B(T=W(n)).position&&"absolute"===d&&(P="scrollHeight",R="scrollWidth"),(r===s||(r===f||r===u)&&o===h)&&(C=a,x-=(b&&T===M&&M.visualViewport?M.visualViewport.height:T[P])-i.height,x*=l?1:-1),r!==f&&(r!==s&&r!==a||o!==h)||(E=u,y-=(b&&T===M&&M.visualViewport?M.visualViewport.width:T[R])-i.width,y*=l?1:-1)}var A,q=Object.assign({position:d},v&&V),I=!0===p?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:S(t.x*i)/i||0,y:S(n*i)/i||0}}({x:y,y:x},w(n)):{x:y,y:x};return y=I.x,x=I.y,Object.assign({},q,l?((A={})[C]=k?"0":"",A[E]=j?"0":"",A.transform=(M.devicePixelRatio||1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",A):((e={})[C]=k?x+"px":"",e[E]=j?y+"px":"",e.transform="",e))}var K={passive:!0},X={left:"right",right:"left",bottom:"top",top:"bottom"};function G(t){return t.replace(/left|right|bottom|top/g,(function(t){return X[t]}))}var J={start:"end",end:"start"};function N(t){return t.replace(/start|end/g,(function(t){return J[t]}))}function Q(t){var e=w(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Y(t){return P(W(t)).left+Q(t).scrollLeft}function Z(t){var e=B(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function tt(t){return["html","body","#document"].indexOf(g(t))>=0?t.ownerDocument.body:O(t)&&Z(t)?t:tt(I(t))}function et(t,e){var n;void 0===e&&(e=[]);var i=tt(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=w(i),s=r?[o].concat(o.visualViewport||[],Z(i)?i:[]):i,a=e.concat(s);return r?a:a.concat(et(I(s)))}function nt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function it(t,e,n){return e===v?nt(function(t,e){var n=w(t),i=W(t),r=n.visualViewport,o=i.clientWidth,s=i.clientHeight,a=0,u=0;if(r){o=r.width,s=r.height;var f=T();(f||!f&&"fixed"===e)&&(a=r.offsetLeft,u=r.offsetTop)}return{width:o,height:s,x:a+Y(t),y:u}}(t,n)):x(e)?function(t,e){var n=P(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):nt(function(t){var e,n=W(t),i=Q(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=E(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=E(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+Y(t),u=-i.scrollTop;return"rtl"===B(r||n).direction&&(a+=E(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:u}}(W(t)))}function rt(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?k(r):null,c=r?U(r):null,d=n.x+n.width/2-i.width/2,v=n.y+n.height/2-i.height/2;switch(o){case s:e={x:d,y:n.y-i.height};break;case a:e={x:d,y:n.y+n.height};break;case u:e={x:n.x+n.width,y:v};break;case f:e={x:n.x-i.width,y:v};break;default:e={x:n.x,y:n.y}}var p=o?z(o):null;if(null!=p){var b="y"===p?"height":"width";switch(c){case l:e[p]=e[p]-(n[b]/2-i[b]/2);break;case h:e[p]=e[p]+(n[b]/2-i[b]/2)}}return e}function ot(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,r=e.strategy,o=void 0===r?t.strategy:r,f=e.boundary,c=void 0===f?"clippingParents":f,l=e.rootBoundary,h=void 0===l?v:l,b=e.elementContext,m=void 0===b?p:b,y=e.altBoundary,w=void 0!==y&&y,j=e.padding,k=void 0===j?0:j,S=_("number"!=typeof k?k:F(k,d)),M=t.rects.popper,T=t.elements[w?m===p?"reference":p:m],R=function(t,e,n,i){var r="clippingParents"===e?function(t){var e=et(I(t)),n=["absolute","fixed"].indexOf(B(t).position)>=0&&O(t)?H(t):t;return x(n)?e.filter((function(t){return x(t)&&A(t,n)&&"body"!==g(t)})):[]}(t):[].concat(e),o=[].concat(r,[n]),s=o.reduce((function(e,n){var r=it(t,n,i);return e.top=E(r.top,e.top),e.right=C(r.right,e.right),e.bottom=C(r.bottom,e.bottom),e.left=E(r.left,e.left),e}),it(t,o[0],i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(x(T)?T:T.contextElement||W(t.elements.popper),c,h,o),q=P(t.elements.reference),L=rt({reference:q,element:M,placement:i}),z=nt(Object.assign({},M,L)),D=m===p?z:q,U={top:R.top-D.top+S.top,bottom:D.bottom-R.bottom+S.bottom,left:R.left-D.left+S.left,right:D.right-R.right+S.right},V=t.modifiersData.offset;if(m===p&&V){var $=V[i];Object.keys(U).forEach((function(t){var e=[u,a].indexOf(t)>=0?1:-1,n=[s,a].indexOf(t)>=0?"y":"x";U[t]+=$[n]*e}))}return U}function st(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,r=e.padding,o=e.flipVariations,s=e.allowedAutoPlacements,a=void 0===s?m:s,u=U(e.placement),f=u?o?b:b.filter((function(t){return U(t)===u})):d,c=f.filter((function(t){return a.indexOf(t)>=0}));0===c.length&&(c=f);var l=c.reduce((function(e,o){return e[o]=ot(t,{placement:o,boundary:n,rootBoundary:i,padding:r})[k(o)],e}),{});return Object.keys(l).sort((function(t,e){return l[t]-l[e]}))}var at={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,d=n.altAxis,h=void 0===d||d,v=n.fallbackPlacements,p=n.padding,b=n.boundary,m=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,j=k(O),E=v||(j!==O&&w?function(t){if(k(t)===c)return[];var e=G(t);return[N(t),e,N(e)]}(O):[G(O)]),C=[O].concat(E).reduce((function(t,n){return t.concat(k(n)===c?st(e,{placement:n,boundary:b,rootBoundary:m,padding:p,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),S=e.rects.reference,M=e.rects.popper,T=new Map,P=!0,R=C[0],A=0;A<C.length;A++){var B=C[A],q=k(B),W=U(B)===l,I=[s,a].indexOf(q)>=0,L=I?"width":"height",H=ot(e,{placement:B,boundary:b,rootBoundary:m,altBoundary:y,padding:p}),z=I?W?u:f:W?a:s;S[L]>M[L]&&(z=G(z));var D=G(z),_=[];if(o&&_.push(H[q]<=0),h&&_.push(H[z]<=0,H[D]<=0),_.every((function(t){return t}))){R=B,P=!1;break}T.set(B,_)}if(P)for(var F=function(t){var e=C.find((function(e){var n=T.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return R=e,"break"},V=w?3:1;V>0&&"break"!==F(V);V--);e.placement!==R&&(e.modifiersData[i]._skip=!0,e.placement=R,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ut(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function ft(t){return[s,u,a,f].some((function(e){return t[e]>=0}))}function ct(t,e,n){void 0===n&&(n=!1);var i,r,o=O(e),s=O(e)&&function(t){var e=t.getBoundingClientRect(),n=S(e.width)/t.offsetWidth||1,i=S(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=W(e),u=P(t,s,n),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!n)&&(("body"!==g(e)||Z(a))&&(f=(i=e)!==w(i)&&O(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:Q(i)),O(e)?((c=P(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Y(a))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function dt(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),i}var lt={placement:"bottom",modifiers:[],strategy:"absolute"};function ht(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function vt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,r=void 0===i?lt:i;return function(t,e,i){void 0===i&&(i=r);var o,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},lt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],f=!1,c={state:a,setOptions:function(i){var o="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},r,a.options,o),a.scrollParents={reference:x(t)?et(t):t.contextElement?et(t.contextElement):[],popper:et(e)};var s,f,l=function(t){var e=dt(t);return y.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(n,a.options.modifiers),f=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:a,name:t.name,instance:c,options:void 0===e?{}:e});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=a.elements,e=t.reference,n=t.popper;if(ht(e,n)){a.rects={reference:ct(e,H(n),"fixed"===a.options.strategy),popper:R(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,s=r.options;"function"==typeof o&&(a=o({state:a,options:void 0===s?{}:s,name:r.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(o=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(o())}))}))),s}),destroy:function(){d(),f=!0}};if(!ht(t,e))return c;function d(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var pt=vt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,s=i.resize,a=void 0===s||s,u=w(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&f.forEach((function(t){t.addEventListener("scroll",n.update,K)})),a&&u.addEventListener("resize",n.update,K),function(){o&&f.forEach((function(t){t.removeEventListener("scroll",n.update,K)})),a&&u.removeEventListener("resize",n.update,K)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=rt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,s=void 0===o||o,a=n.roundOffsets,u=void 0===a||a,f={placement:k(e.placement),variation:U(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,$(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,$(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];O(r)&&g(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});O(i)&&g(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,o=m.reduce((function(t,n){return t[n]=function(t,e,n){var i=k(t),r=[f,s].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=o[0],c=o[1];return a=a||0,c=(c||0)*r,[f,u].indexOf(i)>=0?{x:c,y:a}:{x:a,y:c}}(n,e.rects,r),t}),{}),a=o[e.placement],c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=o}},at,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,c=n.altAxis,d=void 0!==c&&c,h=n.tether,v=void 0===h||h,p=n.tetherOffset,b=void 0===p?0:p,m=ot(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=k(e.placement),g=U(e.placement),w=!g,x=z(y),O="x"===x?"y":"x",j=e.modifiersData.popperOffsets,S=e.rects.reference,M=e.rects.popper,T="function"==typeof b?b(Object.assign({},e.rects,{placement:e.placement})):b,P="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(j){if(o){var q,W="y"===x?s:f,I="y"===x?a:u,L="y"===x?"height":"width",_=j[x],F=_+m[W],V=_-m[I],$=v?-M[L]/2:0,K=g===l?S[L]:M[L],X=g===l?-M[L]:-S[L],G=e.elements.arrow,J=v&&G?R(G):{width:0,height:0},N=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=N[W],Y=N[I],Z=D(0,S[L],J[L]),tt=w?S[L]/2-$-Z-Q-P.mainAxis:K-Z-Q-P.mainAxis,et=w?-S[L]/2+$+Z+Y+P.mainAxis:X+Z+Y+P.mainAxis,nt=e.elements.arrow&&H(e.elements.arrow),it=null!=(q=null==A?void 0:A[x])?q:0,rt=_+et-it,st=D(v?C(F,_+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):F,_,v?E(V,rt):V);j[x]=st,B[x]=st-_}if(d){var at,ut=j[O],ft="y"===O?"height":"width",ct=ut+m["x"===x?s:f],dt=ut-m["x"===x?a:u],lt=-1!==[s,f].indexOf(y),ht=null!=(at=null==A?void 0:A[O])?at:0,vt=lt?ct:ut-S[ft]-M[ft]-ht+P.altAxis,pt=lt?ut+S[ft]+M[ft]-ht-P.altAxis:dt,bt=v&&lt?function(t,e,n){var i=D(t,e,n);return i>n?n:i}(vt,ut,pt):D(v?vt:ct,ut,v?pt:dt);j[O]=bt,B[O]=bt-ut}e.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,r=t.options,o=n.elements.arrow,c=n.modifiersData.popperOffsets,l=k(n.placement),h=z(l),v=[f,u].indexOf(l)>=0?"height":"width";if(o&&c){var p=function(t,e){return _("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:F(t,d))}(r.padding,n),b=R(o),m="y"===h?s:f,y="y"===h?a:u,g=n.rects.reference[v]+n.rects.reference[h]-c[h]-n.rects.popper[v],w=c[h]-n.rects.reference[h],x=H(o),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-b[v]/2+(g/2-w/2),E=D(p[m],j,O-b[v]-p[y]);n.modifiersData[i]=((e={})[h]=E,e.centerOffset=E-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&A(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=ot(e,{elementContext:"reference"}),a=ot(e,{altBoundary:!0}),u=ut(s,i),f=ut(a,r,o),c=ft(u),d=ft(f);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});const bt=class{constructor(n){t(this,n),this.internalTdsShow=e(this,"internalTdsShow",4),this.internalTdsClose=e(this,"internalTdsClose",0),this.defaultShow=!1,this.animation="none",this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=null,this.isShown=!1,this.disableLogic=!1,this.hasShownAtLeastOnce=!1,this.openedByKeyboard=!1,this.uuid=o(),this.setIsShown=t=>{this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?(this.hasShownAtLeastOnce=!0,this.internalTdsShow.emit()):(this.internalTdsClose.emit(),this.openedByKeyboard=!1)},this.onClickTarget=t=>{t.stopPropagation(),this.openedByKeyboard="keydown"===t.type||"Enter"===t.key||" "===t.key,this.setIsShown((t=>!t))},this.handleShow=t=>{t.stopPropagation(),this.openedByKeyboard="focusin"===t.type,this.setIsShown(!0)},this.handleHide=t=>{t.stopPropagation(),this.setIsShown(!1)}}async close(){this.setIsShown(!1)}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onTdsShow(t){null===this.show&&t.target.id!==`tds-popover-core-${this.uuid}`&&this.setIsShown(!1)}handleKeydown(t){"Escape"===t.key&&this.isShown&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,e){t!==e&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}onIsShownChange(t){t&&this.openedByKeyboard&&setTimeout((()=>{this.focusFirstElement()}),0)}focusFirstElement(){const t=this.host.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');t.length>0?t[0].focus():(this.host.setAttribute("tabindex","0"),this.host.focus())}initialize({referenceEl:t,trigger:e}){var n,i,r,o,s,a;this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?pt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===e&&null===this.show&&(null===(n=this.target)||void 0===n||n.addEventListener("click",this.onClickTarget),null===(i=this.target)||void 0===i||i.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.openedByKeyboard=!0,this.onClickTarget(t))}))),"hover"!==e&&"hover-popover"!==e||(null===(r=this.target)||void 0===r||r.addEventListener("focusin",this.handleShow),null===(o=this.target)||void 0===o||o.addEventListener("focusout",this.handleHide),null===(s=this.target)||void 0===s||s.addEventListener("mouseenter",this.handleShow),null===(a=this.target)||void 0===a||a.addEventListener("mouseleave",this.handleHide),"hover-popover"===e&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,e,n,i,r,o,s,a,u;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(e=this.target)||void 0===e||e.removeEventListener("keydown",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(i=this.target)||void 0===i||i.removeEventListener("focusout",this.handleHide),null===(r=this.target)||void 0===r||r.removeEventListener("mouseenter",this.handleShow),null===(o=this.target)||void 0===o||o.removeEventListener("mouseleave",this.handleHide),null===(s=this.host)||void 0===s||s.removeEventListener("mouseenter",this.handleShow),null===(a=this.host)||void 0===a||a.removeEventListener("mouseleave",this.handleHide),null===(u=this.popperInstance)||void 0===u||u.destroy()}connectedCallback(){if(void 0===this.selector&&void 0===this.referenceEl)return this.disableLogic=!0,void console.warn("TDS-POPOVER-CORE: Popover internal logic disabled. Please provide a `selector` or `referenceEl` prop");this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentWillLoad(){this.setIsShown(!0===this.show||!0===this.defaultShow)}componentDidRender(){var t;!this.isShown||this.renderedShowValue||this.disableLogic||null===(t=this.popperInstance)||void 0===t||t.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){const t=(e={"is-shown":this.isShown&&"none"===this.animation||void 0===this.animation,"is-hidden":!this.isShown&&"none"===this.animation||void 0===this.animation,"initially-hidden":!this.hasShownAtLeastOnce,"tds-animation-enter-fade":this.isShown&&"fade"===this.animation,"tds-animation-exit-fade":!this.isShown&&"fade"===this.animation},Object.keys(e).filter((t=>e[t])).join(" "));var e;return n(i,{key:"fdf71a3d32da460b0361bac28483955805e448db",role:this.host.getAttribute("role"),class:t,id:`tds-popover-core-${this.uuid}`},n("slot",{key:"d2b28bcc7f618edcf5c6acac39806b24e31538b0"}))}get host(){return r(this)}static get watchers(){return{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}}};bt.style=".sc-tds-popover-core-h{pointer-events:none;display:block}.tds-animation-enter-fade.sc-tds-popover-core-h{animation:tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards}.tds-animation-exit-fade.sc-tds-popover-core-h{animation:tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards}.is-shown.sc-tds-popover-core-h{opacity:1;pointer-events:auto;visibility:visible}.is-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}.initially-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}";export{bt as tds_popover_core}
1
+ import{r as t,c as e,h as n,H as i,a as r}from"./p-Befhko2r.js";import{g as o}from"./p-Cn4f8w1e.js";var s="top",a="bottom",u="right",f="left",c="auto",d=[s,a,u,f],l="start",h="end",v="viewport",p="popper",b=d.reduce((function(t,e){return t.concat([e+"-"+l,e+"-"+h])}),[]),m=[].concat(d,[c]).reduce((function(t,e){return t.concat([e,e+"-"+l,e+"-"+h])}),[]),y=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function g(t){return t?(t.nodeName||"").toLowerCase():null}function w(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function x(t){return t instanceof w(t).Element||t instanceof Element}function O(t){return t instanceof w(t).HTMLElement||t instanceof HTMLElement}function j(t){return"undefined"!=typeof ShadowRoot&&(t instanceof w(t).ShadowRoot||t instanceof ShadowRoot)}function k(t){return t.split("-")[0]}var E=Math.max,C=Math.min,S=Math.round;function M(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function T(){return!/^((?!chrome|android).)*safari/i.test(M())}function P(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&O(t)&&(r=t.offsetWidth>0&&S(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&S(i.height)/t.offsetHeight||1);var s=(x(t)?w(t):window).visualViewport,a=!T()&&n,u=(i.left+(a&&s?s.offsetLeft:0))/r,f=(i.top+(a&&s?s.offsetTop:0))/o,c=i.width/r,d=i.height/o;return{width:c,height:d,top:f,right:u+c,bottom:f+d,left:u,x:u,y:f}}function R(t){var e=P(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function A(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&j(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function B(t){return w(t).getComputedStyle(t)}function q(t){return["table","td","th"].indexOf(g(t))>=0}function W(t){return((x(t)?t.ownerDocument:t.document)||window.document).documentElement}function I(t){return"html"===g(t)?t:t.assignedSlot||t.parentNode||(j(t)?t.host:null)||W(t)}function L(t){return O(t)&&"fixed"!==B(t).position?t.offsetParent:null}function H(t){for(var e=w(t),n=L(t);n&&q(n)&&"static"===B(n).position;)n=L(n);return n&&("html"===g(n)||"body"===g(n)&&"static"===B(n).position)?e:n||function(t){var e=/firefox/i.test(M());if(/Trident/i.test(M())&&O(t)&&"fixed"===B(t).position)return null;var n=I(t);for(j(n)&&(n=n.host);O(n)&&["html","body"].indexOf(g(n))<0;){var i=B(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function D(t,e,n){return E(t,C(e,n))}function _(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function F(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function U(t){return t.split("-")[1]}var V={top:"auto",right:"auto",bottom:"auto",left:"auto"};function $(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,c=t.offsets,d=t.position,l=t.gpuAcceleration,v=t.adaptive,p=t.roundOffsets,b=t.isFixed,m=c.x,y=void 0===m?0:m,g=c.y,x=void 0===g?0:g,O="function"==typeof p?p({x:y,y:x}):{x:y,y:x};y=O.x,x=O.y;var j=c.hasOwnProperty("x"),k=c.hasOwnProperty("y"),E=f,C=s,M=window;if(v){var T=H(n),P="clientHeight",R="clientWidth";T===w(n)&&"static"!==B(T=W(n)).position&&"absolute"===d&&(P="scrollHeight",R="scrollWidth"),(r===s||(r===f||r===u)&&o===h)&&(C=a,x-=(b&&T===M&&M.visualViewport?M.visualViewport.height:T[P])-i.height,x*=l?1:-1),r!==f&&(r!==s&&r!==a||o!==h)||(E=u,y-=(b&&T===M&&M.visualViewport?M.visualViewport.width:T[R])-i.width,y*=l?1:-1)}var A,q=Object.assign({position:d},v&&V),I=!0===p?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:S(t.x*i)/i||0,y:S(n*i)/i||0}}({x:y,y:x},w(n)):{x:y,y:x};return y=I.x,x=I.y,Object.assign({},q,l?((A={})[C]=k?"0":"",A[E]=j?"0":"",A.transform=(M.devicePixelRatio||1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",A):((e={})[C]=k?x+"px":"",e[E]=j?y+"px":"",e.transform="",e))}var K={passive:!0},G={left:"right",right:"left",bottom:"top",top:"bottom"};function J(t){return t.replace(/left|right|bottom|top/g,(function(t){return G[t]}))}var N={start:"end",end:"start"};function Q(t){return t.replace(/start|end/g,(function(t){return N[t]}))}function X(t){var e=w(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Y(t){return P(W(t)).left+X(t).scrollLeft}function Z(t){var e=B(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function tt(t){return["html","body","#document"].indexOf(g(t))>=0?t.ownerDocument.body:O(t)&&Z(t)?t:tt(I(t))}function et(t,e){var n;void 0===e&&(e=[]);var i=tt(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=w(i),s=r?[o].concat(o.visualViewport||[],Z(i)?i:[]):i,a=e.concat(s);return r?a:a.concat(et(I(s)))}function nt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function it(t,e,n){return e===v?nt(function(t,e){var n=w(t),i=W(t),r=n.visualViewport,o=i.clientWidth,s=i.clientHeight,a=0,u=0;if(r){o=r.width,s=r.height;var f=T();(f||!f&&"fixed"===e)&&(a=r.offsetLeft,u=r.offsetTop)}return{width:o,height:s,x:a+Y(t),y:u}}(t,n)):x(e)?function(t,e){var n=P(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):nt(function(t){var e,n=W(t),i=X(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=E(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=E(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+Y(t),u=-i.scrollTop;return"rtl"===B(r||n).direction&&(a+=E(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:u}}(W(t)))}function rt(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?k(r):null,c=r?U(r):null,d=n.x+n.width/2-i.width/2,v=n.y+n.height/2-i.height/2;switch(o){case s:e={x:d,y:n.y-i.height};break;case a:e={x:d,y:n.y+n.height};break;case u:e={x:n.x+n.width,y:v};break;case f:e={x:n.x-i.width,y:v};break;default:e={x:n.x,y:n.y}}var p=o?z(o):null;if(null!=p){var b="y"===p?"height":"width";switch(c){case l:e[p]=e[p]-(n[b]/2-i[b]/2);break;case h:e[p]=e[p]+(n[b]/2-i[b]/2)}}return e}function ot(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,r=e.strategy,o=void 0===r?t.strategy:r,f=e.boundary,c=void 0===f?"clippingParents":f,l=e.rootBoundary,h=void 0===l?v:l,b=e.elementContext,m=void 0===b?p:b,y=e.altBoundary,w=void 0!==y&&y,j=e.padding,k=void 0===j?0:j,S=_("number"!=typeof k?k:F(k,d)),M=t.rects.popper,T=t.elements[w?m===p?"reference":p:m],R=function(t,e,n,i){var r="clippingParents"===e?function(t){var e=et(I(t)),n=["absolute","fixed"].indexOf(B(t).position)>=0&&O(t)?H(t):t;return x(n)?e.filter((function(t){return x(t)&&A(t,n)&&"body"!==g(t)})):[]}(t):[].concat(e),o=[].concat(r,[n]),s=o.reduce((function(e,n){var r=it(t,n,i);return e.top=E(r.top,e.top),e.right=C(r.right,e.right),e.bottom=C(r.bottom,e.bottom),e.left=E(r.left,e.left),e}),it(t,o[0],i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(x(T)?T:T.contextElement||W(t.elements.popper),c,h,o),q=P(t.elements.reference),L=rt({reference:q,element:M,placement:i}),z=nt(Object.assign({},M,L)),D=m===p?z:q,U={top:R.top-D.top+S.top,bottom:D.bottom-R.bottom+S.bottom,left:R.left-D.left+S.left,right:D.right-R.right+S.right},V=t.modifiersData.offset;if(m===p&&V){var $=V[i];Object.keys(U).forEach((function(t){var e=[u,a].indexOf(t)>=0?1:-1,n=[s,a].indexOf(t)>=0?"y":"x";U[t]+=$[n]*e}))}return U}function st(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,r=e.padding,o=e.flipVariations,s=e.allowedAutoPlacements,a=void 0===s?m:s,u=U(e.placement),f=u?o?b:b.filter((function(t){return U(t)===u})):d,c=f.filter((function(t){return a.indexOf(t)>=0}));0===c.length&&(c=f);var l=c.reduce((function(e,o){return e[o]=ot(t,{placement:o,boundary:n,rootBoundary:i,padding:r})[k(o)],e}),{});return Object.keys(l).sort((function(t,e){return l[t]-l[e]}))}var at={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,d=n.altAxis,h=void 0===d||d,v=n.fallbackPlacements,p=n.padding,b=n.boundary,m=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,j=k(O),E=v||(j!==O&&w?function(t){if(k(t)===c)return[];var e=J(t);return[Q(t),e,Q(e)]}(O):[J(O)]),C=[O].concat(E).reduce((function(t,n){return t.concat(k(n)===c?st(e,{placement:n,boundary:b,rootBoundary:m,padding:p,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),S=e.rects.reference,M=e.rects.popper,T=new Map,P=!0,R=C[0],A=0;A<C.length;A++){var B=C[A],q=k(B),W=U(B)===l,I=[s,a].indexOf(q)>=0,L=I?"width":"height",H=ot(e,{placement:B,boundary:b,rootBoundary:m,altBoundary:y,padding:p}),z=I?W?u:f:W?a:s;S[L]>M[L]&&(z=J(z));var D=J(z),_=[];if(o&&_.push(H[q]<=0),h&&_.push(H[z]<=0,H[D]<=0),_.every((function(t){return t}))){R=B,P=!1;break}T.set(B,_)}if(P)for(var F=function(t){var e=C.find((function(e){var n=T.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return R=e,"break"},V=w?3:1;V>0&&"break"!==F(V);V--);e.placement!==R&&(e.modifiersData[i]._skip=!0,e.placement=R,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ut(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function ft(t){return[s,u,a,f].some((function(e){return t[e]>=0}))}function ct(t,e,n){void 0===n&&(n=!1);var i,r,o=O(e),s=O(e)&&function(t){var e=t.getBoundingClientRect(),n=S(e.width)/t.offsetWidth||1,i=S(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=W(e),u=P(t,s,n),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!n)&&(("body"!==g(e)||Z(a))&&(f=(i=e)!==w(i)&&O(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:X(i)),O(e)?((c=P(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Y(a))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function dt(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),i}var lt={placement:"bottom",modifiers:[],strategy:"absolute"};function ht(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function vt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,r=void 0===i?lt:i;return function(t,e,i){void 0===i&&(i=r);var o,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},lt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],f=!1,c={state:a,setOptions:function(i){var o="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},r,a.options,o),a.scrollParents={reference:x(t)?et(t):t.contextElement?et(t.contextElement):[],popper:et(e)};var s,f,l=function(t){var e=dt(t);return y.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(n,a.options.modifiers),f=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:a,name:t.name,instance:c,options:void 0===e?{}:e});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=a.elements,e=t.reference,n=t.popper;if(ht(e,n)){a.rects={reference:ct(e,H(n),"fixed"===a.options.strategy),popper:R(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,s=r.options;"function"==typeof o&&(a=o({state:a,options:void 0===s?{}:s,name:r.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(o=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(o())}))}))),s}),destroy:function(){d(),f=!0}};if(!ht(t,e))return c;function d(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var pt=vt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,s=i.resize,a=void 0===s||s,u=w(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&f.forEach((function(t){t.addEventListener("scroll",n.update,K)})),a&&u.addEventListener("resize",n.update,K),function(){o&&f.forEach((function(t){t.removeEventListener("scroll",n.update,K)})),a&&u.removeEventListener("resize",n.update,K)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=rt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,s=void 0===o||o,a=n.roundOffsets,u=void 0===a||a,f={placement:k(e.placement),variation:U(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,$(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,$(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];O(r)&&g(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});O(i)&&g(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,o=m.reduce((function(t,n){return t[n]=function(t,e,n){var i=k(t),r=[f,s].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=o[0],c=o[1];return a=a||0,c=(c||0)*r,[f,u].indexOf(i)>=0?{x:c,y:a}:{x:a,y:c}}(n,e.rects,r),t}),{}),a=o[e.placement],c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=o}},at,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,c=n.altAxis,d=void 0!==c&&c,h=n.tether,v=void 0===h||h,p=n.tetherOffset,b=void 0===p?0:p,m=ot(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=k(e.placement),g=U(e.placement),w=!g,x=z(y),O="x"===x?"y":"x",j=e.modifiersData.popperOffsets,S=e.rects.reference,M=e.rects.popper,T="function"==typeof b?b(Object.assign({},e.rects,{placement:e.placement})):b,P="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(j){if(o){var q,W="y"===x?s:f,I="y"===x?a:u,L="y"===x?"height":"width",_=j[x],F=_+m[W],V=_-m[I],$=v?-M[L]/2:0,K=g===l?S[L]:M[L],G=g===l?-M[L]:-S[L],J=e.elements.arrow,N=v&&J?R(J):{width:0,height:0},Q=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[W],Y=Q[I],Z=D(0,S[L],N[L]),tt=w?S[L]/2-$-Z-X-P.mainAxis:K-Z-X-P.mainAxis,et=w?-S[L]/2+$+Z+Y+P.mainAxis:G+Z+Y+P.mainAxis,nt=e.elements.arrow&&H(e.elements.arrow),it=null!=(q=null==A?void 0:A[x])?q:0,rt=_+et-it,st=D(v?C(F,_+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):F,_,v?E(V,rt):V);j[x]=st,B[x]=st-_}if(d){var at,ut=j[O],ft="y"===O?"height":"width",ct=ut+m["x"===x?s:f],dt=ut-m["x"===x?a:u],lt=-1!==[s,f].indexOf(y),ht=null!=(at=null==A?void 0:A[O])?at:0,vt=lt?ct:ut-S[ft]-M[ft]-ht+P.altAxis,pt=lt?ut+S[ft]+M[ft]-ht-P.altAxis:dt,bt=v&&lt?function(t,e,n){var i=D(t,e,n);return i>n?n:i}(vt,ut,pt):D(v?vt:ct,ut,v?pt:dt);j[O]=bt,B[O]=bt-ut}e.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,r=t.options,o=n.elements.arrow,c=n.modifiersData.popperOffsets,l=k(n.placement),h=z(l),v=[f,u].indexOf(l)>=0?"height":"width";if(o&&c){var p=function(t,e){return _("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:F(t,d))}(r.padding,n),b=R(o),m="y"===h?s:f,y="y"===h?a:u,g=n.rects.reference[v]+n.rects.reference[h]-c[h]-n.rects.popper[v],w=c[h]-n.rects.reference[h],x=H(o),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-b[v]/2+(g/2-w/2),E=D(p[m],j,O-b[v]-p[y]);n.modifiersData[i]=((e={})[h]=E,e.centerOffset=E-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&A(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=ot(e,{elementContext:"reference"}),a=ot(e,{altBoundary:!0}),u=ut(s,i),f=ut(a,r,o),c=ft(u),d=ft(f);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});const bt=class{constructor(n){t(this,n),this.internalTdsShow=e(this,"internalTdsShow",4),this.internalTdsClose=e(this,"internalTdsClose",0),this.defaultShow=!1,this.animation="none",this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=null,this.isShown=!1,this.disableLogic=!1,this.hasShownAtLeastOnce=!1,this.openedByKeyboard=!1,this.uuid=o(),this.setIsShown=t=>{this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?(this.hasShownAtLeastOnce=!0,this.internalTdsShow.emit()):(this.internalTdsClose.emit(),this.openedByKeyboard=!1)},this.onClickTarget=t=>{t.stopPropagation(),this.openedByKeyboard="keydown"===t.type||"Enter"===t.key||" "===t.key,this.setIsShown((t=>!t))},this.handleShow=t=>{t.stopPropagation(),this.openedByKeyboard="focusin"===t.type,this.setIsShown(!0)},this.handleHide=t=>{t.stopPropagation(),this.setIsShown(!1)}}async close(){this.setIsShown(!1)}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onTdsShow(t){null===this.show&&t.target.id!==`tds-popover-core-${this.uuid}`&&this.setIsShown(!1)}handleKeydown(t){"Escape"===t.key&&this.isShown&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,e){t!==e&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}onIsShownChange(t){t&&this.openedByKeyboard&&setTimeout((()=>{this.focusFirstElement()}),0)}focusFirstElement(){const t=this.host.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');t.length>0?t[0].focus():(this.host.setAttribute("tabindex","0"),this.host.focus())}initialize({referenceEl:t,trigger:e}){var n,i,r,o,s,a;this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?pt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===e&&null===this.show&&(null===(n=this.target)||void 0===n||n.addEventListener("click",this.onClickTarget),null===(i=this.target)||void 0===i||i.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.openedByKeyboard=!0,this.onClickTarget(t))}))),"hover"!==e&&"hover-popover"!==e||(null===(r=this.target)||void 0===r||r.addEventListener("focusin",this.handleShow),null===(o=this.target)||void 0===o||o.addEventListener("focusout",this.handleHide),null===(s=this.target)||void 0===s||s.addEventListener("mouseenter",this.handleShow),null===(a=this.target)||void 0===a||a.addEventListener("mouseleave",this.handleHide),"hover-popover"===e&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,e,n,i,r,o,s,a,u;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(e=this.target)||void 0===e||e.removeEventListener("keydown",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(i=this.target)||void 0===i||i.removeEventListener("focusout",this.handleHide),null===(r=this.target)||void 0===r||r.removeEventListener("mouseenter",this.handleShow),null===(o=this.target)||void 0===o||o.removeEventListener("mouseleave",this.handleHide),null===(s=this.host)||void 0===s||s.removeEventListener("mouseenter",this.handleShow),null===(a=this.host)||void 0===a||a.removeEventListener("mouseleave",this.handleHide),null===(u=this.popperInstance)||void 0===u||u.destroy()}connectedCallback(){if(void 0===this.selector&&void 0===this.referenceEl)return this.disableLogic=!0,void console.warn("TDS-POPOVER-CORE: Popover internal logic disabled. Please provide a `selector` or `referenceEl` prop");this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentWillLoad(){this.setIsShown(!0===this.show||!0===this.defaultShow)}componentDidRender(){var t;!this.isShown||this.renderedShowValue||this.disableLogic||null===(t=this.popperInstance)||void 0===t||t.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){const t=(e={"is-shown":this.isShown&&"none"===this.animation||void 0===this.animation,"is-hidden":!this.isShown&&"none"===this.animation||void 0===this.animation,"initially-hidden":!this.hasShownAtLeastOnce,"tds-animation-enter-fade":this.isShown&&"fade"===this.animation,"tds-animation-exit-fade":!this.isShown&&"fade"===this.animation},Object.keys(e).filter((t=>e[t])).join(" "));var e;return n(i,{key:"fdf71a3d32da460b0361bac28483955805e448db",role:this.host.getAttribute("role"),class:t,id:`tds-popover-core-${this.uuid}`},n("slot",{key:"d2b28bcc7f618edcf5c6acac39806b24e31538b0"}))}get host(){return r(this)}static get watchers(){return{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}}};bt.style=".sc-tds-popover-core-h{pointer-events:none;display:block}.tds-animation-enter-fade.sc-tds-popover-core-h{animation:tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards}.tds-animation-exit-fade.sc-tds-popover-core-h{animation:tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards}.is-shown.sc-tds-popover-core-h{opacity:1;pointer-events:auto;visibility:visible}.is-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}.initially-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}";export{bt as tds_popover_core}