@scania/tegel 1.2.0 → 1.3.1

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 (359) hide show
  1. package/README.md +3 -2
  2. package/dist/cjs/{index-f21bdb5d.js → index-705dca7c.js} +184 -95
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-badge.cjs.entry.js +1 -1
  7. package/dist/cjs/tds-banner.cjs.entry.js +1 -1
  8. package/dist/cjs/tds-block.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-body-cell.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
  11. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +4 -2
  12. package/dist/cjs/tds-button.cjs.entry.js +2 -2
  13. package/dist/cjs/tds-card.cjs.entry.js +1 -1
  14. package/dist/cjs/tds-checkbox.cjs.entry.js +17 -4
  15. package/dist/cjs/tds-chip.cjs.entry.js +2 -2
  16. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-datetime.cjs.entry.js +1 -1
  18. package/dist/cjs/tds-divider.cjs.entry.js +1 -1
  19. package/dist/cjs/tds-dropdown-option.cjs.entry.js +6 -4
  20. package/dist/cjs/tds-dropdown.cjs.entry.js +14 -4
  21. package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
  23. package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-footer-item.cjs.entry.js +2 -2
  25. package/dist/cjs/tds-footer.cjs.entry.js +1 -1
  26. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
  29. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  36. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  38. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  39. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
  40. package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
  41. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  42. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  43. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  44. package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
  45. package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
  46. package/dist/cjs/tds-link.cjs.entry.js +1 -1
  47. package/dist/cjs/tds-message.cjs.entry.js +1 -1
  48. package/dist/cjs/tds-modal.cjs.entry.js +1 -1
  49. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  50. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +2 -2
  51. package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
  52. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  53. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +1 -1
  54. package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
  55. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  56. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  57. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +1 -1
  58. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +1 -1
  59. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +1 -1
  60. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
  61. package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
  62. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  63. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +1 -1
  64. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  65. package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
  66. package/dist/cjs/tds-slider.cjs.entry.js +61 -105
  67. package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
  68. package/dist/cjs/tds-step.cjs.entry.js +13 -8
  69. package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
  70. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +1 -1
  71. package/dist/cjs/tds-table-body-row.cjs.entry.js +1 -1
  72. package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
  73. package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
  74. package/dist/cjs/tds-table-header.cjs.entry.js +4 -2
  75. package/dist/cjs/tds-table-toolbar.cjs.entry.js +1 -1
  76. package/dist/cjs/tds-table.cjs.entry.js +1 -1
  77. package/dist/cjs/tds-text-field.cjs.entry.js +1 -1
  78. package/dist/cjs/tds-textarea.cjs.entry.js +1 -1
  79. package/dist/cjs/tds-toast.cjs.entry.js +5 -2
  80. package/dist/cjs/tds-toggle.cjs.entry.js +1 -1
  81. package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
  82. package/dist/cjs/tegel.cjs.js +3 -3
  83. package/dist/collection/collection-manifest.json +7 -7
  84. package/dist/collection/components/accordion/test/basic/accordion.e2e.js +19 -0
  85. package/dist/collection/components/accordion/test/disabled/accordion.e2e.js +19 -0
  86. package/dist/collection/components/accordion/test/expanded/accordion.e2e.js +24 -0
  87. package/dist/collection/components/accordion/test/padding-reset/accordion.e2e.js +24 -0
  88. package/dist/collection/components/badge/test/basic/badge.e2e.js +10 -0
  89. package/dist/collection/components/badge/test/value/badge.e2e.js +11 -0
  90. package/dist/collection/components/banner/test/basic/banner.e2e.js +10 -0
  91. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +4 -3
  92. package/dist/collection/components/breadcrumbs/breadcrumbs.js +3 -1
  93. package/dist/collection/components/button/button.css +0 -4
  94. package/dist/collection/components/checkbox/checkbox.css +19 -0
  95. package/dist/collection/components/checkbox/checkbox.js +39 -5
  96. package/dist/collection/components/checkbox/checkbox.stories.js +25 -12
  97. package/dist/collection/components/datetime/datetime.stories.js +2 -2
  98. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +26 -16
  99. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +4 -2
  100. package/dist/collection/components/dropdown/dropdown.css +28 -0
  101. package/dist/collection/components/dropdown/dropdown.js +14 -4
  102. package/dist/collection/components/footer/footer-item/footer-item.css +4 -6
  103. package/dist/collection/components/modal/modal.stories.js +3 -3
  104. package/dist/collection/components/side-menu/side-menu.js +3 -3
  105. package/dist/collection/components/slider/slider.js +61 -105
  106. package/dist/collection/components/stepper/step/step.js +13 -8
  107. package/dist/collection/components/stepper/stepper.js +1 -1
  108. package/dist/collection/components/table/table/table.js +1 -1
  109. package/dist/collection/components/table/table-component-multiselect.stories.js +18 -2
  110. package/dist/collection/components/table/table-header/table-header.js +43 -3
  111. package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +2 -2
  112. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +0 -1
  113. package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +2 -2
  114. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +0 -1
  115. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +2 -2
  116. package/dist/collection/components/text-field/text-field.stories.js +1 -1
  117. package/dist/collection/components/toast/toast.js +4 -1
  118. package/dist/collection/components/toast/toast.stories.js +10 -1
  119. package/dist/collection/stories/Installation/angular.stories.js +111 -0
  120. package/dist/collection/stories/Installation/javascript.stories.js +99 -0
  121. package/dist/collection/stories/Installation/react.stories.js +117 -0
  122. package/dist/collection/stories/announcements/announce-tegel.stories.js +5 -5
  123. package/dist/collection/stories/tegel.stories.js +7 -8
  124. package/dist/components/checkbox.js +20 -4
  125. package/dist/components/tds-breadcrumb.js +1 -1
  126. package/dist/components/tds-breadcrumbs.js +3 -1
  127. package/dist/components/tds-button.js +1 -1
  128. package/dist/components/tds-chip.js +1 -1
  129. package/dist/components/tds-dropdown-option.js +5 -3
  130. package/dist/components/tds-dropdown.js +13 -3
  131. package/dist/components/tds-folder-tabs.js +1 -1
  132. package/dist/components/tds-footer-item.js +1 -1
  133. package/dist/components/tds-inline-tab.js +1 -1
  134. package/dist/components/tds-inline-tabs.js +1 -1
  135. package/dist/components/tds-navigation-tab.js +1 -1
  136. package/dist/components/tds-navigation-tabs.js +1 -1
  137. package/dist/components/tds-slider.js +61 -105
  138. package/dist/components/tds-step.js +13 -8
  139. package/dist/components/tds-table-header.js +5 -1
  140. package/dist/components/tds-toast.js +4 -1
  141. package/dist/esm/{index-35cb608c.js → index-7dc8c41f.js} +184 -95
  142. package/dist/esm/loader.js +3 -3
  143. package/dist/esm/tds-accordion-item.entry.js +1 -1
  144. package/dist/esm/tds-accordion.entry.js +1 -1
  145. package/dist/esm/tds-badge.entry.js +1 -1
  146. package/dist/esm/tds-banner.entry.js +1 -1
  147. package/dist/esm/tds-block.entry.js +1 -1
  148. package/dist/esm/tds-body-cell.entry.js +1 -1
  149. package/dist/esm/tds-breadcrumb.entry.js +2 -2
  150. package/dist/esm/tds-breadcrumbs.entry.js +4 -2
  151. package/dist/esm/tds-button.entry.js +2 -2
  152. package/dist/esm/tds-card.entry.js +1 -1
  153. package/dist/esm/tds-checkbox.entry.js +17 -4
  154. package/dist/esm/tds-chip.entry.js +2 -2
  155. package/dist/esm/tds-core-header-item_2.entry.js +1 -1
  156. package/dist/esm/tds-datetime.entry.js +1 -1
  157. package/dist/esm/tds-divider.entry.js +1 -1
  158. package/dist/esm/tds-dropdown-option.entry.js +6 -4
  159. package/dist/esm/tds-dropdown.entry.js +14 -4
  160. package/dist/esm/tds-folder-tab.entry.js +1 -1
  161. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  162. package/dist/esm/tds-footer-group.entry.js +1 -1
  163. package/dist/esm/tds-footer-item.entry.js +2 -2
  164. package/dist/esm/tds-footer.entry.js +1 -1
  165. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  166. package/dist/esm/tds-header-cell.entry.js +1 -1
  167. package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
  168. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  169. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  170. package/dist/esm/tds-header-dropdown.entry.js +1 -1
  171. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  172. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  173. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  174. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  175. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  176. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  177. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  178. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  179. package/dist/esm/tds-header-launcher.entry.js +1 -1
  180. package/dist/esm/tds-header-title.entry.js +1 -1
  181. package/dist/esm/tds-header.entry.js +1 -1
  182. package/dist/esm/tds-icon.entry.js +1 -1
  183. package/dist/esm/tds-inline-tab.entry.js +2 -2
  184. package/dist/esm/tds-inline-tabs.entry.js +2 -2
  185. package/dist/esm/tds-link.entry.js +1 -1
  186. package/dist/esm/tds-message.entry.js +1 -1
  187. package/dist/esm/tds-modal.entry.js +1 -1
  188. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  189. package/dist/esm/tds-navigation-tabs.entry.js +2 -2
  190. package/dist/esm/tds-popover-canvas.entry.js +1 -1
  191. package/dist/esm/tds-popover-core.entry.js +1 -1
  192. package/dist/esm/tds-popover-menu-item.entry.js +1 -1
  193. package/dist/esm/tds-popover-menu.entry.js +1 -1
  194. package/dist/esm/tds-radio-button.entry.js +1 -1
  195. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  196. package/dist/esm/tds-side-menu-collapse-button.entry.js +1 -1
  197. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +1 -1
  198. package/dist/esm/tds-side-menu-dropdown-list.entry.js +1 -1
  199. package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
  200. package/dist/esm/tds-side-menu-item.entry.js +1 -1
  201. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  202. package/dist/esm/tds-side-menu-user-image_2.entry.js +1 -1
  203. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  204. package/dist/esm/tds-side-menu.entry.js +1 -1
  205. package/dist/esm/tds-slider.entry.js +61 -105
  206. package/dist/esm/tds-spinner.entry.js +1 -1
  207. package/dist/esm/tds-step.entry.js +13 -8
  208. package/dist/esm/tds-stepper.entry.js +1 -1
  209. package/dist/esm/tds-table-body-row-expandable.entry.js +1 -1
  210. package/dist/esm/tds-table-body-row.entry.js +1 -1
  211. package/dist/esm/tds-table-body.entry.js +1 -1
  212. package/dist/esm/tds-table-footer.entry.js +1 -1
  213. package/dist/esm/tds-table-header.entry.js +4 -2
  214. package/dist/esm/tds-table-toolbar.entry.js +1 -1
  215. package/dist/esm/tds-table.entry.js +1 -1
  216. package/dist/esm/tds-text-field.entry.js +1 -1
  217. package/dist/esm/tds-textarea.entry.js +1 -1
  218. package/dist/esm/tds-toast.entry.js +5 -2
  219. package/dist/esm/tds-toggle.entry.js +1 -1
  220. package/dist/esm/tds-tooltip.entry.js +1 -1
  221. package/dist/esm/tegel.js +4 -4
  222. package/dist/tegel/{p-db67d784.entry.js → p-0204ea55.entry.js} +1 -1
  223. package/dist/tegel/{p-f55da9ef.entry.js → p-027473cc.entry.js} +1 -1
  224. package/dist/tegel/{p-0893ad9d.entry.js → p-0308dd60.entry.js} +1 -1
  225. package/dist/tegel/{p-9839df9e.entry.js → p-05815c7a.entry.js} +1 -1
  226. package/dist/tegel/{p-cb9aba1b.entry.js → p-0891c691.entry.js} +1 -1
  227. package/dist/tegel/{p-c277a05d.entry.js → p-10600320.entry.js} +1 -1
  228. package/dist/tegel/{p-1efa3ab3.entry.js → p-15527d1c.entry.js} +1 -1
  229. package/dist/tegel/{p-7480ddd3.entry.js → p-1b55a206.entry.js} +1 -1
  230. package/dist/tegel/{p-41016d27.entry.js → p-1d6b48e1.entry.js} +1 -1
  231. package/dist/tegel/{p-bc94c1c2.entry.js → p-242abd17.entry.js} +1 -1
  232. package/dist/tegel/{p-a5a9cac8.entry.js → p-24ac98b9.entry.js} +1 -1
  233. package/dist/tegel/{p-d5bf6d99.entry.js → p-281a7ea6.entry.js} +1 -1
  234. package/dist/tegel/{p-52979643.entry.js → p-2f69406d.entry.js} +1 -1
  235. package/dist/tegel/p-31bb4c3e.entry.js +1 -0
  236. package/dist/tegel/p-32d2354f.entry.js +1 -0
  237. package/dist/tegel/{p-e55ec17c.entry.js → p-3418e94b.entry.js} +1 -1
  238. package/dist/tegel/p-3e9b9672.js +2 -0
  239. package/dist/tegel/{p-ea5a0c9d.entry.js → p-46808902.entry.js} +1 -1
  240. package/dist/tegel/{p-0be49c5e.entry.js → p-47a92f41.entry.js} +1 -1
  241. package/dist/tegel/{p-f935d5f3.entry.js → p-4c314d67.entry.js} +1 -1
  242. package/dist/tegel/{p-b0703dd5.entry.js → p-4c913e4b.entry.js} +1 -1
  243. package/dist/tegel/{p-e3aa0903.entry.js → p-5092497e.entry.js} +1 -1
  244. package/dist/tegel/p-56a341a1.entry.js +1 -0
  245. package/dist/tegel/{p-535504e3.entry.js → p-574f1148.entry.js} +1 -1
  246. package/dist/tegel/{p-dc0fcac8.entry.js → p-5b1d6647.entry.js} +1 -1
  247. package/dist/tegel/{p-374161a8.entry.js → p-5c11a9c9.entry.js} +1 -1
  248. package/dist/tegel/{p-e3c5a663.entry.js → p-5dc4f120.entry.js} +1 -1
  249. package/dist/tegel/{p-89e23724.entry.js → p-5e8bf615.entry.js} +1 -1
  250. package/dist/tegel/{p-5e9aacd5.entry.js → p-604022ba.entry.js} +1 -1
  251. package/dist/tegel/{p-1f35bdc7.entry.js → p-6243906b.entry.js} +1 -1
  252. package/dist/tegel/{p-c56160f2.entry.js → p-6b625fe1.entry.js} +1 -1
  253. package/dist/tegel/{p-f8da6ce5.entry.js → p-74478110.entry.js} +1 -1
  254. package/dist/tegel/{p-a5152b59.entry.js → p-75eae0ae.entry.js} +1 -1
  255. package/dist/tegel/{p-517deee0.entry.js → p-7b5c5881.entry.js} +1 -1
  256. package/dist/tegel/{p-d6c9b267.entry.js → p-7be1c8ea.entry.js} +1 -1
  257. package/dist/tegel/{p-0e6f9768.entry.js → p-7f94a735.entry.js} +1 -1
  258. package/dist/tegel/{p-e8c8ed2f.entry.js → p-80dd10db.entry.js} +1 -1
  259. package/dist/tegel/{p-0d300a96.entry.js → p-81c7ece9.entry.js} +1 -1
  260. package/dist/tegel/{p-80a99356.entry.js → p-825be958.entry.js} +1 -1
  261. package/dist/tegel/p-83dc1dde.entry.js +1 -0
  262. package/dist/tegel/{p-90987d11.entry.js → p-84b79c10.entry.js} +1 -1
  263. package/dist/tegel/{p-2eb27fd7.entry.js → p-851520df.entry.js} +1 -1
  264. package/dist/tegel/{p-a8712a64.entry.js → p-86c1146e.entry.js} +1 -1
  265. package/dist/tegel/p-8837c8f0.entry.js +1 -0
  266. package/dist/tegel/{p-2b8680cb.entry.js → p-8a7a998e.entry.js} +1 -1
  267. package/dist/tegel/{p-d8137332.entry.js → p-8c41b79d.entry.js} +1 -1
  268. package/dist/tegel/{p-3ade3e28.entry.js → p-8c781ff3.entry.js} +1 -1
  269. package/dist/tegel/{p-72d3a19b.entry.js → p-9108c81f.entry.js} +1 -1
  270. package/dist/tegel/{p-e035ddeb.entry.js → p-99632e91.entry.js} +1 -1
  271. package/dist/tegel/{p-900532bf.entry.js → p-9e1430c5.entry.js} +1 -1
  272. package/dist/tegel/{p-05eda91f.entry.js → p-a00c06d4.entry.js} +1 -1
  273. package/dist/tegel/{p-3516a5fc.entry.js → p-a872e086.entry.js} +1 -1
  274. package/dist/tegel/p-ae19b833.entry.js +1 -0
  275. package/dist/tegel/p-b2466d89.entry.js +1 -0
  276. package/dist/tegel/p-bda16bee.entry.js +1 -0
  277. package/dist/tegel/{p-fecfc7c7.entry.js → p-c5138ecf.entry.js} +1 -1
  278. package/dist/tegel/{p-25347b32.entry.js → p-c7301ecb.entry.js} +1 -1
  279. package/dist/tegel/p-caaab9d1.entry.js +1 -0
  280. package/dist/tegel/{p-ceaa2ea7.entry.js → p-cb477168.entry.js} +1 -1
  281. package/dist/tegel/{p-fc76d99c.entry.js → p-cdf605b6.entry.js} +1 -1
  282. package/dist/tegel/{p-97c23511.entry.js → p-cec4cc4d.entry.js} +1 -1
  283. package/dist/tegel/{p-dfbb887e.entry.js → p-d2989b66.entry.js} +1 -1
  284. package/dist/tegel/{p-5f203f87.entry.js → p-d5bd93b0.entry.js} +1 -1
  285. package/dist/tegel/{p-03fc5ca3.entry.js → p-d72f1690.entry.js} +1 -1
  286. package/dist/tegel/p-d73f40b0.entry.js +1 -0
  287. package/dist/tegel/{p-92984605.entry.js → p-d757dc45.entry.js} +1 -1
  288. package/dist/tegel/{p-792a3cb6.entry.js → p-e07afb36.entry.js} +1 -1
  289. package/dist/tegel/{p-aaaced18.entry.js → p-e0a62474.entry.js} +1 -1
  290. package/dist/tegel/{p-18de1663.entry.js → p-e1cd3cc1.entry.js} +1 -1
  291. package/dist/tegel/{p-6e863efc.entry.js → p-e32e00dc.entry.js} +1 -1
  292. package/dist/tegel/p-e5fd7377.entry.js +1 -0
  293. package/dist/tegel/{p-d1dffa21.entry.js → p-e889c82b.entry.js} +1 -1
  294. package/dist/tegel/{p-54680d69.entry.js → p-ee299956.entry.js} +1 -1
  295. package/dist/tegel/{p-efb40b9c.entry.js → p-f0c9ff6a.entry.js} +1 -1
  296. package/dist/tegel/{p-f5063d5b.entry.js → p-f46ab7e0.entry.js} +1 -1
  297. package/dist/tegel/p-f7b73968.entry.js +1 -0
  298. package/dist/tegel/p-ff006811.entry.js +1 -0
  299. package/dist/tegel/{p-d5d2a4f0.entry.js → p-ff6dfbe5.entry.js} +1 -1
  300. package/dist/tegel/p-ffe71966.entry.js +1 -0
  301. package/dist/tegel/tegel.css +1 -1
  302. package/dist/tegel/tegel.esm.js +1 -1
  303. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +1 -1
  304. package/dist/types/components/checkbox/checkbox.d.ts +5 -0
  305. package/dist/types/components/checkbox/checkbox.stories.d.ts +13 -0
  306. package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +0 -1
  307. package/dist/types/components/dropdown/dropdown.d.ts +3 -3
  308. package/dist/types/components/slider/slider.d.ts +19 -22
  309. package/dist/types/components/stepper/step/step.d.ts +1 -1
  310. package/dist/types/components/table/table-component-batch-actions.stories.d.ts +1 -1
  311. package/dist/types/components/table/table-component-multiselect.stories.d.ts +16 -0
  312. package/dist/types/components/toast/toast.stories.d.ts +8 -0
  313. package/dist/types/components.d.ts +433 -3
  314. package/dist/types/stencil-public-runtime.d.ts +21 -0
  315. package/dist/types/stories/Installation/angular.stories.d.ts +6 -0
  316. package/dist/types/stories/Installation/{installation.stories.d.ts → javascript.stories.d.ts} +1 -1
  317. package/dist/types/stories/Installation/react.stories.d.ts +6 -0
  318. package/dist/types/stories/formatHtmlPreview.d.ts +1 -1
  319. package/package.json +8 -9
  320. package/dist/collection/components/accordion/accordion.spec.js +0 -6
  321. package/dist/collection/components/divider/divider.spec.js +0 -28
  322. package/dist/collection/components/dropdown/test/dropdown.e2e.js +0 -32
  323. package/dist/collection/components/dropdown/test/dropdown.filter.spec.js +0 -49
  324. package/dist/collection/components/dropdown/test/dropdown.multiselect.e2e.js +0 -31
  325. package/dist/collection/components/dropdown/test/dropdown.multiselect.spec.js +0 -51
  326. package/dist/collection/components/dropdown/test/dropdown.spec.js +0 -51
  327. package/dist/collection/components/table/table.filtering.spec.js +0 -23
  328. package/dist/collection/components/table/table.spec.js +0 -16
  329. package/dist/collection/stories/Installation/installation.stories.js +0 -218
  330. package/dist/tegel/p-016d07b2.entry.js +0 -1
  331. package/dist/tegel/p-1a978a31.entry.js +0 -1
  332. package/dist/tegel/p-25f306a0.js +0 -2
  333. package/dist/tegel/p-5b9f499d.entry.js +0 -1
  334. package/dist/tegel/p-6adb65cb.entry.js +0 -1
  335. package/dist/tegel/p-78f42968.entry.js +0 -1
  336. package/dist/tegel/p-80b501e3.entry.js +0 -1
  337. package/dist/tegel/p-8f1a037c.entry.js +0 -1
  338. package/dist/tegel/p-a001ec58.entry.js +0 -1
  339. package/dist/tegel/p-a0f3086c.entry.js +0 -1
  340. package/dist/tegel/p-be7119d3.entry.js +0 -1
  341. package/dist/tegel/p-c0b7acbb.entry.js +0 -1
  342. package/dist/tegel/p-c191ca51.entry.js +0 -1
  343. package/dist/tegel/p-e4db065d.entry.js +0 -1
  344. package/dist/tegel/p-eda7ecf6.entry.js +0 -1
  345. package/dist/types/components/block/block.d.ts +0 -11
  346. package/dist/types/components/header/header-launcher/header-launcher.d.ts +0 -15
  347. package/dist/types/components/popover-canvas/popover-canvas.d.ts +0 -27
  348. package/dist/types/components/popover-core/popover-core.d.ts +0 -46
  349. package/dist/types/components/popover-menu/popover-menu.d.ts +0 -28
  350. package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +0 -24
  351. package/dist/types/components/side-menu/side-menu.d.ts +0 -45
  352. package/dist/types/components/table/table-body/table-body.d.ts +0 -24
  353. package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +0 -27
  354. package/dist/types/components/table/table-body-row/table-body-row.d.ts +0 -28
  355. package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts +0 -29
  356. package/dist/types/components/table/table-header/table-header.d.ts +0 -35
  357. package/dist/types/components/table/table-header-cell/table-header-cell.d.ts +0 -56
  358. package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +0 -29
  359. package/dist/types/components/tooltip/tooltip.d.ts +0 -34
