@scania/tegel 0.0.9 → 0.0.10

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 (528) hide show
  1. package/README.md +3 -0
  2. package/dist/cjs/index-ee36ffa1.js +8 -16
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{popper-9def2535.js → popper-d7adcfc6.js} +6 -12
  5. package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-badge.cjs.entry.js +3 -3
  7. package/dist/cjs/tds-banner.cjs.entry.js +10 -10
  8. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -4
  9. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +0 -3
  10. package/dist/cjs/tds-button.cjs.entry.js +4 -11
  11. package/dist/cjs/tds-card.cjs.entry.js +19 -23
  12. package/dist/cjs/tds-checkbox.cjs.entry.js +2 -1
  13. package/dist/cjs/tds-chip.cjs.entry.js +14 -3
  14. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
  15. package/dist/cjs/{tds-dropdown-option-v2.cjs.entry.js → tds-dropdown-option.cjs.entry.js} +5 -5
  16. package/dist/cjs/{tds-dropdown-v2.cjs.entry.js → tds-dropdown.cjs.entry.js} +19 -19
  17. package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -3
  18. package/dist/cjs/tds-folder-tabs.cjs.entry.js +5 -5
  19. package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
  20. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  21. package/dist/cjs/tds-footer.cjs.entry.js +6 -6
  22. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  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 +1 -1
  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-title.cjs.entry.js +3 -2
  31. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -1
  32. package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
  33. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-inline-tabs.cjs.entry.js +5 -5
  36. package/dist/cjs/tds-link.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-message.cjs.entry.js +4 -4
  38. package/dist/cjs/tds-modal.cjs.entry.js +13 -5
  39. package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
  40. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +5 -5
  41. package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
  42. package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
  43. package/dist/cjs/tds-radio-button.cjs.entry.js +3 -2
  44. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  45. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
  46. package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
  47. package/dist/cjs/tds-side-menu.cjs.entry.js +2 -2
  48. package/dist/cjs/tds-slider.cjs.entry.js +12 -15
  49. package/dist/cjs/tds-stepper.cjs.entry.js +3 -2
  50. package/dist/cjs/tds-table-body.cjs.entry.js +4 -51
  51. package/dist/cjs/tds-table-footer.cjs.entry.js +47 -39
  52. package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
  53. package/dist/cjs/tds-table.cjs.entry.js +2 -1
  54. package/dist/cjs/tds-text-field.cjs.entry.js +6 -2
  55. package/dist/cjs/tds-toast.cjs.entry.js +11 -26
  56. package/dist/cjs/tds-toggle.cjs.entry.js +2 -1
  57. package/dist/cjs/tds-tooltip.cjs.entry.js +6 -2
  58. package/dist/cjs/tegel.cjs.js +1 -1
  59. package/dist/cjs/{utils-2beb1aa0.js → utils-41de5fb2.js} +32 -12
  60. package/dist/collection/collection-manifest.json +0 -3
  61. package/dist/collection/components/accordion/accordion-item/accordion-item.js +4 -1
  62. package/dist/collection/components/accordion/accordion.stories.js +100 -0
  63. package/dist/collection/components/badge/badge.js +4 -4
  64. package/dist/collection/components/badge/badge.stories.js +106 -0
  65. package/dist/collection/components/banner/banner.css +12 -9
  66. package/dist/collection/components/banner/banner.js +33 -17
  67. package/dist/collection/components/banner/banner.stories.js +107 -0
  68. package/dist/collection/components/block/block.stories.js +49 -0
  69. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +4 -4
  70. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -21
  71. package/dist/collection/components/breadcrumbs/breadcrumbs.js +0 -3
  72. package/dist/collection/components/breadcrumbs/breadcrumbs.stories.js +36 -0
  73. package/dist/collection/components/button/button.css +16 -0
  74. package/dist/collection/components/button/button.js +7 -12
  75. package/dist/collection/components/button/button.stories.js +167 -0
  76. package/dist/collection/components/card/card.css +18 -17
  77. package/dist/collection/components/card/card.js +32 -68
  78. package/dist/collection/components/card/card.stories.js +162 -0
  79. package/dist/collection/components/checkbox/checkbox.js +6 -2
  80. package/dist/collection/components/checkbox/checkbox.stories.js +80 -0
  81. package/dist/collection/components/chip/chip.css +23 -8
  82. package/dist/collection/components/chip/chip.js +19 -3
  83. package/dist/collection/components/chip/chip.stories.js +230 -0
  84. package/dist/collection/components/datetime/datetime.stories.js +195 -0
  85. package/dist/collection/components/divider/divider.stories.js +62 -0
  86. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +142 -116
  87. package/dist/collection/components/dropdown/dropdown.css +212 -386
  88. package/dist/collection/components/dropdown/dropdown.js +472 -329
  89. package/dist/collection/components/dropdown/dropdown.stories.js +268 -0
  90. package/dist/collection/components/footer/footer-group/footer-group.css +3 -3
  91. package/dist/collection/components/footer/footer-group/footer-group.js +2 -2
  92. package/dist/collection/components/footer/footer-item/footer-item.css +16 -8
  93. package/dist/collection/components/footer/footer.css +8 -12
  94. package/dist/collection/components/footer/footer.js +10 -10
  95. package/dist/collection/components/footer/footer.stories.js +145 -0
  96. package/dist/collection/components/header/header-dropdown/header-dropdown.js +10 -5
  97. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.css +1 -1
  98. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +13 -9
  99. package/dist/collection/components/header/header-hamburger/header-hamburger.css +0 -1
  100. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  101. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +3 -2
  102. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +2 -1
  103. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +3 -2
  104. package/dist/collection/components/header/header.css +1 -1
  105. package/dist/collection/components/header/header.js +5 -0
  106. package/dist/collection/components/header/header.stories.js +80 -0
  107. package/dist/collection/components/icon/icon.stories.js +48 -0
  108. package/dist/collection/components/link/link.css +16 -13
  109. package/dist/collection/components/link/link.js +1 -0
  110. package/dist/collection/components/link/link.stories.js +57 -0
  111. package/dist/collection/components/message/message.css +16 -16
  112. package/dist/collection/components/message/message.js +6 -3
  113. package/dist/collection/components/message/message.stories.js +110 -0
  114. package/dist/collection/components/modal/modal.css +19 -33
  115. package/dist/collection/components/modal/modal.js +36 -6
  116. package/dist/collection/components/modal/modal.stories.js +109 -0
  117. package/dist/collection/components/popover-canvas/popover-canvas.js +2 -2
  118. package/dist/collection/components/popover-canvas/popover-canvas.stories.js +92 -0
  119. package/dist/collection/components/popover-menu/popover-menu.js +2 -2
  120. package/dist/collection/components/popover-menu/popover-menu.stories.js +140 -0
  121. package/dist/collection/components/radio-button/radio-button.css +1 -1
  122. package/dist/collection/components/radio-button/radio-button.js +6 -2
  123. package/dist/collection/components/radio-button/radio-button.stories.js +91 -0
  124. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +3 -0
  125. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.css +1 -1
  126. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +5 -0
  127. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +3 -0
  128. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -0
  129. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +1 -1
  130. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +3 -0
  131. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +3 -0
  132. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +5 -0
  133. package/dist/collection/components/side-menu/side-menu.css +6 -5
  134. package/dist/collection/components/side-menu/side-menu.js +11 -3
  135. package/dist/collection/components/side-menu/side-menu.stories.js +215 -0
  136. package/dist/collection/components/slider/slider.js +13 -16
  137. package/dist/collection/components/slider/slider.stories.js +243 -0
  138. package/dist/collection/components/spinner/spinner.stories.js +61 -0
  139. package/dist/collection/components/stepper/step/step.js +3 -0
  140. package/dist/collection/components/stepper/stepper.css +3 -0
  141. package/dist/collection/components/stepper/stepper.js +4 -3
  142. package/dist/collection/components/stepper/stepper.stories.js +95 -0
  143. package/dist/collection/components/table/table/table.js +4 -3
  144. package/dist/collection/components/table/table-body/table-body.js +15 -60
  145. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +3 -0
  146. package/dist/collection/components/table/table-component-basic.stories.js +184 -0
  147. package/dist/collection/components/table/table-component-batch-actions.stories.js +201 -0
  148. package/dist/collection/components/table/table-component-bodydata.stories.js +101 -0
  149. package/dist/collection/components/table/table-component-custom-width.stories.js +174 -0
  150. package/dist/collection/components/table/table-component-event-listeners.stories.js +193 -0
  151. package/dist/collection/components/table/table-component-expandable-rows.stories.js +160 -0
  152. package/dist/collection/components/table/table-component-filtering.stories.js +210 -0
  153. package/dist/collection/components/table/table-component-multiselect.stories.js +230 -0
  154. package/dist/collection/components/table/table-component-pagination.stories.js +215 -0
  155. package/dist/collection/components/table/table-component-sorting.stories.js +238 -0
  156. package/dist/collection/components/table/table-footer/table-footer.js +65 -54
  157. package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -0
  158. package/dist/collection/components/table/table-toolbar/table-toolbar.css +2 -1
  159. package/dist/collection/components/table/table-toolbar/table-toolbar.js +4 -1
  160. package/dist/collection/components/table/table.filtering.spec.js +0 -6
  161. package/dist/collection/components/table/table.spec.js +0 -6
  162. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +10 -11
  163. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +1 -2
  164. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +5 -5
  165. package/dist/collection/components/tabs/folder-tabs/folder-tabs.stories.js +105 -0
  166. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +13 -2
  167. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +5 -5
  168. package/dist/collection/components/tabs/inline-tabs/inline-tabs.stories.js +99 -0
  169. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +13 -2
  170. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +5 -5
  171. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.stories.js +101 -0
  172. package/dist/collection/components/text-field/text-field.js +10 -2
  173. package/dist/collection/components/text-field/text-field.stories.js +247 -0
  174. package/dist/collection/components/textarea/textarea.stories.js +188 -0
  175. package/dist/collection/components/toast/toast.css +32 -25
  176. package/dist/collection/components/toast/toast.js +17 -33
  177. package/dist/collection/components/toast/toast.stories.js +79 -0
  178. package/dist/collection/components/toggle/toggle.js +6 -2
  179. package/dist/collection/components/toggle/toggle.stories.js +95 -0
  180. package/dist/collection/components/tooltip/tooltip.js +27 -3
  181. package/dist/collection/components/tooltip/tooltip.stories.js +128 -0
  182. package/dist/collection/stories/Installation/installation.stories.js +222 -0
  183. package/dist/collection/stories/announcements/announce-tegel.stories.js +262 -0
  184. package/dist/collection/stories/announcements/prefix-change.stories.js +93 -0
  185. package/dist/collection/stories/foundations/color/color-brand.stories.js +38 -0
  186. package/dist/collection/stories/foundations/color/color-scales.stories.js +71 -0
  187. package/dist/collection/stories/foundations/color/color-semantic.stories.js +40 -0
  188. package/dist/collection/stories/foundations/grid/grid.stories.js +386 -0
  189. package/dist/collection/stories/foundations/spacing/spacing-element.stories.js +100 -0
  190. package/dist/collection/stories/foundations/spacing/spacing-layout.stories.js +94 -0
  191. package/dist/collection/stories/foundations/typography/typography-body.stories.js +16 -0
  192. package/dist/collection/stories/foundations/typography/typography-detail.stories.js +17 -0
  193. package/dist/collection/stories/foundations/typography/typography-headline.stories.js +39 -0
  194. package/dist/collection/stories/foundations/typography/typography-paragraph.stories.js +12 -0
  195. package/dist/collection/stories/patterns/navigation/navigation-basic.stories.js +85 -0
  196. package/dist/collection/stories/patterns/navigation/navigation-fewitems.stories.js +259 -0
  197. package/dist/collection/stories/patterns/navigation/navigation-manyitems.stories.js +246 -0
  198. package/dist/collection/stories/patterns/navigation/navigation-user-menu.stories.js +140 -0
  199. package/dist/collection/stories/tegel.stories.js +293 -0
  200. package/dist/collection/stories/utility/color/background-color.stories.js +96 -0
  201. package/dist/collection/stories/utility/color/text-color.stories.js +94 -0
  202. package/dist/collection/utils/utils.js +30 -11
  203. package/dist/components/checkbox.js +2 -1
  204. package/dist/components/header-dropdown-list.js +1 -1
  205. package/dist/components/header-item.js +1 -1
  206. package/dist/components/popper.js +6 -12
  207. package/dist/components/side-menu-item.js +1 -1
  208. package/dist/components/tds-accordion-item.js +1 -1
  209. package/dist/components/tds-badge.js +4 -4
  210. package/dist/components/tds-banner.js +12 -13
  211. package/dist/components/tds-breadcrumb.js +3 -6
  212. package/dist/components/tds-breadcrumbs.js +0 -3
  213. package/dist/components/tds-button.js +5 -13
  214. package/dist/components/tds-card.js +21 -29
  215. package/dist/components/tds-chip.js +14 -3
  216. package/dist/components/tds-dropdown-option.js +121 -1
  217. package/dist/components/tds-dropdown.js +318 -1
  218. package/dist/components/tds-folder-tab.js +2 -3
  219. package/dist/components/tds-folder-tabs.js +5 -5
  220. package/dist/components/tds-footer-group.js +3 -3
  221. package/dist/components/tds-footer-item.js +1 -1
  222. package/dist/components/tds-footer.js +7 -8
  223. package/dist/components/tds-header-cell.js +1 -1
  224. package/dist/components/tds-header-dropdown-list-user.js +6 -6
  225. package/dist/components/tds-header-dropdown.js +5 -4
  226. package/dist/components/tds-header-launcher-grid-title.js +3 -2
  227. package/dist/components/tds-header-launcher-grid.js +1 -1
  228. package/dist/components/tds-header-launcher-list-title.js +3 -2
  229. package/dist/components/tds-header-launcher-list.js +2 -1
  230. package/dist/components/tds-header-launcher.js +2 -2
  231. package/dist/components/tds-inline-tab.js +1 -1
  232. package/dist/components/tds-inline-tabs.js +5 -5
  233. package/dist/components/tds-link.js +3 -2
  234. package/dist/components/tds-message.js +4 -4
  235. package/dist/components/tds-modal.js +14 -5
  236. package/dist/components/tds-navigation-tab.js +1 -1
  237. package/dist/components/tds-navigation-tabs.js +5 -5
  238. package/dist/components/tds-radio-button.js +3 -2
  239. package/dist/components/tds-side-menu-dropdown.js +1 -1
  240. package/dist/components/tds-side-menu.js +2 -2
  241. package/dist/components/tds-slider.js +12 -15
  242. package/dist/components/tds-stepper.js +3 -2
  243. package/dist/components/tds-table-body.js +5 -53
  244. package/dist/components/tds-table-footer.js +50 -42
  245. package/dist/components/tds-table-toolbar.js +9 -3
  246. package/dist/components/tds-table.js +2 -1
  247. package/dist/components/tds-text-field.js +6 -2
  248. package/dist/components/tds-toast.js +12 -29
  249. package/dist/components/tds-toggle.js +2 -1
  250. package/dist/components/tds-tooltip.js +7 -2
  251. package/dist/components/utils.js +31 -12
  252. package/dist/esm/index-23ee700b.js +8 -16
  253. package/dist/esm/loader.js +1 -1
  254. package/dist/esm/{popper-bfa25c7f.js → popper-15e448b4.js} +6 -12
  255. package/dist/esm/tds-accordion-item.entry.js +1 -1
  256. package/dist/esm/tds-badge.entry.js +3 -3
  257. package/dist/esm/tds-banner.entry.js +10 -10
  258. package/dist/esm/tds-breadcrumb.entry.js +2 -4
  259. package/dist/esm/tds-breadcrumbs.entry.js +0 -3
  260. package/dist/esm/tds-button.entry.js +4 -11
  261. package/dist/esm/tds-card.entry.js +19 -23
  262. package/dist/esm/tds-checkbox.entry.js +2 -1
  263. package/dist/esm/tds-chip.entry.js +15 -4
  264. package/dist/esm/tds-core-header-item_2.entry.js +1 -1
  265. package/dist/esm/{tds-dropdown-option-v2.entry.js → tds-dropdown-option.entry.js} +5 -5
  266. package/dist/esm/{tds-dropdown-v2.entry.js → tds-dropdown.entry.js} +19 -19
  267. package/dist/esm/tds-folder-tab.entry.js +2 -3
  268. package/dist/esm/tds-folder-tabs.entry.js +5 -5
  269. package/dist/esm/tds-footer-group.entry.js +3 -3
  270. package/dist/esm/tds-footer-item.entry.js +1 -1
  271. package/dist/esm/tds-footer.entry.js +6 -6
  272. package/dist/esm/tds-header-cell.entry.js +1 -1
  273. package/dist/esm/tds-header-dropdown-list-user.entry.js +4 -4
  274. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  275. package/dist/esm/tds-header-dropdown.entry.js +4 -3
  276. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  277. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  278. package/dist/esm/tds-header-launcher-grid-title.entry.js +3 -2
  279. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  280. package/dist/esm/tds-header-launcher-list-title.entry.js +3 -2
  281. package/dist/esm/tds-header-launcher-list.entry.js +2 -1
  282. package/dist/esm/tds-header-launcher.entry.js +2 -2
  283. package/dist/esm/tds-header.entry.js +1 -1
  284. package/dist/esm/tds-inline-tab.entry.js +1 -1
  285. package/dist/esm/tds-inline-tabs.entry.js +5 -5
  286. package/dist/esm/tds-link.entry.js +1 -1
  287. package/dist/esm/tds-message.entry.js +4 -4
  288. package/dist/esm/tds-modal.entry.js +13 -5
  289. package/dist/esm/tds-navigation-tab.entry.js +1 -1
  290. package/dist/esm/tds-navigation-tabs.entry.js +5 -5
  291. package/dist/esm/tds-popover-canvas.entry.js +1 -1
  292. package/dist/esm/tds-popover-menu.entry.js +1 -1
  293. package/dist/esm/tds-radio-button.entry.js +3 -2
  294. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  295. package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
  296. package/dist/esm/tds-side-menu-item.entry.js +1 -1
  297. package/dist/esm/tds-side-menu.entry.js +2 -2
  298. package/dist/esm/tds-slider.entry.js +12 -15
  299. package/dist/esm/tds-stepper.entry.js +3 -2
  300. package/dist/esm/tds-table-body.entry.js +4 -51
  301. package/dist/esm/tds-table-footer.entry.js +47 -39
  302. package/dist/esm/tds-table-toolbar.entry.js +2 -2
  303. package/dist/esm/tds-table.entry.js +2 -1
  304. package/dist/esm/tds-text-field.entry.js +7 -3
  305. package/dist/esm/tds-toast.entry.js +11 -26
  306. package/dist/esm/tds-toggle.entry.js +2 -1
  307. package/dist/esm/tds-tooltip.entry.js +6 -2
  308. package/dist/esm/tegel.js +1 -1
  309. package/dist/esm/{utils-9ac24735.js → utils-74fb1bed.js} +31 -12
  310. package/dist/tegel/p-000d60e5.entry.js +1 -0
  311. package/dist/tegel/p-04bff255.entry.js +1 -0
  312. package/dist/tegel/p-06093e3e.entry.js +1 -0
  313. package/dist/tegel/p-099025f0.entry.js +1 -0
  314. package/dist/tegel/p-0995ca77.entry.js +1 -0
  315. package/dist/tegel/p-10337d3f.entry.js +1 -0
  316. package/dist/tegel/p-19fb9ad5.entry.js +1 -0
  317. package/dist/tegel/p-1bac7d2e.entry.js +1 -0
  318. package/dist/tegel/p-1c82ccf0.entry.js +1 -0
  319. package/dist/tegel/p-347414ad.entry.js +1 -0
  320. package/dist/tegel/p-34a06d2f.entry.js +1 -0
  321. package/dist/tegel/p-3c9865c3.entry.js +1 -0
  322. package/dist/tegel/{p-c8d4af09.entry.js → p-40142a58.entry.js} +1 -1
  323. package/dist/tegel/p-48136431.entry.js +1 -0
  324. package/dist/tegel/p-49a084db.entry.js +1 -0
  325. package/dist/tegel/p-4c809685.entry.js +1 -0
  326. package/dist/tegel/p-54e56257.entry.js +1 -0
  327. package/dist/tegel/{p-e8fccebc.entry.js → p-56189659.entry.js} +1 -1
  328. package/dist/tegel/p-6bee84a2.entry.js +1 -0
  329. package/dist/tegel/p-6f0072cc.entry.js +1 -0
  330. package/dist/tegel/p-73a8f43e.entry.js +1 -0
  331. package/dist/tegel/p-8ba77ea3.entry.js +1 -0
  332. package/dist/tegel/p-8bd0a233.entry.js +1 -0
  333. package/dist/tegel/{p-e0ee20ee.entry.js → p-8c194dd8.entry.js} +1 -1
  334. package/dist/tegel/p-95e170f3.entry.js +1 -0
  335. package/dist/tegel/p-99837611.entry.js +1 -0
  336. package/dist/tegel/p-9991a816.entry.js +1 -0
  337. package/dist/tegel/{p-bcb2fad3.entry.js → p-9b29bf68.entry.js} +1 -1
  338. package/dist/tegel/{p-39227588.js → p-9dc14c21.js} +1 -1
  339. package/dist/tegel/p-9f1e1cc0.entry.js +1 -0
  340. package/dist/tegel/{p-232f5889.entry.js → p-9fe0d654.entry.js} +1 -1
  341. package/dist/tegel/{p-135575ae.entry.js → p-a08be1c3.entry.js} +1 -1
  342. package/dist/tegel/{p-3aa634ed.entry.js → p-a1ad46d2.entry.js} +1 -1
  343. package/dist/tegel/p-a34bb501.entry.js +1 -0
  344. package/dist/tegel/p-a4e3eb95.entry.js +1 -0
  345. package/dist/tegel/{p-fb3f4a14.entry.js → p-aa443b06.entry.js} +1 -1
  346. package/dist/tegel/p-afe13096.entry.js +1 -0
  347. package/dist/tegel/{p-cd2a74d7.entry.js → p-b0d313cd.entry.js} +1 -1
  348. package/dist/tegel/p-b1067b50.entry.js +1 -0
  349. package/dist/tegel/{p-7b34156b.entry.js → p-b5424456.entry.js} +1 -1
  350. package/dist/tegel/p-c15bbe0b.entry.js +1 -0
  351. package/dist/tegel/p-c411f254.entry.js +1 -0
  352. package/dist/tegel/p-c5588508.entry.js +1 -0
  353. package/dist/tegel/{p-b6a16219.entry.js → p-c5ab3a3b.entry.js} +1 -1
  354. package/dist/tegel/p-d5bd9b2e.entry.js +1 -0
  355. package/dist/tegel/p-df95f0ae.entry.js +1 -0
  356. package/dist/tegel/{p-de799b9a.entry.js → p-e24835ba.entry.js} +1 -1
  357. package/dist/tegel/p-e3f8fc68.entry.js +1 -0
  358. package/dist/tegel/{p-89283891.entry.js → p-e4dc07bb.entry.js} +1 -1
  359. package/dist/tegel/p-f36ec03b.entry.js +1 -0
  360. package/dist/tegel/{p-7331ec7b.entry.js → p-f795bc11.entry.js} +1 -1
  361. package/dist/tegel/{p-7d3a66ae.entry.js → p-f9d04ff2.entry.js} +1 -1
  362. package/dist/tegel/p-fc6da19c.entry.js +1 -0
  363. package/dist/tegel/tegel.css +2 -2
  364. package/dist/tegel/tegel.esm.js +1 -1
  365. package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +3 -0
  366. package/dist/types/components/accordion/accordion.stories.d.ts +77 -0
  367. package/dist/types/components/badge/badge.stories.d.ts +73 -0
  368. package/dist/types/components/banner/banner.d.ts +7 -2
  369. package/dist/types/components/banner/banner.stories.d.ts +82 -0
  370. package/dist/types/components/block/block.stories.d.ts +32 -0
  371. package/dist/types/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +0 -2
  372. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +0 -1
  373. package/dist/types/components/breadcrumbs/breadcrumbs.stories.d.ts +16 -0
  374. package/dist/types/components/button/button.d.ts +3 -1
  375. package/dist/types/components/button/button.stories.d.ts +133 -0
  376. package/dist/types/components/card/card.d.ts +11 -9
  377. package/dist/types/components/card/card.stories.d.ts +128 -0
  378. package/dist/types/components/checkbox/checkbox.d.ts +3 -0
  379. package/dist/types/components/checkbox/checkbox.stories.d.ts +52 -0
  380. package/dist/types/components/chip/chip.d.ts +6 -0
  381. package/dist/types/components/chip/chip.stories.d.ts +99 -0
  382. package/dist/types/components/datetime/datetime.stories.d.ts +125 -0
  383. package/dist/types/components/divider/divider.stories.d.ts +58 -0
  384. package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +28 -17
  385. package/dist/types/components/dropdown/dropdown.d.ts +79 -54
  386. package/dist/types/components/dropdown/dropdown.stories.d.ts +183 -0
  387. package/dist/types/components/footer/footer-group/footer-group.d.ts +1 -1
  388. package/dist/types/components/footer/footer.d.ts +5 -3
  389. package/dist/types/components/footer/footer.stories.d.ts +44 -0
  390. package/dist/types/components/header/header-dropdown/header-dropdown.d.ts +5 -1
  391. package/dist/types/components/header/header-dropdown-list-user/header-dropdown-list-user.d.ts +8 -4
  392. package/dist/types/components/header/header.d.ts +5 -0
  393. package/dist/types/components/header/header.stories.d.ts +31 -0
  394. package/dist/types/components/icon/icon.stories.d.ts +36 -0
  395. package/dist/types/components/link/link.stories.d.ts +44 -0
  396. package/dist/types/components/message/message.d.ts +3 -0
  397. package/dist/types/components/message/message.stories.d.ts +88 -0
  398. package/dist/types/components/modal/modal.d.ts +9 -3
  399. package/dist/types/components/modal/modal.stories.d.ts +70 -0
  400. package/dist/types/components/popover-canvas/popover-canvas.d.ts +1 -1
  401. package/dist/types/components/popover-canvas/popover-canvas.stories.d.ts +27 -0
  402. package/dist/types/components/popover-menu/popover-menu.d.ts +1 -1
  403. package/dist/types/components/popover-menu/popover-menu.stories.d.ts +40 -0
  404. package/dist/types/components/radio-button/radio-button.d.ts +3 -0
  405. package/dist/types/components/radio-button/radio-button.stories.d.ts +39 -0
  406. package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts +3 -0
  407. package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +5 -0
  408. package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts +3 -0
  409. package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +3 -0
  410. package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +3 -0
  411. package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts +3 -0
  412. package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts +4 -0
  413. package/dist/types/components/side-menu/side-menu.d.ts +8 -0
  414. package/dist/types/components/side-menu/side-menu.stories.d.ts +53 -0
  415. package/dist/types/components/slider/slider.d.ts +0 -1
  416. package/dist/types/components/slider/slider.stories.d.ts +235 -0
  417. package/dist/types/components/spinner/spinner.stories.d.ts +46 -0
  418. package/dist/types/components/stepper/step/step.d.ts +3 -0
  419. package/dist/types/components/stepper/stepper.stories.d.ts +80 -0
  420. package/dist/types/components/table/table-body/table-body.d.ts +6 -3
  421. package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts +3 -0
  422. package/dist/types/components/table/table-component-basic.stories.d.ts +144 -0
  423. package/dist/types/components/table/table-component-batch-actions.stories.d.ts +139 -0
  424. package/dist/types/components/table/table-component-bodydata.stories.d.ts +35 -0
  425. package/dist/types/components/table/table-component-custom-width.stories.d.ts +131 -0
  426. package/dist/types/components/table/table-component-event-listeners.stories.d.ts +131 -0
  427. package/dist/types/components/table/table-component-expandable-rows.stories.d.ts +131 -0
  428. package/dist/types/components/table/table-component-filtering.stories.d.ts +139 -0
  429. package/dist/types/components/table/table-component-multiselect.stories.d.ts +144 -0
  430. package/dist/types/components/table/table-component-pagination.stories.d.ts +131 -0
  431. package/dist/types/components/table/table-component-sorting.stories.d.ts +183 -0
  432. package/dist/types/components/table/table-footer/table-footer.d.ts +7 -7
  433. package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +3 -0
  434. package/dist/types/components/tabs/folder-tabs/folder-tabs.stories.d.ts +69 -0
  435. package/dist/types/components/tabs/inline-tabs/inline-tabs.stories.d.ts +61 -0
  436. package/dist/types/components/tabs/navigation-tabs/navigation-tabs.stories.d.ts +61 -0
  437. package/dist/types/components/text-field/text-field.d.ts +5 -0
  438. package/dist/types/components/text-field/text-field.stories.d.ts +201 -0
  439. package/dist/types/components/textarea/textarea.stories.d.ts +139 -0
  440. package/dist/types/components/toast/toast.d.ts +5 -4
  441. package/dist/types/components/toast/toast.stories.d.ts +56 -0
  442. package/dist/types/components/toggle/toggle.d.ts +3 -0
  443. package/dist/types/components/toggle/toggle.stories.d.ts +74 -0
  444. package/dist/types/components/tooltip/tooltip.d.ts +3 -1
  445. package/dist/types/components/tooltip/tooltip.stories.d.ts +66 -0
  446. package/dist/types/components.d.ts +105 -393
  447. package/dist/types/stories/Installation/installation.stories.d.ts +7 -0
  448. package/dist/types/stories/announcements/announce-tegel.stories.d.ts +6 -0
  449. package/dist/types/stories/announcements/prefix-change.stories.d.ts +6 -0
  450. package/dist/types/stories/foundations/color/color-brand.stories.d.ts +13 -0
  451. package/dist/types/stories/foundations/color/color-scales.stories.d.ts +30 -0
  452. package/dist/types/stories/foundations/color/color-semantic.stories.d.ts +13 -0
  453. package/dist/types/stories/foundations/grid/grid.stories.d.ts +35 -0
  454. package/dist/types/stories/foundations/spacing/spacing-element.stories.d.ts +8 -0
  455. package/dist/types/stories/foundations/spacing/spacing-layout.stories.d.ts +8 -0
  456. package/dist/types/stories/foundations/typography/typography-body.stories.d.ts +8 -0
  457. package/dist/types/stories/foundations/typography/typography-detail.stories.d.ts +8 -0
  458. package/dist/types/stories/foundations/typography/typography-headline.stories.d.ts +21 -0
  459. package/dist/types/stories/foundations/typography/typography-paragraph.stories.d.ts +8 -0
  460. package/dist/types/stories/patterns/navigation/navigation-basic.stories.d.ts +23 -0
  461. package/dist/types/stories/patterns/navigation/navigation-fewitems.stories.d.ts +23 -0
  462. package/dist/types/stories/patterns/navigation/navigation-manyitems.stories.d.ts +38 -0
  463. package/dist/types/stories/patterns/navigation/navigation-user-menu.stories.d.ts +33 -0
  464. package/dist/types/stories/tegel.stories.d.ts +6 -0
  465. package/dist/types/stories/utility/color/background-color.stories.d.ts +64 -0
  466. package/dist/types/stories/utility/color/text-color.stories.d.ts +64 -0
  467. package/dist/types/utils/utils.d.ts +20 -6
  468. package/package.json +21 -24
  469. package/dist/cjs/tds-dropdown-filter.cjs.entry.js +0 -96
  470. package/dist/cjs/tds-dropdown_2.cjs.entry.js +0 -339
  471. package/dist/collection/components/dropdown/dropdown-filter/dropdown-filter.js +0 -380
  472. package/dist/collection/components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.js +0 -216
  473. package/dist/collection/components/dropdown-v2/dropdown-v2.css +0 -286
  474. package/dist/collection/components/dropdown-v2/dropdown-v2.js +0 -726
  475. package/dist/components/dropdown-option.js +0 -104
  476. package/dist/components/dropdown.js +0 -304
  477. package/dist/components/tds-dropdown-filter.d.ts +0 -11
  478. package/dist/components/tds-dropdown-filter.js +0 -150
  479. package/dist/components/tds-dropdown-option-v2.d.ts +0 -11
  480. package/dist/components/tds-dropdown-option-v2.js +0 -126
  481. package/dist/components/tds-dropdown-v2.d.ts +0 -11
  482. package/dist/components/tds-dropdown-v2.js +0 -323
  483. package/dist/esm/tds-dropdown-filter.entry.js +0 -92
  484. package/dist/esm/tds-dropdown_2.entry.js +0 -334
  485. package/dist/tegel/p-07e5df94.entry.js +0 -1
  486. package/dist/tegel/p-0a3e7512.entry.js +0 -1
  487. package/dist/tegel/p-0e55d72f.entry.js +0 -1
  488. package/dist/tegel/p-107d3da8.entry.js +0 -1
  489. package/dist/tegel/p-13b02a4f.entry.js +0 -1
  490. package/dist/tegel/p-19e9addd.entry.js +0 -1
  491. package/dist/tegel/p-1fb5c5d4.entry.js +0 -1
  492. package/dist/tegel/p-2bee16f6.entry.js +0 -1
  493. package/dist/tegel/p-2e2c91c4.entry.js +0 -1
  494. package/dist/tegel/p-330ed982.entry.js +0 -1
  495. package/dist/tegel/p-3604b5d3.entry.js +0 -1
  496. package/dist/tegel/p-375e361b.entry.js +0 -1
  497. package/dist/tegel/p-55dc4711.entry.js +0 -1
  498. package/dist/tegel/p-59f1cb9b.entry.js +0 -1
  499. package/dist/tegel/p-5a6aba01.entry.js +0 -1
  500. package/dist/tegel/p-60733f89.entry.js +0 -1
  501. package/dist/tegel/p-6a530c2f.entry.js +0 -1
  502. package/dist/tegel/p-732256e0.entry.js +0 -1
  503. package/dist/tegel/p-76f941e8.entry.js +0 -1
  504. package/dist/tegel/p-7b0853e6.entry.js +0 -1
  505. package/dist/tegel/p-90686bc7.entry.js +0 -1
  506. package/dist/tegel/p-95da9b7f.entry.js +0 -1
  507. package/dist/tegel/p-99f540db.entry.js +0 -1
  508. package/dist/tegel/p-9bcc42cf.entry.js +0 -1
  509. package/dist/tegel/p-9f57d275.entry.js +0 -1
  510. package/dist/tegel/p-9fe384ad.entry.js +0 -1
  511. package/dist/tegel/p-a5604352.entry.js +0 -1
  512. package/dist/tegel/p-acb62b52.entry.js +0 -1
  513. package/dist/tegel/p-aeffa257.entry.js +0 -1
  514. package/dist/tegel/p-b8d88873.entry.js +0 -1
  515. package/dist/tegel/p-beb8a6bd.entry.js +0 -1
  516. package/dist/tegel/p-c90a247c.entry.js +0 -1
  517. package/dist/tegel/p-ca4527de.entry.js +0 -1
  518. package/dist/tegel/p-cf4cfc54.entry.js +0 -1
  519. package/dist/tegel/p-d3f5cf74.entry.js +0 -1
  520. package/dist/tegel/p-d67d67be.entry.js +0 -1
  521. package/dist/tegel/p-da4c92b9.entry.js +0 -1
  522. package/dist/tegel/p-f6206d3c.entry.js +0 -1
  523. package/dist/tegel/p-fc47d911.entry.js +0 -1
  524. package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts +0 -47
  525. package/dist/types/components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.d.ts +0 -35
  526. package/dist/types/components/dropdown-v2/dropdown-v2.d.ts +0 -86
  527. /package/dist/collection/components/{dropdown-v2/dropdown-option-v2/dropdown-option-v2.css → dropdown/dropdown-option/dropdown-option.css} +0 -0
  528. /package/dist/tegel/{p-9d707f6e.js → p-7c0dcd00.js} +0 -0
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as s,g as r}from"./p-8462c18c.js";import{g as a,i as h}from"./p-9dc14c21.js";const i=class{constructor(e){t(this,e),this.uuid=a(),this.open=!1,this.buttonEl=void 0,this.hasListTypeMenu=!1}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}componentDidLoad(){this.host.shadowRoot.querySelector("slot:not([name])").assignedElements().some((t=>"tds-header-launcher-list"===t.tagName.toLowerCase()))&&(this.hasListTypeMenu=!0)}toggleLauncher(){this.open=!this.open}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),h(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return e(s,null,e("div",{class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},e("tds-header-launcher-button",Object.assign({},t)),this.buttonEl&&e("tds-popover-canvas",{id:`tds-launcher-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},e("slot",null))))}get host(){return r(this)}};i.style=":host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu::-webkit-scrollbar{width:4px;background-color:inherit}:host .wrapper .menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .wrapper .menu ::-webkit-scrollbar-button{height:0;width:0}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:801}";export{i as tds_header_launcher}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as i}from"./p-8462c18c.js";import{i as o}from"./p-39227588.js";const r=class{constructor(s){t(this,s),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host));const t=Object.assign({},this.ariaAttributes);return s(e,null,s("tds-header-item",{active:this.active},s("button",Object.assign({},t),s("tds-icon",{class:"icon",name:"bento",size:"20px"}))))}get host(){return i(this)}};r.style=":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{r as tds_header_launcher_button}
1
+ import{r as t,h as s,H as e,g as i}from"./p-8462c18c.js";import{i as o}from"./p-9dc14c21.js";const c=class{constructor(s){t(this,s),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host));const t=Object.assign({},this.ariaAttributes);return s(e,null,s("tds-header-item",{active:this.active},s("button",Object.assign({},t),s("tds-icon",{class:"icon",name:"bento",size:"20px"}))))}get host(){return i(this)}};c.style=":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{c as tds_header_launcher_button}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as o,g as l}from"./p-8462c18c.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||t.disabled||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s,this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))})),t)))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.showLeftScroll=!1,this.showRightScroll=!1,this.buttonWidth=0}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t,this.tdsChange.emit({selectedTabIndex:this.selectedIndex})),s)))),{selectedTabIndex:this.selectedIndex}}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidLoad(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.tdsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))}componentDidRender(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1),this.addResizeObserver()}render(){return i(o,{role:"list",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{name:"chevron_left",size:"20px"})),i("slot",null),i("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return l(this)}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:201}:host .scroll-left-button{left:0;z-index:201}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_inline_tabs}
1
+ import{r as t,c as s,h as i,H as o,g as l}from"./p-8462c18c.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s,this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))})),t)))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.showLeftScroll=!1,this.showRightScroll=!1,this.buttonWidth=0}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t,this.tdsChange.emit({selectedTabIndex:this.selectedIndex})),s)))),{selectedTabIndex:this.selectedIndex}}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidLoad(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.tdsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))}componentDidRender(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1),this.addResizeObserver()}render(){return i(o,{role:"list",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{name:"chevron_left",size:"20px"})),i("slot",null),i("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return l(this)}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:201}:host .scroll-left-button{left:0;z-index:201}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_inline_tabs}
@@ -1 +1 @@
1
- import{r as t,c as s,h as o,H as i,g as l}from"./p-8462c18c.js";const r=class{constructor(o){t(this,o),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let o=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);o+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight),t.classList.add("tds-navigation-tabs-tab")})),this.componentWidth=s,this.buttonsWidth=o,this.scrollWidth=o-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||t.disabled||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s,this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))})),t)))},this.componentDidLoad=()=>{void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.tdsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,o)=>(o===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidRender(){this.addResizeObserver()}render(){return o(i,{role:"list",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},o("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{name:"chevron_left",size:"20px"})),o("slot",null),o("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return l(this)}};r.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:201}:host .scroll-left-button{left:0;z-index:201}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{r as tds_navigation_tabs}
1
+ import{r as t,c as s,h as o,H as i,g as l}from"./p-8462c18c.js";const r=class{constructor(o){t(this,o),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let o=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);o+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight),t.classList.add("tds-navigation-tabs-tab")})),this.componentWidth=s,this.buttonsWidth=o,this.scrollWidth=o-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s,this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))})),t)))},this.componentDidLoad=()=>{void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.tdsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,o)=>(o===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidRender(){this.addResizeObserver()}render(){return o(i,{role:"list",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},o("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{name:"chevron_left",size:"20px"})),o("slot",null),o("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return l(this)}};r.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:201}:host .scroll-left-button{left:0;z-index:201}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{r as tds_navigation_tabs}
@@ -0,0 +1 @@
1
+ import{r as s,c as t,h as i}from"./p-8462c18c.js";import{g as e}from"./p-9dc14c21.js";const d=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.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=e()}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.readonlyState=this.readOnly,this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.scrubberSize,this.useSnapping=this.snap,this.getMin()>this.getMax()&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!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.disabled?"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"})))))}};d.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{d as tds_slider}
@@ -0,0 +1 @@
1
+ import{r as d,c as t,h as o,H as s,g as a}from"./p-8462c18c.js";import{h as i}from"./p-9dc14c21.js";const l=class{constructor(o){d(this,o),this.tdsClose=t(this,"tdsClose",7),this.handleClose=d=>{this.tdsClose.emit(d).defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.isShown=!0},this.initializeReferenceElement=d=>{d&&d.addEventListener("click",(d=>{this.isShown?this.handleClose(d):this.handleShow()}))},this.setShowButton=()=>{var d;if(this.selector||this.referenceEl){const t=null!==(d=this.referenceEl)&&void 0!==d?d:document.querySelector(this.selector);t&&this.initializeReferenceElement(t)}},this.header=void 0,this.prevent=!1,this.size="md",this.actions="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.isShown=!1}async showModal(){this.isShown=!0}async closeModal(){this.isShown=!1}connectedCallback(){null!==this.show&&(this.isShown=this.show),this.setDismissButtons(),this.setShowButton(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ")}handleOverlayClick(d){const t=d.composedPath()[0];("tds-modal-close"===t.classList[0]||"tds-modal-backdrop"===t.classList[0]&&!1===this.prevent)&&this.handleClose(d)}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.addEventListener("click",(d=>{this.handleClose(d)}))}))}render(){const d=i("header",this.host),t=i("actions",this.host);return o(s,{onClick:d=>{this.handleOverlayClick(d)},class:"tds-modal-backdrop "+(this.isShown?"show":"hide")},o("div",{class:`tds-modal ${this.actions?`tds-modal__actions-${this.actions}`:""} ${this.size?`tds-modal-${this.size}`:""} `},o("div",{class:"header"},this.header&&o("div",{class:"header"},this.header),d&&o("slot",{name:"header"}),o("button",{class:"tds-modal-close","aria-label":"close",onClick:d=>{this.handleClose(d)}},o("tds-icon",{name:"cross",size:"20px"}))),o("div",{class:"body"},o("slot",{name:"body"})),t&&o("slot",{name:"actions"})))}get host(){return a(this)}};l.style=":root,.tds-mode-light{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-white);--tds-modal-text:var(--tds-grey-958);--tds-modal-icon:var(--tds-black);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='black'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-mode-dark{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-grey-900);--tds-modal-text:var(--tds-grey-50);--tds-modal-icon:var(--tds-white);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='white'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;padding:16px;max-height:85vh;overflow-y:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);padding-bottom:96px;margin:0 -16px 0 0;max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{position:absolute;bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:75%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding-bottom:var(--tds-spacing-element-8);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header::before{content:\" \";position:absolute;height:16px;top:-16px;width:100%;background-color:var(--tds-modal-background)}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05);letter-spacing:var(--tds-headline-05-ls);margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);padding-bottom:40px;overflow-y:visible;padding-right:16px;}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}@media (min-width: 1056px){.body{padding-right:64px}}.tds-modal-backdrop{box-sizing:border-box;left:0;top:0;position:fixed;height:100%;width:100%;z-index:600;background-color:var(--tds-modal-backdrop);padding:0 16px}.tds-modal-backdrop *{box-sizing:border-box}@media (max-width: 320px){.tds-modal-backdrop{padding:0}}.tds-modal-backdrop.show{display:flex}.tds-modal-backdrop.hide{display:none}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-icon);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.tds-modal-overflow{overflow:hidden}:host{left:0;top:0;position:fixed;height:100%;width:100%;z-index:600;background-color:var(--tds-modal-backdrop);padding:0 16px}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}:host(.show){display:flex}:host(.hide){display:none}";export{l as tds_modal}
@@ -1 +1 @@
1
- import{r,h as s,H as e,g as t}from"./p-8462c18c.js";import{g as o,e as i}from"./p-39227588.js";const n=class{constructor(s){r(this,s),this.headingElement=void 0}componentWillLoad(){const r=o(this.host,(r=>i(r)));r?this.headingElement=r:console.warn("Heading element for list not found")}render(){var r;const t={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(r=this.headingElement)||void 0===r?void 0:r.id};return s(e,null,s("div",Object.assign({},t),s("slot",null)))}get host(){return t(this)}};n.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{n as tds_header_launcher_grid}
1
+ import{r,h as s,H as e,g as t}from"./p-8462c18c.js";import{d as o,e as i}from"./p-9dc14c21.js";const d=class{constructor(s){r(this,s),this.headingElement=void 0}componentWillLoad(){const r=o(this.host,(r=>i(r)));r?this.headingElement=r:console.warn("Heading element for list not found")}render(){var r;const t={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(r=this.headingElement)||void 0===r?void 0:r.id};return s(e,null,s("div",Object.assign({},t),s("slot",null)))}get host(){return t(this)}};d.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{d as tds_header_launcher_grid}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as s,H as o,g as i}from"./p-8462c18c.js";import{j as n,k as a}from"./p-9dc14c21.js";const d=class{constructor(s){t(this,s),this.tdsCollapse=e(this,"tdsCollapse",7),this.internalTdsCollapse=e(this,"internalTdsCollapse",6),this.internalTdsSideMenuPropChange=e(this,"internalTdsSideMenuPropChange",6),this.handleMatchesLgBreakpointChange=t=>{!t.matches&&(this.collapsed=!1)},this.open=!1,this.persistent=!1,this.collapsed=!1,this.isUpperSlotEmpty=!1,this.isClosed=!0,this.isOpen=!1,this.isClosing=!1,this.isCollapsed=!1,this.isOpening=!1}connectedCallback(){this.matchesLgBreakpointMq=window.matchMedia("(min-width: 992px)"),this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange),this.isCollapsed=this.collapsed}componentDidLoad(){setTimeout((()=>this.onOpenChange(this.open)),500);const t=this.host.shadowRoot.querySelector("slot:not([name])").assignedElements();(null==t?void 0:t.length)>0||(this.isUpperSlotEmpty=!0)}disconnectedCallback(){this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}async onOpenChange(t,e){t&&!e&&await this.setOpening(),!t&&e&&await this.setClosing()}onCollapsedChange(t){this.internalTdsSideMenuPropChange.emit({changed:["collapsed"],collapsed:t}),this.isCollapsed=t}onIsOpenChange(t){t&&n(this.host,a,!0).focus()}collapsedSideMenuEventHandler(t){this.collapsed=t.detail.collapsed}async setOpening(){this.isClosed=!1,await new Promise((t=>{setTimeout(t,0)})),this.isOpening=!0,await new Promise((t=>{setTimeout(t,400)})),this.isOpening=!1,this.isOpen=!0}async setClosing(){this.isOpen=!1,this.isClosing=!0,await new Promise((t=>{setTimeout(t,400)})),this.isClosing=!1,this.isClosed=!0}render(){return s(o,{role:"navigation"},s("div",{class:{wrapper:!0,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.isOpen||this.isOpening,"state-closed":this.isClosed}},s("slot",{name:"overlay"}),s("aside",{class:"menu"},s("slot",{name:"close-button"}),s("div",{class:"tds-side-menu-wrapper"},s("ul",{class:"tds-side-menu-list tds-side-menu-list-upper"},s("slot",null)),s("ul",{class:"tds-side-menu-list tds-side-menu-list-end"},s("slot",{name:"end"}))),s("slot",{name:"sticky-end"}))))}get host(){return i(this)}static get watchers(){return{open:["onOpenChange"],collapsed:["onCollapsedChange"],isOpening:["onIsOpenChange"]}}};d.style=":host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-open .tds-side-menu-wrapper{transform:scaleY(1)}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host([open]){pointer-events:auto;z-index:301}}@media (min-width: 992px){:host([persistent]){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host([persistent]) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host([persistent]) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host([persistent]) .wrapper .tds-side-menu-wrapper{transform:none}:host([persistent]) .menu{width:272px}:host([persistent]) .state-closed{display:block}:host([persistent]):host([collapsed]){width:69px}:host([persistent]):host([collapsed]) .menu{width:68px}:host([persistent]) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);transition:transform 250ms ease;transform-origin:top;transform:scaleY(0);overflow-y:auto}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:4px;background-color:inherit}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}aside .tds-side-menu-wrapper ::-webkit-scrollbar-button{height:0;width:0}";export{d as tds_side_menu}
@@ -1 +1 @@
1
- import{r as t,h as e,F as s,H as o,g as n}from"./p-8462c18c.js";const i=class{constructor(e){t(this,e),this.defaultOpen=!1,this.buttonLabel=void 0,this.selected=!1,this.open=!1,this.hoverState=void 0,this.collapsed=!1}collapsedSideMenuEventHandler(t){this.collapsed=t.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const t=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<t&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var t;return this.collapsed?null===(t=this.hoverState)||void 0===t?void 0:t.isHovered:this.open}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu"),this.open=this.defaultOpen}render(){return e(o,null,e("div",{class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},e("tds-side-menu-item",{class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open}},e("button",null,e("slot",{name:"button-icon"}),!this.collapsed&&e(s,null,this.buttonLabel,e("slot",{name:"button-label"}),e("tds-icon",{class:"dropdown-icon",name:"chevron_down",size:"16px"})))),e("div",{class:"menu"},this.collapsed&&e("h3",{class:"heading-collapsed"},this.buttonLabel,e("slot",{name:"button-label"})),e("slot",null))))}get host(){return n(this)}};i.style=":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:68px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-grey-958)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";export{i as tds_side_menu_dropdown}
1
+ import{r as t,h as s,F as e,H as o,g as n}from"./p-8462c18c.js";const i=class{constructor(s){t(this,s),this.defaultOpen=!1,this.buttonLabel=void 0,this.selected=!1,this.open=!1,this.hoverState=void 0,this.collapsed=!1}collapsedSideMenuEventHandler(t){this.collapsed=t.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const t=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<t&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var t;return this.collapsed?null===(t=this.hoverState)||void 0===t?void 0:t.isHovered:this.open}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu"),this.open=this.defaultOpen}render(){return s(o,null,s("div",{class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},s("tds-side-menu-item",{class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open}},s("button",null,s("slot",{name:"button-icon"}),!this.collapsed&&s(e,null,this.buttonLabel,s("slot",{name:"button-label"}),s("tds-icon",{class:"dropdown-icon",name:"chevron_down",size:"16px"})))),s("div",{class:"menu"},this.collapsed&&s("h3",{class:"heading-collapsed"},this.buttonLabel,s("slot",{name:"button-label"})),s("slot",null))))}get host(){return n(this)}};i.style=":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:68px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";export{i as tds_side_menu_dropdown}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as e}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(e,{role:"listitem"},o("div",{class:`inline-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:20px 4px}:host ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:-20px;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-inline-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.first){margin-left:32px}:host(.last){margin-right:32px}';export{i as tds_inline_tab}
@@ -1 +1 @@
1
- import{r as t,h as e,H as s,g as o}from"./p-8462c18c.js";import{i as r}from"./p-39227588.js";const i=class{constructor(e){t(this,e)}render(){const t=Object.assign({"aria-label":"Close"},r(this.host));return e(s,null,e("button",Object.assign({},t),e("tds-icon",{name:"cross",size:"20px"})))}get host(){return o(this)}};i.style=":host{opacity:0;transition:opacity 0.15s ease}:host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";export{i as tds_side_menu_close_button}
1
+ import{r as t,h as e,H as s,g as o}from"./p-8462c18c.js";import{i as r}from"./p-9dc14c21.js";const i=class{constructor(e){t(this,e)}render(){const t=Object.assign({"aria-label":"Close"},r(this.host));return e(s,null,e("button",Object.assign({},t),e("tds-icon",{name:"cross",size:"20px"})))}get host(){return o(this)}};i.style=":host{opacity:0;transition:opacity 0.15s ease}:host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";export{i as tds_side_menu_close_button}
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as d,g as r}from"./p-8462c18c.js";import{g as s}from"./p-9dc14c21.js";const i=class{constructor(d){t(this,d),this.tdsChange=o(this,"tdsChange",6),this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})},this.name=void 0,this.value=void 0,this.radioId=s(),this.checked=!1,this.required=!1,this.disabled=!1}render(){return d("div",{class:"tds-radio-button"},d("input",{class:"tds-form-input",type:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange()}),d("label",{htmlFor:this.radioId},d("slot",{name:"label"})))}get host(){return r(this)}};i.style='.sc-tds-radio-button:root,.tds-mode-light.sc-tds-radio-button{--tds-radio-button-color:var(--tds-grey-958);--tds-radio-button-interaction-01:var(--tds-blue-800);--tds-radio-button-interaction-02:var(--tds-white);--tds-radio-button-background-hover:var(--tds-blue-800);--tds-radio-button-background-focus:var(--tds-blue-800);--tds-radio-button-disabled:var(--tds-grey-600);--tds-radio-button-border-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-after:var(--tds-grey-700);--tds-radio-button-color-disabled-before:var(--tds-grey-700)}.tds-mode-dark.sc-tds-radio-button{--tds-radio-button-color:var(--tds-white);--tds-radio-button-interaction-01:var(--tds-white);--tds-radio-button-interaction-02:var(--tds-grey-958);--tds-radio-button-background-hover:var(--tds-white);--tds-radio-button-background-focus:var(--tds-white);--tds-radio-button-disabled:var(--tds-grey-600);--tds-radio-button-border-color-disabled-after:var(--tds-grey-700);--tds-radio-button-color-disabled-after:var(--tds-grey-700)}.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) var(--tds-spacing-element-4);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:24px;height:24px;left:0;top:0}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:4px;top:4px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover);opacity:0.12}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus::before{background-color:var(--tds-radio-button-background-focus);opacity:0.24;animation:rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid var(--tds-radio-button-color-disabled-before);box-sizing:content-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);left:5px;top:5px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:0.24}}';export{i as tds_radio_button}
@@ -0,0 +1 @@
1
+ import{r as d,c as o,h as c,H as i}from"./p-8462c18c.js";const t=class{constructor(c){d(this,c),this.tdsToggle=o(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}render(){return c(i,null,c("div",{class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},c("button",{type:"button","aria-expanded":this.expanded,class:`tds-accordion-header-icon-${this.expandIconPosition}`,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},c("div",{class:"tds-accordion-title"},this.header,c("slot",{name:"header"})),c("div",{class:"tds-accordion-icon"},c("tds-icon",{name:"chevron_down",size:"16px"}))),c("div",{class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},c("slot",null))))}};t.style=".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:focus,.tds-accordion-item.disabled:focus *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-start,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:focus{border-top:1px solid var(--tds-accordion-border-focus)}.tds-accordion-item[disabled=true]:focus{border-color:var(--tds-accordion-border)}:host(:focus) .tds-accordion-item{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host(:focus) .tds-accordion-item .tds-accordion-header-icon-start,:host(:focus) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-focus);outline:none}:host(:hover) .tds-accordion-header-icon-start,:host(:hover) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-hover)}:host(:active) .tds-accordion-header-icon-start,:host(:active) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}";export{t as tds_accordion_item}
@@ -0,0 +1 @@
1
+ import{r as e,c as t,h as s,H as a,g as i}from"./p-8462c18c.js";import{g as n}from"./p-9dc14c21.js";const d=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=n()}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"]}}};d.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{d as tds_table}
@@ -1 +1 @@
1
- import{r as e,h as d,H as t,g as a}from"./p-8462c18c.js";import{u as s,i as r}from"./p-39227588.js";const n=class{constructor(d){e(this,d),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&s(e.target)}))}))}componentDidLoad(){const e=this.host.querySelector(".tds-header-component-list");this.observer.observe(e,{childList:!0,subtree:!1}),s(e)}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(t,null,d("slot",{name:"hamburger"}),d("slot",{name:"title"}),d("nav",Object.assign({},e),d("ul",{class:"tds-header-component-list"},d("slot",null),d("li",{class:"tds-header-middle-spacer"}),d("slot",{name:"end"}))))}get host(){return a(this)}};n.style='html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:start;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}';export{n as tds_header}
1
+ import{r as e,h as d,H as t,g as a}from"./p-8462c18c.js";import{u as s,i as r}from"./p-9dc14c21.js";const n=class{constructor(d){e(this,d),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&s(e.target)}))}))}componentDidLoad(){const e=this.host.querySelector(".tds-header-component-list");this.observer.observe(e,{childList:!0,subtree:!1}),s(e)}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(t,null,d("slot",{name:"hamburger"}),d("slot",{name:"title"}),d("nav",Object.assign({},e),d("ul",{class:"tds-header-component-list"},d("slot",null),d("li",{class:"tds-header-middle-spacer"}),d("slot",{name:"end"}))))}get host(){return a(this)}};n.style='html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:start;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}';export{n as tds_header}
@@ -0,0 +1 @@
1
+ import{r as t,c as a,h as s,H as e,g as r}from"./p-8462c18c.js";const o=["compactDesign","noMinWidth","verticalDividers"],i=class{constructor(s){t(this,s),this.tdsFilterChange=a(this,"tdsFilterChange",7),this.internalTdsFilter=a(this,"internalTdsFilter",7),this.tableTitle="",this.enableFiltering=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}searchFunction(t){const a=t.currentTarget.value.toLowerCase(),s=t.currentTarget.parentElement;this.tdsFilterChange.emit({tableId:this.tableId,query:a}).defaultPrevented||this.internalTdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?s.classList.add("tds-table__searchbar--active"):s.classList.remove("tds-table__searchbar--active")}render(){return s(e,{class:this.compactDesign?"tds-table--compact":""},s("div",{class:"tds-table__upper-bar-flex"},s("caption",{class:"tds-table__title"},this.tableTitle),s("div",{class:"tds-table__actionbar"},this.enableFiltering&&s("div",{class:"tds-table__searchbar"},s("input",{class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.searchFunction(t)}),s("span",{class:"tds-table__searchbar-icon"},s("tds-icon",{name:"search",size:"20px"}))),s("slot",{name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left}:host .tds-table__actionbar,:host slot[name=end]::slotted(*){display:flex;align-self:center;gap:8px}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
@@ -0,0 +1 @@
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=()=>{this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)-1}),this.defaultPage>=2&&this.defaultPage--,this.pages||this.runPagination()},this.nextPage=()=>{var t;this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)+1}),this.defaultPage<=(null!==(t=this.pages)&&void 0!==t?t:this.numberOfPages)&&this.defaultPage++,this.pages||this.runPagination()},this.runPagination=()=>{this.rowsPerPage&&this.host.parentNode.querySelector("tds-table-body").querySelectorAll(".tds-table__row").forEach(((t,e)=>{const s=e+1;if(this.tempPaginationDisable)this.defaultPage=1;else{const e=this.rowsPerPage*this.defaultPage;s>e-this.rowsPerPage&&s<=e?t.classList.remove("tds-table__row--hidden"):t.classList.add("tds-table__row--hidden")}}))},this.pagination=!1,this.defaultPage=1,this.pages=null,this.rowsPerPage=void 0,this.cols=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(){if(i.forEach((t=>{this[t]=this.tableEl[t]})),this.rowsPerPage){const t=Array.from(this.host.parentElement.querySelector("tds-table-body").children).filter((t=>"TDS-TABLE-BODY-ROW"===t.tagName)).length;this.numberOfPages=Math.ceil(t/this.rowsPerPage)}const t=this.host.parentElement.querySelector("tds-table-header").childElementCount;this.columnsNumber=this.cols?this.cols:t}paginationInputChange(t){const e=t.target.value;e>this.numberOfPages||e<1?(t.target.classList.add("tds-table__page-selector-input--shake"),this.defaultPage=t.target.max):this.defaultPage=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,e,a;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.pages)&&void 0!==t?t:this.numberOfPages,value:this.defaultPage,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:null!==(e=this.pages)&&void 0!==e?e:this.numberOfPages)," ","pages"),s("button",{type:"button",class:"tds-table__footer-btn",disabled:this.defaultPage<=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.defaultPage>=(null!==(a=this.pages)&&void 0!==a?a: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 +1 @@
1
- import{r as t,h as s,H as o,g as e}from"./p-8462c18c.js";import{g as i,e as l}from"./p-39227588.js";const n=class{constructor(s){t(this,s),this.slotListeners=new Map,this.type="md",this.headingElement=void 0}componentWillLoad(){const{children:t}=this.host;for(let s=0;s<t.length;s++){const o=t[s];"type"in o&&(o.type=this.type)}let s=this.host;"tds-header-launcher-list"===this.host.parentElement.tagName.toLowerCase()&&(s=this.host.parentElement);const o=i(s,l);o?this.headingElement=o:console.warn("Heading element for list not found")}componentDidLoad(){this.host.shadowRoot.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const e={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(o,Object.assign({},e),s("slot",null))}get host(){return e(this)}};n.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([type=lg]){width:320px}";export{n as tds_header_dropdown_list}
1
+ import{r as t,h as s,H as o,g as e}from"./p-8462c18c.js";import{d as i,e as l}from"./p-9dc14c21.js";const n=class{constructor(s){t(this,s),this.slotListeners=new Map,this.type="md",this.headingElement=void 0}componentWillLoad(){const{children:t}=this.host;for(let s=0;s<t.length;s++){const o=t[s];"type"in o&&(o.type=this.type)}let s=this.host;"tds-header-launcher-list"===this.host.parentElement.tagName.toLowerCase()&&(s=this.host.parentElement);const o=i(s,l);o?this.headingElement=o:console.warn("Heading element for list not found")}componentDidLoad(){this.host.shadowRoot.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const e={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(o,Object.assign({},e),s("slot",null))}get host(){return e(this)}};n.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([type=lg]){width:320px}";export{n as tds_header_dropdown_list}
@@ -0,0 +1 @@
1
+ import{r as c,c as e,h as t,g as o}from"./p-8462c18c.js";import{g as s}from"./p-9dc14c21.js";const d=class{constructor(t){c(this,t),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.handleChange=()=>{this.checked=!this.checked,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,value:this.value})},this.name=void 0,this.checkboxId=s(),this.disabled=!1,this.required=!1,this.checked=!1,this.value=void 0}async toggleCheckbox(){return this.checked=!this.checked,{checkboxId:this.checkboxId,checked:this.checked}}handleFocus(c){this.tdsFocus.emit(c)}handleBlur(c){this.tdsBlur.emit(c)}render(){return t("div",{class:"tds-checkbox"},t("input",{"aria-checked":this.checked,"aria-required":this.required,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:c=>this.handleFocus(c),onBlur:c=>this.handleBlur(c),onChange:()=>{this.handleChange()}}),t("label",{htmlFor:this.checkboxId},t("slot",{name:"label"})))}get host(){return o(this)}};d.style='.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-grey-600);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}';export{d as tds_checkbox}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as o}from"./p-8462c18c.js";import{i as r}from"./p-39227588.js";const i=class{constructor(s){t(this,s)}render(){const t=Object.assign({},r(this.host));return s(e,null,s("tds-header-item",null,s("button",Object.assign({},t),s("tds-icon",{class:"icon",name:"burger",size:"20px"}))))}get host(){return o(this)}};i.style=":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{i as tds_header_hamburger}
1
+ import{r as t,h as s,H as e,g as o}from"./p-8462c18c.js";import{i as r}from"./p-9dc14c21.js";const i=class{constructor(s){t(this,s)}render(){const t=Object.assign({},r(this.host));return s(e,null,s("tds-header-item",null,s("button",Object.assign({},t),s("tds-icon",{class:"icon",name:"burger",size:"20px"}))))}get host(){return o(this)}};i.style=":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{i as tds_header_hamburger}
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as s,H as i,g as d}from"./p-8462c18c.js";const e=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.connectedCallback=()=>{this.parentElement="TDS-DROPDOWN"===this.host.parentElement.tagName?this.host.parentElement:this.host.getRootNode().host,this.multiselect=this.parentElement.multiselect,this.size=this.parentElement.size,this.label=this.host.textContent.trim()},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.setValue(this.value,this.label),this.parentElement.close(),this.tdsSelect.emit({value:this.value,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.setValue(this.value,this.label),this.selected=!0,this.tdsSelect.emit({value:this.value,selected:this.selected})):(this.parentElement.removeValue(this.value),this.selected=!1,this.tdsSelect.emit({value:this.value,selected:this.selected})))},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.value=void 0,this.disabled=!1,this.selected=!1,this.multiselect=void 0,this.size="lg"}async setSelected(t){this.disabled||(this.selected=t)}render(){return s(i,{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected},s("div",{class:`dropdown-option \n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},disabled:this.disabled,checked:this.selected},s("div",{slot:"label"},s("slot",null)))):s("button",{onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return d(this)}};e.style=":host{display:block;background-color:var(--tds-dropdown-option-background)}:host .dropdown-option{display:flex;align-items:center;color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option.lg{height:47px}:host .dropdown-option.md{height:47px}:host .dropdown-option.sm{height:39px}:host .dropdown-option button{all:unset;width:100%;height:100%}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option .multiselect{padding:0 16px;width:100%}:host .dropdown-option .multiselect tds-checkbox,:host .dropdown-option .multiselect .tds-checkbox-webcomponent,:host .dropdown-option .multiselect label{height:100%;width:100%}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{e as tds_dropdown_option}
@@ -1 +1 @@
1
- import{r as s,h as t,H as o,g as i}from"./p-8462c18c.js";import{c as h}from"./p-9d707f6e.js";const n=class{constructor(t){s(this,t),this.initialize=s=>{this.popperInstance=h(s,this.host,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}),null===this.show&&s.addEventListener("click",(s=>{s.stopPropagation(),this.isShown=!this.isShown}))},this.selector="",this.referenceEl=void 0,this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.renderedShowValue=!1,this.popperInstance=void 0,this.target=void 0,this.isShown=!1}onShowChange(s){this.isShown=s}onReferenceElChange(s,t){var o;s!==t&&(null===(o=this.popperInstance)||void 0===o||o.destroy(),s&&this.initialize(s))}onAnyClick(s){this.isShown&&null===this.show&&!s.composedPath().includes(this.host)&&(this.isShown=!1)}connectedCallback(){null!==this.show&&(this.isShown=this.show)}componentDidLoad(){var s;if(this.selector||this.referenceEl){const t=null!==(s=this.referenceEl)&&void 0!==s?s:document.querySelector(this.selector);t?this.initialize(t):console.error(`Could not initialize popover-canvas: element with selector '${this.selector}' not found.`)}}componentDidRender(){this.isShown&&!this.renderedShowValue&&this.popperInstance.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){var s;null===(s=this.popperInstance)||void 0===s||s.destroy()}render(){return t(o,{class:"tds-popover-canvas "+(this.isShown?"tds-popover-canvas-show":"")},t("slot",null))}get host(){return i(this)}static get watchers(){return{show:["onShowChange"],referenceEl:["onReferenceElChange"]}}};n.style=":host{box-sizing:border-box;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:800;display:none}:host *{box-sizing:border-box}:host(.tds-popover-canvas-show){display:block}";export{n as tds_popover_canvas}
1
+ import{r as s,h as t,H as o,g as i}from"./p-8462c18c.js";import{c as h}from"./p-7c0dcd00.js";const n=class{constructor(t){s(this,t),this.initialize=s=>{this.popperInstance=h(s,this.host,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}),null===this.show&&s.addEventListener("click",(s=>{s.stopPropagation(),this.isShown=!this.isShown}))},this.selector="",this.referenceEl=void 0,this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.renderedShowValue=!1,this.popperInstance=void 0,this.target=void 0,this.isShown=!1}onShowChange(s){this.isShown=s}onReferenceElChange(s,t){var o;s!==t&&(null===(o=this.popperInstance)||void 0===o||o.destroy(),s&&this.initialize(s))}onAnyClick(s){this.isShown&&null===this.show&&!s.composedPath().includes(this.host)&&(this.isShown=!1)}connectedCallback(){null!==this.show&&(this.isShown=this.show)}componentDidLoad(){var s;if(this.selector||this.referenceEl){const t=null!==(s=this.referenceEl)&&void 0!==s?s:document.querySelector(this.selector);t?this.initialize(t):console.error(`Could not initialize popover-canvas: element with selector '${this.selector}' not found.`)}}componentDidRender(){this.isShown&&!this.renderedShowValue&&this.popperInstance.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){var s;null===(s=this.popperInstance)||void 0===s||s.destroy()}render(){return t(o,{class:"tds-popover-canvas "+(this.isShown?"tds-popover-canvas-show":"")},t("slot",null))}get host(){return i(this)}static get watchers(){return{show:["onShowChange"],referenceEl:["onReferenceElChange"]}}};n.style=":host{box-sizing:border-box;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:800;display:none}:host *{box-sizing:border-box}:host(.tds-popover-canvas-show){display:block}";export{n as tds_popover_canvas}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as s}from"./p-8462c18c.js";import{h as n}from"./p-39227588.js";const d=class{constructor(o){t(this,o),this.selected=!1,this.active=!1,this.collapsed=!1}updateSlotted(t,o){const e=this.slotEl.assignedElements({flatten:!0})[0];if(e){const s=n(e,t);s&&o(s)}}updateSlottedElements(){this.slotEl&&this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu")}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements)}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements()}render(){return o(e,null,o("div",{class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed}},o("slot",null)))}get host(){return s(this)}};d.style=":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:12px;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--tds-sidebar-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--tds-sidemenu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button){border-left:4px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color);padding-left:20px;background-color:var(--tds-sidebar-item-state-selected)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";export{d as tds_side_menu_item}
1
+ import{r as t,h as o,H as e,g as s}from"./p-8462c18c.js";import{j as n}from"./p-9dc14c21.js";const d=class{constructor(o){t(this,o),this.selected=!1,this.active=!1,this.collapsed=!1}updateSlotted(t,o){const e=this.slotEl.assignedElements({flatten:!0})[0];if(e){const s=n(e,t);s&&o(s)}}updateSlottedElements(){this.slotEl&&this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu")}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements)}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements()}render(){return o(e,null,o("div",{class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed}},o("slot",null)))}get host(){return s(this)}};d.style=":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:12px;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--tds-sidebar-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--tds-sidemenu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button){border-left:4px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color);padding-left:20px;background-color:var(--tds-sidebar-item-state-selected)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";export{d as tds_side_menu_item}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as s,g as e}from"./p-8462c18c.js";import{g as i}from"./p-9dc14c21.js";const r=class{constructor(o){t(this,o),this.uuid=i(),this.label=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:"icon"}),this.label,o("slot",{name:"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)}};r.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{r as tds_header_dropdown}