@scania/tegel 0.0.9 → 0.0.11

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 (594) hide show
  1. package/README.md +3 -0
  2. package/dist/cjs/index-ee36ffa1.js +10 -14
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-badge.cjs.entry.js +3 -3
  6. package/dist/cjs/tds-banner.cjs.entry.js +13 -13
  7. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -4
  8. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +0 -3
  9. package/dist/cjs/tds-button.cjs.entry.js +20 -18
  10. package/dist/cjs/tds-card.cjs.entry.js +19 -23
  11. package/dist/cjs/tds-checkbox.cjs.entry.js +2 -1
  12. package/dist/cjs/tds-chip.cjs.entry.js +14 -3
  13. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
  14. package/dist/cjs/{tds-dropdown-option-v2.cjs.entry.js → tds-dropdown-option.cjs.entry.js} +5 -5
  15. package/dist/cjs/{tds-dropdown-v2.cjs.entry.js → tds-dropdown.cjs.entry.js} +31 -26
  16. package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -3
  17. package/dist/cjs/tds-folder-tabs.cjs.entry.js +5 -5
  18. package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
  19. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  20. package/dist/cjs/tds-footer.cjs.entry.js +6 -6
  21. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
  23. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +4 -4
  24. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +6 -6
  25. package/dist/cjs/tds-header-dropdown.cjs.entry.js +4 -3
  26. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +3 -2
  29. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +3 -2
  32. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +3 -2
  33. package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
  34. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
  36. package/dist/cjs/tds-inline-tabs.cjs.entry.js +5 -5
  37. package/dist/cjs/tds-link.cjs.entry.js +2 -2
  38. package/dist/cjs/tds-message.cjs.entry.js +6 -6
  39. package/dist/cjs/tds-modal.cjs.entry.js +13 -5
  40. package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
  41. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +5 -5
  42. package/dist/cjs/tds-popover-canvas.cjs.entry.js +10 -80
  43. package/dist/{components/popper.js → cjs/tds-popover-core.cjs.entry.js} +166 -13
  44. package/dist/cjs/tds-popover-menu.cjs.entry.js +12 -62
  45. package/dist/cjs/tds-radio-button.cjs.entry.js +3 -2
  46. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  47. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
  48. package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
  49. package/dist/cjs/tds-side-menu.cjs.entry.js +2 -2
  50. package/dist/cjs/tds-slider.cjs.entry.js +16 -15
  51. package/dist/cjs/tds-stepper.cjs.entry.js +3 -2
  52. package/dist/cjs/tds-table-body.cjs.entry.js +4 -51
  53. package/dist/cjs/tds-table-footer.cjs.entry.js +47 -39
  54. package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
  55. package/dist/cjs/tds-table.cjs.entry.js +2 -1
  56. package/dist/cjs/tds-text-field.cjs.entry.js +6 -2
  57. package/dist/cjs/tds-toast.cjs.entry.js +13 -28
  58. package/dist/cjs/tds-toggle.cjs.entry.js +2 -1
  59. package/dist/cjs/tds-tooltip.cjs.entry.js +41 -78
  60. package/dist/cjs/tegel.cjs.js +1 -1
  61. package/dist/cjs/{utils-2beb1aa0.js → utils-a908536d.js} +33 -12
  62. package/dist/collection/collection-manifest.json +1 -3
  63. package/dist/collection/components/accordion/accordion-item/accordion-item.js +5 -1
  64. package/dist/collection/components/accordion/accordion.js +3 -0
  65. package/dist/collection/components/accordion/accordion.stories.js +100 -0
  66. package/dist/collection/components/badge/badge.js +4 -4
  67. package/dist/collection/components/badge/badge.stories.js +106 -0
  68. package/dist/collection/components/banner/banner.css +12 -9
  69. package/dist/collection/components/banner/banner.js +40 -24
  70. package/dist/collection/components/banner/banner.stories.js +107 -0
  71. package/dist/collection/components/block/block.js +3 -0
  72. package/dist/collection/components/block/block.stories.js +49 -0
  73. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +4 -4
  74. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +4 -21
  75. package/dist/collection/components/breadcrumbs/breadcrumbs.js +3 -3
  76. package/dist/collection/components/breadcrumbs/breadcrumbs.stories.js +36 -0
  77. package/dist/collection/components/button/button.css +20 -14
  78. package/dist/collection/components/button/button.js +46 -23
  79. package/dist/collection/components/button/button.stories.js +185 -0
  80. package/dist/collection/components/card/card.css +18 -14
  81. package/dist/collection/components/card/card.js +32 -68
  82. package/dist/collection/components/card/card.stories.js +163 -0
  83. package/dist/collection/components/checkbox/checkbox.js +6 -2
  84. package/dist/collection/components/checkbox/checkbox.stories.js +80 -0
  85. package/dist/collection/components/chip/chip.css +23 -8
  86. package/dist/collection/components/chip/chip.js +19 -3
  87. package/dist/collection/components/chip/chip.stories.js +230 -0
  88. package/dist/collection/components/datetime/datetime.stories.js +195 -0
  89. package/dist/collection/components/divider/divider.stories.js +62 -0
  90. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +145 -116
  91. package/dist/collection/components/dropdown/dropdown.css +212 -386
  92. package/dist/collection/components/dropdown/dropdown.js +480 -329
  93. package/dist/collection/components/dropdown/dropdown.stories.js +268 -0
  94. package/dist/collection/components/footer/footer-group/footer-group.css +3 -3
  95. package/dist/collection/components/footer/footer-group/footer-group.js +5 -2
  96. package/dist/collection/components/footer/footer-item/footer-item.css +16 -8
  97. package/dist/collection/components/footer/footer-item/footer-item.js +3 -0
  98. package/dist/collection/components/footer/footer.css +9 -12
  99. package/dist/collection/components/footer/footer.js +10 -10
  100. package/dist/collection/components/footer/footer.stories.js +145 -0
  101. package/dist/collection/components/header/core-header-item/core-header-item.js +3 -0
  102. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +3 -0
  103. package/dist/collection/components/header/header-dropdown/header-dropdown.js +11 -5
  104. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.css +2 -2
  105. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +10 -7
  106. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +3 -3
  107. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +7 -4
  108. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.css +1 -1
  109. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +13 -9
  110. package/dist/collection/components/header/header-hamburger/header-hamburger.css +0 -1
  111. package/dist/collection/components/header/header-item/header-item.js +3 -0
  112. package/dist/collection/components/header/header-launcher/header-launcher.js +5 -2
  113. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +3 -0
  114. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +3 -0
  115. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +6 -2
  116. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +6 -2
  117. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +4 -1
  118. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +6 -2
  119. package/dist/collection/components/header/header-title/header-title.js +3 -0
  120. package/dist/collection/components/header/header.css +1 -1
  121. package/dist/collection/components/header/header.js +6 -0
  122. package/dist/collection/components/header/header.stories.js +82 -0
  123. package/dist/collection/components/icon/icon.stories.js +48 -0
  124. package/dist/collection/components/link/link.css +16 -13
  125. package/dist/collection/components/link/link.js +5 -1
  126. package/dist/collection/components/link/link.stories.js +59 -0
  127. package/dist/collection/components/message/message.css +16 -16
  128. package/dist/collection/components/message/message.js +11 -8
  129. package/dist/collection/components/message/message.stories.js +110 -0
  130. package/dist/collection/components/modal/modal.css +19 -33
  131. package/dist/collection/components/modal/modal.js +36 -6
  132. package/dist/collection/components/modal/modal.stories.js +109 -0
  133. package/dist/collection/components/popover-canvas/popover-canvas.css +3 -7
  134. package/dist/collection/components/popover-canvas/popover-canvas.js +15 -104
  135. package/dist/collection/components/popover-canvas/popover-canvas.stories.js +92 -0
  136. package/dist/collection/components/popover-core/popover-core.js +390 -0
  137. package/dist/collection/components/popover-menu/popover-menu.css +2 -8
  138. package/dist/collection/components/popover-menu/popover-menu.js +18 -81
  139. package/dist/collection/components/popover-menu/popover-menu.stories.js +140 -0
  140. package/dist/collection/components/radio-button/radio-button.css +1 -1
  141. package/dist/collection/components/radio-button/radio-button.js +6 -2
  142. package/dist/collection/components/radio-button/radio-button.stories.js +91 -0
  143. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +3 -0
  144. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.css +1 -1
  145. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +5 -0
  146. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +3 -0
  147. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -0
  148. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +1 -1
  149. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +3 -0
  150. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +3 -0
  151. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +5 -0
  152. package/dist/collection/components/side-menu/side-menu.css +6 -5
  153. package/dist/collection/components/side-menu/side-menu.js +11 -3
  154. package/dist/collection/components/side-menu/side-menu.stories.js +215 -0
  155. package/dist/collection/components/slider/slider.js +17 -16
  156. package/dist/collection/components/slider/slider.stories.js +243 -0
  157. package/dist/collection/components/spinner/spinner.stories.js +61 -0
  158. package/dist/collection/components/stepper/step/step.js +3 -0
  159. package/dist/collection/components/stepper/stepper.css +3 -0
  160. package/dist/collection/components/stepper/stepper.js +7 -3
  161. package/dist/collection/components/stepper/stepper.stories.js +95 -0
  162. package/dist/collection/components/table/table/table.js +7 -3
  163. package/dist/collection/components/table/table-body/table-body.js +15 -60
  164. package/dist/collection/components/table/table-body-cell/table-body-cell.js +3 -0
  165. package/dist/collection/components/table/table-body-row/table-body-row.js +3 -0
  166. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +4 -0
  167. package/dist/collection/components/table/table-component-basic.stories.js +184 -0
  168. package/dist/collection/components/table/table-component-batch-actions.stories.js +201 -0
  169. package/dist/collection/components/table/table-component-bodydata.stories.js +101 -0
  170. package/dist/collection/components/table/table-component-custom-width.stories.js +174 -0
  171. package/dist/collection/components/table/table-component-event-listeners.stories.js +193 -0
  172. package/dist/collection/components/table/table-component-expandable-rows.stories.js +160 -0
  173. package/dist/collection/components/table/table-component-filtering.stories.js +210 -0
  174. package/dist/collection/components/table/table-component-multiselect.stories.js +230 -0
  175. package/dist/collection/components/table/table-component-pagination.stories.js +215 -0
  176. package/dist/collection/components/table/table-component-sorting.stories.js +238 -0
  177. package/dist/collection/components/table/table-footer/table-footer.js +65 -54
  178. package/dist/collection/components/table/table-header/table-header.js +3 -0
  179. package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -0
  180. package/dist/collection/components/table/table-toolbar/table-toolbar.css +2 -1
  181. package/dist/collection/components/table/table-toolbar/table-toolbar.js +4 -1
  182. package/dist/collection/components/table/table.filtering.spec.js +0 -6
  183. package/dist/collection/components/table/table.spec.js +0 -6
  184. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +10 -11
  185. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +4 -2
  186. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +8 -5
  187. package/dist/collection/components/tabs/folder-tabs/folder-tabs.stories.js +105 -0
  188. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +13 -2
  189. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +3 -0
  190. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +8 -5
  191. package/dist/collection/components/tabs/inline-tabs/inline-tabs.stories.js +99 -0
  192. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +13 -2
  193. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +3 -0
  194. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +8 -5
  195. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.stories.js +101 -0
  196. package/dist/collection/components/text-field/text-field.js +10 -2
  197. package/dist/collection/components/text-field/text-field.stories.js +247 -0
  198. package/dist/collection/components/textarea/textarea.stories.js +188 -0
  199. package/dist/collection/components/toast/toast.css +32 -25
  200. package/dist/collection/components/toast/toast.js +21 -37
  201. package/dist/collection/components/toast/toast.stories.js +79 -0
  202. package/dist/collection/components/toggle/toggle.js +6 -2
  203. package/dist/collection/components/toggle/toggle.stories.js +95 -0
  204. package/dist/collection/components/tooltip/tooltip.js +47 -87
  205. package/dist/collection/components/tooltip/tooltip.stories.js +136 -0
  206. package/dist/collection/stories/Installation/installation.stories.js +222 -0
  207. package/dist/collection/stories/announcements/announce-tegel.stories.js +262 -0
  208. package/dist/collection/stories/announcements/prefix-change.stories.js +93 -0
  209. package/dist/collection/stories/foundations/color/color-brand.stories.js +38 -0
  210. package/dist/collection/stories/foundations/color/color-scales.stories.js +71 -0
  211. package/dist/collection/stories/foundations/color/color-semantic.stories.js +40 -0
  212. package/dist/collection/stories/foundations/grid/grid.stories.js +386 -0
  213. package/dist/collection/stories/foundations/spacing/spacing-element.stories.js +100 -0
  214. package/dist/collection/stories/foundations/spacing/spacing-layout.stories.js +94 -0
  215. package/dist/collection/stories/foundations/typography/typography-body.stories.js +16 -0
  216. package/dist/collection/stories/foundations/typography/typography-detail.stories.js +17 -0
  217. package/dist/collection/stories/foundations/typography/typography-headline.stories.js +39 -0
  218. package/dist/collection/stories/foundations/typography/typography-paragraph.stories.js +12 -0
  219. package/dist/collection/stories/patterns/navigation/navigation-basic.stories.js +85 -0
  220. package/dist/collection/stories/patterns/navigation/navigation-fewitems.stories.js +259 -0
  221. package/dist/collection/stories/patterns/navigation/navigation-manyitems.stories.js +246 -0
  222. package/dist/collection/stories/patterns/navigation/navigation-user-menu.stories.js +140 -0
  223. package/dist/collection/stories/tegel.stories.js +293 -0
  224. package/dist/collection/stories/utility/color/background-color.stories.js +96 -0
  225. package/dist/collection/stories/utility/color/text-color.stories.js +94 -0
  226. package/dist/collection/utils/utils.js +30 -11
  227. package/dist/components/checkbox.js +2 -1
  228. package/dist/components/header-dropdown-list-item.js +3 -3
  229. package/dist/components/header-dropdown-list.js +7 -7
  230. package/dist/components/header-item.js +1 -1
  231. package/dist/components/popover-canvas.js +20 -89
  232. package/dist/{esm/popper-bfa25c7f.js → components/popover-core.js} +190 -13
  233. package/dist/components/side-menu-item.js +1 -1
  234. package/dist/components/tds-accordion-item.js +1 -1
  235. package/dist/components/tds-badge.js +4 -4
  236. package/dist/components/tds-banner.js +16 -17
  237. package/dist/components/tds-breadcrumb.js +3 -6
  238. package/dist/components/tds-breadcrumbs.js +0 -3
  239. package/dist/components/tds-button.js +23 -22
  240. package/dist/components/tds-card.js +21 -29
  241. package/dist/components/tds-chip.js +14 -3
  242. package/dist/components/tds-dropdown-option.js +121 -1
  243. package/dist/components/tds-dropdown.js +323 -1
  244. package/dist/components/tds-folder-tab.js +2 -3
  245. package/dist/components/tds-folder-tabs.js +5 -5
  246. package/dist/components/tds-footer-group.js +3 -3
  247. package/dist/components/tds-footer-item.js +1 -1
  248. package/dist/components/tds-footer.js +7 -8
  249. package/dist/components/tds-header-cell.js +1 -1
  250. package/dist/components/tds-header-dropdown-list-user.js +6 -6
  251. package/dist/components/tds-header-dropdown.js +19 -12
  252. package/dist/components/tds-header-launcher-grid-title.js +3 -2
  253. package/dist/components/tds-header-launcher-grid.js +1 -1
  254. package/dist/components/tds-header-launcher-list-item.js +1 -1
  255. package/dist/components/tds-header-launcher-list-title.js +3 -2
  256. package/dist/components/tds-header-launcher-list.js +3 -2
  257. package/dist/components/tds-header-launcher.js +18 -12
  258. package/dist/components/tds-inline-tab.js +1 -1
  259. package/dist/components/tds-inline-tabs.js +5 -5
  260. package/dist/components/tds-link.js +4 -3
  261. package/dist/components/tds-message.js +7 -7
  262. package/dist/components/tds-modal.js +14 -5
  263. package/dist/components/tds-navigation-tab.js +1 -1
  264. package/dist/components/tds-navigation-tabs.js +5 -5
  265. package/dist/components/{tds-dropdown-v2.d.ts → tds-popover-core.d.ts} +4 -4
  266. package/dist/components/tds-popover-core.js +6 -0
  267. package/dist/components/tds-popover-menu.js +22 -70
  268. package/dist/components/tds-radio-button.js +3 -2
  269. package/dist/components/tds-side-menu-dropdown.js +1 -1
  270. package/dist/components/tds-side-menu.js +2 -2
  271. package/dist/components/tds-slider.js +16 -15
  272. package/dist/components/tds-stepper.js +3 -2
  273. package/dist/components/tds-table-body.js +5 -53
  274. package/dist/components/tds-table-footer.js +50 -42
  275. package/dist/components/tds-table-toolbar.js +9 -3
  276. package/dist/components/tds-table.js +2 -1
  277. package/dist/components/tds-text-field.js +6 -2
  278. package/dist/components/tds-toast.js +15 -32
  279. package/dist/components/tds-toggle.js +2 -1
  280. package/dist/components/tds-tooltip.js +51 -85
  281. package/dist/components/utils.js +31 -12
  282. package/dist/esm/index-23ee700b.js +10 -14
  283. package/dist/esm/loader.js +1 -1
  284. package/dist/esm/tds-accordion-item.entry.js +1 -1
  285. package/dist/esm/tds-badge.entry.js +3 -3
  286. package/dist/esm/tds-banner.entry.js +13 -13
  287. package/dist/esm/tds-breadcrumb.entry.js +2 -4
  288. package/dist/esm/tds-breadcrumbs.entry.js +0 -3
  289. package/dist/esm/tds-button.entry.js +20 -18
  290. package/dist/esm/tds-card.entry.js +19 -23
  291. package/dist/esm/tds-checkbox.entry.js +2 -1
  292. package/dist/esm/tds-chip.entry.js +15 -4
  293. package/dist/esm/tds-core-header-item_2.entry.js +1 -1
  294. package/dist/esm/{tds-dropdown-option-v2.entry.js → tds-dropdown-option.entry.js} +5 -5
  295. package/dist/esm/{tds-dropdown-v2.entry.js → tds-dropdown.entry.js} +31 -26
  296. package/dist/esm/tds-folder-tab.entry.js +2 -3
  297. package/dist/esm/tds-folder-tabs.entry.js +5 -5
  298. package/dist/esm/tds-footer-group.entry.js +3 -3
  299. package/dist/esm/tds-footer-item.entry.js +1 -1
  300. package/dist/esm/tds-footer.entry.js +6 -6
  301. package/dist/esm/tds-header-cell.entry.js +1 -1
  302. package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
  303. package/dist/esm/tds-header-dropdown-list-user.entry.js +4 -4
  304. package/dist/esm/tds-header-dropdown-list.entry.js +6 -6
  305. package/dist/esm/tds-header-dropdown.entry.js +4 -3
  306. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  307. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  308. package/dist/esm/tds-header-launcher-grid-title.entry.js +3 -2
  309. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  310. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  311. package/dist/esm/tds-header-launcher-list-title.entry.js +3 -2
  312. package/dist/esm/tds-header-launcher-list.entry.js +3 -2
  313. package/dist/esm/tds-header-launcher.entry.js +2 -2
  314. package/dist/esm/tds-header.entry.js +1 -1
  315. package/dist/esm/tds-inline-tab.entry.js +1 -1
  316. package/dist/esm/tds-inline-tabs.entry.js +5 -5
  317. package/dist/esm/tds-link.entry.js +2 -2
  318. package/dist/esm/tds-message.entry.js +6 -6
  319. package/dist/esm/tds-modal.entry.js +13 -5
  320. package/dist/esm/tds-navigation-tab.entry.js +1 -1
  321. package/dist/esm/tds-navigation-tabs.entry.js +5 -5
  322. package/dist/esm/tds-popover-canvas.entry.js +10 -80
  323. package/dist/{cjs/popper-9def2535.js → esm/tds-popover-core.entry.js} +161 -14
  324. package/dist/esm/tds-popover-menu.entry.js +12 -62
  325. package/dist/esm/tds-radio-button.entry.js +3 -2
  326. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  327. package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
  328. package/dist/esm/tds-side-menu-item.entry.js +1 -1
  329. package/dist/esm/tds-side-menu.entry.js +2 -2
  330. package/dist/esm/tds-slider.entry.js +16 -15
  331. package/dist/esm/tds-stepper.entry.js +3 -2
  332. package/dist/esm/tds-table-body.entry.js +4 -51
  333. package/dist/esm/tds-table-footer.entry.js +47 -39
  334. package/dist/esm/tds-table-toolbar.entry.js +2 -2
  335. package/dist/esm/tds-table.entry.js +2 -1
  336. package/dist/esm/tds-text-field.entry.js +7 -3
  337. package/dist/esm/tds-toast.entry.js +13 -28
  338. package/dist/esm/tds-toggle.entry.js +2 -1
  339. package/dist/esm/tds-tooltip.entry.js +42 -79
  340. package/dist/esm/tegel.js +1 -1
  341. package/dist/esm/{utils-9ac24735.js → utils-8544b156.js} +31 -12
  342. package/dist/tegel/p-000d60e5.entry.js +1 -0
  343. package/dist/tegel/p-04bff255.entry.js +1 -0
  344. package/dist/tegel/p-0641ac24.entry.js +1 -0
  345. package/dist/tegel/p-099025f0.entry.js +1 -0
  346. package/dist/tegel/p-0ae649c3.entry.js +1 -0
  347. package/dist/tegel/p-1a907ae9.entry.js +1 -0
  348. package/dist/tegel/p-1c82ccf0.entry.js +1 -0
  349. package/dist/tegel/{p-1acb8407.entry.js → p-1f43d4f0.entry.js} +1 -1
  350. package/dist/tegel/p-2e5f6086.entry.js +1 -0
  351. package/dist/tegel/{p-89283891.entry.js → p-31848a92.entry.js} +1 -1
  352. package/dist/tegel/{p-fb3f4a14.entry.js → p-3d28689e.entry.js} +1 -1
  353. package/dist/tegel/p-400282e5.entry.js +1 -0
  354. package/dist/tegel/p-4163997b.entry.js +1 -0
  355. package/dist/tegel/{p-bcb2fad3.entry.js → p-42990ec0.entry.js} +1 -1
  356. package/dist/tegel/p-43320d81.entry.js +1 -0
  357. package/dist/tegel/p-49a084db.entry.js +1 -0
  358. package/dist/tegel/{p-e8fccebc.entry.js → p-56189659.entry.js} +1 -1
  359. package/dist/tegel/{p-b6a16219.entry.js → p-656add37.entry.js} +1 -1
  360. package/dist/tegel/p-65ab407b.entry.js +1 -0
  361. package/dist/tegel/p-6654e59d.entry.js +1 -0
  362. package/dist/tegel/p-6f0072cc.entry.js +1 -0
  363. package/dist/tegel/{p-39227588.js → p-72fced16.js} +1 -1
  364. package/dist/tegel/p-79b1bb29.entry.js +1 -0
  365. package/dist/tegel/p-7ccff0a5.entry.js +1 -0
  366. package/dist/tegel/p-81915088.entry.js +1 -0
  367. package/dist/tegel/{p-232f5889.entry.js → p-823399ef.entry.js} +1 -1
  368. package/dist/tegel/p-84d231a5.entry.js +1 -0
  369. package/dist/tegel/{p-7b34156b.entry.js → p-88807dac.entry.js} +1 -1
  370. package/dist/tegel/p-88d7c4c1.entry.js +1 -0
  371. package/dist/tegel/p-8bd0a233.entry.js +1 -0
  372. package/dist/tegel/{p-e0ee20ee.entry.js → p-8c194dd8.entry.js} +1 -1
  373. package/dist/tegel/p-8e745d73.entry.js +1 -0
  374. package/dist/tegel/p-9991a816.entry.js +1 -0
  375. package/dist/tegel/{p-135575ae.entry.js → p-a08be1c3.entry.js} +1 -1
  376. package/dist/tegel/{p-3aa634ed.entry.js → p-a1ad46d2.entry.js} +1 -1
  377. package/dist/tegel/p-a8cc3901.entry.js +1 -0
  378. package/dist/tegel/{p-7d3a66ae.entry.js → p-aa7e2f79.entry.js} +1 -1
  379. package/dist/tegel/{p-cd2a74d7.entry.js → p-b0d313cd.entry.js} +1 -1
  380. package/dist/tegel/p-b1067b50.entry.js +1 -0
  381. package/dist/tegel/p-c411f254.entry.js +1 -0
  382. package/dist/tegel/p-cacdd03f.entry.js +1 -0
  383. package/dist/tegel/p-cb5a4d7d.entry.js +1 -0
  384. package/dist/tegel/p-d0f15f73.entry.js +1 -0
  385. package/dist/tegel/p-d2ca7f58.entry.js +1 -0
  386. package/dist/tegel/p-d4c25eb6.entry.js +1 -0
  387. package/dist/tegel/p-d5bd9b2e.entry.js +1 -0
  388. package/dist/tegel/{p-de799b9a.entry.js → p-d60cb9e5.entry.js} +1 -1
  389. package/dist/tegel/p-da6f310c.entry.js +1 -0
  390. package/dist/tegel/p-df318a85.entry.js +1 -0
  391. package/dist/tegel/p-df95f0ae.entry.js +1 -0
  392. package/dist/tegel/p-e36ceefe.entry.js +1 -0
  393. package/dist/tegel/p-e4d6a4c5.entry.js +1 -0
  394. package/dist/tegel/p-f36ec03b.entry.js +1 -0
  395. package/dist/tegel/p-f64ff692.entry.js +1 -0
  396. package/dist/tegel/p-f682dd0b.entry.js +1 -0
  397. package/dist/tegel/p-fa30061f.entry.js +1 -0
  398. package/dist/tegel/tegel.css +2 -2
  399. package/dist/tegel/tegel.esm.js +1 -1
  400. package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +4 -0
  401. package/dist/types/components/accordion/accordion.d.ts +3 -0
  402. package/dist/types/components/accordion/accordion.stories.d.ts +77 -0
  403. package/dist/types/components/badge/badge.stories.d.ts +73 -0
  404. package/dist/types/components/banner/banner.d.ts +10 -5
  405. package/dist/types/components/banner/banner.stories.d.ts +82 -0
  406. package/dist/types/components/block/block.d.ts +3 -0
  407. package/dist/types/components/block/block.stories.d.ts +32 -0
  408. package/dist/types/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +3 -2
  409. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +3 -1
  410. package/dist/types/components/breadcrumbs/breadcrumbs.stories.d.ts +16 -0
  411. package/dist/types/components/button/button.d.ts +9 -3
  412. package/dist/types/components/button/button.stories.d.ts +147 -0
  413. package/dist/types/components/card/card.d.ts +11 -9
  414. package/dist/types/components/card/card.stories.d.ts +128 -0
  415. package/dist/types/components/checkbox/checkbox.d.ts +3 -0
  416. package/dist/types/components/checkbox/checkbox.stories.d.ts +52 -0
  417. package/dist/types/components/chip/chip.d.ts +6 -0
  418. package/dist/types/components/chip/chip.stories.d.ts +99 -0
  419. package/dist/types/components/datetime/datetime.stories.d.ts +125 -0
  420. package/dist/types/components/divider/divider.stories.d.ts +58 -0
  421. package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +31 -17
  422. package/dist/types/components/dropdown/dropdown.d.ts +82 -54
  423. package/dist/types/components/dropdown/dropdown.stories.d.ts +183 -0
  424. package/dist/types/components/footer/footer-group/footer-group.d.ts +4 -1
  425. package/dist/types/components/footer/footer-item/footer-item.d.ts +3 -0
  426. package/dist/types/components/footer/footer.d.ts +5 -3
  427. package/dist/types/components/footer/footer.stories.d.ts +44 -0
  428. package/dist/types/components/header/core-header-item/core-header-item.d.ts +3 -0
  429. package/dist/types/components/header/header-brand-symbol/header-brand-symbol.d.ts +3 -0
  430. package/dist/types/components/header/header-dropdown/header-dropdown.d.ts +6 -1
  431. package/dist/types/components/header/header-dropdown-list/header-dropdown-list.d.ts +5 -1
  432. package/dist/types/components/header/header-dropdown-list-item/header-dropdown-list-item.d.ts +5 -2
  433. package/dist/types/components/header/header-dropdown-list-user/header-dropdown-list-user.d.ts +8 -4
  434. package/dist/types/components/header/header-item/header-item.d.ts +3 -0
  435. package/dist/types/components/header/header-launcher/header-launcher.d.ts +3 -0
  436. package/dist/types/components/header/header-launcher-grid/header-launcher-grid.d.ts +3 -0
  437. package/dist/types/components/header/header-launcher-grid-item/header-launcher-grid-item.d.ts +3 -0
  438. package/dist/types/components/header/header-launcher-grid-title/header-launcher-grid-title.d.ts +3 -0
  439. package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts +3 -0
  440. package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts +3 -0
  441. package/dist/types/components/header/header-launcher-list-title/header-launcher-list-title.d.ts +3 -0
  442. package/dist/types/components/header/header-title/header-title.d.ts +3 -0
  443. package/dist/types/components/header/header.d.ts +6 -0
  444. package/dist/types/components/header/header.stories.d.ts +32 -0
  445. package/dist/types/components/icon/icon.stories.d.ts +36 -0
  446. package/dist/types/components/link/link.d.ts +3 -0
  447. package/dist/types/components/link/link.stories.d.ts +44 -0
  448. package/dist/types/components/message/message.d.ts +5 -2
  449. package/dist/types/components/message/message.stories.d.ts +88 -0
  450. package/dist/types/components/modal/modal.d.ts +9 -3
  451. package/dist/types/components/modal/modal.stories.d.ts +70 -0
  452. package/dist/types/components/popover-canvas/popover-canvas.d.ts +8 -14
  453. package/dist/types/components/popover-canvas/popover-canvas.stories.d.ts +27 -0
  454. package/dist/types/components/popover-core/popover-core.d.ts +46 -0
  455. package/dist/types/components/popover-menu/popover-menu.d.ts +9 -10
  456. package/dist/types/components/popover-menu/popover-menu.stories.d.ts +40 -0
  457. package/dist/types/components/radio-button/radio-button.d.ts +3 -0
  458. package/dist/types/components/radio-button/radio-button.stories.d.ts +39 -0
  459. package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts +3 -0
  460. package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +5 -0
  461. package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts +3 -0
  462. package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +3 -0
  463. package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +3 -0
  464. package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts +3 -0
  465. package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts +4 -0
  466. package/dist/types/components/side-menu/side-menu.d.ts +8 -0
  467. package/dist/types/components/side-menu/side-menu.stories.d.ts +53 -0
  468. package/dist/types/components/slider/slider.d.ts +0 -1
  469. package/dist/types/components/slider/slider.stories.d.ts +235 -0
  470. package/dist/types/components/spinner/spinner.stories.d.ts +46 -0
  471. package/dist/types/components/stepper/step/step.d.ts +3 -0
  472. package/dist/types/components/stepper/stepper.d.ts +3 -0
  473. package/dist/types/components/stepper/stepper.stories.d.ts +80 -0
  474. package/dist/types/components/table/table/table.d.ts +3 -0
  475. package/dist/types/components/table/table-body/table-body.d.ts +6 -3
  476. package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +3 -0
  477. package/dist/types/components/table/table-body-row/table-body-row.d.ts +3 -0
  478. package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts +4 -0
  479. package/dist/types/components/table/table-component-basic.stories.d.ts +144 -0
  480. package/dist/types/components/table/table-component-batch-actions.stories.d.ts +139 -0
  481. package/dist/types/components/table/table-component-bodydata.stories.d.ts +35 -0
  482. package/dist/types/components/table/table-component-custom-width.stories.d.ts +131 -0
  483. package/dist/types/components/table/table-component-event-listeners.stories.d.ts +131 -0
  484. package/dist/types/components/table/table-component-expandable-rows.stories.d.ts +131 -0
  485. package/dist/types/components/table/table-component-filtering.stories.d.ts +139 -0
  486. package/dist/types/components/table/table-component-multiselect.stories.d.ts +144 -0
  487. package/dist/types/components/table/table-component-pagination.stories.d.ts +131 -0
  488. package/dist/types/components/table/table-component-sorting.stories.d.ts +183 -0
  489. package/dist/types/components/table/table-footer/table-footer.d.ts +7 -7
  490. package/dist/types/components/table/table-header/table-header.d.ts +3 -0
  491. package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +3 -0
  492. package/dist/types/components/tabs/folder-tabs/folder-tab/folder-tab.d.ts +3 -0
  493. package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +3 -0
  494. package/dist/types/components/tabs/folder-tabs/folder-tabs.stories.d.ts +69 -0
  495. package/dist/types/components/tabs/inline-tabs/inline-tab/inline-tab.d.ts +3 -0
  496. package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts +3 -0
  497. package/dist/types/components/tabs/inline-tabs/inline-tabs.stories.d.ts +61 -0
  498. package/dist/types/components/tabs/navigation-tabs/navigation-tab/navigation-tab.d.ts +3 -0
  499. package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +3 -0
  500. package/dist/types/components/tabs/navigation-tabs/navigation-tabs.stories.d.ts +61 -0
  501. package/dist/types/components/text-field/text-field.d.ts +5 -0
  502. package/dist/types/components/text-field/text-field.stories.d.ts +201 -0
  503. package/dist/types/components/textarea/textarea.stories.d.ts +139 -0
  504. package/dist/types/components/toast/toast.d.ts +6 -5
  505. package/dist/types/components/toast/toast.stories.d.ts +56 -0
  506. package/dist/types/components/toggle/toggle.d.ts +3 -0
  507. package/dist/types/components/toggle/toggle.stories.d.ts +74 -0
  508. package/dist/types/components/tooltip/tooltip.d.ts +17 -7
  509. package/dist/types/components/tooltip/tooltip.stories.d.ts +66 -0
  510. package/dist/types/components.d.ts +232 -415
  511. package/dist/types/stories/Installation/installation.stories.d.ts +7 -0
  512. package/dist/types/stories/announcements/announce-tegel.stories.d.ts +6 -0
  513. package/dist/types/stories/announcements/prefix-change.stories.d.ts +6 -0
  514. package/dist/types/stories/foundations/color/color-brand.stories.d.ts +13 -0
  515. package/dist/types/stories/foundations/color/color-scales.stories.d.ts +30 -0
  516. package/dist/types/stories/foundations/color/color-semantic.stories.d.ts +13 -0
  517. package/dist/types/stories/foundations/grid/grid.stories.d.ts +35 -0
  518. package/dist/types/stories/foundations/spacing/spacing-element.stories.d.ts +8 -0
  519. package/dist/types/stories/foundations/spacing/spacing-layout.stories.d.ts +8 -0
  520. package/dist/types/stories/foundations/typography/typography-body.stories.d.ts +8 -0
  521. package/dist/types/stories/foundations/typography/typography-detail.stories.d.ts +8 -0
  522. package/dist/types/stories/foundations/typography/typography-headline.stories.d.ts +21 -0
  523. package/dist/types/stories/foundations/typography/typography-paragraph.stories.d.ts +8 -0
  524. package/dist/types/stories/patterns/navigation/navigation-basic.stories.d.ts +23 -0
  525. package/dist/types/stories/patterns/navigation/navigation-fewitems.stories.d.ts +23 -0
  526. package/dist/types/stories/patterns/navigation/navigation-manyitems.stories.d.ts +38 -0
  527. package/dist/types/stories/patterns/navigation/navigation-user-menu.stories.d.ts +33 -0
  528. package/dist/types/stories/tegel.stories.d.ts +6 -0
  529. package/dist/types/stories/utility/color/background-color.stories.d.ts +64 -0
  530. package/dist/types/stories/utility/color/text-color.stories.d.ts +64 -0
  531. package/dist/types/utils/utils.d.ts +20 -6
  532. package/package.json +22 -24
  533. package/dist/cjs/tds-dropdown-filter.cjs.entry.js +0 -96
  534. package/dist/cjs/tds-dropdown_2.cjs.entry.js +0 -339
  535. package/dist/collection/components/dropdown/dropdown-filter/dropdown-filter.js +0 -380
  536. package/dist/collection/components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.js +0 -216
  537. package/dist/collection/components/dropdown-v2/dropdown-v2.css +0 -286
  538. package/dist/collection/components/dropdown-v2/dropdown-v2.js +0 -726
  539. package/dist/components/dropdown-option.js +0 -104
  540. package/dist/components/dropdown.js +0 -304
  541. package/dist/components/tds-dropdown-filter.d.ts +0 -11
  542. package/dist/components/tds-dropdown-filter.js +0 -150
  543. package/dist/components/tds-dropdown-option-v2.d.ts +0 -11
  544. package/dist/components/tds-dropdown-option-v2.js +0 -126
  545. package/dist/components/tds-dropdown-v2.js +0 -323
  546. package/dist/esm/tds-dropdown-filter.entry.js +0 -92
  547. package/dist/esm/tds-dropdown_2.entry.js +0 -334
  548. package/dist/tegel/p-07e5df94.entry.js +0 -1
  549. package/dist/tegel/p-0a3e7512.entry.js +0 -1
  550. package/dist/tegel/p-0e55d72f.entry.js +0 -1
  551. package/dist/tegel/p-107d3da8.entry.js +0 -1
  552. package/dist/tegel/p-13b02a4f.entry.js +0 -1
  553. package/dist/tegel/p-19e9addd.entry.js +0 -1
  554. package/dist/tegel/p-1fb5c5d4.entry.js +0 -1
  555. package/dist/tegel/p-2bee16f6.entry.js +0 -1
  556. package/dist/tegel/p-2e2c91c4.entry.js +0 -1
  557. package/dist/tegel/p-330ed982.entry.js +0 -1
  558. package/dist/tegel/p-3604b5d3.entry.js +0 -1
  559. package/dist/tegel/p-375e361b.entry.js +0 -1
  560. package/dist/tegel/p-55dc4711.entry.js +0 -1
  561. package/dist/tegel/p-59f1cb9b.entry.js +0 -1
  562. package/dist/tegel/p-5a6aba01.entry.js +0 -1
  563. package/dist/tegel/p-60733f89.entry.js +0 -1
  564. package/dist/tegel/p-6a530c2f.entry.js +0 -1
  565. package/dist/tegel/p-732256e0.entry.js +0 -1
  566. package/dist/tegel/p-7331ec7b.entry.js +0 -1
  567. package/dist/tegel/p-76f941e8.entry.js +0 -1
  568. package/dist/tegel/p-7b0853e6.entry.js +0 -1
  569. package/dist/tegel/p-90686bc7.entry.js +0 -1
  570. package/dist/tegel/p-95da9b7f.entry.js +0 -1
  571. package/dist/tegel/p-99f540db.entry.js +0 -1
  572. package/dist/tegel/p-9bcc42cf.entry.js +0 -1
  573. package/dist/tegel/p-9d707f6e.js +0 -1
  574. package/dist/tegel/p-9f57d275.entry.js +0 -1
  575. package/dist/tegel/p-9fe384ad.entry.js +0 -1
  576. package/dist/tegel/p-a5604352.entry.js +0 -1
  577. package/dist/tegel/p-acb62b52.entry.js +0 -1
  578. package/dist/tegel/p-aeffa257.entry.js +0 -1
  579. package/dist/tegel/p-b8d88873.entry.js +0 -1
  580. package/dist/tegel/p-beb8a6bd.entry.js +0 -1
  581. package/dist/tegel/p-c8d4af09.entry.js +0 -1
  582. package/dist/tegel/p-c90a247c.entry.js +0 -1
  583. package/dist/tegel/p-ca4527de.entry.js +0 -1
  584. package/dist/tegel/p-cf4cfc54.entry.js +0 -1
  585. package/dist/tegel/p-d3f5cf74.entry.js +0 -1
  586. package/dist/tegel/p-d67d67be.entry.js +0 -1
  587. package/dist/tegel/p-da4c92b9.entry.js +0 -1
  588. package/dist/tegel/p-e95059e9.entry.js +0 -1
  589. package/dist/tegel/p-f6206d3c.entry.js +0 -1
  590. package/dist/tegel/p-fc47d911.entry.js +0 -1
  591. package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts +0 -47
  592. package/dist/types/components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.d.ts +0 -35
  593. package/dist/types/components/dropdown-v2/dropdown-v2.d.ts +0 -86
  594. /package/dist/collection/components/{dropdown-v2/dropdown-option-v2/dropdown-option-v2.css → dropdown/dropdown-option/dropdown-option.css} +0 -0