@@ -1,218 +0,0 @@
1
- import hljs from "highlight.js";
2
- import "../../../.storybook/tegel.syntax.highlighter.css";
3
- const meta = {
4
- title: 'Intro/Installation',
5
- parameters: {
6
- layout: 'fullscreen',
7
- options: {
8
- showPanel: false,
9
- showToolbar: false,
10
- },
11
- },
12
- };
13
- hljs.highlightAll();
14
- export default meta;
15
- export const Installation = {
16
- render: () => `
17
- <style>
18
- article {
19
- box-sizing: border-box;
20
- max-width: 688px;
21
-
22
- padding: 32px;
23
- margin: auto;
24
- >* {
25
- margin-bottom: 72px;
26
- }
27
- }
28
-
29
- code {
30
- border-radius: 4px;
31
- }
32
- </style>
33
- <article class="tds-u-p2 tds-body-01">
34
- <h2>React</h2>
35
- <section>
36
- <h4>Typescript</h4>
37
- <ol class="tds-body-01">
38
- <li>
39
- <p>Run <code>npm install @scania/tegel</code></p>
40
- </li>
41
- <li>
42
- <p>In the src folder create a file called <code>register-webcomponents.ts</code></p>
43
- </li>
44
- <li>
45
- <p>Paste the following into that file:</p>
46
- <pre>
47
- <code>import &#123; defineCustomElements, JSX as LocalJSX &#125; from '@scania/tegel/loader';
48
- import &#123; DetailedHTMLProps, HTMLAttributes &#125; from 'react';
49
-
50
- type StencilProps&lt;T&gt; = &#123;
51
- [P in keyof T]?:Omit&lt;T[P], 'ref'&gt; | HTMLAttributes&lt;T&gt;;&#125;;
52
-
53
- type ReactProps&lt;T&gt; = &#123;
54
- [P in keyof T]?: DetailedHTMLProps&lt;HTMLAttributes&lt;T[P]&gt;,
55
- T[P]&gt;;&#125;;
56
-
57
- type StencilToReact&lt;T = LocalJSX.IntrinsicElements,
58
- U = HTMLElementTagNameMap&gt; = StencilProps&lt;T&gt; &
59
- ReactProps&lt;U&gt;;
60
-
61
- declare global &#123;
62
- export namespace JSX &#123;
63
- interface IntrinsicElements extends StencilToReact &#123;&#125;
64
- &#125;
65
- &#125;
66
-
67
- defineCustomElements(window);
68
- </code>
69
- </pre>
70
- </li>
71
- <li>
72
- <p>In your index.tsx import <code>register-webcomponents.ts</code></p>
73
- <pre>
74
- <code>import React from 'react';
75
- import ReactDOM from 'react-dom/client';
76
- import './index.css';
77
- import App from './App';
78
- import reportWebVitals from './reportWebVitals';
79
- import './register-webcomponents';
80
-
81
- const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
82
- root.render(
83
- &lt;React.StrictMode&gt;
84
- &lt;App /&gt;
85
- &lt;/React.StrictMode&gt;,
86
- );
87
-
88
- reportWebVitals();</code>
89
- </pre>
90
-
91
- </li>
92
- <li>
93
- <p>In your global css file import the tegel stylesheet.</p>
94
- <pre>
95
- <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
96
- </pre>
97
- </li>
98
- </ol>
99
- </section>
100
- <section>
101
- <h4>Javascript</h4>
102
- <ol class="tds-body-01">
103
- <li>
104
- <p>Run <code>npm install @scania/tegel</code></p>
105
- </li>
106
- <li>
107
- <p>In your index.jsx define the custom components:</p>
108
- <pre>
109
- <code>import React from 'react';
110
- import ReactDOM from 'react-dom/client';
111
- import './index.css';
112
- import App from './App';
113
- import reportWebVitals from './reportWebVitals';
114
- import { defineCustomElements } from '@scania/tegel/loader';
115
-
116
- const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
117
- root.render(
118
- &lt;React.StrictMode&gt;
119
- &lt;App /&gt;
120
- &lt;/React.StrictMode&gt;,
121
- );
122
-
123
- reportWebVitals();
124
- defineCustomElements();</code>
125
- </pre>
126
-
127
- </li>
128
- <li>
129
- <p>In your global css file import the tegel stylesheet.</p>
130
- <pre>
131
- <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
132
- </pre>
133
- </li>
134
- </ol>
135
- </section>
136
- <h2>Angular</h2>
137
- <section>
138
- <ol class="tds-body-01">
139
- <li>
140
- <p>Run <code>npm install @scania/tegel</code></p>
141
- </li>
142
- <li>
143
- <p>In your main.ts import and call the function <code>defineCustomElements()</code></p>
144
- <pre>
145
- <code>import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
146
- import { defineCustomElements } from '@scania/tegel/loader';
147
- import { AppModule } from './app/app.module';
148
-
149
- platformBrowserDynamic()
150
- .bootstrapModule(AppModule)
151
- .catch((err) => console.error(err));
152
-
153
- defineCustomElements(window);</code>
154
- </pre>
155
- </li>
156
- <li>
157
- <p>In your app.module.ts import 'CUSTOM_ELEMENTS_SCHEMA'</p>
158
- <pre>
159
- <code>import { BrowserModule } from '@angular/platform-browser';
160
- import { AppComponent } from './app.component';
161
- import {
162
- CUSTOM_ELEMENTS_SCHEMA,
163
- NgModule
164
- } from '@angular/core';
165
-
166
- @NgModule({
167
- declarations: [AppComponent],
168
- imports: [BrowserModule],
169
- providers: [],
170
- bootstrap: [AppComponent],
171
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
172
- })
173
-
174
- export class AppModule {}</code>
175
- </pre>
176
- </li>
177
- <li>
178
- <p>In your global css file import the tegel stylesheet.</p>
179
- <pre>
180
- <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
181
- </pre>
182
- </li>
183
- </ol>
184
- </section>
185
- <h2>HTML</h2>
186
- <section>
187
- <ol>
188
- <li><p>Run <code>npm init</code> to generate a package.json</p></li>
189
- <li><p>Run <code>npm install @scania/tegel</code></p></li>
190
- <li><p>Import the package and stylesheet in your <code>&lt;head&gt;</code></p>
191
- <pre>
192
- <code>&lt;script type="module"&gt;
193
- import { defineCustomElements } from
194
- './node_modules/@scania/tegel/loader/index.es2017.js';
195
- defineCustomElements();
196
- &lt;/script&gt;
197
- &lt;link rel="stylesheet"
198
- href="./node_modules/@scania/tegel/dist/tegel/tegel.css"/&gt;</code>
199
- <pre>
200
- </li>
201
-
202
- </ol>
203
- </section>
204
- <h2>Stencil</h2>
205
- <section>
206
- <ol>
207
- <li><p>Run <code>npm install @scania/tegel</code></p></li>
208
- <li><p>Import @scania/tegel in your stencil component.</p></li>
209
- <li><p>In your global css file import the tegel stylesheet.</p>
210
- <pre>
211
- <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
212
- </pre></li>
213
- <li><p>And don't forget to set <code>'shadow: false';</code> for your component.</p></li>
214
- </ol>
215
- </section>
216
- </article>
217
- `,
218
- };
@@ -1 +0,0 @@
1
- import{r as t,h as o,g as e}from"./p-25f306a0.js";const i=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===this.host.closest("tds-footer-group").parentElement.slot}render(){return o("div",{role:"listitem",class:this.parentIsTopPart?"top-part-child":""},o("slot",null))}get host(){return e(this)}};i.style='[role=listitem] ::slotted(a),[role=listitem] ::slotted(button){font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);color:var(--tds-footer-main-links);opacity:var(--tds-footer-main-links-opacity);text-decoration:none}[role=listitem] ::slotted(a:focus-visible),[role=listitem] ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}[role=listitem] ::slotted(a:hover),[role=listitem] ::slotted(button:hover){text-decoration:underline}[role=listitem].top-part-child ::slotted(a),[role=listitem].top-part-child ::slotted(button){color:var(--tds-footer-top-links);font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;font-weight:bold;font-size:14px;line-height:18px}[role=listitem].top-part-child ::slotted(a:focus-visible),[role=listitem].top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media all and (max-width: 992px){[role=listitem].top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}[role=listitem].top-part-child ::slotted(a),[role=listitem].top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}[role=listitem].top-part-child ::slotted(a:hover),[role=listitem].top-part-child ::slotted(button:hover){text-decoration:underline;background-color:var(--tds-footer-top-links-background-hover)}[role=listitem].top-part-child ::slotted(a:focus-visible),[role=listitem].top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}}';export{i as tds_footer_item}
@@ -1 +0,0 @@
1
- import{r as s,c as t,h as i}from"./p-25f306a0.js";import{g as d}from"./p-f7ce52e9.js";const e=class{constructor(i){s(this,i),this.tdsChange=t(this,"tdsChange",6),this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.minusElement=null,this.plusElement=null,this.inputElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],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.thumbSize="lg",this.snap=!1,this.sliderId=d()}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.thumbGrabbed&&(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleTouchEnd(){this.thumbGrabbed&&(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleMouseMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleTouchMove(s){s.preventDefault(),this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.updateValueForced(s),this.updateTrack()}updateSupposedValueSlot(s){const t=parseInt(this.ticks),i=this.getTrackWidth(),d=Math.round(i/(t+1)),e=Math.round(s/d)*d;let r=0;return e>=0&&e<=i?r=e:e>i?r=i:e<0&&(r=0),this.supposedValueSlot=Math.round(r/d),e}thumbCore(s){const t=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let d=0;"mousemove"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&t>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement.style.left=`${this.thumbLeft}px`,this.updateValue()}updateTrack(){const s=this.getTrackWidth();this.trackFillElement.style.width=this.thumbLeft/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.calculateThumbLeftFromValue(s)}else{const t=this.thumbLeft/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)}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,i=this.getTrackWidth(),d=t-this.getMin(),e=this.getMax()-this.getMin();this.thumbLeft=d/e*i,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement.style.left=`${this.thumbLeft}px`}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.eventListenersAdded||(this.eventListenersAdded=!0,this.thumbElement.addEventListener("mousedown",(s=>{s.preventDefault(),this.grabThumb()})),this.thumbElement.addEventListener("touchstart",(()=>{this.grabThumb()})),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.calculateThumbLeftFromValue(s),this.updateValueForced(s),this.updateTrack(),this.inputElement.blur(),this.wrapperElement.focus()}}))),this.calculateThumbLeftFromValue(this.value),this.updateTrack()}grabThumb(){this.readOnly||(this.thumbGrabbed=!0,this.thumbInnerElement.classList.add("pressed"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s){if(this.readOnly||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.thumbLeft/t;let d=this.getMin()+i*(this.getMax()-this.getMin());d+=s,d=Math.round(d),d<this.getMin()?d=this.getMin():d>this.getMax()&&(d=this.getMax()),this.value=`${d}`,this.calculateThumbLeftFromValue(this.value),this.updateValueForced(d),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.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,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.readOnly?"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":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},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__thumb",ref:s=>{this.thumbElement=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__thumb-inner",ref:s=>{this.thumbInnerElement=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.readOnly&&(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"})))))}static get watchers(){return{value:["handleValueUpdate"]}}};e.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-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__thumb .tds-slider__thumb-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__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-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__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-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__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-disabled)}';export{e as tds_slider}
@@ -1,2 +0,0 @@
1
- let e,t,n,l=!1,o=!1,s=!1,i=!1,c=!1;const r="http://www.w3.org/1999/xlink",f={},u=e=>"object"==(e=typeof e)||"function"===e;function a(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const d=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,c=!1;const r=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!u(l))&&(l+=""),i&&c?r[r.length-1].t+=l:r.push(i?v(null,l):l),c=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,y);const a=v(e,null);return a.l=t,r.length>0&&(a.o=r),a.i=o,a.u=s,a},v=(e,t)=>({v:0,p:e,t,$:null,o:null,l:null,i:null,u:null}),p={},y={forEach:(e,t)=>e.map($).forEach(t),map:(e,t)=>e.map($).map(t).map(h)},$=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.p,vtext:e.t}),h=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),d(e.vtag,t,...e.vchildren||[])}const t=v(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},m=e=>re(e).h,b=(e,t,n)=>{const l=m(e);return{emit:e=>w(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},w=(e,t,n)=>{const l=me.ce(t,n);return e.dispatchEvent(l),l},g=new WeakMap,k=e=>"sc-"+e.m,j=(e,t,n,l,o,s)=>{if(n!==l){let i=ae(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=O(n),s=O(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const f=u(l);if((i||f&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(r,t):e.removeAttribute(t)):(!i||4&s||o)&&!f&&(l=!0===l?"":l,a?e.setAttributeNS(r,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ae($e,c)?c.slice(2):c[2]+t.slice(3),n&&me.rel(e,t,n,!1),l&&me.ael(e,t,l,!1)}},S=/\s/,O=e=>e?e.split(S):[],C=(e,t,n,l)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,s=e&&e.l||f,i=t.l||f;for(l in s)l in i||j(o,l,s[l],void 0,n,t.v);for(l in i)j(o,l,s[l],i[l],n,t.v)},M=(o,c,r,f)=>{const u=c.o[r];let a,d,v,p=0;if(l||(s=!0,"slot"===u.p&&(e&&f.classList.add(e+"-s"),u.v|=u.o?2:1)),null!==u.t)a=u.$=he.createTextNode(u.t);else if(1&u.v)a=u.$=he.createTextNode("");else{if(i||(i="svg"===u.p),a=u.$=he.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.v?"slot-fb":u.p),i&&"foreignObject"===u.p&&(i=!1),C(null,u,i),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),u.o)for(p=0;p<u.o.length;++p)d=M(o,u,p,a),d&&a.appendChild(d);"svg"===u.p?i=!1:"foreignObject"===a.tagName&&(i=!0)}return a["s-hn"]=n,3&u.v&&(a["s-sr"]=!0,a["s-cr"]=t,a["s-sn"]=u.u||"",v=o&&o.o&&o.o[r],v&&v.p===u.p&&o.$&&x(o.$,!1)),a},x=(e,t)=>{me.v|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(F(o).insertBefore(o,E(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&x(o,t)}me.v&=-2},R=(e,t,l,o,s,i)=>{let c,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=M(null,l,s,e),c&&(o[s].$=c,r.insertBefore(c,E(t))))},P=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;U(t),e&&(o=!0,e["s-ol"]?e["s-ol"].remove():x(e,!0),e.remove())}}},T=(e,t)=>e.p===t.p&&("slot"===e.p?e.u===t.u:e.i===t.i),E=e=>e&&e["s-ol"]||e,F=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,L=(e,t)=>{const n=t.$=e.$,l=e.o,o=t.o,s=t.p,c=t.t;let r;null===c?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||C(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,c=0,r=0,f=0,u=t.length-1,a=t[0],d=t[u],v=l.length-1,p=l[0],y=l[v];for(;i<=u&&c<=v;)if(null==a)a=t[++i];else if(null==d)d=t[--u];else if(null==p)p=l[++c];else if(null==y)y=l[--v];else if(T(a,p))L(a,p),a=t[++i],p=l[++c];else if(T(d,y))L(d,y),d=t[--u],y=l[--v];else if(T(a,y))"slot"!==a.p&&"slot"!==y.p||x(a.$.parentNode,!1),L(a,y),e.insertBefore(a.$,d.$.nextSibling),a=t[++i],y=l[--v];else if(T(d,p))"slot"!==a.p&&"slot"!==y.p||x(d.$.parentNode,!1),L(d,p),e.insertBefore(d.$,a.$),d=t[--u],p=l[++c];else{for(r=-1,f=i;f<=u;++f)if(t[f]&&null!==t[f].i&&t[f].i===p.i){r=f;break}r>=0?(s=t[r],s.p!==p.p?o=M(t&&t[c],n,r,e):(L(s,p),t[r]=void 0,o=s.$),p=l[++c]):(o=M(t&&t[c],n,c,e),p=l[++c]),o&&F(a.$).insertBefore(o,E(a.$))}i>u?R(e,null==l[v+1]?null:l[v+1].$,n,l,c,v):c>v&&P(t,i,u)})(n,l,t,o):null!==o?(null!==e.t&&(n.textContent=""),R(n,null,t,o,0,o.length-1)):null!==l&&P(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(r=n["s-cr"])?r.parentNode.textContent=c:e.t!==c&&(n.data=c)},N=e=>{const t=e.childNodes;let n,l,o,s,i,c;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(i=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(c=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==i){if(1===c&&i===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==t[s].textContent.trim()){n.hidden=!0;break}N(n)}},W=[],A=e=>{let t,n,l,s,i,c,r=0;const f=e.childNodes,u=f.length;for(;r<u;r++){if(t=f[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(D(n,s)?(i=W.find((e=>e.k===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.j=t:W.push({j:t,k:n}),n["s-sr"]&&W.map((e=>{D(e.k,n["s-sn"])&&(i=W.find((e=>e.k===n)),i&&!e.j&&(e.j=i.j))}))):W.some((e=>e.k===n))||W.push({k:n}));1===t.nodeType&&A(t)}},D=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,U=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(U)},H=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},q=(e,t)=>{if(e.v|=16,!(4&e.v))return H(e,e.O),Me((()=>V(e,t)));e.v|=512},V=(e,t)=>{const n=e.C;let l;return t&&(e.v|=256,e.M&&(e.M.map((([e,t])=>K(n,e,t))),e.M=void 0),l=K(n,"componentWillLoad")),l=_(l,(()=>K(n,"componentWillRender"))),_(l,(()=>B(e,n,t)))},_=(e,t)=>z(e)?e.then(t):t(),z=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,B=async(e,t,n)=>{var l;const o=e.h,s=o["s-rc"];n&&(e=>{const t=e.R,n=e.h,l=t.v,o=((e,t)=>{var n;const l=k(t),o=ye.get(l);if(e=11===e.nodeType?e:he,o)if("string"==typeof o){let t,s=g.get(e=e.head||e);if(s||g.set(e,s=new Set),!s.has(l)){{t=he.createElement("style"),t.innerHTML=o;const l=null!==(n=me.P)&&void 0!==n?n:a(he);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);G(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],n=()=>I(e);0===t.length?n():(Promise.all(t).then(n),e.v|=4,t.length=0)}},G=(i,c,r,f)=>{try{c=c.render(),i.v&=-17,i.v|=2,((i,c,r=!1)=>{const f=i.h,u=i.R,a=i.T||v(null,null),y=(e=>e&&e.p===p)(c)?c:d(null,null,c);if(n=f.tagName,u.F&&(y.l=y.l||{},u.F.map((([e,t])=>y.l[t]=f[e]))),r&&y.l)for(const e of Object.keys(y.l))f.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(y.l[e]=f[e]);if(y.p=null,y.v|=4,i.T=y,y.$=a.$=f.shadowRoot||f,e=f["s-sc"],t=f["s-cr"],l=0!=(1&u.v),o=!1,L(a,y),me.v|=1,s){let e,t,n,l,o,s;A(y.$);let i=0;for(;i<W.length;i++)e=W[i],t=e.k,t["s-ol"]||(n=he.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<W.length;i++)if(e=W[i],t=e.k,e.j){for(l=e.j.parentNode,o=e.j.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&N(y.$),me.v&=-2,W.length=0})(i,c,f)}catch(e){de(e,i.h)}return null},I=e=>{const t=e.h,n=e.C,l=e.O;K(n,"componentDidRender"),64&e.v?K(n,"componentDidUpdate"):(e.v|=64,Q(t),K(n,"componentDidLoad"),e.L(t),l||J()),e.N(t),e.S&&(e.S(),e.S=void 0),512&e.v&&Ce((()=>q(e,!1))),e.v&=-517},J=()=>{Q(he.documentElement),Ce((()=>w($e,"appload",{detail:{namespace:"tegel"}})))},K=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){de(e)}},Q=e=>e.classList.add("hydrated"),X=(e,t,n)=>{var l;if(t.W){e.watchers&&(t.A=e.watchers);const o=Object.entries(t.W),s=e.prototype;if(o.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(s,e,{get(){return((e,t)=>re(this).D.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=re(e),s=o.h,i=o.D.get(t),c=o.v,r=o.C;if(n=((e,t)=>null==e||u(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.D.set(t,n),r)){if(l.A&&128&c){const e=l.A[t];e&&e.map((e=>{try{r[e](n,i,t)}catch(e){de(e,s)}}))}2==(18&c)&&q(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(s,e,{value(...t){const n=re(this);return n.U.then((()=>n.C[e](...t)))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,l,o){me.jmp((()=>{const i=n.get(e);if(this.hasOwnProperty(i))o=this[i],delete this[i];else{if(s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const n=re(this),s=null==n?void 0:n.v;if(!(8&s)&&128&s&&o!==l){const s=n.C,i=t.A[e];null==i||i.forEach((t=>{null!=s[t]&&s[t].call(s,o,l,e)}))}return}}this[i]=(null!==o||"boolean"!=typeof this[i])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=t.A)&&void 0!==l?l:{}),...o.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.F.push([e,o]),o}))]))}}return e},Y=e=>{K(e,"connectedCallback")},Z=e=>{K(e,"disconnectedCallback")},ee=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=$e.customElements,i=he.head,c=i.querySelector("meta[charset]"),r=he.createElement("style"),f=[];let u,d=!0;Object.assign(me,t),me.H=new URL(t.resourcesUrl||"./",he.baseURI).href,e.map((e=>{e[1].map((n=>{var i;const c={v:n[0],m:n[1],W:n[2],q:n[3]};c.W=n[2],c.q=n[3],c.F=[],c.A=null!==(i=n[4])&&void 0!==i?i:{};const r=t.transformTagName?t.transformTagName(c.m):c.m,a=class extends HTMLElement{constructor(e){super(e),ue(e=this,c),1&c.v&&e.attachShadow({mode:"open",delegatesFocus:!!(16&c.v)})}connectedCallback(){u&&(clearTimeout(u),u=null),d?f.push(this):me.jmp((()=>(e=>{if(0==(1&me.v)){const t=re(e),n=t.R,l=()=>{};if(1&t.v)ne(e,t,n.q),(null==t?void 0:t.C)?Y(t.C):(null==t?void 0:t.V)&&t.V.then((()=>Y(t.C)));else{t.v|=1,12&n.v&&(e=>{const t=e["s-cr"]=he.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){H(t,t.O=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.v)){t.v|=32;{if((o=pe(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.A=o.watchers,X(o,n,2),o.isProxied=!0);const e=()=>{};t.v|=8;try{new o(t)}catch(e){de(e)}t.v&=-9,t.v|=128,e(),Y(t.C)}if(o.style){let e=o.style;const t=k(n);if(!ye.has(t)){const l=()=>{};((e,t,n)=>{let l=ye.get(e);we&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,ye.set(e,l)})(t,e,!!(1&n.v)),l()}}}const s=t.O,i=()=>q(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){me.jmp((()=>(async()=>{if(0==(1&me.v)){const e=re(this);e._&&(e._.map((e=>e())),e._=void 0),(null==e?void 0:e.C)?Z(e.C):(null==e?void 0:e.V)&&e.V.then((()=>Z(e.C)))}})()))}componentOnReady(){return re(this).V}};c.B=e[0],o.includes(r)||s.get(r)||(l.push(r),s.define(r,X(a,c,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(n=me.P)&&void 0!==n?n:a(he);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,f.length?f.map((e=>e.connectedCallback())):me.jmp((()=>u=setTimeout(J,30)))},te=(e,t)=>t,ne=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=oe(e,n),i=le(t,o),c=se(n);me.ael(s,l,i,c),(t._=t._||[]).push((()=>me.rel(s,l,i,c)))}))},le=(e,t)=>n=>{try{256&e.v?e.C[t](n):(e.M=e.M||[]).push([t,n])}catch(e){de(e)}},oe=(e,t)=>4&t?he:8&t?$e:16&t?he.body:e,se=e=>0!=(2&e),ie=e=>me.P=e,ce=new WeakMap,re=e=>ce.get(e),fe=(e,t)=>ce.set(t.C=e,t),ue=(e,t)=>{const n={v:0,h:e,R:t,D:new Map};return n.U=new Promise((e=>n.N=e)),n.V=new Promise((e=>n.L=e)),e["s-p"]=[],e["s-rc"]=[],ne(e,n,t.q),ce.set(e,n)},ae=(e,t)=>t in e,de=(e,t)=>(0,console.error)(e,t),ve=new Map,pe=e=>{const t=e.m.replace(/-/g,"_"),n=e.B,l=ve.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(ve.set(n,e),e[t])),de)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ye=new Map,$e="undefined"!=typeof window?window:{},he=$e.document||{head:{}},me={v:0,H:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},be=e=>Promise.resolve(e),we=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ge=[],ke=[],je=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&me.v?Ce(Oe):me.raf(Oe))},Se=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){de(e)}e.length=0},Oe=()=>{Se(ge),Se(ke),(c=ge.length>0)&&me.raf(Oe)},Ce=e=>be().then(e),Me=je(ke,!0);export{te as F,p as H,ee as b,b as c,m as g,d as h,be as p,fe as r,ie as s}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as i}from"./p-25f306a0.js";const e=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(i,{role:"listitem"},o("div",{class:`inline-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",null)))}};e.style=':host{box-sizing:border-box;z-index:200;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:20px;bottom:20px;outline:2px solid var(--tds-blue-400)}: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:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{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{e as tds_inline_tab}
@@ -1 +0,0 @@
1
- import{r as o,h as t,H as i}from"./p-25f306a0.js";const e=class{constructor(t){o(this,t)}render(){return t(i,null,t("div",null))}};e.style=":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";export{e as tds_side_menu_overlay}
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as o,H as e,g as r}from"./p-25f306a0.js";import{g as a}from"./p-f7ce52e9.js";import{h as i}from"./p-ae110fc2.js";const n=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)},this.toastId=a(),this.header=void 0,this.subheader=void 0,this.variant="information",this.hidden=!1,this.toastRole="alert"}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}render(){const t=i("header",this.host),s=i("subheader",this.host),r=i("actions",this.host);return o(e,{toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:this.hidden?"hide":"show"},o("div",{class:`\n wrapper\n ${this.variant}`},o("tds-icon",{name:this.getIconName(),size:"20px"}),o("div",{class:"content"},o("div",{class:"header-subheader"},this.header&&o("div",{class:"header"},this.header),t&&o("slot",{name:"header"}),this.subheader&&o("div",{class:"subheader"},this.subheader),s&&o("slot",{name:"subheader"})),r&&o("div",{class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},o("slot",{name:"actions"}))),o("button",{onClick:()=>{this.handleClose()},class:"close"},o("tds-icon",{name:"cross",size:"20px"}))))}get host(){return r(this)}};n.style=":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 0;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important;max-width:252px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{margin-top:12px}:host slot[name=actions]::slotted(*){color:var(--tds-toast-link-color)}:host .tds-mode-variant-primary{--tds-toast-background:var(--tds-toast-background-primary)}:host .tds-mode-variant-secondary{--tds-toast-background:var(--tds-toast-background-secondary)}";export{n as tds_toast}
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as o,H as e,g as i}from"./p-25f306a0.js";const l=class{constructor(o){t(this,o),this.tdsChange=s(this,"tdsChange",6),this.tdsFocus=s(this,"tdsFocus",6),this.tdsBlur=s(this,"tdsBlur",6),this.tdsInput=s(this,"tdsInput",6),this.setDefaultOption=()=>{Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)).forEach((t=>(this.multiselect?this.defaultValue.split(",").forEach((s=>{s===t.value&&(t.setSelected(!0),this.value=this.value?[...this.value,t.value]:[t.value])})):this.defaultValue===t.value?(t.setSelected(!0),this.value=[t.value]):t.setSelected(!1),this.setValueAttribute(),t)))},this.getChildren=()=>Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)),this.getOpenDirection=()=>{var t,s,o,e,i;if("auto"===this.openDirection||!this.openDirection){const l=null!==(s=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==s?s:0;return(null!==(i=null===(e=(o=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(o).top)&&void 0!==i?i:0)+l+57>window.innerHeight?"up":"down"}return this.openDirection},this.getSelectedChildren=()=>{var t;return null===(t=this.value)||void 0===t?void 0:t.map((t=>this.getChildren().find((s=>s.value===t)))).filter(Boolean)},this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return this.filter?null==t?void 0:t.join(", "):null==t?void 0:t.toString()},this.setValueAttribute=()=>{var t,s,o;""===(null===(t=this.value)||void 0===t?void 0:t.toString())&&(this.value=null),this.host.setAttribute("value",null!==(o=null===(s=this.value)||void 0===s?void 0:s.map((t=>t)).toString())&&void 0!==o?o:null)},this.handleFilter=t=>{this.tdsInput.emit(t);const s=t.target.value.toLowerCase(),o=this.getChildren();""===s?(o.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=o.filter((t=>(t.textContent.toLowerCase().includes(s.toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.handleChange=()=>{var t,s;this.tdsChange.emit({name:this.name,value:null!==(s=null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString())&&void 0!==s?s:null})},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.error=!1,this.multiselect=!1,this.filter=!1,this.noResultText="No result",this.defaultValue=void 0,this.open=!1,this.value=void 0,this.filterResult=void 0,this.filterFocus=void 0}async reset(){this.internalReset(),this.handleChange()}async setValue(t,s){let o;o="string"==typeof t?[t]:t,!this.multiselect&&o.length>1&&(console.warn("Tried to select multiple items, but multiselect is not enabled."),o=[o[0]]),this.internalReset();for(let t=0;t<o.length;t++)this.getChildren().some((s=>s.value===o[t]))||o.splice(t,1);return this.value=o,this.setValueAttribute(),this.selectChildrenAsSelectedBasedOnSelectionProp(),this.handleChange(),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async appendValue(t){this.setValue(this.multiselect&&this.value?[...this.value,t]:t)}async removeValue(t){var s,o;let e;return this.multiselect?null===(s=this.getChildren())||void 0===s||s.forEach((s=>{var o;return s.value===t&&(this.value=null===(o=this.value)||void 0===o?void 0:o.filter((t=>t!==s.value)),e=s.textContent.trim(),s.setSelected(!1)),s})):this.reset(),this.handleChange(),this.setValueAttribute(),null===(o=this.value)||void 0===o?void 0:o.map((t=>({value:t,label:e})))}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:s}=document;if(!s)return;const o=this.getChildren();if("ArrowDown"===t.key){const t=s.nextElementSibling?o.findIndex((t=>t===s.nextElementSibling)):0;o[((t,s)=>{if(void 0===t[s])return 0;for(let o=s;o<t.length;o++)if(!t[o].disabled)return o})(o,t)].focus()}else"ArrowUp"===t.key?o[((t,s)=>{if(void 0===t[s])return t.length-1;for(let o=s;o>=0;o--)if(!t[o].disabled)return o})(o,s.nextElementSibling?this.getChildren().findIndex((t=>t===s.previousElementSibling)):0)].focus():"Escape"===t.key&&(this.open=!1)}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.getValue()))}componentWillLoad(){this.defaultValue&&this.setDefaultOption()}internalReset(){this.getChildren().forEach((t=>(t.setSelected(!1),t))),this.value=null,this.setValueAttribute()}selectChildrenAsSelectedBasedOnSelectionProp(){this.getChildren().forEach((t=>{this.value.forEach((s=>{t.value!==s?this.multiselect||t.setSelected(!1):t.setSelected(!0)}))}))}render(){var t,s,i,l;return((t,s,o,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i.disabled=e,i.name=s,i.value=o||""})(this.host,this.name,null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString(),this.disabled),o(e,{role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&o("div",{class:"label-outside "+(this.disabled?"disabled":"")},this.label),o("div",{class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?o("div",{class:`filter ${this.filterFocus?"focus":""}\n ${this.disabled?"disabled":""}`},o("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(s=this.value)||void 0===s?void 0:s.length)?"selected":""}\n `},this.label),o("input",{ref:t=>this.inputElement=t,class:"inside"===this.labelPosition?"placeholder":"",type:"text",placeholder:this.placeholder,value:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.handleBlur(t)},onFocus:t=>{this.open=!0,this.filterFocus=!0,this.handleFocus(t)},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),o("tds-icon",{onClick:()=>{this.open=!this.open},class:this.open?"open":"closed",name:"chevron_down",size:"16px"})):o("button",{onClick:()=>{this.open=!this.open},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.value?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},o("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(i=this.value)||void 0===i?void 0:i.length)?"selected":""}\n `},this.label),o("div",{class:`placeholder ${this.size}`},(null===(l=this.value)||void 0===l?void 0:l.length)?this.getValue():this.placeholder),o("tds-icon",{class:this.open?"open":"closed",name:"chevron_down",size:"16px"})))),o("div",{ref:t=>this.dropdownList=t,class:`dropdown-list\n ${this.size}\n ${this.open?"open":"closed"}\n ${this.getOpenDirection()}\n ${this.label&&"outside"===this.labelPosition?"label-outside":""}`},o("slot",null),0===this.filterResult&&o("div",{class:`no-result ${this.size}`},this.noResultText)),this.helper&&o("div",{class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&o("tds-icon",{name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{open:["handleOpenState"]}}};l.style=':host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:4px 4px 0 0}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color)}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{margin-right:16px}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list::-webkit-scrollbar{width:4px;background-color:inherit}:host .dropdown-list::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .dropdown-list ::-webkit-scrollbar-button{height:0;width:0}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host tds-icon{transition:transform 0.2s ease-in-out}:host tds-icon.open{transform:rotateZ(180deg)}';export{l as tds_dropdown}
@@ -1 +0,0 @@
1
- import{r as c,c as e,h as t,g as o}from"./p-25f306a0.js";import{g as s}from"./p-f7ce52e9.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='.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width: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 +0,0 @@
1
- import{r as s,c,h as t,H as i,g as p}from"./p-25f306a0.js";import{g as o}from"./p-f7ce52e9.js";import{h}from"./p-ae110fc2.js";const d=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.checked=!this.checked,this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value})},this.handleClick=()=>{this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=o(),this.checked=!1,this.name=void 0,this.value=void 0}renderInputAttributes(){return"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()}}render(){const s=this.renderInputAttributes(),c=h("prefix",this.host),p=h("label",this.host),o=h("suffix",this.host);return t(i,null,t("div",{class:"component"},t("div",{class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:o}},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{onClick:s=>s.stopPropagation(),htmlFor:this.chipId},c&&t("slot",{name:"prefix"}),p&&t("slot",{name:"label"}),o&&t("slot",{name:"suffix"})))))}get host(){return p(this)}};d.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-blue-400);outline-offset:-2px;background-color:var(--tds-chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{d as tds_chip}
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as s,H as i,g as d}from"./p-25f306a0.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.componentWillRender=()=>{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.appendValue(this.value),this.parentElement.close(),this.tdsSelect.emit({value:this.value,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.value),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})),t.stopPropagation())},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.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{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%;padding:0 16px}: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 +0,0 @@
1
- import{r as t,h as e}from"./p-25f306a0.js";const r=class{constructor(e){t(this,e),this.current=!1}render(){return e("div",{role:"listitem",class:this.current?"current":""},e("slot",null))}};r.style='@charset "UTF-8";[role=listitem] ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}[role=listitem]:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}[role=listitem]:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}[role=listitem].current ::slotted(*),[role=listitem] [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}[role=listitem].current:hover ::slotted(*),[role=listitem] [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}[role=listitem] ::slotted(*)::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host(:last-of-type) ::slotted(*)::after{display:none}';export{r as tds_breadcrumb}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as o,g as i}from"./p-25f306a0.js";const s=class{constructor(e){t(this,e),this.index=void 0,this.state="upcoming",this.hideLabel=void 0,this.size=void 0,this.orientation=void 0,this.labelPosition=void 0}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabel=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]===this.orientation&&"vertical"===t.detail[e]&&(this.labelPosition="aside"),this[e]=t.detail[e]}))}render(){return e(o,null,e("div",{role:"listitem",class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabel?"hide-labels":""}`},e("div",{class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):this.index),!this.hideLabel&&e("div",{class:`label ${this.size} ${this.state}`},e("slot",{name:"label"}))))}get el(){return i(this)}};s.style=':host{position:relative;display:table-cell}:host tds-icon{line-height:1}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);display:flex;justify-content:center;align-items:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-negative);color:var(--tds-negative)}:host [role=listitem] .content-container.success{background-color:var(--tds-positive);border-color:var(--tds-positive);color:var(--tds-white)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(.last) [role=listitem].sm::after,:host(.last) [role=listitem].lg::after{display:none}:host(.last) [role=listitem].sm.vertical::before{display:none}:host(.first) [role=listitem].sm::before,:host(.first) [role=listitem].lg::before{display:none}';export{s as tds_step}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as a}from"./p-25f306a0.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(a,{role:"listitem"},o("div",{class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",null)))}};i.style=':host{box-sizing:border-box;z-index:200;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color) !important;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:26px;bottom:26px;outline:2px solid var(--tds-blue-400)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-navigation-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_navigation_tab}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,H as a,g as o}from"./p-25f306a0.js";const l=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],d=class{constructor(s){t(this,s),this.tdsSelectAll=e(this,"tdsSelectAll",6),this.allSelected=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsRowExpandedListener(t){this.tableId===t.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){const t=this.host.parentElement.querySelector("tds-table-body").getElementsByClassName("tds-table__row-extend--active").length,e=this.host.parentElement.querySelector("tds-table-body").getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=e===t}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){l.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}async handleCheckboxChange(t){this.allSelected=t.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:t.detail.checked,selectedRows:await this.tableEl.getSelectedRows()})}render(){return s(a,{class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},s("tr",null,this.multiselect&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"},s("div",{class:"tds-form-label tds-form-label--table"},s("tds-checkbox",{checked:this.allSelected,onTdsChange:t=>this.handleCheckboxChange(t)}))),this.expandableRows&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"}),s("slot",null)))}get host(){return o(this)}};d.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{d as tds_table_header}
@@ -1 +0,0 @@
1
- import{r as s,h as r,g as t}from"./p-25f306a0.js";const e=class{constructor(r){s(this,r)}render(){return r("nav",null,r("div",{role:"list",class:"tds-breadcrumb"},r("slot",null)))}get el(){return t(this)}};e.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{e as tds_breadcrumbs}
@@ -1,11 +0,0 @@
1
- /**
2
- * @slot <default> - <b>Unnamed slot.</b> For the content.
3
- */
4
- export declare class TdsBlock {
5
- host: HTMLElement;
6
- /** Mode variant of the component, based on current mode. */
7
- modeVariant: 'primary' | 'secondary';
8
- children: Array<HTMLTdsBlockElement>;
9
- setModeVariantOnChildBlocks(): void;
10
- render(): any;
11
- }
@@ -1,15 +0,0 @@
1
- /**
2
- * @slot <default> - <b>Unnamed slot.</b> For a launcher list (or grid) element.
3
- */
4
- export declare class TdsHeaderLauncher {
5
- host: HTMLElement;
6
- open: boolean;
7
- buttonEl?: HTMLTdsHeaderLauncherButtonElement;
8
- hasListTypeMenu: boolean;
9
- private uuid;
10
- private ariaAttributes;
11
- onAnyClick(event: MouseEvent): void;
12
- componentDidLoad(): void;
13
- toggleLauncher(): void;
14
- render(): any;
15
- }
@@ -1,27 +0,0 @@
1
- import type { Placement } from '@popperjs/core';
2
- import { Attributes } from '../../types/Attributes';
3
- /**
4
- * @slot <default> - <b>Unnamed slot.</b> For the contents of the popover.
5
- */
6
- export declare class TdsPopoverCanvas {
7
- host: HTMLTdsPopoverCanvasElement;
8
- /** The CSS-selector for an element that will trigger the Popover */
9
- selector: string;
10
- /** Element that will trigger the Popover (takes priority over selector) */
11
- referenceEl?: HTMLElement | null;
12
- /** Controls whether the Popover is shown or not. If this is set hiding and showing
13
- * will be decided by this prop and will need to be controlled from the outside.
14
- */
15
- show: boolean;
16
- /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
17
- placement: Placement;
18
- /** Sets the offset skidding */
19
- offsetSkidding: number;
20
- /** Sets the offset distance */
21
- offsetDistance: number;
22
- /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
23
- modifiers: Object[];
24
- inheritedAttributes: Attributes;
25
- componentWillLoad(): void;
26
- render(): any;
27
- }
@@ -1,46 +0,0 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- import type { Placement, Instance } from '@popperjs/core';
3
- export declare class TdsPopoverCore {
4
- host: HTMLTdsPopoverCoreElement;
5
- /** The CSS-selector for an element that will trigger the pop-over */
6
- selector: string;
7
- /** Element that will trigger the pop-over (takes priority over selector) */
8
- referenceEl?: HTMLElement | null;
9
- /** Decides if the Popover Menu should be visible from the start */
10
- show: boolean;
11
- /** Decides the placement of the Popover Menu */
12
- placement: Placement;
13
- /** Sets the offset skidding */
14
- offsetSkidding: number;
15
- /** Sets the offset distance */
16
- offsetDistance: number;
17
- /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
18
- modifiers: Object[];
19
- /** What triggers the popover to show */
20
- trigger: 'click' | 'hover' | 'hover-popover';
21
- /** Decides if the popover should hide automatically.
22
- * Alternatevly it can be hidden externally based on emitted events. */
23
- autoHide: boolean;
24
- renderedShowValue: boolean;
25
- popperInstance: Instance | null;
26
- target?: HTMLElement | null;
27
- isShown: boolean;
28
- /** @internal Show event. */
29
- tdsShow: EventEmitter<{}>;
30
- /** @internal Close event. */
31
- tdsClose: EventEmitter<{}>;
32
- onAnyClick(event: MouseEvent): void;
33
- onShowChange(newValue: boolean): void;
34
- onReferenceElChanged(newValue: HTMLElement, oldValue: HTMLElement): void;
35
- onTriggerChanged(newValue: 'click' | 'hover' | 'hover-popover'): void;
36
- private setIsShown;
37
- private onClickTarget;
38
- private handleShow;
39
- private handleHide;
40
- private initialize;
41
- private cleanUp;
42
- componentDidLoad(): void;
43
- componentDidRender(): void;
44
- disconnectedCallback(): void;
45
- render(): any;
46
- }
@@ -1,28 +0,0 @@
1
- import type { Placement } from '@popperjs/core';
2
- import { Attributes } from '../../types/Attributes';
3
- /**
4
- * @slot <default> - <b>Unnamed slot.</b> For the list of menu items.
5
- */
6
- export declare class TdsPopoverMenu {
7
- host: HTMLTdsPopoverMenuElement;
8
- /** The CSS-selector for an element that will trigger the pop-over */
9
- selector: string;
10
- /** Element that will trigger the pop-over (takes priority over selector) */
11
- referenceEl?: HTMLElement | null;
12
- /** Controls whether the Popover is shown or not. If this is set hiding and showing
13
- * will be decided by this prop and will need to be controlled from the outside. This
14
- * also means that clicking outside of the popover won't close it.
15
- */
16
- show: boolean;
17
- /** Decides the placement of the Popover Menu */
18
- placement: Placement;
19
- /** Sets the offset skidding */
20
- offsetSkidding: number;
21
- /** Sets the offset distance */
22
- offsetDistance: number;
23
- /** If true this unsets the width (160px) of the Popover Menu */
24
- fluidWidth: boolean;
25
- inheritedAttributes: Attributes;
26
- componentWillLoad(): void;
27
- render(): any;
28
- }
@@ -1,24 +0,0 @@
1
- import { CollapseEvent } from '../side-menu';
2
- /**
3
- * @slot <default> - <b>Unnamed slot.</b> For injecting a native <code>&lt;button</code> and <code>&lt;a></code> element.
4
- * */
5
- export declare class TdsSideMenuItem {
6
- host: HTMLTdsSideMenuItemElement;
7
- /** If the item should appear selected. */
8
- selected: boolean;
9
- /** If the item should appear active. Can be used when the item is
10
- * triggering a dropdown, and the dropdown is open, for example. */
11
- active: boolean;
12
- collapsed: boolean;
13
- private sideMenuEl;
14
- private slotEl;
15
- updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
16
- /**
17
- * This function is needed because we can't use CSS selectors to style something in the light dom
18
- */
19
- updateSlottedElements(): void;
20
- connectedCallback(): void;
21
- componentDidLoad(): void;
22
- collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
23
- render(): any;
24
- }