@infineon/infineon-design-system-stencil 35.4.3--canary.1941.b0a94f1d82a2156eb72a8e2d78dc798c394f0f92.0 → 35.5.0--canary.1904.0d4b003852c0b770dd57c6a1f84fbed5c045769e.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (628) hide show
  1. package/dist/cjs/dom-utils-2c4573c2.js +20 -0
  2. package/dist/cjs/dom-utils-2c4573c2.js.map +1 -0
  3. package/dist/cjs/{icons-0d4d096d.js → icons-2cd72a7d.js} +4 -1
  4. package/dist/cjs/icons-2cd72a7d.js.map +1 -0
  5. package/dist/cjs/ifx-accordion_2.cjs.entry.js +8 -1
  6. package/dist/cjs/ifx-accordion_2.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ifx-alert_2.cjs.entry.js +6 -0
  8. package/dist/cjs/ifx-alert_2.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ifx-badge.cjs.entry.js +9 -1
  10. package/dist/cjs/ifx-badge.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ifx-basic-table.cjs.entry.js +6 -1
  12. package/dist/cjs/ifx-basic-table.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ifx-breadcrumb.cjs.entry.js +8 -1
  14. package/dist/cjs/ifx-breadcrumb.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ifx-button.cjs.entry.js +6 -1
  16. package/dist/cjs/ifx-button.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ifx-card.cjs.entry.js +8 -3
  18. package/dist/cjs/ifx-card.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ifx-checkbox-group.cjs.entry.js +6 -1
  20. package/dist/cjs/ifx-checkbox-group.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ifx-checkbox.cjs.entry.js +8 -3
  22. package/dist/cjs/ifx-checkbox.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ifx-chip_3.cjs.entry.js +17 -9
  24. package/dist/cjs/ifx-chip_3.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ifx-content-switcher.cjs.entry.js +6 -1
  26. package/dist/cjs/ifx-content-switcher.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ifx-date-picker.cjs.entry.js +9 -2
  28. package/dist/cjs/ifx-date-picker.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ifx-dropdown.cjs.entry.js +6 -1
  30. package/dist/cjs/ifx-dropdown.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ifx-file-upload.cjs.entry.js +9 -2
  32. package/dist/cjs/ifx-file-upload.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ifx-footer.cjs.entry.js +9 -4
  34. package/dist/cjs/ifx-footer.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ifx-icon-button.cjs.entry.js +6 -1
  36. package/dist/cjs/ifx-icon-button.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ifx-icon.cjs.entry.js +32 -2
  38. package/dist/cjs/ifx-icon.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ifx-icons-preview.cjs.entry.js +1 -1
  40. package/dist/cjs/ifx-indicator.cjs.entry.js +7 -2
  41. package/dist/cjs/ifx-indicator.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ifx-link.cjs.entry.js +9 -1
  43. package/dist/cjs/ifx-link.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ifx-modal.cjs.entry.js +9 -2
  45. package/dist/cjs/ifx-modal.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ifx-multiselect.cjs.entry.js +5 -0
  47. package/dist/cjs/ifx-multiselect.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ifx-navbar.cjs.entry.js +5 -3
  49. package/dist/cjs/ifx-navbar.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ifx-notification.cjs.entry.js +10 -2
  51. package/dist/cjs/ifx-notification.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ifx-progress-bar.cjs.entry.js +7 -1
  53. package/dist/cjs/ifx-progress-bar.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ifx-radio-button-group.cjs.entry.js +6 -1
  55. package/dist/cjs/ifx-radio-button-group.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ifx-radio-button.cjs.entry.js +7 -2
  57. package/dist/cjs/ifx-radio-button.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ifx-search-bar.cjs.entry.js +6 -1
  59. package/dist/cjs/ifx-search-bar.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ifx-search-field.cjs.entry.js +9 -1
  61. package/dist/cjs/ifx-search-field.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ifx-segmented-control.cjs.entry.js +9 -2
  63. package/dist/cjs/ifx-segmented-control.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ifx-select.cjs.entry.js +7 -2
  65. package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ifx-sidebar.cjs.entry.js +7 -5
  67. package/dist/cjs/ifx-sidebar.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ifx-slider.cjs.entry.js +7 -2
  69. package/dist/cjs/ifx-slider.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ifx-spinner_2.cjs.entry.js +17 -6
  71. package/dist/cjs/ifx-spinner_2.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ifx-status.cjs.entry.js +9 -1
  73. package/dist/cjs/ifx-status.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ifx-stepper.cjs.entry.js +7 -2
  75. package/dist/cjs/ifx-stepper.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ifx-switch.cjs.entry.js +6 -1
  77. package/dist/cjs/ifx-switch.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ifx-table.cjs.entry.js +7 -2
  79. package/dist/cjs/ifx-table.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ifx-tabs.cjs.entry.js +7 -2
  81. package/dist/cjs/ifx-tabs.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ifx-tag.cjs.entry.js +9 -1
  83. package/dist/cjs/ifx-tag.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ifx-textarea.cjs.entry.js +6 -1
  85. package/dist/cjs/ifx-textarea.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ifx-tooltip.cjs.entry.js +9 -4
  87. package/dist/cjs/ifx-tooltip.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ifx-tree-view.cjs.entry.js +9 -1
  89. package/dist/cjs/ifx-tree-view.cjs.entry.js.map +1 -1
  90. package/dist/cjs/tracking-f00364dc.js +41 -0
  91. package/dist/cjs/tracking-f00364dc.js.map +1 -0
  92. package/dist/collection/components/accordion/accordion.js +8 -2
  93. package/dist/collection/components/accordion/accordion.js.map +1 -1
  94. package/dist/collection/components/alert/alert.js +6 -0
  95. package/dist/collection/components/alert/alert.js.map +1 -1
  96. package/dist/collection/components/badge/badge.js +9 -1
  97. package/dist/collection/components/badge/badge.js.map +1 -1
  98. package/dist/collection/components/breadcrumb/breadcrumb.js +8 -1
  99. package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -1
  100. package/dist/collection/components/button/button.js +6 -1
  101. package/dist/collection/components/button/button.js.map +1 -1
  102. package/dist/collection/components/card/card.js +8 -3
  103. package/dist/collection/components/card/card.js.map +1 -1
  104. package/dist/collection/components/checkbox/checkbox.js +8 -3
  105. package/dist/collection/components/checkbox/checkbox.js.map +1 -1
  106. package/dist/collection/components/checkbox-group/checkbox-group.js +6 -1
  107. package/dist/collection/components/checkbox-group/checkbox-group.js.map +1 -1
  108. package/dist/collection/components/chip/chip.js +13 -8
  109. package/dist/collection/components/chip/chip.js.map +1 -1
  110. package/dist/collection/components/content-switcher/content-switcher.js +6 -1
  111. package/dist/collection/components/content-switcher/content-switcher.js.map +1 -1
  112. package/dist/collection/components/date-picker/date-picker.js +9 -2
  113. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  114. package/dist/collection/components/dropdown/dropdown.js +6 -1
  115. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  116. package/dist/collection/components/file-upload/file-upload.js +9 -2
  117. package/dist/collection/components/file-upload/file-upload.js.map +1 -1
  118. package/dist/collection/components/footer/footer.js +9 -4
  119. package/dist/collection/components/footer/footer.js.map +1 -1
  120. package/dist/collection/components/icon/infineonIconStencil.js +31 -1
  121. package/dist/collection/components/icon/infineonIconStencil.js.map +1 -1
  122. package/dist/collection/components/icon-button/icon-button.js +6 -1
  123. package/dist/collection/components/icon-button/icon-button.js.map +1 -1
  124. package/dist/collection/components/indicator/indicator.js +7 -2
  125. package/dist/collection/components/indicator/indicator.js.map +1 -1
  126. package/dist/collection/components/link/link.js +9 -1
  127. package/dist/collection/components/link/link.js.map +1 -1
  128. package/dist/collection/components/modal/modal.js +9 -2
  129. package/dist/collection/components/modal/modal.js.map +1 -1
  130. package/dist/collection/components/navigation/navbar/navbar.js +5 -3
  131. package/dist/collection/components/navigation/navbar/navbar.js.map +1 -1
  132. package/dist/collection/components/navigation/sidebar/sidebar.js +7 -5
  133. package/dist/collection/components/navigation/sidebar/sidebar.js.map +1 -1
  134. package/dist/collection/components/notification/notification.js +10 -2
  135. package/dist/collection/components/notification/notification.js.map +1 -1
  136. package/dist/collection/components/pagination/pagination.js +6 -1
  137. package/dist/collection/components/pagination/pagination.js.map +1 -1
  138. package/dist/collection/components/progress-bar/progress-bar.js +7 -1
  139. package/dist/collection/components/progress-bar/progress-bar.js.map +1 -1
  140. package/dist/collection/components/radio-button/radio-button.js +7 -2
  141. package/dist/collection/components/radio-button/radio-button.js.map +1 -1
  142. package/dist/collection/components/radio-button-group/radio-button-group.js +6 -1
  143. package/dist/collection/components/radio-button-group/radio-button-group.js.map +1 -1
  144. package/dist/collection/components/search-bar/search-bar.js +6 -1
  145. package/dist/collection/components/search-bar/search-bar.js.map +1 -1
  146. package/dist/collection/components/search-field/search-field.js +9 -1
  147. package/dist/collection/components/search-field/search-field.js.map +1 -1
  148. package/dist/collection/components/segmented-control/segmented-control.js +9 -2
  149. package/dist/collection/components/segmented-control/segmented-control.js.map +1 -1
  150. package/dist/collection/components/select/multi-select/multiselect.js +5 -0
  151. package/dist/collection/components/select/multi-select/multiselect.js.map +1 -1
  152. package/dist/collection/components/select/single-select/select.js +7 -2
  153. package/dist/collection/components/select/single-select/select.js.map +1 -1
  154. package/dist/collection/components/slider/slider.js +7 -2
  155. package/dist/collection/components/slider/slider.js.map +1 -1
  156. package/dist/collection/components/spinner/spinner.js +10 -2
  157. package/dist/collection/components/spinner/spinner.js.map +1 -1
  158. package/dist/collection/components/status/status.js +9 -1
  159. package/dist/collection/components/status/status.js.map +1 -1
  160. package/dist/collection/components/stepper/stepper.js +7 -2
  161. package/dist/collection/components/stepper/stepper.js.map +1 -1
  162. package/dist/collection/components/switch/switch.js +6 -1
  163. package/dist/collection/components/switch/switch.js.map +1 -1
  164. package/dist/collection/components/table-advanced-version/table.js +7 -2
  165. package/dist/collection/components/table-advanced-version/table.js.map +1 -1
  166. package/dist/collection/components/table-basic-version/table.js +6 -1
  167. package/dist/collection/components/table-basic-version/table.js.map +1 -1
  168. package/dist/collection/components/tabs/tabs.js +7 -3
  169. package/dist/collection/components/tabs/tabs.js.map +1 -1
  170. package/dist/collection/components/tag/tag.js +9 -1
  171. package/dist/collection/components/tag/tag.js.map +1 -1
  172. package/dist/collection/components/text-field/text-field.js +9 -4
  173. package/dist/collection/components/text-field/text-field.js.map +1 -1
  174. package/dist/collection/components/textarea/textarea.js +6 -1
  175. package/dist/collection/components/textarea/textarea.js.map +1 -1
  176. package/dist/collection/components/tooltip/tooltip.js +9 -4
  177. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  178. package/dist/collection/components/tree-view/tree-view.js +9 -1
  179. package/dist/collection/components/tree-view/tree-view.js.map +1 -1
  180. package/dist/collection/global/utils/dom-utils.js +15 -0
  181. package/dist/collection/global/utils/dom-utils.js.map +1 -0
  182. package/dist/collection/global/utils/tracking.js +37 -0
  183. package/dist/collection/global/utils/tracking.js.map +1 -0
  184. package/dist/components/ifx-accordion-item.js +1 -1
  185. package/dist/components/ifx-accordion.js +1 -1
  186. package/dist/components/ifx-alert.js +1 -1
  187. package/dist/components/ifx-badge.js +9 -1
  188. package/dist/components/ifx-badge.js.map +1 -1
  189. package/dist/components/ifx-basic-table.js +6 -1
  190. package/dist/components/ifx-basic-table.js.map +1 -1
  191. package/dist/components/ifx-breadcrumb-item-label.js +1 -1
  192. package/dist/components/ifx-breadcrumb.js +8 -1
  193. package/dist/components/ifx-breadcrumb.js.map +1 -1
  194. package/dist/components/ifx-button.js +1 -1
  195. package/dist/components/ifx-card.js +8 -3
  196. package/dist/components/ifx-card.js.map +1 -1
  197. package/dist/components/ifx-checkbox-group.js +7 -2
  198. package/dist/components/ifx-checkbox-group.js.map +1 -1
  199. package/dist/components/ifx-checkbox.js +1 -1
  200. package/dist/components/ifx-chip-item.js +1 -1
  201. package/dist/components/ifx-chip.js +1 -1
  202. package/dist/components/ifx-content-switcher.js +6 -1
  203. package/dist/components/ifx-content-switcher.js.map +1 -1
  204. package/dist/components/ifx-date-picker.js +10 -3
  205. package/dist/components/ifx-date-picker.js.map +1 -1
  206. package/dist/components/ifx-download.js +1 -1
  207. package/dist/components/ifx-dropdown-item.js +1 -1
  208. package/dist/components/ifx-dropdown-trigger-button.js +2 -2
  209. package/dist/components/ifx-dropdown.js +6 -1
  210. package/dist/components/ifx-dropdown.js.map +1 -1
  211. package/dist/components/ifx-faq.js +3 -3
  212. package/dist/components/ifx-file-upload.js +13 -6
  213. package/dist/components/ifx-file-upload.js.map +1 -1
  214. package/dist/components/ifx-filter-accordion.js +2 -2
  215. package/dist/components/ifx-filter-bar.js +2 -2
  216. package/dist/components/ifx-filter-search.js +2 -2
  217. package/dist/components/ifx-footer.js +9 -4
  218. package/dist/components/ifx-footer.js.map +1 -1
  219. package/dist/components/ifx-icon-button.js +1 -1
  220. package/dist/components/ifx-icon.js +1 -1
  221. package/dist/components/ifx-icons-preview.js +4 -4
  222. package/dist/components/ifx-indicator.js +1 -1
  223. package/dist/components/ifx-link.js +1 -1
  224. package/dist/components/ifx-list-entry.js +3 -3
  225. package/dist/components/ifx-list.js +2 -2
  226. package/dist/components/ifx-modal.js +11 -4
  227. package/dist/components/ifx-modal.js.map +1 -1
  228. package/dist/components/ifx-multiselect.js +1 -1
  229. package/dist/components/ifx-navbar-item.js +2 -2
  230. package/dist/components/ifx-navbar.js +6 -4
  231. package/dist/components/ifx-navbar.js.map +1 -1
  232. package/dist/components/ifx-notification.js +1 -1
  233. package/dist/components/ifx-overview-table.js +3 -3
  234. package/dist/components/ifx-pagination.js +1 -1
  235. package/dist/components/ifx-progress-bar.js +1 -1
  236. package/dist/components/ifx-radio-button-group.js +7 -2
  237. package/dist/components/ifx-radio-button-group.js.map +1 -1
  238. package/dist/components/ifx-radio-button.js +1 -1
  239. package/dist/components/ifx-search-bar.js +8 -3
  240. package/dist/components/ifx-search-bar.js.map +1 -1
  241. package/dist/components/ifx-search-field.js +1 -1
  242. package/dist/components/ifx-segment.js +1 -1
  243. package/dist/components/ifx-segmented-control.js +10 -3
  244. package/dist/components/ifx-segmented-control.js.map +1 -1
  245. package/dist/components/ifx-select.js +1 -1
  246. package/dist/components/ifx-set-filter.js +5 -5
  247. package/dist/components/ifx-sidebar-item.js +2 -2
  248. package/dist/components/ifx-sidebar.js +7 -5
  249. package/dist/components/ifx-sidebar.js.map +1 -1
  250. package/dist/components/ifx-slider.js +8 -3
  251. package/dist/components/ifx-slider.js.map +1 -1
  252. package/dist/components/ifx-spinner.js +1 -1
  253. package/dist/components/ifx-status.js +9 -1
  254. package/dist/components/ifx-status.js.map +1 -1
  255. package/dist/components/ifx-step.js +1 -1
  256. package/dist/components/ifx-stepper.js +7 -2
  257. package/dist/components/ifx-stepper.js.map +1 -1
  258. package/dist/components/ifx-switch.js +6 -1
  259. package/dist/components/ifx-switch.js.map +1 -1
  260. package/dist/components/ifx-table.js +16 -11
  261. package/dist/components/ifx-table.js.map +1 -1
  262. package/dist/components/ifx-tabs.js +8 -3
  263. package/dist/components/ifx-tabs.js.map +1 -1
  264. package/dist/components/ifx-tag.js +10 -2
  265. package/dist/components/ifx-tag.js.map +1 -1
  266. package/dist/components/ifx-template.js +1 -1
  267. package/dist/components/ifx-templates-ui.js +8 -8
  268. package/dist/components/ifx-text-field.js +1 -1
  269. package/dist/components/ifx-textarea.js +6 -1
  270. package/dist/components/ifx-textarea.js.map +1 -1
  271. package/dist/components/ifx-tooltip.js +10 -5
  272. package/dist/components/ifx-tooltip.js.map +1 -1
  273. package/dist/components/ifx-tree-view-item.js +2 -2
  274. package/dist/components/ifx-tree-view.js +9 -1
  275. package/dist/components/ifx-tree-view.js.map +1 -1
  276. package/dist/components/{p-a8d0ef73.js → p-0905733d.js} +16 -11
  277. package/dist/components/p-0905733d.js.map +1 -0
  278. package/dist/components/{p-0c449780.js → p-0d6ca0f6.js} +8 -3
  279. package/dist/components/p-0d6ca0f6.js.map +1 -0
  280. package/dist/components/{p-186dacc8.js → p-13126216.js} +10 -5
  281. package/dist/components/p-13126216.js.map +1 -0
  282. package/dist/components/{p-2a65d85a.js → p-13578a85.js} +6 -6
  283. package/dist/components/{p-2a65d85a.js.map → p-13578a85.js.map} +1 -1
  284. package/dist/components/{p-c9aec5fa.js → p-1ad917f9.js} +9 -4
  285. package/dist/components/p-1ad917f9.js.map +1 -0
  286. package/dist/components/p-1ecafb97.js +18 -0
  287. package/dist/components/p-1ecafb97.js.map +1 -0
  288. package/dist/components/{p-67573b5f.js → p-24382260.js} +11 -6
  289. package/dist/components/p-24382260.js.map +1 -0
  290. package/dist/components/{p-cd833a9b.js → p-347a1b14.js} +8 -3
  291. package/dist/components/p-347a1b14.js.map +1 -0
  292. package/dist/components/{p-38396fe7.js → p-465d3172.js} +11 -3
  293. package/dist/components/p-465d3172.js.map +1 -0
  294. package/dist/components/{p-bb4de57d.js → p-4fc475c9.js} +35 -2
  295. package/dist/components/p-4fc475c9.js.map +1 -0
  296. package/dist/components/{p-357107c5.js → p-54b39a91.js} +8 -3
  297. package/dist/components/p-54b39a91.js.map +1 -0
  298. package/dist/components/{p-5e9d3450.js → p-6d95b3c1.js} +8 -2
  299. package/dist/components/p-6d95b3c1.js.map +1 -0
  300. package/dist/components/p-6ecb6a6f.js +39 -0
  301. package/dist/components/p-6ecb6a6f.js.map +1 -0
  302. package/dist/components/{p-17df0350.js → p-816b2612.js} +7 -2
  303. package/dist/components/p-816b2612.js.map +1 -0
  304. package/dist/components/{p-b0039ef1.js → p-830057b3.js} +8 -2
  305. package/dist/components/p-830057b3.js.map +1 -0
  306. package/dist/components/{p-6d12f845.js → p-8cb991f4.js} +13 -5
  307. package/dist/components/p-8cb991f4.js.map +1 -0
  308. package/dist/components/{p-9142f93b.js → p-94da6823.js} +8 -3
  309. package/dist/components/p-94da6823.js.map +1 -0
  310. package/dist/components/{p-53d4339c.js → p-9ea9e274.js} +10 -2
  311. package/dist/components/p-9ea9e274.js.map +1 -0
  312. package/dist/components/{p-ed739e86.js → p-cca71d97.js} +9 -2
  313. package/dist/components/p-cca71d97.js.map +1 -0
  314. package/dist/components/{p-cc5bd74b.js → p-cf109552.js} +10 -5
  315. package/dist/components/p-cf109552.js.map +1 -0
  316. package/dist/components/{p-a4922416.js → p-e126ea6f.js} +11 -3
  317. package/dist/components/p-e126ea6f.js.map +1 -0
  318. package/dist/components/{p-cd913238.js → p-ee0f87ac.js} +3 -3
  319. package/dist/components/{p-cd913238.js.map → p-ee0f87ac.js.map} +1 -1
  320. package/dist/components/{p-d1790232.js → p-fe90e932.js} +2 -2
  321. package/dist/components/{p-d1790232.js.map → p-fe90e932.js.map} +1 -1
  322. package/dist/esm/dom-utils-1988cdf1.js +18 -0
  323. package/dist/esm/dom-utils-1988cdf1.js.map +1 -0
  324. package/dist/esm/{icons-788fe290.js → icons-75858876.js} +4 -1
  325. package/dist/esm/icons-75858876.js.map +1 -0
  326. package/dist/esm/ifx-accordion_2.entry.js +8 -1
  327. package/dist/esm/ifx-accordion_2.entry.js.map +1 -1
  328. package/dist/esm/ifx-alert_2.entry.js +6 -0
  329. package/dist/esm/ifx-alert_2.entry.js.map +1 -1
  330. package/dist/esm/ifx-badge.entry.js +10 -2
  331. package/dist/esm/ifx-badge.entry.js.map +1 -1
  332. package/dist/esm/ifx-basic-table.entry.js +6 -1
  333. package/dist/esm/ifx-basic-table.entry.js.map +1 -1
  334. package/dist/esm/ifx-breadcrumb.entry.js +8 -1
  335. package/dist/esm/ifx-breadcrumb.entry.js.map +1 -1
  336. package/dist/esm/ifx-button.entry.js +6 -1
  337. package/dist/esm/ifx-button.entry.js.map +1 -1
  338. package/dist/esm/ifx-card.entry.js +8 -3
  339. package/dist/esm/ifx-card.entry.js.map +1 -1
  340. package/dist/esm/ifx-checkbox-group.entry.js +6 -1
  341. package/dist/esm/ifx-checkbox-group.entry.js.map +1 -1
  342. package/dist/esm/ifx-checkbox.entry.js +8 -3
  343. package/dist/esm/ifx-checkbox.entry.js.map +1 -1
  344. package/dist/esm/ifx-chip_3.entry.js +17 -9
  345. package/dist/esm/ifx-chip_3.entry.js.map +1 -1
  346. package/dist/esm/ifx-content-switcher.entry.js +6 -1
  347. package/dist/esm/ifx-content-switcher.entry.js.map +1 -1
  348. package/dist/esm/ifx-date-picker.entry.js +9 -2
  349. package/dist/esm/ifx-date-picker.entry.js.map +1 -1
  350. package/dist/esm/ifx-dropdown.entry.js +6 -1
  351. package/dist/esm/ifx-dropdown.entry.js.map +1 -1
  352. package/dist/esm/ifx-file-upload.entry.js +9 -2
  353. package/dist/esm/ifx-file-upload.entry.js.map +1 -1
  354. package/dist/esm/ifx-footer.entry.js +9 -4
  355. package/dist/esm/ifx-footer.entry.js.map +1 -1
  356. package/dist/esm/ifx-icon-button.entry.js +6 -1
  357. package/dist/esm/ifx-icon-button.entry.js.map +1 -1
  358. package/dist/esm/ifx-icon.entry.js +33 -3
  359. package/dist/esm/ifx-icon.entry.js.map +1 -1
  360. package/dist/esm/ifx-icons-preview.entry.js +1 -1
  361. package/dist/esm/ifx-indicator.entry.js +7 -2
  362. package/dist/esm/ifx-indicator.entry.js.map +1 -1
  363. package/dist/esm/ifx-link.entry.js +10 -2
  364. package/dist/esm/ifx-link.entry.js.map +1 -1
  365. package/dist/esm/ifx-modal.entry.js +9 -2
  366. package/dist/esm/ifx-modal.entry.js.map +1 -1
  367. package/dist/esm/ifx-multiselect.entry.js +5 -0
  368. package/dist/esm/ifx-multiselect.entry.js.map +1 -1
  369. package/dist/esm/ifx-navbar.entry.js +5 -3
  370. package/dist/esm/ifx-navbar.entry.js.map +1 -1
  371. package/dist/esm/ifx-notification.entry.js +11 -3
  372. package/dist/esm/ifx-notification.entry.js.map +1 -1
  373. package/dist/esm/ifx-progress-bar.entry.js +8 -2
  374. package/dist/esm/ifx-progress-bar.entry.js.map +1 -1
  375. package/dist/esm/ifx-radio-button-group.entry.js +6 -1
  376. package/dist/esm/ifx-radio-button-group.entry.js.map +1 -1
  377. package/dist/esm/ifx-radio-button.entry.js +7 -2
  378. package/dist/esm/ifx-radio-button.entry.js.map +1 -1
  379. package/dist/esm/ifx-search-bar.entry.js +6 -1
  380. package/dist/esm/ifx-search-bar.entry.js.map +1 -1
  381. package/dist/esm/ifx-search-field.entry.js +10 -2
  382. package/dist/esm/ifx-search-field.entry.js.map +1 -1
  383. package/dist/esm/ifx-segmented-control.entry.js +9 -2
  384. package/dist/esm/ifx-segmented-control.entry.js.map +1 -1
  385. package/dist/esm/ifx-select.entry.js +7 -2
  386. package/dist/esm/ifx-select.entry.js.map +1 -1
  387. package/dist/esm/ifx-sidebar.entry.js +7 -5
  388. package/dist/esm/ifx-sidebar.entry.js.map +1 -1
  389. package/dist/esm/ifx-slider.entry.js +7 -2
  390. package/dist/esm/ifx-slider.entry.js.map +1 -1
  391. package/dist/esm/ifx-spinner_2.entry.js +18 -7
  392. package/dist/esm/ifx-spinner_2.entry.js.map +1 -1
  393. package/dist/esm/ifx-status.entry.js +10 -2
  394. package/dist/esm/ifx-status.entry.js.map +1 -1
  395. package/dist/esm/ifx-stepper.entry.js +7 -2
  396. package/dist/esm/ifx-stepper.entry.js.map +1 -1
  397. package/dist/esm/ifx-switch.entry.js +6 -1
  398. package/dist/esm/ifx-switch.entry.js.map +1 -1
  399. package/dist/esm/ifx-table.entry.js +7 -2
  400. package/dist/esm/ifx-table.entry.js.map +1 -1
  401. package/dist/esm/ifx-tabs.entry.js +7 -2
  402. package/dist/esm/ifx-tabs.entry.js.map +1 -1
  403. package/dist/esm/ifx-tag.entry.js +10 -2
  404. package/dist/esm/ifx-tag.entry.js.map +1 -1
  405. package/dist/esm/ifx-textarea.entry.js +6 -1
  406. package/dist/esm/ifx-textarea.entry.js.map +1 -1
  407. package/dist/esm/ifx-tooltip.entry.js +9 -4
  408. package/dist/esm/ifx-tooltip.entry.js.map +1 -1
  409. package/dist/esm/ifx-tree-view.entry.js +10 -2
  410. package/dist/esm/ifx-tree-view.entry.js.map +1 -1
  411. package/dist/esm/tracking-a7efdbcd.js +39 -0
  412. package/dist/esm/tracking-a7efdbcd.js.map +1 -0
  413. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  414. package/dist/infineon-design-system-stencil/p-0c60ce87.entry.js +2 -0
  415. package/dist/infineon-design-system-stencil/p-0c60ce87.entry.js.map +1 -0
  416. package/dist/infineon-design-system-stencil/p-14842bbb.entry.js +2 -0
  417. package/dist/infineon-design-system-stencil/p-14842bbb.entry.js.map +1 -0
  418. package/dist/infineon-design-system-stencil/p-19fcf1db.entry.js +2 -0
  419. package/dist/infineon-design-system-stencil/p-19fcf1db.entry.js.map +1 -0
  420. package/dist/infineon-design-system-stencil/p-1ecafb97.js +2 -0
  421. package/dist/infineon-design-system-stencil/p-1ecafb97.js.map +1 -0
  422. package/dist/infineon-design-system-stencil/p-1fd80576.entry.js +2 -0
  423. package/dist/infineon-design-system-stencil/p-1fd80576.entry.js.map +1 -0
  424. package/dist/infineon-design-system-stencil/p-227fa186.entry.js +2 -0
  425. package/dist/infineon-design-system-stencil/p-227fa186.entry.js.map +1 -0
  426. package/dist/infineon-design-system-stencil/p-26c73456.entry.js +2 -0
  427. package/dist/infineon-design-system-stencil/p-26c73456.entry.js.map +1 -0
  428. package/dist/infineon-design-system-stencil/p-296f215f.entry.js +2 -0
  429. package/dist/infineon-design-system-stencil/p-296f215f.entry.js.map +1 -0
  430. package/dist/infineon-design-system-stencil/p-32b0dfda.entry.js +2 -0
  431. package/dist/infineon-design-system-stencil/p-32b0dfda.entry.js.map +1 -0
  432. package/dist/infineon-design-system-stencil/{p-27d2afb4.js → p-4d96fed0.js} +2 -2
  433. package/dist/infineon-design-system-stencil/p-4d96fed0.js.map +1 -0
  434. package/dist/infineon-design-system-stencil/p-4eda4ef3.entry.js +2 -0
  435. package/dist/infineon-design-system-stencil/p-4eda4ef3.entry.js.map +1 -0
  436. package/dist/infineon-design-system-stencil/p-52420868.entry.js +2 -0
  437. package/dist/infineon-design-system-stencil/p-52420868.entry.js.map +1 -0
  438. package/dist/infineon-design-system-stencil/p-5493e6f5.entry.js +2 -0
  439. package/dist/infineon-design-system-stencil/p-5493e6f5.entry.js.map +1 -0
  440. package/dist/infineon-design-system-stencil/p-5a12d20a.entry.js +2 -0
  441. package/dist/infineon-design-system-stencil/p-5a12d20a.entry.js.map +1 -0
  442. package/dist/infineon-design-system-stencil/p-65255c40.entry.js +2 -0
  443. package/dist/infineon-design-system-stencil/p-65255c40.entry.js.map +1 -0
  444. package/dist/infineon-design-system-stencil/p-68423787.entry.js +2 -0
  445. package/dist/infineon-design-system-stencil/p-68423787.entry.js.map +1 -0
  446. package/dist/infineon-design-system-stencil/p-6d72ad32.entry.js +2 -0
  447. package/dist/infineon-design-system-stencil/p-6d72ad32.entry.js.map +1 -0
  448. package/dist/infineon-design-system-stencil/p-6ecb6a6f.js +2 -0
  449. package/dist/infineon-design-system-stencil/p-6ecb6a6f.js.map +1 -0
  450. package/dist/infineon-design-system-stencil/p-73d39ed6.entry.js +2 -0
  451. package/dist/infineon-design-system-stencil/p-73d39ed6.entry.js.map +1 -0
  452. package/dist/infineon-design-system-stencil/{p-0d3e5a0d.entry.js → p-76914839.entry.js} +2 -2
  453. package/dist/infineon-design-system-stencil/p-76914839.entry.js.map +1 -0
  454. package/dist/infineon-design-system-stencil/p-796675ed.entry.js +2 -0
  455. package/dist/infineon-design-system-stencil/p-796675ed.entry.js.map +1 -0
  456. package/dist/infineon-design-system-stencil/p-79b7d7a2.entry.js +2 -0
  457. package/dist/infineon-design-system-stencil/p-79b7d7a2.entry.js.map +1 -0
  458. package/dist/infineon-design-system-stencil/p-82c59e6b.entry.js +2 -0
  459. package/dist/infineon-design-system-stencil/p-82c59e6b.entry.js.map +1 -0
  460. package/dist/infineon-design-system-stencil/p-82dd7e7d.entry.js +2 -0
  461. package/dist/infineon-design-system-stencil/p-82dd7e7d.entry.js.map +1 -0
  462. package/dist/infineon-design-system-stencil/p-877e1d37.entry.js +2 -0
  463. package/dist/infineon-design-system-stencil/p-877e1d37.entry.js.map +1 -0
  464. package/dist/infineon-design-system-stencil/p-8a7bfe65.entry.js +2 -0
  465. package/dist/infineon-design-system-stencil/p-8a7bfe65.entry.js.map +1 -0
  466. package/dist/infineon-design-system-stencil/p-98532a0e.entry.js +2 -0
  467. package/dist/infineon-design-system-stencil/p-98532a0e.entry.js.map +1 -0
  468. package/dist/infineon-design-system-stencil/{p-7440ea9d.entry.js → p-9c28f35f.entry.js} +3 -3
  469. package/dist/infineon-design-system-stencil/p-9c28f35f.entry.js.map +1 -0
  470. package/dist/infineon-design-system-stencil/p-a0006775.entry.js +2 -0
  471. package/dist/infineon-design-system-stencil/p-a0006775.entry.js.map +1 -0
  472. package/dist/infineon-design-system-stencil/{p-88af2e64.entry.js → p-aaf08082.entry.js} +2 -2
  473. package/dist/infineon-design-system-stencil/p-ac7db8d1.entry.js +2 -0
  474. package/dist/infineon-design-system-stencil/p-ac7db8d1.entry.js.map +1 -0
  475. package/dist/infineon-design-system-stencil/p-ae8110b7.entry.js +2 -0
  476. package/dist/infineon-design-system-stencil/p-ae8110b7.entry.js.map +1 -0
  477. package/dist/infineon-design-system-stencil/p-aeaa6d0b.entry.js +2 -0
  478. package/dist/infineon-design-system-stencil/p-aeaa6d0b.entry.js.map +1 -0
  479. package/dist/infineon-design-system-stencil/p-b110d5d4.entry.js +2 -0
  480. package/dist/infineon-design-system-stencil/p-b110d5d4.entry.js.map +1 -0
  481. package/dist/infineon-design-system-stencil/p-b17a0e8c.entry.js +2 -0
  482. package/dist/infineon-design-system-stencil/p-b17a0e8c.entry.js.map +1 -0
  483. package/dist/infineon-design-system-stencil/p-bb7b2a3c.entry.js +2 -0
  484. package/dist/infineon-design-system-stencil/p-bb7b2a3c.entry.js.map +1 -0
  485. package/dist/infineon-design-system-stencil/p-c164c83b.entry.js +2 -0
  486. package/dist/infineon-design-system-stencil/p-c164c83b.entry.js.map +1 -0
  487. package/dist/infineon-design-system-stencil/p-c220733b.entry.js +2 -0
  488. package/dist/infineon-design-system-stencil/p-c220733b.entry.js.map +1 -0
  489. package/dist/infineon-design-system-stencil/p-c88876dc.entry.js +2 -0
  490. package/dist/infineon-design-system-stencil/p-c88876dc.entry.js.map +1 -0
  491. package/dist/infineon-design-system-stencil/p-e0978af0.entry.js +2 -0
  492. package/dist/infineon-design-system-stencil/p-e0978af0.entry.js.map +1 -0
  493. package/dist/infineon-design-system-stencil/p-e5018880.entry.js +2 -0
  494. package/dist/infineon-design-system-stencil/p-e5018880.entry.js.map +1 -0
  495. package/dist/infineon-design-system-stencil/p-ed869b07.entry.js +2 -0
  496. package/dist/infineon-design-system-stencil/p-ed869b07.entry.js.map +1 -0
  497. package/dist/infineon-design-system-stencil/p-eeb59f76.entry.js +2 -0
  498. package/dist/infineon-design-system-stencil/p-eeb59f76.entry.js.map +1 -0
  499. package/dist/infineon-design-system-stencil/p-f3f8d603.entry.js +2 -0
  500. package/dist/infineon-design-system-stencil/p-f3f8d603.entry.js.map +1 -0
  501. package/dist/infineon-design-system-stencil/p-fb6a813b.entry.js +2 -0
  502. package/dist/infineon-design-system-stencil/p-fb6a813b.entry.js.map +1 -0
  503. package/dist/infineon-design-system-stencil/p-fe22fc31.entry.js +2 -0
  504. package/dist/infineon-design-system-stencil/p-fe22fc31.entry.js.map +1 -0
  505. package/dist/types/components/accordion/accordion.d.ts +1 -0
  506. package/dist/types/components/alert/alert.d.ts +1 -0
  507. package/dist/types/components/badge/badge.d.ts +2 -0
  508. package/dist/types/components/breadcrumb/breadcrumb.d.ts +1 -0
  509. package/dist/types/components/date-picker/date-picker.d.ts +1 -0
  510. package/dist/types/components/file-upload/file-upload.d.ts +1 -0
  511. package/dist/types/components/icon/infineonIconStencil.d.ts +3 -0
  512. package/dist/types/components/link/link.d.ts +2 -0
  513. package/dist/types/components/modal/modal.d.ts +1 -0
  514. package/dist/types/components/notification/notification.d.ts +2 -0
  515. package/dist/types/components/progress-bar/progress-bar.d.ts +1 -0
  516. package/dist/types/components/search-field/search-field.d.ts +2 -0
  517. package/dist/types/components/segmented-control/segmented-control.d.ts +1 -0
  518. package/dist/types/components/spinner/spinner.d.ts +2 -0
  519. package/dist/types/components/status/status.d.ts +2 -0
  520. package/dist/types/components/tag/tag.d.ts +2 -0
  521. package/dist/types/components/tree-view/tree-view.d.ts +2 -0
  522. package/dist/types/global/utils/dom-utils.d.ts +1 -0
  523. package/dist/types/global/utils/tracking.d.ts +9 -0
  524. package/package.json +2 -2
  525. package/dist/cjs/icons-0d4d096d.js.map +0 -1
  526. package/dist/components/p-0c449780.js.map +0 -1
  527. package/dist/components/p-17df0350.js.map +0 -1
  528. package/dist/components/p-186dacc8.js.map +0 -1
  529. package/dist/components/p-357107c5.js.map +0 -1
  530. package/dist/components/p-38396fe7.js.map +0 -1
  531. package/dist/components/p-53d4339c.js.map +0 -1
  532. package/dist/components/p-5e9d3450.js.map +0 -1
  533. package/dist/components/p-67573b5f.js.map +0 -1
  534. package/dist/components/p-6d12f845.js.map +0 -1
  535. package/dist/components/p-9142f93b.js.map +0 -1
  536. package/dist/components/p-a4922416.js.map +0 -1
  537. package/dist/components/p-a8d0ef73.js.map +0 -1
  538. package/dist/components/p-b0039ef1.js.map +0 -1
  539. package/dist/components/p-bb4de57d.js.map +0 -1
  540. package/dist/components/p-c9aec5fa.js.map +0 -1
  541. package/dist/components/p-cc5bd74b.js.map +0 -1
  542. package/dist/components/p-cd833a9b.js.map +0 -1
  543. package/dist/components/p-ed739e86.js.map +0 -1
  544. package/dist/esm/icons-788fe290.js.map +0 -1
  545. package/dist/infineon-design-system-stencil/p-061bfdb1.entry.js +0 -2
  546. package/dist/infineon-design-system-stencil/p-061bfdb1.entry.js.map +0 -1
  547. package/dist/infineon-design-system-stencil/p-06bfabcf.entry.js +0 -2
  548. package/dist/infineon-design-system-stencil/p-06bfabcf.entry.js.map +0 -1
  549. package/dist/infineon-design-system-stencil/p-0d3e5a0d.entry.js.map +0 -1
  550. package/dist/infineon-design-system-stencil/p-1048ee19.entry.js +0 -2
  551. package/dist/infineon-design-system-stencil/p-1048ee19.entry.js.map +0 -1
  552. package/dist/infineon-design-system-stencil/p-142878ee.entry.js +0 -2
  553. package/dist/infineon-design-system-stencil/p-142878ee.entry.js.map +0 -1
  554. package/dist/infineon-design-system-stencil/p-17f3f2f5.entry.js +0 -2
  555. package/dist/infineon-design-system-stencil/p-17f3f2f5.entry.js.map +0 -1
  556. package/dist/infineon-design-system-stencil/p-2006c7a0.entry.js +0 -2
  557. package/dist/infineon-design-system-stencil/p-2006c7a0.entry.js.map +0 -1
  558. package/dist/infineon-design-system-stencil/p-27d2afb4.js.map +0 -1
  559. package/dist/infineon-design-system-stencil/p-292cff35.entry.js +0 -2
  560. package/dist/infineon-design-system-stencil/p-292cff35.entry.js.map +0 -1
  561. package/dist/infineon-design-system-stencil/p-2d89c5e0.entry.js +0 -2
  562. package/dist/infineon-design-system-stencil/p-2d89c5e0.entry.js.map +0 -1
  563. package/dist/infineon-design-system-stencil/p-33a4fd0a.entry.js +0 -2
  564. package/dist/infineon-design-system-stencil/p-33a4fd0a.entry.js.map +0 -1
  565. package/dist/infineon-design-system-stencil/p-37d6c639.entry.js +0 -2
  566. package/dist/infineon-design-system-stencil/p-37d6c639.entry.js.map +0 -1
  567. package/dist/infineon-design-system-stencil/p-3d23deba.entry.js +0 -2
  568. package/dist/infineon-design-system-stencil/p-3d23deba.entry.js.map +0 -1
  569. package/dist/infineon-design-system-stencil/p-3ff96710.entry.js +0 -2
  570. package/dist/infineon-design-system-stencil/p-3ff96710.entry.js.map +0 -1
  571. package/dist/infineon-design-system-stencil/p-47a3e831.entry.js +0 -2
  572. package/dist/infineon-design-system-stencil/p-47a3e831.entry.js.map +0 -1
  573. package/dist/infineon-design-system-stencil/p-487d2155.entry.js +0 -2
  574. package/dist/infineon-design-system-stencil/p-487d2155.entry.js.map +0 -1
  575. package/dist/infineon-design-system-stencil/p-49252616.entry.js +0 -2
  576. package/dist/infineon-design-system-stencil/p-49252616.entry.js.map +0 -1
  577. package/dist/infineon-design-system-stencil/p-5b5c144f.entry.js +0 -2
  578. package/dist/infineon-design-system-stencil/p-5b5c144f.entry.js.map +0 -1
  579. package/dist/infineon-design-system-stencil/p-65fe2246.entry.js +0 -2
  580. package/dist/infineon-design-system-stencil/p-65fe2246.entry.js.map +0 -1
  581. package/dist/infineon-design-system-stencil/p-676fb63a.entry.js +0 -2
  582. package/dist/infineon-design-system-stencil/p-676fb63a.entry.js.map +0 -1
  583. package/dist/infineon-design-system-stencil/p-6790d912.entry.js +0 -2
  584. package/dist/infineon-design-system-stencil/p-6790d912.entry.js.map +0 -1
  585. package/dist/infineon-design-system-stencil/p-6bdca580.entry.js +0 -2
  586. package/dist/infineon-design-system-stencil/p-6bdca580.entry.js.map +0 -1
  587. package/dist/infineon-design-system-stencil/p-702a48f8.entry.js +0 -2
  588. package/dist/infineon-design-system-stencil/p-702a48f8.entry.js.map +0 -1
  589. package/dist/infineon-design-system-stencil/p-741ee6fd.entry.js +0 -2
  590. package/dist/infineon-design-system-stencil/p-741ee6fd.entry.js.map +0 -1
  591. package/dist/infineon-design-system-stencil/p-7440ea9d.entry.js.map +0 -1
  592. package/dist/infineon-design-system-stencil/p-885adc48.entry.js +0 -2
  593. package/dist/infineon-design-system-stencil/p-885adc48.entry.js.map +0 -1
  594. package/dist/infineon-design-system-stencil/p-9149a20a.entry.js +0 -2
  595. package/dist/infineon-design-system-stencil/p-9149a20a.entry.js.map +0 -1
  596. package/dist/infineon-design-system-stencil/p-959285a7.entry.js +0 -2
  597. package/dist/infineon-design-system-stencil/p-959285a7.entry.js.map +0 -1
  598. package/dist/infineon-design-system-stencil/p-9fc0f50d.entry.js +0 -2
  599. package/dist/infineon-design-system-stencil/p-9fc0f50d.entry.js.map +0 -1
  600. package/dist/infineon-design-system-stencil/p-aadd1a9d.entry.js +0 -2
  601. package/dist/infineon-design-system-stencil/p-aadd1a9d.entry.js.map +0 -1
  602. package/dist/infineon-design-system-stencil/p-acf0f4ed.entry.js +0 -2
  603. package/dist/infineon-design-system-stencil/p-acf0f4ed.entry.js.map +0 -1
  604. package/dist/infineon-design-system-stencil/p-ad1ec9d6.entry.js +0 -2
  605. package/dist/infineon-design-system-stencil/p-ad1ec9d6.entry.js.map +0 -1
  606. package/dist/infineon-design-system-stencil/p-b637c44c.entry.js +0 -2
  607. package/dist/infineon-design-system-stencil/p-b637c44c.entry.js.map +0 -1
  608. package/dist/infineon-design-system-stencil/p-b73a5f18.entry.js +0 -2
  609. package/dist/infineon-design-system-stencil/p-b73a5f18.entry.js.map +0 -1
  610. package/dist/infineon-design-system-stencil/p-c2791360.entry.js +0 -2
  611. package/dist/infineon-design-system-stencil/p-c2791360.entry.js.map +0 -1
  612. package/dist/infineon-design-system-stencil/p-c5a785d7.entry.js +0 -2
  613. package/dist/infineon-design-system-stencil/p-c5a785d7.entry.js.map +0 -1
  614. package/dist/infineon-design-system-stencil/p-c84ef603.entry.js +0 -2
  615. package/dist/infineon-design-system-stencil/p-c84ef603.entry.js.map +0 -1
  616. package/dist/infineon-design-system-stencil/p-dd28f3a1.entry.js +0 -2
  617. package/dist/infineon-design-system-stencil/p-dd28f3a1.entry.js.map +0 -1
  618. package/dist/infineon-design-system-stencil/p-e98d2280.entry.js +0 -2
  619. package/dist/infineon-design-system-stencil/p-e98d2280.entry.js.map +0 -1
  620. package/dist/infineon-design-system-stencil/p-ecc17497.entry.js +0 -2
  621. package/dist/infineon-design-system-stencil/p-ecc17497.entry.js.map +0 -1
  622. package/dist/infineon-design-system-stencil/p-ef6d0dc6.entry.js +0 -2
  623. package/dist/infineon-design-system-stencil/p-ef6d0dc6.entry.js.map +0 -1
  624. package/dist/infineon-design-system-stencil/p-f25f014d.entry.js +0 -2
  625. package/dist/infineon-design-system-stencil/p-f25f014d.entry.js.map +0 -1
  626. package/dist/infineon-design-system-stencil/p-f338fb85.entry.js +0 -2
  627. package/dist/infineon-design-system-stencil/p-f338fb85.entry.js.map +0 -1
  628. /package/dist/infineon-design-system-stencil/{p-88af2e64.entry.js.map → p-aaf08082.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"names":["multiselectCss","IfxMultiselectStyle0","debounce","func","wait","timeout","executedFunction","args","later","clearTimeout","setTimeout","Multiselect","constructor","hostRef","this","batchSize","size","disabled","error","internalError","errorMessage","label","persistentSelectedOptions","placeholder","dropdownOpen","currentIndex","isLoading","loadedOptions","filteredOptions","showSearch","showSelectAll","showClearButton","optionCount","optionsProcessed","handleSearch","targetElement","searchTerm","value","toLowerCase","filter","option","matchesSearchTerm","includes","children","childrenMatch","some","child","handleDocumentClick","event","path","composedPath","dropdownElement","document","removeEventListener","ifxOpen","emit","updateOptions","loadInitialOptions","internalErrorMessage","fetchOptions","fetchMoreOptions","moreOptions","length","handleScroll","element","target","halfwayPoint","Math","floor","scrollHeight","clientHeight","scrollTop","startIndex","count","allOptions","options","JSON","parse","err","console","Array","isArray","countOptions","initiallySelected","collectSelectedOptions","initallySelectedNotInState","init","opt","slicedOptions","slice","selectedOptions","selected","concat","collectLeafOptions","existingOption","push","leafOptions","componentDidLoad","positionDropdown","componentWillLoad","isNestedInIfxComponent","el","trackComponent","updateInternalError","updateInternalErrorMessage","loadedOptionsChanged","onSelectionChange","newValue","_","formData","FormData","forEach","append","name","internals","setFormValue","handleOptionClick","isSelectionLimitReached","checkboxRef","toggleCheckedState","updateSelection","ifxSelect","newOptionsLength","maxItemCount","selectedOption","wasSelected","handleParentOptionClick","handleChildOptionClick","selectAll","selectAllRecursive","allChildrenSelected","every","newChildren","childOption","updateParentSelectedState","_a","isOptionIndeterminate","indeterminate","getSizeClass","toggleDropdown","addEventListener","waitForElement","querySelectorFunc","callback","maxTries","tries","request","requestAnimationFrame","elements","handleKeyDown","querySelectorAll","code","updateHighlightedOption","handleArrowDown","handleArrowUp","handleWrapperClick","currentTarget","clearSelection","wrapperRect","shadowRoot","querySelector","getBoundingClientRect","spaceBelow","window","innerHeight","bottom","spaceAbove","top","height","dropdownFlipped","classList","remove","add","focus","handleOptionKeyDown","e","key","stopPropagation","renderOption","index","isIndeterminate","isSelected","isOptionSelected","disableCheckbox","uniqueId","h","class","onKeyDown","onClick","tabindex","role","tabIndex","ref","id","checked","htmlFor","map","childIndex","renderSubOption","persistentOption","selectedChildren","findInOptions","foundInChildren","renderSelectAll","allSelected","noneSelected","that","toggleSelectAll","handleSelectAllKeydown","render","selectedOptionsLabels","isChildSelectedWithParent","parentOption","join","undefined","onScroll","type","onInput","icon","globalZIndex"],"sources":["src/components/select/multi-select/multiselect.scss?tag=ifx-multiselect&encapsulation=shadow","src/components/select/multi-select/multiselect.tsx"],"sourcesContent":["// @import '~choices.js/public/assets/styles/choices.css';\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.ifx-multiselect-container {\n position: relative;\n box-sizing: border-box;\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n &.small-select {\n height: 36px;\n }\n\n &.medium-select {\n height: 40px;\n }\n\n &:hover {\n cursor: pointer;\n }\n\n\n .ifx-label-wrapper {\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: anywhere;\n max-width: 100%;\n }\n\n .ifx-error-message-wrapper {\n color: #CD002F;\n font-size: tokens.$ifxFontSizeXs;\n line-height: tokens.$ifxLineHeightXs;\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: anywhere;\n max-width: 100%;\n }\n\n .ifx-multiselect-wrapper {\n background-color: tokens.$ifxColorBaseWhite;\n box-sizing: border-box;\n position: relative;\n display: flex;\n align-items: center;\n border: 1px solid tokens.$ifxColorEngineering400;\n border-radius: tokens.$ifxBorderRadius12;\n width: 100%;\n font-weight: 400;\n font-style: normal;\n\n\n &.small-select {\n height: 36px;\n padding: 8px 12px;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n }\n\n &.medium-select {\n height: 40px;\n padding: 8px 16px;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n }\n\n &:focus-visible {\n outline: none;\n }\n\n &:focus-visible:not(.active):not(:active) {\n outline: none;\n\n &::before {\n content: '';\n position: absolute;\n width: calc(100% + 4px);\n height: calc(100% + 4px);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 2px solid tokens.$ifxColorOcean500;\n border-radius: 2px;\n\n }\n }\n\n &.disabled {\n background: tokens.$ifxColorEngineering200;\n color: #575352;\n border-color: #575352;\n cursor: default;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n &.error {\n border-color: #CD002F;\n }\n\n &:hover:not(.focus, :focus) {\n border-color: tokens.$ifxColorEngineering500;\n }\n\n &.active {\n border-color: tokens.$ifxColorOcean500 !important; // Active border color\n\n & .icon-wrapper-up {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: tokens.$ifxSpace100;\n }\n\n & .icon-wrapper-down {\n display: none\n }\n }\n\n\n & .icon-wrapper-up {\n display: none;\n }\n\n & .icon-wrapper-down {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: tokens.$ifxSpace100;\n }\n\n &.is-flipped {\n .ifx-multiselect-dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n }\n }\n\n .ifx-multiselect-input {\n flex-grow: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &.placeholder {\n opacity: 0.5;\n }\n\n }\n\n\n .ifx-multiselect-icon-container {\n margin-left: auto;\n align-items: center;\n display: flex;\n }\n\n .ifx-clear-button {\n display: flex;\n &.hide { \n display: none;\n }\n }\n\n .ifx-multiselect-dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n margin-top: 2px;\n background-color: #fff;\n box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.10);\n max-height: 300px;\n /* Adjust based on your design */\n overflow-y: auto;\n z-index: 1000; \n\n .search-input {\n position: sticky;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n padding: 8px 16px;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n font-style: normal;\n font-weight: 400;\n box-sizing: border-box;\n background-color: tokens.$ifxColorBaseWhite;\n border: none;\n border-bottom: 1px solid tokens.$ifxColorEngineering400;\n\n &:focus {\n outline: none;\n border: 1px solid tokens.$ifxColorOcean500;\n }\n\n // Optional: Placeholder style\n &::placeholder {\n color: #999;\n }\n }\n }\n\n .option {\n position: relative;\n padding: 8px 16px;\n gap: 8px;\n align-items: center;\n display: flex;\n font-style: normal;\n font-weight: 400;\n\n &.small-select {\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n }\n\n &.medium-select {\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n }\n\n &:hover {\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &:focus:not(.disabled) {\n background-color: tokens.$ifxColorEngineering300;\n outline: none;\n }\n\n &.is-highlighted {\n background-color: tokens.$ifxColorEngineering200;\n ;\n }\n\n &.sub-option {\n padding-left: 30px;\n /* or however much indentation you want */\n }\n\n &.disabled {\n &:hover {\n cursor: default;\n }\n }\n\n label {\n cursor: inherit;\n }\n }\n\n\n\n}\n\n.select-all-wrapper {\n padding-top: 8px;\n}","import { Component, Prop, State, Event, EventEmitter, Element, h, Watch, AttachInternals } from '@stencil/core';\nimport { trackComponent } from '../../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../../global/utils/dom-utils';\nimport { Option } from './interfaces';\n\n// Debounce function\nfunction debounce(func, wait) {\n let timeout;\n return function executedFunction(...args) {\n const later = () => {\n clearTimeout(timeout);\n func(...args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n };\n};\n\n@Component({\n tag: 'ifx-multiselect',\n styleUrl: 'multiselect.scss',\n shadow: true,\n formAssociated: true\n})\n\n\n\nexport class Multiselect {\n\n @Prop() name: string;\n @Prop() options: any[] | string;\n @Prop() batchSize: number = 50;\n @Prop() size: string = 'medium (40px)';\n @Prop() disabled: boolean = false;\n @Prop() error: boolean = false;\n @State() internalError: boolean = false;\n @Prop() errorMessage: string = \"Error\";\n @State() internalErrorMessage: string;\n @Prop() label: string = \"\";\n @State() persistentSelectedOptions: Option[] = [];\n @Prop() placeholder: string = \"\";\n @State() dropdownOpen = false;\n @State() dropdownFlipped: boolean;\n @Prop() maxItemCount: number;\n static globalZIndex = 1000; // This will be shared among all instances of the component.\n private currentIndex: number = 0; //needed for option selection using keyboard\n @State() isLoading: boolean = false;\n @State() loadedOptions: Option[] = [];\n @State() filteredOptions: Option[] = [];\n @Prop() showSearch: boolean = true;\n @Prop() showSelectAll: boolean = true;\n @Prop() showClearButton: boolean = true;\n @State() optionCount: number = 0; // number of all options (leaves of the tree)\n @State() optionsProcessed: boolean = false; // flag whether options have already been counted, intial selections saved\n\n\n @Event() ifxSelect: EventEmitter;\n @Event() ifxOpen: EventEmitter;\n\n @Element() el: HTMLElement;\n dropdownElement!: HTMLElement;\n\n @AttachInternals() internals: ElementInternals;\n\n\n @Watch('options')\n updateOptions() { \n this.loadedOptions = [];\n this.filteredOptions = [];\n this.optionCount = 0;\n this.optionsProcessed = false;\n this.persistentSelectedOptions = [];\n\n this.loadInitialOptions();\n }\n\n\n async loadInitialOptions() {\n this.isLoading = true;\n this.internalError = this.error;\n this.internalErrorMessage = this.errorMessage;\n // Load the first batch of options (e.g., first 20)\n this.loadedOptions = await this.fetchOptions(0, this.batchSize);\n this.isLoading = false;\n }\n\n async fetchMoreOptions() {\n this.isLoading = true;\n const moreOptions = await this.fetchOptions(this.loadedOptions.length, this.batchSize);\n this.loadedOptions = [...this.loadedOptions, ...moreOptions];\n this.isLoading = false;\n }\n\n\n handleScroll(event: UIEvent) {\n const element = event.target as HTMLElement;\n const halfwayPoint = Math.floor((element.scrollHeight - element.clientHeight) / 2); //loading more options when the user has scrolled halfway through the current list\n\n if (element.scrollTop >= halfwayPoint) {\n this.fetchMoreOptions();\n }\n }\n\n\n\n\n async fetchOptions(startIndex: number, count: number): Promise<Option[]> {\n let allOptions: Option[] = [];\n\n // Parse options if it's a string, or use directly if it's an array\n if (typeof this.options === 'string') {\n try {\n allOptions = JSON.parse(this.options);\n \n } catch (err) {\n console.error('Failed to parse options:', err);\n }\n } else if (Array.isArray(this.options)) {\n allOptions = this.options;\n } else {\n console.error('Unexpected value for options:', this.options);\n }\n\n if (!this.optionsProcessed) {\n this.optionCount = this.countOptions(allOptions);\n const initiallySelected = this.collectSelectedOptions(allOptions);\n const initallySelectedNotInState = initiallySelected.filter(init => !this.persistentSelectedOptions.some(opt => opt.value == init.value));\n this.persistentSelectedOptions = [...this.persistentSelectedOptions, ...initallySelectedNotInState];\n this.optionsProcessed = true;\n }\n // Slice the options array based on startIndex and count\n const slicedOptions = allOptions.slice(startIndex, startIndex + count);\n return slicedOptions;\n }\n\n /**\n * Collects and returns all options that are selected.\n * When the parent is selected, then the value of the children will be overriden with selected as well.\n * It will only collect the leaves of the tree.\n * \n * @param options A list of options.\n * @returns A list with all selected options\n */\n private collectSelectedOptions(options: Option[]): Option[] {\n let selectedOptions: Option[] = [];\n \n for (const option of options) {\n if (option.selected) {\n if (option.children && option.children.length > 0) {\n // if parent is selected, then select all child options\n selectedOptions = selectedOptions.concat(this.collectLeafOptions(option.children));\n } else {\n if (!selectedOptions.some(existingOption => existingOption.value === option.value)) {\n selectedOptions.push(option);\n }\n }\n } else {\n if (option.children && option.children.length > 0) {\n selectedOptions = selectedOptions.concat(this.collectSelectedOptions(option.children));\n }\n }\n }\n\n return selectedOptions;\n }\n\n /**\n * Collects all leaf children options.\n * \n * @param option A list with all leaf-children.\n */\n private collectLeafOptions(children: Option[]): Option[] {\n let leafOptions = [];\n \n for (const child of children) {\n if (child.children && child.children.length > 0) {\n leafOptions = leafOptions.concat(this.collectLeafOptions(child.children));\n } else {\n leafOptions.push(child);\n }\n } \n return leafOptions;\n }\n\n /**\n * Count the number of options. Only counts the leaves of the options tree.\n */\n countOptions(options: Option[]): number {\n let count = 0;\n for (const option of options) {\n if (option.children && option.children.length >= 0) {\n count += this.countOptions(option.children);\n } else {\n count++;\n }\n }\n return count;\n }\n\n\n handleSearch = debounce((targetElement: HTMLInputElement) => {\n const searchTerm = targetElement.value.toLowerCase();\n if (searchTerm === '') {\n this.filteredOptions = this.loadedOptions;\n } else {\n this.filteredOptions = this.loadedOptions.filter(option => {\n const matchesSearchTerm = option.label.toLowerCase().includes(searchTerm);\n if (option.children) {\n const childrenMatch = option.children.some(child => {\n return child.label.toLowerCase().includes(searchTerm);\n });\n return matchesSearchTerm || childrenMatch;\n }\n return matchesSearchTerm;\n });\n }\n }, 300);\n\n componentDidLoad() {\n setTimeout(() => {\n this.positionDropdown();\n }, 500);\n\n // setInterval(this.handleScroll, 5000); // Runs every 5 seconds (5000 milliseconds)\n }\n\n componentWillLoad() {\n if(!isNestedInIfxComponent(this.el)) { \n trackComponent('ifx-multiselect')\n }\n this.loadInitialOptions();\n this.filteredOptions = [...this.loadedOptions];\n }\n\n @Watch('error')\n updateInternalError() {\n this.internalError = this.error;\n }\n\n @Watch('errorMessage')\n updateInternalErrorMessage() {\n this.internalErrorMessage = this.errorMessage;\n }\n\n @Watch('loadedOptions')\n loadedOptionsChanged() {\n this.filteredOptions = [...this.loadedOptions];\n }\n\n @Watch('persistentSelectedOptions')\n onSelectionChange(newValue: Option[], _: Option[]) {\n const formData = new FormData();\n newValue.forEach(option => formData.append(this.name, option.value));\n this.internals.setFormValue(formData);\n }\n\n handleOptionClick(option: Option) {\n this.internalError = false;\n\n if (!option.selected && this.isSelectionLimitReached(option)) {\n option.checkboxRef.toggleCheckedState(false)\n this.internalError = true;\n this.internalErrorMessage = \"Please consider the maximum number of items to choose from\";\n return;\n }\n \n this.updateSelection(option);\n this.ifxSelect.emit(this.persistentSelectedOptions);\n }\n\n\n isSelectionLimitReached(option: Option): boolean {\n let newOptionsLength = option.children ? option.children.length : 1;\n return this.maxItemCount && this.persistentSelectedOptions.length + newOptionsLength > this.maxItemCount &&\n !this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value)\n }\n\n updateSelection(option: Option) {\n const wasSelected = this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value);\n\n if (option.children && option.children.length > 0) {\n this.handleParentOptionClick(option);\n } else {\n this.handleChildOptionClick(option, wasSelected);\n }\n }\n\n async selectAll() {\n const allOptions = await this.fetchOptions(0, this.optionCount);\n this.selectAllRecursive(allOptions);\n \n this.ifxSelect.emit(this.persistentSelectedOptions);\n }\n\n private selectAllRecursive(options: Option[]) {\n for (const opt of options) {\n if (opt.children && opt.children.length > 0) {\n this.selectAllRecursive(opt.children);\n } else {\n if (!this.persistentSelectedOptions.some((some) => some.value === opt.value )) {\n opt.selected = true;\n this.persistentSelectedOptions = [...this.persistentSelectedOptions, opt];\n this.optionCount = this.countOptions( this.persistentSelectedOptions)\n }\n }\n }\n\n }\n\n handleParentOptionClick(option: Option) {\n const allChildrenSelected = option.children.every(child =>\n this.persistentSelectedOptions.some(selectedOption => selectedOption.value === child.value)\n );\n\n if (allChildrenSelected) {\n this.persistentSelectedOptions = [...this.persistentSelectedOptions.filter(\n selectedOption => !option.children.some(child => child.value === selectedOption.value)\n )];\n\n option.selected = false;\n option.children.forEach(child => {\n child.selected = false;\n })\n\n } else {\n const newChildren = [...option.children.filter(childOption =>\n !this.persistentSelectedOptions.some(selectedOption => selectedOption.value === childOption.value)\n )];\n option.selected = true;\n option.children.forEach(child => {\n child.selected = true;\n })\n this.persistentSelectedOptions = [...this.persistentSelectedOptions, ...newChildren];\n }\n }\n\n handleChildOptionClick(option: Option, wasSelected: boolean) {\n if (wasSelected) {\n this.persistentSelectedOptions = [...this.persistentSelectedOptions.filter(selectedOption => selectedOption.value !== option.value)];\n option.selected = false;\n } else {\n this.persistentSelectedOptions = [...this.persistentSelectedOptions, option];\n option.selected = true;\n }\n this.updateParentSelectedState();\n }\n\n updateParentSelectedState() {\n this.loadedOptions.forEach(option => {\n if(option.children?.length > 0) {\n if(option.children.every(child => child.selected === true)) option.selected = true;\n else {\n option.selected = false;\n if(this.isOptionIndeterminate(option)) {\n option.indeterminate = true;\n }else{\n option.indeterminate = false;\n }\n }\n }\n });\n }\n\n\n\n handleDocumentClick = (event: Event) => {\n const path = event.composedPath();\n if (!path.includes(this.dropdownElement)) {\n this.dropdownOpen = false;\n document.removeEventListener('click', this.handleDocumentClick);\n this.filteredOptions = this.loadedOptions;\n // Dispatch the ifxMultiselectIsOpen event\n this.ifxOpen.emit(this.dropdownOpen);\n }\n }\n\n getSizeClass() {\n return `${this.size}` === \"s\"\n ? \"small-select\"\n : \"medium-select\";\n }\n\n toggleDropdown() {\n this.dropdownOpen = !this.dropdownOpen;\n setTimeout(() => {\n if (this.dropdownOpen) {\n document.addEventListener('click', this.handleDocumentClick);\n }\n // Dispatch the ifxOpen event\n this.ifxOpen.emit(this.dropdownOpen);\n }, 0);\n }\n\n\n waitForElement(querySelectorFunc: Function, callback: Function, maxTries = 50) {\n let tries = 0;\n function request() {\n requestAnimationFrame(() => {\n const elements = querySelectorFunc();\n if (elements.length > 0 || tries > maxTries) {\n callback(elements);\n } else {\n tries++;\n request();\n }\n });\n }\n request();\n }\n\n\n handleKeyDown(event: KeyboardEvent) {\n if (this.disabled) return; // If it's disabled, don't do anything.\n\n const options = this.dropdownElement.querySelectorAll('.option');\n \n switch (event.code) {\n case 'Enter':\n this.toggleDropdown();\n // Wait a bit for the dropdown to finish rendering\n this.waitForElement(() => {\n return this.dropdownElement.querySelectorAll('.option');\n }, (options) => {\n this.updateHighlightedOption(options);\n });\n break;\n case 'Space': \n this.toggleDropdown();\n // Wait a bit for the dropdown to finish rendering\n this.waitForElement(() => {\n return this.dropdownElement.querySelectorAll('.option');\n }, (options) => {\n this.updateHighlightedOption(options);\n });\n break;\n case 'ArrowDown':\n this.handleArrowDown(options);\n if (this.dropdownOpen) {\n this.updateHighlightedOption(options);\n }\n break;\n case 'ArrowUp':\n this.handleArrowUp(options);\n if (this.dropdownOpen) {\n this.updateHighlightedOption(options);\n }\n break;\n }\n }\n\n handleWrapperClick(event: MouseEvent) {\n // This is your existing logic for positioning the dropdown\n this.positionDropdown();\n\n // Check if the event target is the wrapper itself and not a child element.\n if (event.currentTarget === event.target) {\n this.toggleDropdown();\n }\n }\n\n clearSelection() {\n this.persistentSelectedOptions = [];\n this.ifxSelect.emit(this.persistentSelectedOptions); // if you want to emit empty selection after clearing\n }\n\n positionDropdown() {\n const wrapperRect = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper')?.getBoundingClientRect();\n const spaceBelow = window.innerHeight - wrapperRect.bottom;\n const spaceAbove = wrapperRect.top;\n\n // If there's more space above than below the trigger and the dropdown doesn't fit below\n if ((spaceAbove > spaceBelow && wrapperRect.height > spaceBelow) || (wrapperRect.bottom > window.innerHeight)) {\n this.dropdownFlipped = true;\n } else {\n this.dropdownFlipped = false;\n }\n }\n\n\n\n // Helper function to update highlighted option based on currentIndex\n private updateHighlightedOption(options: NodeList) {\n // Clear all highlights\n options.forEach((option: Element) => option.classList.remove('is-highlighted'));\n\n // Apply highlight to the current option\n if (this.currentIndex >= 0 && this.currentIndex < options.length) {\n (options[this.currentIndex] as Element).classList.add('is-highlighted');\n (options[this.currentIndex] as HTMLElement).focus();\n }\n }\n\n // Helper function to handle arrow down navigation\n private handleArrowDown(options: NodeList) {\n if (this.currentIndex < options.length - 1) {\n this.currentIndex++;\n } else {\n this.currentIndex = 0; // Wrap to the beginning.\n }\n }\n\n // Helper function to handle arrow up navigation\n private handleArrowUp(options: NodeList) {\n if (this.currentIndex > 0) {\n this.currentIndex--;\n } else {\n this.currentIndex = options.length - 1; // Wrap to the end.\n }\n }\n \n handleOptionKeyDown(e: KeyboardEvent, option: Option) {\n if(e.key !== 'ArrowUp' && e.key !== 'ArrowDown') e.stopPropagation();\n if(e.key === 'Enter' || e.key === ' ') {\n this.handleOptionClick(option);\n }\n }\n\n renderOption(option: Option, index: number) {\n const isIndeterminate = this.isOptionIndeterminate(option);\n const isSelected = option.children ? isIndeterminate || this.isOptionSelected(option) : this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value);\n const disableCheckbox = !isSelected && this.maxItemCount && this.persistentSelectedOptions.length >= this.maxItemCount;\n const uniqueId = `checkbox-${option.value}-${index}`; // Generate a unique ID using the index\n \n return (\n <div class=\"option-wrapper\">\n <div class={`option ${isSelected ? 'selected' : ''} ${disableCheckbox ? 'disabled' : ''} \n ${this.getSizeClass()}`}\n data-value={option.value}\n onKeyDown={(e) => !disableCheckbox && this.handleOptionKeyDown(e, option)}\n onClick={() => !disableCheckbox && this.handleOptionClick(option)}\n tabindex=\"0\"\n role={`${option.children?.length > 0 ? \"treeitem\" : \"option\"}`}>\n <ifx-checkbox tabIndex={-1} ref={(el) => option.checkboxRef = el} id={uniqueId} size=\"s\" checked={isIndeterminate ? false : isSelected} indeterminate={isIndeterminate} disabled={disableCheckbox}></ifx-checkbox>\n <label htmlFor={uniqueId} onClick={(e) => e.stopPropagation()}>{option.label}</label>\n </div>\n {option.children && option.children.map((child, childIndex) => this.renderSubOption(child, `${index}-${childIndex}`))}\n </div>\n );\n }\n\n isOptionSelected(option: Option): boolean {\n if (!option.children) return false;\n\n return option.children.every(child =>\n this.persistentSelectedOptions.some(persistentOption => persistentOption.value === child.value)\n );\n }\n\n\n isOptionIndeterminate(option: Option): boolean {\n if (!option.children) return false;\n\n const selectedChildren = option.children.filter(child =>\n this.persistentSelectedOptions.some(persistentOption => persistentOption.value === child.value)\n ).length;\n\n return selectedChildren > 0 && selectedChildren < option.children.length;\n }\n\n\n findInOptions(options: Option[], searchTerm: string): Option | null {\n for (const option of options) {\n if (option.value === searchTerm) {\n return option;\n }\n if (option.children) {\n const foundInChildren = this.findInOptions(option.children, searchTerm);\n if (foundInChildren) {\n return foundInChildren;\n }\n }\n }\n return null;\n }\n\n\n renderSubOption(option: Option, index: string) {\n const isSelected = this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value);\n const disableCheckbox = !isSelected && this.maxItemCount && this.persistentSelectedOptions.length >= this.maxItemCount;\n const uniqueId = `checkbox-${option.value}-${index}`;\n\n return (\n <div class={`option sub-option ${isSelected ? 'selected' : ''} ${this.getSizeClass()} ${disableCheckbox ? 'disabled' : ''}`}\n data-value={option.value}\n role={`${option.children?.length > 0 ? \"option\" : \"treeitem\"}`}\n onKeyDown={(e) => !disableCheckbox && this.handleOptionKeyDown(e, option)}\n onClick={() => !disableCheckbox && this.handleOptionClick(option)}\n tabindex=\"0\">\n <ifx-checkbox tabIndex={-1} ref={(el) => option.checkboxRef = el} id={uniqueId} size=\"s\" checked={isSelected} disabled={disableCheckbox}></ifx-checkbox>\n <label htmlFor={uniqueId} onClick={(e) => e.stopPropagation()}>{option.label}</label>\n </div>\n );\n }\n\n private renderSelectAll() {\n const allSelected = this.persistentSelectedOptions.length === this.optionCount;\n const noneSelected = this.persistentSelectedOptions.length === 0;\n const indeterminate = this.optionCount > 0 && !noneSelected && !allSelected;\n\n const that = this;\n function toggleSelectAll() {\n if (allSelected) {\n that.clearSelection();\n } else {\n that.selectAll();\n }\n }\n\n function handleSelectAllKeydown(e: KeyboardEvent) {\n if(e.key !== 'ArrowUp' && e.key !== 'ArrowDown') e.stopPropagation();\n if(e.key === 'Enter' || e.key === ' ') {\n toggleSelectAll();\n }\n }\n\n return <div class=\"select-all-wrapper\">\n <div class={`option ${this.getSizeClass()}`} tabindex='0' onKeyDown={(e) => handleSelectAllKeydown(e)} onClick={toggleSelectAll}>\n <ifx-checkbox tabIndex={-1} id='selectAll' checked={allSelected} indeterminate={indeterminate} size=\"s\"></ifx-checkbox>\n <label htmlFor='selectAll'>Select all</label>\n </div>\n <ifx-dropdown-separator></ifx-dropdown-separator>\n </div>;\n }\n\n\n render() {\n // Create a label for the selected options\n const selectedOptionsLabels = this.persistentSelectedOptions\n .filter(option => {\n // check if option is a child and its parent is selected\n const isChildSelectedWithParent = this.persistentSelectedOptions.some(parentOption =>\n parentOption.children &&\n parentOption.children.some(child => child.value === option.value) &&\n parentOption.selected\n );\n return !isChildSelectedWithParent;\n })\n .map(option => option.label)\n .join(', ');\n\n return (\n <div class={`ifx-multiselect-container`} ref={el => this.dropdownElement = el as HTMLElement}>\n {\n this.label ?\n <div class=\"ifx-label-wrapper\">\n <span>{this.label}</span>\n </div> : null\n }\n <div class={`ifx-multiselect-wrapper \n ${this.getSizeClass()} \n ${this.dropdownOpen ? 'active' : ''} \n ${this.dropdownFlipped ? 'is-flipped' : ''}\n ${this.internalError ? 'error' : \"\"}\n ${this.disabled ? 'disabled' : \"\"}`}\n tabindex=\"0\"\n onClick={this.disabled ? undefined : (event) => this.handleWrapperClick(event)}\n onKeyDown={this.disabled ? undefined : (event) => this.handleKeyDown(event)} >\n <div class={`ifx-multiselect-input \n ${this.persistentSelectedOptions.length === 0 ? 'placeholder' : \"\"}\n `}\n onClick={this.disabled ? undefined : () => this.toggleDropdown()}\n >\n {this.persistentSelectedOptions.length > 0 ? selectedOptionsLabels : this.placeholder}\n </div>\n {this.dropdownOpen && (\n <div class=\"ifx-multiselect-dropdown-menu\"\n onScroll={(event) => this.handleScroll(event)}>\n {this.showSearch && <input type=\"text\" role=\"textbox\" class=\"search-input\" onKeyDown={(e) => { e.stopPropagation() }} onInput={(event) => this.handleSearch(event.target)} placeholder=\"Search...\"></input>}\n {this.showSelectAll && this.renderSelectAll()}\n {this.filteredOptions.map((option, index) => this.renderOption(option, index))}\n {this.isLoading && <div>Loading more options...</div>}\n </div>\n )}\n <div class='ifx-multiselect-icon-container'>\n\n {/* Clear Button - will show only if there's a selection */}\n {this.persistentSelectedOptions.length > 0 && ( \n <div class={`ifx-clear-button ${!this.showClearButton ? 'hide' : ''}`} onClick={this.disabled ? undefined : () => this.clearSelection()}>\n <ifx-icon icon=\"cRemove16\"></ifx-icon>\n </div>\n )}\n <div class=\"icon-wrapper-up\" onClick={this.disabled ? undefined : () => this.toggleDropdown()}>\n <ifx-icon\n key='icon-up'\n icon='chevron-up-16'></ifx-icon>\n </div>\n <div class=\"icon-wrapper-down\" onClick={this.disabled ? undefined : () => this.toggleDropdown()}>\n <ifx-icon\n key='icon-down'\n icon='chevron-down-16'></ifx-icon>\n </div>\n </div>\n\n </div>\n {\n this.internalError ?\n <div class=\"ifx-error-message-wrapper\">\n <span>{this.internalErrorMessage}</span>\n </div> : null\n }\n </div>\n );\n }\n\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as i,g as n}from"./p-b7a462e5.js";import{t as r}from"./p-6ecb6a6f.js";import{i as t}from"./p-1ecafb97.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.indicator__container .dot__wrapper{display:flex;width:8px;height:8px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background-color:#0A8276}.indicator__container .number__container{height:16px;display:inline-flex;padding:0;min-width:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276}.indicator__container .number__container .number__wrapper{padding:0 4px;color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.indicator__container .number__container.inverted{background-color:#FFFFFF}.indicator__container .number__container.inverted .number__wrapper{color:#0A8276}';const o=a;const c=class{constructor(i){e(this,i);this.inverted=false;this.variant="number";this.number=0}handleNumber(){this.filteredNumber=!isNaN(this.number)&&this.number>99?"99+":this.number}componentWillLoad(){this.handleNumber();if(!t(this.el)){r("ifx-indicator")}}componentWillUpdate(){this.handleNumber()}render(){return i("div",{key:"eef97d49997e0007c0d9f57b9e6ee42c9f1e0658","aria-label":this.ariaLabel,class:"indicator__container"},this.variant==="number"&&i("div",{key:"cd7bf51af1c62eaf7d335f7078ea2a59a39f3cbc",class:`number__container ${this.inverted?"inverted":""}`},i("div",{key:"16e4e74ba3812702841762a136e794cb31a27c23",class:"number__wrapper"},this.filteredNumber)),this.variant==="dot"&&i("div",{key:"079148e275ba542ccb853d52235331b912e3b624",class:"dot__wrapper"}))}get el(){return n(this)}};c.style=o;export{c as ifx_indicator};
2
+ //# sourceMappingURL=p-f3f8d603.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["indicatorCss","IfxIndicatorStyle0","Indicator","constructor","hostRef","this","inverted","variant","number","handleNumber","filteredNumber","isNaN","componentWillLoad","isNestedInIfxComponent","el","trackComponent","componentWillUpdate","render","h","key","ariaLabel","class"],"sources":["src/components/indicator/indicator.scss?tag=ifx-indicator&encapsulation=shadow","src/components/indicator/indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.indicator__container { \n & .dot__wrapper { \n display: flex;\n width: 8px;\n height: 8px;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border-radius: 50%;\n background-color: tokens.$ifxColorOcean500;\n }\n\n & .number__container {\n height: 16px;\n display: inline-flex;\n padding: 0; \n min-width: 16px; \n justify-content: center;\n align-items: center;\n border-radius: 100px;\n background-color: tokens.$ifxColorOcean500;\n\n & .number__wrapper {\n padding: 0 4px;\n color: tokens.$ifxColorBaseWhite;\n text-align: center;\n font-size: tokens.$ifxFontSizeS;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightSemibold;\n line-height: 16px;\n }\n\n &.inverted {\n background-color: tokens.$ifxColorBaseWhite;\n\n & .number__wrapper {\n color: tokens.$ifxColorOcean500;\n }\n }\n }\n}\n\n\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\n\n@Component({\n tag: 'ifx-indicator',\n styleUrl: 'indicator.scss',\n shadow: true\n})\nexport class Indicator {\n @Element() el;\n @State() filteredNumber: string | number;\n @Prop() inverted: boolean = false;\n @Prop() ariaLabel: string | null;\n @Prop() variant: string = 'number'\n @Prop() number: number = 0;\n\n handleNumber() {\n this.filteredNumber = !isNaN(this.number) && this.number > 99 ? '99+' : this.number;\n }\n\n componentWillLoad() { \n this.handleNumber()\n if(!isNestedInIfxComponent(this.el)) { \n trackComponent('ifx-indicator')\n }\n }\n\n componentWillUpdate() {\n this.handleNumber()\n }\n\n render() {\n return (\n <div aria-label={this.ariaLabel} class='indicator__container'>\n {this.variant === 'number' && \n <div class={`number__container ${this.inverted ? 'inverted' : \"\"}`}>\n <div class=\"number__wrapper\">\n {this.filteredNumber}\n </div> \n </div>}\n {this.variant === 'dot' && <div class=\"dot__wrapper\"></div>}\n </div>\n );\n }\n}"],"mappings":"0HAAA,MAAMA,EAAe,swBACrB,MAAAC,EAAeD,E,MCQFE,EAAS,MALtB,WAAAC,CAAAC,G,UAQUC,KAAAC,SAAoB,MAEpBD,KAAAE,QAAkB,SAClBF,KAAAG,OAAiB,C,CAEzB,YAAAC,GACEJ,KAAKK,gBAAkBC,MAAMN,KAAKG,SAAWH,KAAKG,OAAS,GAAK,MAAQH,KAAKG,M,CAG/E,iBAAAI,GACEP,KAAKI,eACL,IAAII,EAAuBR,KAAKS,IAAK,CACnCC,EAAe,gB,EAInB,mBAAAC,GACEX,KAAKI,c,CAGP,MAAAQ,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAiBd,KAAKe,UAAWC,MAAM,wBACrChB,KAAKE,UAAY,UAClBW,EAAA,OAAAC,IAAA,2CAAKE,MAAO,qBAAqBhB,KAAKC,SAAW,WAAa,MAC3DY,EAAA,OAAAC,IAAA,2CAAKE,MAAM,mBACRhB,KAAKK,iBAGVL,KAAKE,UAAY,OAASW,EAAA,OAAAC,IAAA,2CAAKE,MAAM,iB","ignoreList":[]}