@@ -1,334 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-23ee700b.js';
2
-
3
- const dropdownCss$1 = ":root,.tds-mode-light{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-958);--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100);--tds-dropdown-disabled:var(--tds-grey-400);--tds-dropdown-border:var(--tds-grey-100);--tds-dropdown-label-inside:var(--tds-grey-700);--tds-dropdown-label-outside:var(--tds-grey-958);--tds-dropdown-placeholder:var(--tds-grey-700);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-900);--tds-dropdown-option-disabled-color:var(--tds-grey-400);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-white);--tds-dropdown-background-hover:var(--tds-grey-50)}.tds-mode-dark{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-400);--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800);--tds-dropdown-disabled:var(--tds-grey-800);--tds-dropdown-border:var(--tds-grey-800);--tds-dropdown-label-inside:var(--tds-grey-400);--tds-dropdown-label-outside:var(--tds-grey-100);--tds-dropdown-placeholder:var(--tds-grey-400);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-disabled-color:var(--tds-grey-800);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-grey-900);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-dropdown-helper{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);color:var(--tds-grey-700);margin-top:var(--tds-spacing-element-4);display:flex}.tds-dropdown-helper .tds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.tds-dropdown-label-inside{font:var(--tds-detail-ex-07);letter-spacing:var(--tds-detail-ex-07-ls);color:var(--tds-dropdown-label-inside)}.tds-dropdown-label-outside{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);display:block;color:var(--tds-dropdown-label-outside);margin-bottom:var(--tds-spacing-element-8)}:host,::slotted(*){color:var(--tds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-grey-958);box-sizing:border-box}:host .tds-dropdown-label-outside,::slotted(*) .tds-dropdown-label-outside{color:var(--tds-dropdown-label-outside);text-decoration:none}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--tds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--tds-dropdown-disabled)}.tds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.tds-dropdown,.tds-dropdown *{box-sizing:border-box}.tds-dropdown .tds-dropdown-toggle{font:var(--tds-detail-ex-02);letter-spacing:var(--tds-detail-ex-02-ls);color:var(--tds-dropdown-color);display:flex;align-items:center;background-color:var(--tds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--tds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.tds-dropdown .tds-dropdown-toggle:hover{border-bottom-color:var(--tds-grey-600)}.tds-dropdown .tds-dropdown-toggle:focus::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--tds-blue-400)}.tds-dropdown .tds-dropdown-toggle:active,.tds-dropdown .tds-dropdown-toggle.active .tds-dropdown .tds-dropdown-toggle.selected{border-bottom-color:var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.tds-dropdown .tds-dropdown-toggle-lg{padding:20px 16px}.tds-dropdown .tds-dropdown-toggle-md{padding:16px}.tds-dropdown .tds-dropdown-toggle-sm{padding:12px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.tds-dropdown .tds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.tds-dropdown .tds-dropdown-placeholder{color:var(--tds-grey-700)}.tds-dropdown .tds-dropdown-label{display:grid;width:calc(100% - 25px)}.tds-dropdown .tds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-dropdown.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-container--label-inside{padding-bottom:12px}.tds-dropdown .tds-dropdown-filter{border:0;outline:none;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-link);width:100%;background:transparent}.tds-dropdown .tds-dropdown-filter:focus{outline:none}.tds-dropdown .tds-dropdown-filter::placeholder{color:var(--tds-grey-700);opacity:1}.tds-dropdown .tds-dropdown-menu{z-index:100;background-color:var(--tds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--tds-dropdown-border);border-right-color:var(--tds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}.tds-dropdown .tds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.tds-dropdown.tds-dropdown-lg .tds-dropdown-toggle{height:56px}.tds-dropdown.tds-dropdown-md .tds-dropdown-toggle{height:48px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-toggle{height:40px}:host(.tds-dropdown--open-upwards) .tds-dropdown .tds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.tds-dropdown--open-upwards[label-position=outside]) span.tds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle{pointer-events:none;color:var(--tds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-placeholder{color:var(--tds-dropdown-placeholder)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-label-inside{color:var(--tds-dropdown-label-inside)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle:focus::before{content:none}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle:focus::before{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper{color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper .tds-dropdown-error-icon{display:flex}:host ::slotted(tds-dropdown-option){display:flex;padding:var(--tds-spacing-element-16);background-color:var(--tds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--tds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--tds-dropdown-option-color)}:host ::slotted(tds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(tds-dropdown-option:hover),:host ::slotted(tds-dropdown-option:focus){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:not(:focus):not(tds-dropdown-option.selected)){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:focus){outline:none}:host ::slotted(tds-dropdown-option:focus){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host ::slotted(tds-dropdown-option.tds-dropdown--selected),:host ::slotted(tds-dropdown-option.selected),:host ::slotted(tds-dropdown-option.active),:host ::slotted(tds-dropdown-option:active){background-color:var(--tds-dropdown-background-hover);border-top:1px solid var(--tds-dropdown-border);border-bottom:1px solid var(--tds-dropdown-border)}:host ::slotted(tds-dropdown-option.tds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(tds-dropdown-option.tds-dropdown-option-disabled),:host ::slotted(tds-dropdown-option.selected.tds-dropdown-option-disabled){cursor:not-allowed;color:var(--tds-dropdown-option-disabled-color);background-color:var(--tds-dropdown-background-disabled)}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--tds-dropdown-border)}.tds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.tds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--tds-spacing-element-16)}.tds-option-checkmark path{color:var(--tds-dropdown-option-color)}:host([size=sm]) ::slotted(tds-dropdown-option){padding:var(--tds-spacing-element-12) var(--tds-spacing-element-16)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle.is-filter::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--tds-blue-400)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-arrow{transform:rotate(180deg)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-menu{transform:scaleY(1)}:host(.tds-dropdown--open) ::slotted(tds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .tds-option-checkmark{opacity:1}.tds-dropdown-label-inside{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.tds-dropdown-label-container.tds-dropdown-label-container--label-inside .tds-dropdown-placeholder{display:block;padding-top:4px}.tds-dropdown-lg .tds-dropdown-label-inside{display:block;top:16px}.tds-dropdown-md .tds-dropdown-label-inside{display:block;top:12px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-inside{display:none}.tds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-option-checkbox{margin-right:8px}.tds-form-label{display:flex}";
4
-
5
- const TdsDropdown = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.internalTdsSearch = createEvent(this, "internalTdsSearch", 6);
9
- this.modeVariant = null;
10
- this.placeholder = undefined;
11
- this.defaultOption = undefined;
12
- this.selectedOption = undefined;
13
- this.disabled = false;
14
- this.type = 'default';
15
- this.size = 'lg';
16
- this.inline = false;
17
- this.labelPosition = 'no-label';
18
- this.label = undefined;
19
- this.state = false;
20
- this.helper = '';
21
- this.openDirection = 'auto';
22
- this.optionValues = [];
23
- this.optionLabels = [];
24
- this.open = false;
25
- this.node = undefined;
26
- this.selectedLabel = '';
27
- this.selectedValue = '';
28
- this.selectedValuesArray = [];
29
- this.selectedLabelsArray = [];
30
- this.dropdownUniqueClass = '';
31
- this.openUpwards = false;
32
- this.dropdownMenuHeight = 0;
33
- this.dropdownMenuSelector = undefined;
34
- this.listItemIndex = -1;
35
- this.listItemArray = undefined;
36
- this.listItemObject = undefined;
37
- }
38
- componentWillLoad() {
39
- // If a default option is set, update the default selectedLabel value
40
- // this.host.children is a HTMLCollection type, cannot use forEach
41
- this.listItemObject = this.host.children;
42
- this.listItemArray = Array.from(this.listItemObject);
43
- this.listItemArray.map((listItem) => {
44
- this.optionValues.push(listItem.value);
45
- this.optionLabels.push(listItem.innerText.trim());
46
- });
47
- this.setOptionFromOutside(this.defaultOption);
48
- if (this.size === 'small') {
49
- this.size = 'sm';
50
- console.warn('size="small" is deprecated, use size="sm" instead');
51
- }
52
- if (this.size === 'medium') {
53
- this.size = 'md';
54
- console.warn('size="medium" is deprecated, use size="md" instead');
55
- }
56
- if (this.size === 'large') {
57
- this.size = 'lg';
58
- console.warn('size="large" is deprecated, use size="lg" instead');
59
- }
60
- }
61
- setOptionFromOutside(optionValue) {
62
- if (optionValue) {
63
- this.deselectAll();
64
- // TODO
65
- // eslint-disable-next-line no-param-reassign
66
- optionValue = optionValue.split(',');
67
- for (let i = 0; i < this.host.children.length; i++) {
68
- // Todo - specify type
69
- const el = this.host.children[i];
70
- if (optionValue.includes(el.value.trim())) {
71
- this.selectedLabelsArray = [...this.selectedLabelsArray, el.textContent.trim()];
72
- this.selectedValuesArray = [...this.selectedValuesArray, el.value];
73
- this.selectedLabel = el.textContent;
74
- this.selectedValue = el.value;
75
- el.setAttribute('selectedLabel', 'true');
76
- el.setAttribute('selected', 'true');
77
- }
78
- else {
79
- el.setAttribute('selectedLabel', 'false');
80
- el.setAttribute('selected', 'false');
81
- }
82
- }
83
- }
84
- }
85
- changeSelectedOption() {
86
- if (this.selectedValuesArray.includes(this.selectedOption)) {
87
- this.resetOption();
88
- }
89
- this.setOptionFromOutside(this.selectedOption);
90
- this.host.setAttribute('selected-option', '');
91
- }
92
- handleDocClick(ev) {
93
- // To stop bubble click
94
- ev.stopPropagation();
95
- const target = ev ? ev.composedPath()[0] : window.event.target[0];
96
- if (this.node !== undefined && this.node.contains(target)) {
97
- if (typeof this.textInput !== 'undefined' || this.textInput === null) {
98
- this.textInput.focus();
99
- }
100
- }
101
- else {
102
- this.tabbingLabelReset();
103
- this.open = false;
104
- }
105
- }
106
- keyListener(ev) {
107
- if (!this.disabled) {
108
- switch (ev.key) {
109
- case 'ArrowDown':
110
- if (this.open) {
111
- ev.preventDefault();
112
- if (this.listItemIndex < this.listItemArray.length - 1) {
113
- this.listItemIndex++;
114
- }
115
- else {
116
- this.listItemIndex = 0;
117
- }
118
- this.listItemObject[this.listItemIndex].focus();
119
- }
120
- break;
121
- case 'ArrowUp':
122
- if (this.open) {
123
- ev.preventDefault();
124
- if (this.listItemIndex > 0) {
125
- this.listItemIndex--;
126
- }
127
- else {
128
- this.listItemIndex = this.listItemArray.length - 1;
129
- }
130
- this.listItemObject[this.listItemIndex].focus();
131
- }
132
- break;
133
- case 'Tab':
134
- this.open = false;
135
- break;
136
- case 'Escape':
137
- this.open = false;
138
- this.node.focus();
139
- break;
140
- }
141
- }
142
- }
143
- handleClick() {
144
- this.open = this.open === false;
145
- if (this.openDirection === 'auto') {
146
- this.dropdownMenuHeight = this.dropdownMenuSelector.offsetHeight;
147
- const distanceToBottom = this.host.getBoundingClientRect().top;
148
- const viewportHeight = window.innerHeight;
149
- this.openUpwards = distanceToBottom + this.dropdownMenuHeight + 57 > viewportHeight;
150
- // If summary of Dropdown menu height and its distance to the bottom is more than viewport height, open menu upwards
151
- // Additional 57px is added as compensation for Dropdown element own input/button height
152
- // It is added on handleClick due to possible dynamic injection of data when component is already rendered
153
- }
154
- else {
155
- this.openUpwards = this.openDirection === 'up';
156
- }
157
- }
158
- tabbingLabelReset() {
159
- if (typeof this.textInput !== 'undefined' || this.textInput === null) {
160
- if (!this.selectedLabel && this.selectedLabel.length <= 0) {
161
- this.textInput.value = '';
162
- this.internalTdsSearch.emit('');
163
- }
164
- if (this.selectedLabel !== this.textInput.value) {
165
- this.textInput.value = this.selectedLabel;
166
- }
167
- }
168
- }
169
- selectOptionHandler(event) {
170
- this.open = this.type === 'multiselect';
171
- if (this.type !== 'multiselect') {
172
- this.selectedLabel = event.detail.label;
173
- this.selectedValue = event.detail.value;
174
- this.tabbingLabelReset();
175
- }
176
- else {
177
- if (this.selectedValuesArray.includes(event.detail.value)) {
178
- const itemIndex = this.selectedValuesArray.indexOf(event.detail.value);
179
- this.selectedValuesArray = this.selectedValuesArray.filter((_value, index) => index !== itemIndex);
180
- this.selectedLabelsArray = this.selectedLabelsArray.filter((_value, index) => index !== itemIndex);
181
- }
182
- else {
183
- this.selectedValuesArray = [...this.selectedValuesArray, event.detail.value];
184
- this.selectedLabelsArray = [...this.selectedLabelsArray, event.detail.label.trim()];
185
- }
186
- }
187
- }
188
- handleSearch(ev) {
189
- const searchTerm = ev.target.value;
190
- this.internalTdsSearch.emit(searchTerm);
191
- this.open = true;
192
- }
193
- deselectAll() {
194
- this.selectedLabel = '';
195
- this.selectedValue = '';
196
- this.selectedLabelsArray = [];
197
- this.selectedValuesArray = [];
198
- this.listItemArray = this.listItemArray.map((optionItem) => (Object.assign(Object.assign({}, optionItem), { selected: false })));
199
- }
200
- async resetOption() {
201
- this.deselectAll();
202
- this.open = false;
203
- if (this.defaultOption) {
204
- this.setOptionFromOutside(this.defaultOption);
205
- }
206
- }
207
- render() {
208
- return (h(Host, { class: `
209
- ${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}
210
- ${this.open && !this.disabled ? 'tds-dropdown--open' : ''}
211
- ${this.type === 'multiselect' ? 'tds-dropdown-multiselect' : ''}
212
- ${this.inline ? 'tds-dropdown-inline' : ''}
213
- ${this.selectedLabel.length > 0 || this.selectedLabel === '' ? 'tds-dropdown--selected' : ''}
214
- ${this.state ? 'tds-dropdown--error' : ''}
215
- ${this.openUpwards ? 'tds-dropdown--open-upwards' : ''}
216
- ${this.labelPosition === 'inside' && this.selectedLabelsArray.length > 0
217
- ? 'tds-dropdown--label-inside-position'
218
- : ''}
219
- `, "selected-value": this.selectedValue, "selected-text": this.selectedLabel, "multi-selected-values": JSON.stringify(this.selectedValuesArray), "multi-selected-labels": JSON.stringify(this.selectedLabelsArray) }, h("span", { class: `tds-dropdown tds-dropdown-${this.size}` }, this.labelPosition === 'outside' && this.label.length > 0 ? (h("span", { class: "tds-dropdown-label-outside" }, this.label)) : (''), h("button", { part: this.disabled ? 'dropdown-filter-disabled' : '', disabled: this.disabled, tabindex: this.disabled ? '-1' : null, class: `tds-dropdown-toggle ${this.selectedValue === 'filter' ? 'is-filter' : ''} ${this.selectedValue !== '' || this.selectedLabelsArray.length > 0
220
- ? 'tds-dropdown-toggle--selected'
221
- : ''}
222
- ${this.labelPosition === 'inside' && this.selectedValue !== '' && this.size !== 'sm'
223
- ? `tds-dropdown-toggle-label-inside-${this.size}`
224
- : `tds-dropdown-toggle-${this.size}`}`, type: "button", onClick: () => this.handleClick(), ref: (node) => (this.node = node) }, h("span", { class: "tds-dropdown-label" }, this.type === 'filter' ? (h("input", { part: this.disabled ? 'dropdown-filter-disabled' : '', disabled: this.disabled, tabindex: "-1", ref: (inputEl) => (this.textInput = inputEl), class: "tds-dropdown-filter", type: "text", placeholder: this.placeholder, value: this.selectedLabel, autoComplete: "off" })) : (h("span", { class: {
225
- 'tds-dropdown-label-container': true,
226
- 'tds-dropdown-label-container--label-inside': this.labelPosition === 'inside' &&
227
- this.size !== 'sm' &&
228
- (this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0),
229
- } }, this.size !== 'sm' &&
230
- (this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0) &&
231
- this.labelPosition === 'inside' &&
232
- this.label.length > 0 && (h("span", { class: "tds-dropdown-label-inside" }, this.label)), h("span", { class: `tds-dropdown-label-main ${(this.selectedLabel.length === 0 ||
233
- (this.labelPosition === 'inside' && this.label.length < 0)) &&
234
- 'tds-dropdown-placeholder'}` }, this.selectedLabel.length > 0 &&
235
- this.type !== 'multiselect' &&
236
- this.selectedLabel, this.type === 'multiselect' && (h("span", { class: "tds-dropdown-multiselect-result" }, this.labelPosition !== 'inside' &&
237
- this.selectedLabelsArray.toString().length < 1 &&
238
- this.placeholder, this.selectedLabelsArray.toString().length > 0 &&
239
- this.selectedLabelsArray.toString().split(',').join(', '))), !this.selectedLabel &&
240
- this.labelPosition === 'inside' &&
241
- this.size !== 'sm' &&
242
- this.label, !this.selectedLabel &&
243
- this.type !== 'multiselect' &&
244
- this.labelPosition !== 'inside' &&
245
- this.placeholder, !this.selectedLabel &&
246
- this.size === 'sm' &&
247
- this.labelPosition === 'inside' &&
248
- this.placeholder)))), h("svg", { class: "tds-dropdown-arrow", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 1L6 6L11 1", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("span", { class: "tds-dropdown-menu",
249
- // Need to have reference in order to calc height and distance from bottom
250
- ref: (dropdownMenu) => (this.dropdownMenuSelector = dropdownMenu) }, h("slot", null))), h("p", { class: "tds-dropdown-helper" }, h("svg", { class: "tds-dropdown-error-icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 4C9.37 4 3.996 9.374 3.996 16.004S9.371 28.007 16 28.007c6.63 0 12.004-5.374 12.004-12.003C28.004 9.374 22.629 4 16 4ZM2 16.004c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14Z", fill: "currentColor" }), h("path", { d: "M14.803 14.47V10h2.376v4.47l-.352 4.295h-1.672l-.352-4.295Zm-.053 5.632h2.5v2.394h-2.5v-2.394Z", fill: "currentColor" })), h("span", null, this.helper))));
251
- }
252
- get host() { return getElement(this); }
253
- static get watchers() { return {
254
- "selectedOption": ["changeSelectedOption"]
255
- }; }
256
- };
257
- TdsDropdown.style = dropdownCss$1;
258
-
259
- const dropdownCss = ":root,.tds-mode-light{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-958);--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100);--tds-dropdown-disabled:var(--tds-grey-400);--tds-dropdown-border:var(--tds-grey-100);--tds-dropdown-label-inside:var(--tds-grey-700);--tds-dropdown-label-outside:var(--tds-grey-958);--tds-dropdown-placeholder:var(--tds-grey-700);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-900);--tds-dropdown-option-disabled-color:var(--tds-grey-400);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-white);--tds-dropdown-background-hover:var(--tds-grey-50)}.tds-mode-dark{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-400);--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800);--tds-dropdown-disabled:var(--tds-grey-800);--tds-dropdown-border:var(--tds-grey-800);--tds-dropdown-label-inside:var(--tds-grey-400);--tds-dropdown-label-outside:var(--tds-grey-100);--tds-dropdown-placeholder:var(--tds-grey-400);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-disabled-color:var(--tds-grey-800);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-grey-900);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-dropdown-helper{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);color:var(--tds-grey-700);margin-top:var(--tds-spacing-element-4);display:flex}.tds-dropdown-helper .tds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.tds-dropdown-label-inside{font:var(--tds-detail-ex-07);letter-spacing:var(--tds-detail-ex-07-ls);color:var(--tds-dropdown-label-inside)}.tds-dropdown-label-outside{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);display:block;color:var(--tds-dropdown-label-outside);margin-bottom:var(--tds-spacing-element-8)}:host,::slotted(*){color:var(--tds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-grey-958);box-sizing:border-box}:host .tds-dropdown-label-outside,::slotted(*) .tds-dropdown-label-outside{color:var(--tds-dropdown-label-outside);text-decoration:none}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--tds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--tds-dropdown-disabled)}.tds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.tds-dropdown,.tds-dropdown *{box-sizing:border-box}.tds-dropdown .tds-dropdown-toggle{font:var(--tds-detail-ex-02);letter-spacing:var(--tds-detail-ex-02-ls);color:var(--tds-dropdown-color);display:flex;align-items:center;background-color:var(--tds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--tds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.tds-dropdown .tds-dropdown-toggle:hover{border-bottom-color:var(--tds-grey-600)}.tds-dropdown .tds-dropdown-toggle:focus::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--tds-blue-400)}.tds-dropdown .tds-dropdown-toggle:active,.tds-dropdown .tds-dropdown-toggle.active .tds-dropdown .tds-dropdown-toggle.selected{border-bottom-color:var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.tds-dropdown .tds-dropdown-toggle-lg{padding:20px 16px}.tds-dropdown .tds-dropdown-toggle-md{padding:16px}.tds-dropdown .tds-dropdown-toggle-sm{padding:12px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.tds-dropdown .tds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.tds-dropdown .tds-dropdown-placeholder{color:var(--tds-grey-700)}.tds-dropdown .tds-dropdown-label{display:grid;width:calc(100% - 25px)}.tds-dropdown .tds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-dropdown.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-container--label-inside{padding-bottom:12px}.tds-dropdown .tds-dropdown-filter{border:0;outline:none;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-link);width:100%;background:transparent}.tds-dropdown .tds-dropdown-filter:focus{outline:none}.tds-dropdown .tds-dropdown-filter::placeholder{color:var(--tds-grey-700);opacity:1}.tds-dropdown .tds-dropdown-menu{z-index:100;background-color:var(--tds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--tds-dropdown-border);border-right-color:var(--tds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}.tds-dropdown .tds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.tds-dropdown.tds-dropdown-lg .tds-dropdown-toggle{height:56px}.tds-dropdown.tds-dropdown-md .tds-dropdown-toggle{height:48px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-toggle{height:40px}:host(.tds-dropdown--open-upwards) .tds-dropdown .tds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.tds-dropdown--open-upwards[label-position=outside]) span.tds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle{pointer-events:none;color:var(--tds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-placeholder{color:var(--tds-dropdown-placeholder)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-label-inside{color:var(--tds-dropdown-label-inside)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle:focus::before{content:none}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle:focus::before{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper{color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper .tds-dropdown-error-icon{display:flex}:host ::slotted(tds-dropdown-option){display:flex;padding:var(--tds-spacing-element-16);background-color:var(--tds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--tds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--tds-dropdown-option-color)}:host ::slotted(tds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(tds-dropdown-option:hover),:host ::slotted(tds-dropdown-option:focus){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:not(:focus):not(tds-dropdown-option.selected)){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:focus){outline:none}:host ::slotted(tds-dropdown-option:focus){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host ::slotted(tds-dropdown-option.tds-dropdown--selected),:host ::slotted(tds-dropdown-option.selected),:host ::slotted(tds-dropdown-option.active),:host ::slotted(tds-dropdown-option:active){background-color:var(--tds-dropdown-background-hover);border-top:1px solid var(--tds-dropdown-border);border-bottom:1px solid var(--tds-dropdown-border)}:host ::slotted(tds-dropdown-option.tds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(tds-dropdown-option.tds-dropdown-option-disabled),:host ::slotted(tds-dropdown-option.selected.tds-dropdown-option-disabled){cursor:not-allowed;color:var(--tds-dropdown-option-disabled-color);background-color:var(--tds-dropdown-background-disabled)}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--tds-dropdown-border)}.tds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.tds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--tds-spacing-element-16)}.tds-option-checkmark path{color:var(--tds-dropdown-option-color)}:host([size=sm]) ::slotted(tds-dropdown-option){padding:var(--tds-spacing-element-12) var(--tds-spacing-element-16)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle.is-filter::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--tds-blue-400)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-arrow{transform:rotate(180deg)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-menu{transform:scaleY(1)}:host(.tds-dropdown--open) ::slotted(tds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .tds-option-checkmark{opacity:1}.tds-dropdown-label-inside{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.tds-dropdown-label-container.tds-dropdown-label-container--label-inside .tds-dropdown-placeholder{display:block;padding-top:4px}.tds-dropdown-lg .tds-dropdown-label-inside{display:block;top:16px}.tds-dropdown-md .tds-dropdown-label-inside{display:block;top:12px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-inside{display:none}.tds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-option-checkbox{margin-right:8px}.tds-form-label{display:flex}";
260
-
261
- const TdsDropdownOption = class {
262
- constructor(hostRef) {
263
- registerInstance(this, hostRef);
264
- this.internalTdsSelect = createEvent(this, "internalTdsSelect", 6);
265
- this.innerValue = undefined;
266
- this.selected = false;
267
- this.disabled = false;
268
- this.value = undefined;
269
- }
270
- changeFocusHandler() {
271
- this.host.focus();
272
- }
273
- removeFocusHandler() {
274
- this.host.blur();
275
- }
276
- onKeyDown(event) {
277
- if (event.code === 'Enter') {
278
- this.handleClick({
279
- value: this.value,
280
- label: this.host.innerText,
281
- parent: this.host.parentNode,
282
- });
283
- }
284
- }
285
- componentWillLoad() {
286
- this.innerValue = this.value;
287
- this.isMultiSelectOption = this.host
288
- .closest('tds-dropdown')
289
- .classList.contains('tds-dropdown-multiselect');
290
- }
291
- handleClick(value) {
292
- if (!this.disabled) {
293
- const listOptions = value.parent.childNodes;
294
- this.internalTdsSelect.emit(value);
295
- if (!this.isMultiSelectOption) {
296
- listOptions.forEach((optionEl) => {
297
- optionEl.selected = false;
298
- });
299
- }
300
- const optionCheckbox = this.host.shadowRoot.querySelector('input');
301
- if (this.selected) {
302
- this.selected = false;
303
- if (optionCheckbox) {
304
- optionCheckbox.checked = false;
305
- }
306
- }
307
- else {
308
- this.selected = true;
309
- if (optionCheckbox) {
310
- optionCheckbox.checked = true;
311
- }
312
- }
313
- }
314
- }
315
- render() {
316
- return (h(Host, { onClick: (event) => {
317
- if (this.isMultiSelectOption) {
318
- event.stopPropagation();
319
- }
320
- return this.handleClick({
321
- value: this.value,
322
- label: this.host.innerText,
323
- parent: event.target.parentNode,
324
- });
325
- }, class: {
326
- 'selected': this.selected,
327
- 'tds-dropdown-option-disabled': this.disabled,
328
- }, tabindex: "-1", "aria-disabled": this.disabled }, this.isMultiSelectOption && (h("div", { class: "tds-checkbox-item tds-option-checkbox" }, h("tds-checkbox", { checked: this.selected, disabled: this.disabled }))), h("span", { class: "tds-option-label" }, h("slot", null)), !this.isMultiSelectOption && (h("span", { class: "tds-option-checkmark" }, h("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 3L4 6L9 1", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
329
- }
330
- get host() { return getElement(this); }
331
- };
332
- TdsDropdownOption.style = dropdownCss;
333
-
334
- export { TdsDropdown as tds_dropdown, TdsDropdownOption as tds_dropdown_option };
@@ -1 +0,0 @@
1
- import{r as n,c as t,h as s,H as r,g as o}from"./p-8462c18c.js";const i=class{constructor(s){n(this,s),this.tdsClose=t(this,"tdsClose",7),this.tdsShow=t(this,"tdsShow",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsShow.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!1)},this.icon=void 0,this.header=void 0,this.type="none",this.bannerId=crypto.randomUUID(),this.persistent=!1,this.hidden=!1,this.hasSubheader=void 0,this.hasLink=void 0}async hideBanner(){this.handleClose()}async showBanner(){this.handleShow()}connectedCallback(){"error"===this.type?this.icon="error":"information"===this.type&&(this.icon="info");const n=Array.from(this.host.children);this.hasSubheader=n.some((n=>"banner-subheader"===n.slot)),this.hasLink=n.some((n=>"banner-link"===n.slot))}render(){return s(r,{role:"banner","aria-hidden":`${this.hidden}`,"aria-live":this.host.getAttribute("aria-live")?this.host.getAttribute("aria-live"):"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:`${this.type} ${this.hidden?"hide":"show"}`},this.icon&&s("div",{class:`banner-icon ${this.type}`},s("tds-icon",{name:this.icon,size:"20px"})),s("div",{class:`banner-content ${this.type} ${this.icon?"":"no-icon"}`},this.header&&s("span",{class:"banner-header"},this.header),this.hasSubheader&&s("slot",{name:"banner-subheader"}),this.hasLink&&s("div",{class:"banner-link "+(this.hasSubheader?"":"no-subheader")},s("slot",{name:"banner-link"}))),!this.persistent&&s("div",{class:"banner-close"},s("button",{onClick:()=>{this.handleClose()}},s("tds-icon",{name:"cross",size:"20px"}))))}get host(){return o(this)}};i.style=":root,.tds-mode-light{--tds-link:var(--tds-blue-500);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-grey-900);--tds-link-disabled:var(--tds-grey-400)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-800)}: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}:host .banner-icon{padding-left:20px;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 .banner-content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .banner-content.no-icon{padding-left:16px}:host .banner-content .banner-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .banner-content slot[name=banner-subheader]{display:block;margin-top:4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .banner-content .banner-link slot[name=banner-link]{display:block;width:fit-content;margin-top:16px}:host .banner-content .banner-link.no-subheader slot[name=banner-link]{margin-top:4px}: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-blue-400);outline-offset:-2px}";export{i as tds_banner}
@@ -1 +0,0 @@
1
- import{r as s,c as t,h as i}from"./p-8462c18c.js";const e=class{constructor(i){s(this,i),this.tdsChange=t(this,"tdsChange",6),this.wrapperElement=null,this.scrubberElement=null,this.scrubberInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.minusElement=null,this.plusElement=null,this.inputElement=null,this.scrubberGrabbed=!1,this.scrubberLeft=0,this.tickValues=[],this.disabledState=!1,this.readonlyState=!1,this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.eventListenersAdded=!1,this.resizeObserverAdded=!1,this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.scrubberSize="lg",this.snap=!1,this.sliderId=crypto.randomUUID()}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight()}}handleMouseUp(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleTouchEnd(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleMouseMove(s){this.scrubberGrabbed&&this.scrubberCore(s)}handleTouchMove(s){s.preventDefault(),this.scrubberGrabbed&&this.scrubberCore(s)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),i=this.getTrackWidth(),e=Math.round(i/(t+1)),d=Math.round(s/e)*e;let r=0;return d>=0&&d<=i?r=d:d>i?r=i:d<0&&(r=0),this.supposedValueSlot=Math.round(r/e),d}scrubberCore(s){const t=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let e=0;"mousemove"===s.type?e=s.clientX-i.left:"touchmove"===s.type?e=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&t>0&&(e=this.updateSupposedValueSlot(e)),this.scrubberLeft=this.constrainScrubber(e),this.scrubberElement.style.left=`${this.scrubberLeft}px`,this.updateValue()}updateTrack(){const s=this.getTrackWidth();this.trackFillElement.style.width=this.scrubberLeft/s*100+"%"}dispatchChangeEvent(){this.tdsChange.emit({value:this.value})}updateValue(){const s=this.getTrackWidth(),t=parseInt(this.ticks);if(this.useSnapping&&t){const s=this.tickValues[this.supposedValueSlot];this.value=`${s}`,this.calculateScrubberLeftFromValue(s)}else{const t=this.scrubberLeft/s;this.value=`${Math.trunc(this.getMin()+t*(this.getMax()-this.getMin()))}`}this.updateTrack(),this.dispatchChangeEvent()}updateValueForced(s){this.value=s,this.dispatchChangeEvent()}getMin(){return parseFloat(this.min)}getMax(){return parseFloat(this.max)}constrainScrubber(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateScrubberLeftFromValue(s){const t=s,i=this.getTrackWidth(),e=t-this.getMin(),d=this.getMax()-this.getMin();this.scrubberLeft=e/d*i,this.updateSupposedValueSlot(this.scrubberLeft),this.scrubberElement.style.left=`${this.scrubberLeft}px`}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateScrubberLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.eventListenersAdded||(this.eventListenersAdded=!0,this.scrubberElement.addEventListener("mousedown",(s=>{s.preventDefault(),this.grabScrubber()})),this.scrubberElement.addEventListener("touchstart",(()=>{this.grabScrubber()})),this.useControls&&(this.minusElement.addEventListener("click",(()=>{this.stepLeft()})),this.plusElement.addEventListener("click",(()=>{this.stepRight()}))),this.inputElement&&this.inputElement.addEventListener("keydown",(s=>{if(s.stopPropagation(),"Enter"===s.key){let s=parseInt(this.inputElement.value);s<this.getMin()?s=this.getMin():s>this.getMax()&&(s=this.getMax()),this.calculateScrubberLeftFromValue(s),this.updateValueForced(s),this.updateTrack(),this.inputElement.blur(),this.wrapperElement.focus()}}))),this.calculateScrubberLeftFromValue(this.value),this.updateTrack()}grabScrubber(){this.readonlyState||(this.scrubberGrabbed=!0,this.scrubberInnerElement.classList.add("pressed"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s){if(this.readonlyState||this.disabled)return;const t=parseInt(this.ticks);if(this.useSnapping&&t>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>t+1&&(this.supposedValueSlot=t+1),this.updateValue();else{const t=this.getTrackWidth(),i=this.scrubberLeft/t;let e=this.getMin()+i*(this.getMax()-this.getMin());e+=s,e=Math.round(e),e<this.getMin()?e=this.getMin():e>this.getMax()&&(e=this.getMax()),this.value=`${e}`,this.calculateScrubberLeftFromValue(this.value),this.updateValueForced(e),this.updateTrack()}}stepLeft(){this.controlsStep(-parseInt(this.step))}stepRight(){this.controlsStep(parseInt(this.step))}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[this.getMin()];const t=(this.getMax()-this.getMin())/(s+1);for(let i=1;i<s+1;i++)this.tickValues.push(this.getMin()+Math.round(t*i));this.tickValues.push(this.getMax())}this.disabledState=this.disabled,this.readonlyState=this.readOnly,this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall=!1,"sm"===this.scrubberSize&&(this.useSmall=!0),this.useSnapping=!1,this.snap&&(this.useSnapping=!0),this.getMin()>this.getMax()&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabledState=!0)}render(){return i("div",{class:"tds-slider-wrapper "+(this.readonlyState?"read-only":"")},i("input",{class:"tds-slider-native-element",type:"range",value:this.value,name:this.name,min:this.min,max:this.max,disabled:this.disabled}),i("div",{class:`tds-slider ${this.disabledState?"disabled":""} ${this.useSmall?"tds-slider-small":""}`,ref:s=>{this.wrapperElement=s}},i("label",{class:this.showTickNumbers&&"offset"},this.label),this.useInput&&i("div",{class:"tds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"tds-slider__input-value min-value"},this.min)),this.useControls&&i("div",{class:"tds-slider__controls"},i("div",{ref:s=>this.minusElement=s,class:"tds-slider__control tds-slider__control-minus"},i("tds-icon",{name:"minus",size:"16px"}))),i("div",{class:"tds-slider-inner"},this.tickValues.length>0&&i("div",{class:"tds-slider__value-dividers-wrapper"},i("div",{class:"tds-slider__value-dividers"},this.tickValues.map((s=>i("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&i("span",null,s)))))),i("div",{class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0"},i("div",{class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),i("div",{class:"tds-slider__scrubber",ref:s=>{this.scrubberElement=s}},this.tooltip&&i("div",{class:"tds-slider__value"},this.value,i("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),i("div",{class:"tds-slider__scrubber-inner",ref:s=>{this.scrubberInnerElement=s}})))),this.useInput&&i("div",{class:"tds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"tds-slider__input-value"},this.max),i("div",{class:"tds-slider__input-field-wrapper"},i("input",{onFocus:s=>{this.readonlyState&&(s.preventDefault(),this.inputElement.blur())},size:this.calculateInputSizeFromMax(),class:"tds-slider__input-field",value:this.value,ref:s=>{this.inputElement=s}}))),this.useControls&&i("div",{class:"tds-slider__controls"},i("div",{ref:s=>this.plusElement=s,class:"tds-slider__control tds-slider__control-plus"},i("tds-icon",{name:"plus",size:"16px"})))))}};e.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__scrubber{position:absolute}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__scrubber .tds-slider__scrubber-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__scrubber .tds-slider__scrubber-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__scrubber{pointer-events:none}.tds-slider.disabled .tds-slider__scrubber .tds-slider__scrubber-inner{background-color:var(--tds-slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__scrubber .tds-slider__scrubber-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__scrubber .tds-slider__scrubber-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__scrubber .tds-slider__scrubber-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-disabled)}';export{e as tds_slider}
@@ -1 +0,0 @@
1
- import{r as s,h as t,H as e,g as r}from"./p-8462c18c.js";const a=class{constructor(t){s(this,t),this.imgUrl=void 0,this.imgAlt=void 0,this.heading=void 0,this.subheading=void 0}render(){return t(e,{role:"listitem"},t("div",{class:"user-box"},this.imgUrl&&t("img",{src:this.imgUrl,alt:this.imgAlt}),t("slot",{name:"image"}),t("div",{class:"user-content"},t("div",{class:"header"},this.heading,t("slot",{name:"heading"})),t("div",{class:"subheader"},this.subheading,t("slot",{name:"subheading"})))))}get host(){return r(this)}};a.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=image]::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{a as tds_header_dropdown_list_user}
@@ -1 +0,0 @@
1
- import{r as t,h as o,g as e}from"./p-8462c18c.js";const i=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===this.host.closest("tds-footer-group").parentElement.slot}render(){return o("div",{role:"listitem",class:this.parentIsTopPart?"top-part-child":""},o("slot",null))}get host(){return e(this)}};i.style='[role=listitem] ::slotted(*){font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);color:var(--tds-footer-main-links);opacity:var(--tds-footer-main-links-opacity);text-decoration:none}[role=listitem] ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}[role=listitem] ::slotted(*:hover){text-decoration:underline}[role=listitem].top-part-child ::slotted(*){color:var(--tds-footer-top-links);font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;font-weight:bold;font-size:14px;line-height:18px}[role=listitem].top-part-child ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media all and (max-width: 992px){[role=listitem].top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}[role=listitem].top-part-child ::slotted(*){display:block;height:100%;padding:19px 40px;font-weight:normal}[role=listitem].top-part-child ::slotted(*:hover){text-decoration:underline;background-color:var(--tds-footer-top-links-background-hover)}[role=listitem].top-part-child ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}}';export{i as tds_footer_item}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,g as o}from"./p-8462c18c.js";const g=class{constructor(s){t(this,s),this.tdsToggle=e(this,"tdsToggle",6),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})},this.checked=!1,this.required=!1,this.size="lg",this.name=void 0,this.headline=void 0,this.disabled=!1,this.toggleId=crypto.randomUUID()}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}render(){return s("div",{class:"tds-toggle"},this.headline&&s("div",{class:"toggle-headline "+(this.disabled?"disabled":"")},this.headline),s("input",{"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),s("label",{class:this.disabled?"disabled":"",htmlFor:this.toggleId},s("slot",{name:"label"})))}get host(){return o(this)}};g.style='.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus{outline:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}';export{g as tds_toggle}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,H as o,g as a}from"./p-8462c18c.js";const i=["compactDesign"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(s){t(this,s),this.tdsPageChange=e(this,"tdsPageChange",7),this.previousPage=()=>{const t=this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)-1});this.paginationValue>=2&&this.paginationValue--,t.defaultPrevented||this.runPagination()},this.nextPage=()=>{const t=this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)+1});this.paginationValue<=this.numberOfPages&&this.paginationValue++,t.defaultPrevented||this.runPagination()},this.runPagination=()=>{this.host.parentNode.querySelector("tds-table-body").querySelectorAll(".tds-table__row").forEach(((t,e)=>{const s=e+1;if(this.tempPaginationDisable)this.paginationValue=1;else{const e=this.rowsPerPage*this.paginationValue;s>e-this.rowsPerPage&&s<=e?t.classList.remove("tds-table__row--hidden"):t.classList.add("tds-table__row--hidden")}}))},this.pagination=!1,this.rowsPerPage=5,this.paginationValue=1,this.maxPages=void 0,this.clientSetColumnsNumber=null,this.columnsNumber=0,this.numberOfPages=0,this.tempPaginationDisable=!1,this.compactDesign=!1,this.tableId=""}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]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]}));const t=this.host.parentElement.querySelector("tds-table-body").childElementCount,e=this.host.parentElement.querySelector("tds-table-header").childElementCount;this.numberOfPages=Math.ceil(t/this.rowsPerPage),this.columnsNumber=null!==this.clientSetColumnsNumber?this.clientSetColumnsNumber:e}paginationInputChange(t){const e=t.target.value;e>this.numberOfPages||e<1?(t.target.classList.add("tds-table__page-selector-input--shake"),this.paginationValue=t.target.max):this.paginationValue=t.target.value,this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)-1}).defaultPrevented||this.runPagination()}tdsPaginationListener(t){this.tableId===t.detail&&this.runPagination()}render(){var t;return s(o,{class:this.compactDesign?"tds-table--compact":""},s("tr",{class:"tds-table__footer-row"},s("td",{class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{class:"tds-table__pagination"},s("div",{class:"tds-table__row-selector"}),s("div",{class:"tds-table__page-selector"},s("input",{ref:t=>this.inputElement=t,class:"tds-table__page-selector-input",type:"number",min:"1",max:null!==(t=this.maxPages)&&void 0!==t?t:this.numberOfPages,value:this.paginationValue,pattern:"[0-9]+",dir:"rtl",onChange:t=>this.paginationInputChange(t),onFocusout:t=>this.paginationInputChange(t),onAnimationEnd:l,disabled:this.tempPaginationDisable}),s("p",{class:"tds-table__footer-text"},"of ",s("span",null,this.tempPaginationDisable?1:this.numberOfPages)," pages"),s("button",{type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1||this.tempPaginationDisable,onClick:()=>this.previousPage()},s("tds-icon",{name:"chevron_left",size:"20px"})),s("button",{type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.numberOfPages||this.tempPaginationDisable,onClick:()=>this.nextPage()},s("tds-icon",{name:"chevron_right",size:"20px"})))))))}get host(){return a(this)}};r.style=":host{box-sizing:border-box;display:table-footer-group;height:48px}: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 16px}:host .tds-table__footer-cell .tds-table__pagination{height:48px;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__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:36px;height:30px;border:none;border-radius:4px;transition:background-color 250ms ease;margin-right:4px;padding-right:8px}: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:32px;width:32px;border-radius:4px;transition:background-color 250ms ease}: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;opacity:0.38}: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:20px;width:20px;fill:var(--tds-table-color)}:host(.tds-table--compact){height:32px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:32px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:24px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}";export{r as tds_table_footer}
@@ -1 +0,0 @@
1
- import{r as o,h as d,H as t}from"./p-8462c18c.js";const r=class{constructor(d){o(this,d),this.dataOptions=[],this.filteredContent=[],this.searchTerm="",this.selectedOptionState=void 0,this.dropdownRef=void 0,this.modeVariant=null,this.placeholder="",this.label=void 0,this.defaultOption=void 0,this.openDirection="auto",this.selectedOption=void 0,this.disabled=!1,this.size="lg",this.inline=!1,this.labelPosition="no-label",this.state=!1,this.helper="",this.data=void 0,this.selectedLabel="no-selected",this.selectedValue="no-selected"}componentWillLoad(){this.parseData(this.data),this.defaultOption&&(this.selectedOptionState=this.defaultOption)}parseData(o){o&&(this.dataOptions=JSON.parse(o)),this.filteredContent=this.dataOptions}updateOptionsContent(o){this.searchTerm=o.detail,this.findData()}selectOptionHandler(o){this.selectedOptionState=o.detail.value,this.selectedLabel=o.detail.label,this.selectedValue=o.detail.value,setTimeout((()=>{this.filteredContent=this.dataOptions}),200)}findData(){const o=new RegExp(this.searchTerm,"gmi");this.filteredContent=this.dataOptions.filter((d=>{if(d.label){const t=d.label.toLowerCase().match(o);if(t)return t;this.selectedOptionState=null,this.selectedLabel="no-result",this.selectedValue="no-result"}}))}setOptionsContent(){const o=this.filteredContent.map((o=>d("tds-dropdown-option",{tabindex:"0",value:o.value,class:this.selectedOptionState===o.value?"selected":""},o.label)));return o.length>0?o:d("tds-dropdown-option",{tabindex:"-1",value:"no-result",class:"tds-option--no-result"},"No result")}async resetOption(){var o;await(null===(o=this.dropdownRef)||void 0===o?void 0:o.resetOption())}render(){return d(t,{"selected-value":this.selectedValue,"selected-text":this.selectedLabel,class:`\n ${this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n `},d("tds-dropdown",{ref:o=>this.dropdownRef=o,exportparts:"dropdown-filter-disabled",size:this.size,label:this.label,disabled:this.disabled,labelPosition:this.labelPosition,helper:this.helper,state:this.state,placeholder:this.placeholder,defaultOption:this.defaultOption,selectedOption:this.selectedOption,type:"filter",tabindex:this.disabled?"-1":null,openDirection:this.openDirection},this.setOptionsContent()))}static get watchers(){return{data:["parseData"]}}};r.style=':root,.tds-mode-light{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-958);--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100);--tds-dropdown-disabled:var(--tds-grey-400);--tds-dropdown-border:var(--tds-grey-100);--tds-dropdown-label-inside:var(--tds-grey-700);--tds-dropdown-label-outside:var(--tds-grey-958);--tds-dropdown-placeholder:var(--tds-grey-700);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-900);--tds-dropdown-option-disabled-color:var(--tds-grey-400);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-white);--tds-dropdown-background-hover:var(--tds-grey-50)}.tds-mode-dark{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-400);--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800);--tds-dropdown-disabled:var(--tds-grey-800);--tds-dropdown-border:var(--tds-grey-800);--tds-dropdown-label-inside:var(--tds-grey-400);--tds-dropdown-label-outside:var(--tds-grey-100);--tds-dropdown-placeholder:var(--tds-grey-400);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-disabled-color:var(--tds-grey-800);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-grey-900);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-dropdown-helper{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);color:var(--tds-grey-700);margin-top:var(--tds-spacing-element-4);display:flex}.tds-dropdown-helper .tds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.tds-dropdown-label-inside{font:var(--tds-detail-ex-07);letter-spacing:var(--tds-detail-ex-07-ls);color:var(--tds-dropdown-label-inside)}.tds-dropdown-label-outside{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);display:block;color:var(--tds-dropdown-label-outside);margin-bottom:var(--tds-spacing-element-8)}:host,::slotted(*){color:var(--tds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-grey-958);box-sizing:border-box}:host .tds-dropdown-label-outside,::slotted(*) .tds-dropdown-label-outside{color:var(--tds-dropdown-label-outside);text-decoration:none}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--tds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--tds-dropdown-disabled)}.tds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.tds-dropdown,.tds-dropdown *{box-sizing:border-box}.tds-dropdown .tds-dropdown-toggle{font:var(--tds-detail-ex-02);letter-spacing:var(--tds-detail-ex-02-ls);color:var(--tds-dropdown-color);display:flex;align-items:center;background-color:var(--tds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--tds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.tds-dropdown .tds-dropdown-toggle:hover{border-bottom-color:var(--tds-grey-600)}.tds-dropdown .tds-dropdown-toggle:focus::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--tds-blue-400)}.tds-dropdown .tds-dropdown-toggle:active,.tds-dropdown .tds-dropdown-toggle.active .tds-dropdown .tds-dropdown-toggle.selected{border-bottom-color:var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.tds-dropdown .tds-dropdown-toggle-lg{padding:20px 16px}.tds-dropdown .tds-dropdown-toggle-md{padding:16px}.tds-dropdown .tds-dropdown-toggle-sm{padding:12px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.tds-dropdown .tds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.tds-dropdown .tds-dropdown-placeholder{color:var(--tds-grey-700)}.tds-dropdown .tds-dropdown-label{display:grid;width:calc(100% - 25px)}.tds-dropdown .tds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-dropdown.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-container--label-inside{padding-bottom:12px}.tds-dropdown .tds-dropdown-filter{border:0;outline:none;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-link);width:100%;background:transparent}.tds-dropdown .tds-dropdown-filter:focus{outline:none}.tds-dropdown .tds-dropdown-filter::placeholder{color:var(--tds-grey-700);opacity:1}.tds-dropdown .tds-dropdown-menu{z-index:100;background-color:var(--tds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--tds-dropdown-border);border-right-color:var(--tds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}.tds-dropdown .tds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.tds-dropdown.tds-dropdown-lg .tds-dropdown-toggle{height:56px}.tds-dropdown.tds-dropdown-md .tds-dropdown-toggle{height:48px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-toggle{height:40px}:host(.tds-dropdown--open-upwards) .tds-dropdown .tds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.tds-dropdown--open-upwards[label-position=outside]) span.tds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle{pointer-events:none;color:var(--tds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-placeholder{color:var(--tds-dropdown-placeholder)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-label-inside{color:var(--tds-dropdown-label-inside)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle:focus::before{content:none}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle:focus::before{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper{color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper .tds-dropdown-error-icon{display:flex}:host ::slotted(tds-dropdown-option){display:flex;padding:var(--tds-spacing-element-16);background-color:var(--tds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--tds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--tds-dropdown-option-color)}:host ::slotted(tds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(tds-dropdown-option:hover),:host ::slotted(tds-dropdown-option:focus){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:not(:focus):not(tds-dropdown-option.selected)){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:focus){outline:none}:host ::slotted(tds-dropdown-option:focus){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host ::slotted(tds-dropdown-option.tds-dropdown--selected),:host ::slotted(tds-dropdown-option.selected),:host ::slotted(tds-dropdown-option.active),:host ::slotted(tds-dropdown-option:active){background-color:var(--tds-dropdown-background-hover);border-top:1px solid var(--tds-dropdown-border);border-bottom:1px solid var(--tds-dropdown-border)}:host ::slotted(tds-dropdown-option.tds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(tds-dropdown-option.tds-dropdown-option-disabled),:host ::slotted(tds-dropdown-option.selected.tds-dropdown-option-disabled){cursor:not-allowed;color:var(--tds-dropdown-option-disabled-color);background-color:var(--tds-dropdown-background-disabled)}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--tds-dropdown-border)}.tds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.tds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--tds-spacing-element-16)}.tds-option-checkmark path{color:var(--tds-dropdown-option-color)}:host([size=sm]) ::slotted(tds-dropdown-option){padding:var(--tds-spacing-element-12) var(--tds-spacing-element-16)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle.is-filter::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--tds-blue-400)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-arrow{transform:rotate(180deg)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-menu{transform:scaleY(1)}:host(.tds-dropdown--open) ::slotted(tds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .tds-option-checkmark{opacity:1}.tds-dropdown-label-inside{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.tds-dropdown-label-container.tds-dropdown-label-container--label-inside .tds-dropdown-placeholder{display:block;padding-top:4px}.tds-dropdown-lg .tds-dropdown-label-inside{display:block;top:16px}.tds-dropdown-md .tds-dropdown-label-inside{display:block;top:12px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-inside{display:none}.tds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-option-checkbox{margin-right:8px}.tds-form-label{display:flex}';export{r as tds_dropdown_filter}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as s,g as e}from"./p-8462c18c.js";const i=class{constructor(o){t(this,o),this.uuid=crypto.randomUUID(),this.buttonLabel=void 0,this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.buttonEl=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}toggleDropdown(){this.open=!this.open}render(){return o(s,null,o("div",{class:{"state-open":this.open}},o("tds-header-item",{class:"button",active:this.open,selected:this.selected},o("button",{ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()}},o("slot",{name:"button-icon"}),this.buttonLabel,o("slot",{name:"button-label"}),!this.noDropdownIcon&&o("tds-icon",{class:"dropdown-icon",name:"chevron_down",size:"16px"}))),this.buttonEl&&o("tds-popover-canvas",{id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},o("slot",null))))}get host(){return e(this)}};i.style=":host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu::-webkit-scrollbar{width:4px;background-color:inherit}:host .menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .menu ::-webkit-scrollbar-button{height:0;width:0}:host .state-open .dropdown-icon{transform:rotatetds-z-index(180deg)}:host .state-open .button{position:relative;z-index:801}";export{i as tds_header_dropdown}
@@ -1 +0,0 @@
1
- import{r as t,h as r,H as e,g as s}from"./p-8462c18c.js";const a=class{constructor(r){t(this,r),this.uuid=crypto.randomUUID()}render(){return r(e,null,r("h3",{class:"tds-header-launcher-list-title",id:`tds-${this.uuid}`},r("slot",null)))}get host(){return s(this)}};a.style=".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";export{a as tds_header_launcher_list_title}
@@ -1 +0,0 @@
1
- import{r as s,h as t,g as r}from"./p-8462c18c.js";const e=class{constructor(t){s(this,t)}connectedCallback(){this.el.children[this.el.children.length-1].classList.add("last")}render(){return t("nav",null,t("div",{role:"list",class:"tds-breadcrumb"},t("slot",null)))}get el(){return r(this)}};e.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{e as tds_breadcrumbs}
@@ -1 +0,0 @@
1
- import{r as s,c,h as t,H as i}from"./p-8462c18c.js";const p=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.tdsChange.emit({chipId:this.chipId,value:this.value})},this.handleClick=()=>{this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=crypto.randomUUID(),this.checked=!1,this.name=void 0,this.value=void 0}renderInputAttributes(){return"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()}}render(){const s=this.renderInputAttributes();return t(i,null,t("div",{class:"component"},t("div",{class:`tds-chip-component ${this.size}`},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{htmlFor:this.chipId},t("slot",{name:"label"})))))}};p.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h[size=sm] .sc-tds-chip-s>*{gap:6px}.sc-tds-chip-h[size=lg] .sc-tds-chip-s>*{gap:8px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:1px 16px 0;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:1px 12px 0;gap:6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-blue-400);outline-offset:-2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{p as tds_chip}
@@ -1 +0,0 @@
1
- import{r as t,h as o}from"./p-8462c18c.js";import{c as i}from"./p-9d707f6e.js";const s=class{constructor(o){t(this,o),this.offsetSkidding=0,this.offsetDistance=8,this.text="",this.selector="",this.referenceEl=void 0,this.mouseOverTooltip=!1,this.show=!1,this.placement="bottom",this.popperInstance=void 0,this.target=void 0}componentDidLoad(){var t;this.target=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);const o=this;this.popperInstance=i(this.target,this.tooltip,{placement:o.placement,modifiers:[{name:"positionCalc",enabled:!0,phase:"main",fn({state:t}){"bottom-start"===t.placement||"right-start"===t.placement?o.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?o.border="top-right":"top-end"===t.placement||"left-end"===t.placement?o.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?o.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(o.border="default")}},{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}}]});const s=()=>{this.show=!0},d=()=>{this.show=!1};this.target.addEventListener("focusin",(()=>{s()})),this.target.addEventListener("focusout",(()=>{d()})),this.target.addEventListener("mouseenter",(()=>{s()})),this.target.addEventListener("mouseleave",(()=>{d()})),!0===this.mouseOverTooltip&&(this.tooltip.addEventListener("mouseenter",(()=>{s()})),this.tooltip.addEventListener("mouseleave",(()=>{d()})))}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy()}render(){return o("span",{ref:t=>{this.tooltip=t},class:`tds-tooltip tds-tooltip-${this.border} ${this.show?"tds-tooltip-show":""}`},this.text,o("slot",null))}};s.style=":root,.tds-mode-light{--tds-tooltip-background:var(--tds-grey-800);--tds-tooltip-color:var(--tds-white)}.tds-mode-dark{--tds-tooltip-background:var(--tds-grey-200);--tds-tooltip-color:var(--tds-grey-958)}.tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:800;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip *{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left{border-radius:4px 4px 4px 0}.tds-tooltip-show{opacity:1;visibility:visible}";export{s as tds_tooltip}
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as s,H as a,g as i}from"./p-8462c18c.js";const n=class{constructor(s){e(this,s),this.internalTdsTablePropChange=t(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=void 0,this.enableMultiselect=!1,this.enableExpandableRows=!1,this.enableResponsive=!1,this.modeVariant=null,this.tableId=crypto.randomUUID()}emitInternalTdsPropChange(e,t){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[e],[e]:t})}enableMultiselectChanged(e){this.emitInternalTdsPropChange("enableMultiselect",e)}enableExpandableRowsChanged(e){this.emitInternalTdsPropChange("enableExpandableRows",e)}compactDesignChanged(e){this.emitInternalTdsPropChange("compactDesign",e)}verticalDividersChanged(e){this.emitInternalTdsPropChange("verticalDividers",e)}noMinWidthChanged(e){this.emitInternalTdsPropChange("noMinWidth",e)}modeVariantChanged(e){this.emitInternalTdsPropChange("modeVariant",e)}render(){return s(a,{class:{"tds-table--responsive":this.enableResponsive}},s("table",{class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--responsive":this.enableResponsive}},s("slot",null)))}get host(){return i(this)}static get watchers(){return{enableMultiselect:["enableMultiselectChanged"],enableExpandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],modeVariant:["modeVariantChanged"]}}};n.style=":host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}";export{n as tds_table}
@@ -1 +0,0 @@
1
- import{r as o,h as r,H as t,g as d}from"./p-8462c18c.js";import{d as n}from"./p-39227588.js";const s=class{constructor(r){o(this,r),this.text=void 0,this.type="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.onlyIcon=!1,this.slotElement=void 0}connectedCallback(){var o;this.slotElement=this.host.children?this.host.children[0]:null,this.disabled&&(n(this.host),"icon"===(null===(o=this.slotElement)||void 0===o?void 0:o.slot)&&n(this.slotElement)),this.text||(this.onlyIcon=!0,this.host.setAttribute("only-icon",""))}render(){return r(t,{class:null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},r("button",{disabled:this.disabled,class:`${this.type}\n ${this.size}\n ${this.disabled?"disabled":""}\n ${this.fullbleed?"fullbleed":""}\n ${this.onlyIcon?"only-icon":""}\n `},this.text,r("slot",{name:"icon"})))}get host(){return d(this)}};s.style=":root,.tds-mode-light{--tds-btn-primary-background:var(--tds-blue-600);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-background-active:var(--tds-blue-700);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-background-focus:var(--tds-blue-400);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-border-color-focus:var(--tds-blue-600);--tds-btn-primary-outline-color-focus:var(--tds-blue-600);--tds-btn-primary-background-disabled-primary:var(--tds-grey-50);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:rgb(0 0 0 / 48%);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:rgb(0 0 0 / 87%);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-black);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:rgb(0 0 0 / 38%);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:rgb(0 0 0 / 38%);--tds-btn-secondary-border-color-disabled:rgb(0 0 0 / 38%);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill:var(--tds-black);--tds-btn-icon-secondary-color:var(--tds-black);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-black);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-black);--tds-btn-ghost-border-color-hover:rgb(0 0 0 / 60%);--tds-btn-ghost-outline-color-hover:rgb(0 0 0 / 60%);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-black);--tds-btn-ghost-border-color-active:rgb(0 0 0 / 87%);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-black);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:rgb(0 0 0 / 38%);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-black);--tds-btn-icon-ghost-color:var(--tds-black);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:rgb(0 0 0 / 38%);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark{--tds-btn-primary-background:var(--tds-blue-400);--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-background-active:var(--tds-blue-300);--tds-btn-primary-background-focus:var(--tds-blue-600);--tds-btn-primary-border-color-focus:var(--tds-blue-400);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-868);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-600);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--tds-white);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-white);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:rgb(255 255 255 / 38%);--tds-btn-secondary-border-color-disabled:rgb(255 255 255 / 38%);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:rgb(255 255 255 / 41%);--tds-btn-ghost-outline-color-hover:rgb(255 255 255 / 41%);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:rgb(255 255 255 / 87%);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:rgb(255 255 255/ 38%);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-868);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:rgb(255 255 255 / 38%);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark .tds-mode-variant-primary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}button{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid}button *{box-sizing:border-box}button:disabled,button.disabled{cursor:unset}button:focus{outline:none}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.xs{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.xs:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.sm{padding:var(--tds-spacing-element-12);height:40px}button.sm.only-icon{padding:11px}button.sm:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.md{padding:var(--tds-spacing-element-16);height:48px}button.md.only-icon{padding:13px}button.md:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.lg{padding:var(--tds-spacing-element-20);height:56px}button.lg.only-icon{padding:17px}button.lg:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.fullbleed{width:inherit;display:flex;justify-content:center}button.primary{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary .icon{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color);font-size:16px}button.primary:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary:active,button.primary.active{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary.disabled,button.primary:disabled{cursor:not-allowed;background:var(--tds-btn-primary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-primary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-primary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-primary-outline-color-disabled)}button.secondary{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary .icon{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color);font-size:16px}button.secondary:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary:active,button.secondary.active{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary.disabled,button.secondary:disabled{cursor:not-allowed;background:var(--tds-btn-secondary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-secondary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-secondary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-secondary-outline-color-disabled)}button.ghost{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost .icon{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color);font-size:16px}button.ghost:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost:active,button.ghost.active{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost.disabled,button.ghost:disabled{cursor:not-allowed;background:var(--tds-btn-ghost-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-ghost-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-ghost-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-ghost-outline-color-disabled)}button.danger{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger .icon{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color);font-size:16px}button.danger:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger:active,button.danger.active{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger.disabled,button.danger:disabled{cursor:not-allowed;background:var(--tds-btn-danger-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-danger-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-danger-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-danger-outline-color-disabled)}:host(tds-button){display:inline-flex;align-items:center}:host(tds-button) ::slotted([slot=icon]){width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}:host(tds-button) .sm ::slotted([slot=icon]){width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}:host(tds-button[fullbleed]){width:100%;justify-content:center}:host(tds-button[only-icon]) .sm{padding:11px}:host(tds-button[only-icon]) .md{padding:13px}:host(tds-button[only-icon]) .lg{padding:17px}:host(tds-button:not([only-icon])){display:inline-flex;align-items:center}:host(tds-button:not([only-icon])) .sm ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}:host(tds-button:not([only-icon])) .md ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}:host(tds-button:not([only-icon])) .lg ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}";export{s as tds_button}
@@ -1 +0,0 @@
1
- import{r,h as s,H as t}from"./p-8462c18c.js";const e=class{constructor(s){r(this,s),this.uuid=crypto.randomUUID()}render(){return s(t,null,s("tds-header-dropdown-list",{type:"lg"},s("slot",null)))}};export{e as tds_header_launcher_list}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as a}from"./p-8462c18c.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(a,{role:"listitem"},o("div",{class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",null)))}};i.style=':host{box-sizing:border-box;z-index:200;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;margin:26px 4px}:host ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:-26px;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);transition:width 0.15s ease-in-out 0s;z-index:1}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-navigation-tabs-tab-color-disabled);pointer-events:none}:host .disabled ::slotted(*){opacity:var(--tds-navigation-tabs-tab-color-opacity-disabled)}:host(.first){margin-left:32px}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}