@infineon/infineon-design-system-stencil 33.7.0--canary.1869.6037b9894727b41fa59a3e390afee85d0886d4e0.0 → 33.7.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 (480) hide show
  1. package/dist/cjs/ifx-accordion_2.cjs.entry.js +1 -1
  2. package/dist/cjs/ifx-alert_2.cjs.entry.js +1 -1
  3. package/dist/cjs/ifx-badge.cjs.entry.js +1 -1
  4. package/dist/cjs/ifx-basic-table.cjs.entry.js +1 -1
  5. package/dist/cjs/ifx-breadcrumb-item-label.cjs.entry.js +1 -1
  6. package/dist/cjs/ifx-breadcrumb-item.cjs.entry.js +1 -1
  7. package/dist/cjs/ifx-breadcrumb.cjs.entry.js +1 -1
  8. package/dist/cjs/ifx-button.cjs.entry.js +1 -1
  9. package/dist/cjs/ifx-card-headline.cjs.entry.js +1 -1
  10. package/dist/cjs/ifx-card-image.cjs.entry.js +1 -1
  11. package/dist/cjs/ifx-card-links.cjs.entry.js +1 -1
  12. package/dist/cjs/ifx-card-overline.cjs.entry.js +1 -1
  13. package/dist/cjs/ifx-card-text.cjs.entry.js +1 -1
  14. package/dist/cjs/ifx-card.cjs.entry.js +1 -1
  15. package/dist/cjs/ifx-checkbox-group.cjs.entry.js +1 -1
  16. package/dist/cjs/ifx-checkbox.cjs.entry.js +1 -1
  17. package/dist/cjs/ifx-chip_3.cjs.entry.js +1 -1
  18. package/dist/cjs/ifx-content-switcher-item.cjs.entry.js +1 -1
  19. package/dist/cjs/ifx-content-switcher.cjs.entry.js +1 -1
  20. package/dist/cjs/ifx-date-picker.cjs.entry.js +1 -1
  21. package/dist/cjs/ifx-download.cjs.entry.js +1 -1
  22. package/dist/cjs/ifx-dropdown-header.cjs.entry.js +1 -1
  23. package/dist/cjs/ifx-dropdown-item.cjs.entry.js +1 -1
  24. package/dist/cjs/ifx-dropdown-menu.cjs.entry.js +1 -1
  25. package/dist/cjs/ifx-dropdown-separator.cjs.entry.js +1 -1
  26. package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +1 -1
  27. package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js +1 -1
  28. package/dist/cjs/ifx-dropdown.cjs.entry.js +1 -1
  29. package/dist/cjs/ifx-faq.cjs.entry.js +2 -2
  30. package/dist/cjs/ifx-file-upload.cjs.entry.js +1 -1
  31. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +1 -1
  32. package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
  33. package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
  34. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
  35. package/dist/cjs/ifx-footer-column.cjs.entry.js +1 -1
  36. package/dist/cjs/ifx-footer.cjs.entry.js +1 -1
  37. package/dist/cjs/ifx-icon-button.cjs.entry.js +1 -1
  38. package/dist/cjs/ifx-icon.cjs.entry.js +1 -1
  39. package/dist/cjs/ifx-icons-preview.cjs.entry.js +1 -1
  40. package/dist/cjs/ifx-link.cjs.entry.js +1 -1
  41. package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
  42. package/dist/cjs/ifx-list.cjs.entry.js +1 -1
  43. package/dist/cjs/ifx-modal.cjs.entry.js +1 -1
  44. package/dist/cjs/ifx-multiselect.cjs.entry.js +1 -1
  45. package/dist/cjs/ifx-navbar-item.cjs.entry.js +1 -1
  46. package/dist/cjs/ifx-navbar-profile.cjs.entry.js +1 -1
  47. package/dist/cjs/ifx-navbar.cjs.entry.js +1 -1
  48. package/dist/cjs/ifx-notification.cjs.entry.js +1 -1
  49. package/dist/cjs/ifx-number-indicator.cjs.entry.js +1 -1
  50. package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
  51. package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
  52. package/dist/cjs/ifx-radio-button-group.cjs.entry.js +1 -1
  53. package/dist/cjs/ifx-radio-button.cjs.entry.js +1 -1
  54. package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
  55. package/dist/cjs/ifx-search-field.cjs.entry.js +1 -1
  56. package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
  57. package/dist/cjs/ifx-segmented-control.cjs.entry.js +1 -1
  58. package/dist/cjs/ifx-select.cjs.entry.js +1 -1
  59. package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -1
  60. package/dist/cjs/ifx-sidebar-item.cjs.entry.js +1 -1
  61. package/dist/cjs/ifx-sidebar-title.cjs.entry.js +1 -1
  62. package/dist/cjs/ifx-sidebar.cjs.entry.js +1 -1
  63. package/dist/cjs/ifx-slider.cjs.entry.js +1 -1
  64. package/dist/cjs/ifx-spinner_2.cjs.entry.js +1 -1
  65. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  66. package/dist/cjs/ifx-step.cjs.entry.js +1 -1
  67. package/dist/cjs/ifx-stepper.cjs.entry.js +1 -1
  68. package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
  69. package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
  70. package/dist/cjs/ifx-table.cjs.entry.js +1 -1
  71. package/dist/cjs/ifx-tabs.cjs.entry.js +1 -1
  72. package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
  73. package/dist/cjs/ifx-templates-ui.cjs.entry.js +1 -1
  74. package/dist/cjs/ifx-textarea.cjs.entry.js +1 -1
  75. package/dist/cjs/ifx-tooltip.cjs.entry.js +1 -1
  76. package/dist/cjs/{index-7f4df11a.js → index-c9480f70.js} +6 -55
  77. package/dist/cjs/index-c9480f70.js.map +1 -0
  78. package/dist/cjs/infineon-design-system-stencil.cjs.js +2 -2
  79. package/dist/cjs/loader.cjs.js +2 -2
  80. package/dist/collection/collection-manifest.json +0 -2
  81. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  82. package/dist/components/ifx-accordion-item.js +1 -1
  83. package/dist/components/ifx-accordion.js +1 -1
  84. package/dist/components/ifx-alert.js +1 -1
  85. package/dist/components/ifx-badge.js +1 -1
  86. package/dist/components/ifx-basic-table.js +1 -1
  87. package/dist/components/ifx-breadcrumb-item-label.js +2 -2
  88. package/dist/components/ifx-breadcrumb-item.js +1 -1
  89. package/dist/components/ifx-breadcrumb.js +1 -1
  90. package/dist/components/ifx-button.js +1 -1
  91. package/dist/components/ifx-card-headline.js +1 -1
  92. package/dist/components/ifx-card-image.js +1 -1
  93. package/dist/components/ifx-card-links.js +1 -1
  94. package/dist/components/ifx-card-overline.js +1 -1
  95. package/dist/components/ifx-card-text.js +1 -1
  96. package/dist/components/ifx-card.js +1 -1
  97. package/dist/components/ifx-checkbox-group.js +2 -2
  98. package/dist/components/ifx-checkbox.js +1 -1
  99. package/dist/components/ifx-chip-item.js +1 -1
  100. package/dist/components/ifx-chip.js +1 -1
  101. package/dist/components/ifx-content-switcher-item.js +1 -1
  102. package/dist/components/ifx-content-switcher.js +1 -1
  103. package/dist/components/ifx-date-picker.js +2 -2
  104. package/dist/components/ifx-download.js +2 -2
  105. package/dist/components/ifx-dropdown-header.js +1 -1
  106. package/dist/components/ifx-dropdown-item.js +2 -2
  107. package/dist/components/ifx-dropdown-menu.js +1 -1
  108. package/dist/components/ifx-dropdown-separator.js +1 -1
  109. package/dist/components/ifx-dropdown-trigger-button.js +3 -3
  110. package/dist/components/ifx-dropdown-trigger.js +1 -1
  111. package/dist/components/ifx-dropdown.js +1 -1
  112. package/dist/components/ifx-faq.js +5 -5
  113. package/dist/components/ifx-file-upload.js +5 -5
  114. package/dist/components/ifx-filter-accordion.js +3 -3
  115. package/dist/components/ifx-filter-bar.js +3 -3
  116. package/dist/components/ifx-filter-search.js +3 -3
  117. package/dist/components/ifx-filter-type-group.js +1 -1
  118. package/dist/components/ifx-footer-column.js +1 -1
  119. package/dist/components/ifx-footer.js +1 -1
  120. package/dist/components/ifx-icon-button.js +1 -1
  121. package/dist/components/ifx-icon.js +1 -1
  122. package/dist/components/ifx-icons-preview.js +4 -4
  123. package/dist/components/ifx-link.js +1 -1
  124. package/dist/components/ifx-list-entry.js +4 -4
  125. package/dist/components/ifx-list.js +3 -3
  126. package/dist/components/ifx-modal.js +3 -3
  127. package/dist/components/ifx-multiselect.js +1 -1
  128. package/dist/components/ifx-navbar-item.js +3 -3
  129. package/dist/components/ifx-navbar-profile.js +1 -1
  130. package/dist/components/ifx-navbar.js +2 -2
  131. package/dist/components/ifx-notification.js +1 -1
  132. package/dist/components/ifx-number-indicator.js +1 -1
  133. package/dist/components/ifx-overview-table.js +4 -4
  134. package/dist/components/ifx-pagination.js +1 -1
  135. package/dist/components/ifx-progress-bar.js +1 -1
  136. package/dist/components/ifx-radio-button-group.js +2 -2
  137. package/dist/components/ifx-radio-button.js +1 -1
  138. package/dist/components/ifx-search-bar.js +3 -3
  139. package/dist/components/ifx-search-field.js +1 -1
  140. package/dist/components/ifx-segment.js +2 -2
  141. package/dist/components/ifx-segmented-control.js +2 -2
  142. package/dist/components/ifx-select.js +1 -1
  143. package/dist/components/ifx-set-filter.js +7 -7
  144. package/dist/components/ifx-sidebar-item.js +3 -3
  145. package/dist/components/ifx-sidebar-title.js +1 -1
  146. package/dist/components/ifx-sidebar.js +1 -1
  147. package/dist/components/ifx-slider.js +2 -2
  148. package/dist/components/ifx-spinner.js +1 -1
  149. package/dist/components/ifx-status.js +1 -1
  150. package/dist/components/ifx-step.js +2 -2
  151. package/dist/components/ifx-stepper.js +1 -1
  152. package/dist/components/ifx-switch.js +1 -1
  153. package/dist/components/ifx-tab.js +1 -1
  154. package/dist/components/ifx-table.js +10 -10
  155. package/dist/components/ifx-tabs.js +2 -2
  156. package/dist/components/ifx-tag.js +2 -2
  157. package/dist/components/ifx-template.js +1 -1
  158. package/dist/components/ifx-templates-ui.js +9 -9
  159. package/dist/components/ifx-text-field.js +1 -1
  160. package/dist/components/ifx-textarea.js +1 -1
  161. package/dist/components/ifx-tooltip.js +2 -2
  162. package/dist/components/index.js +1 -1
  163. package/dist/components/{p-ab5c15bf.js → p-04cfc587.js} +3 -3
  164. package/dist/components/{p-ab5c15bf.js.map → p-04cfc587.js.map} +1 -1
  165. package/dist/components/{p-3b6a432e.js → p-0aee2554.js} +2 -2
  166. package/dist/components/{p-3b6a432e.js.map → p-0aee2554.js.map} +1 -1
  167. package/dist/components/{p-236bf70f.js → p-18ad1165.js} +3 -3
  168. package/dist/components/{p-236bf70f.js.map → p-18ad1165.js.map} +1 -1
  169. package/dist/components/{p-e73e6dce.js → p-23a993bc.js} +4 -4
  170. package/dist/components/{p-e73e6dce.js.map → p-23a993bc.js.map} +1 -1
  171. package/dist/components/{p-11e95622.js → p-2a46b223.js} +2 -2
  172. package/dist/components/{p-11e95622.js.map → p-2a46b223.js.map} +1 -1
  173. package/dist/components/{p-f8e6a4ef.js → p-2cc378b8.js} +3 -43
  174. package/dist/components/p-2cc378b8.js.map +1 -0
  175. package/dist/components/{p-68016aea.js → p-42dca0c9.js} +2 -2
  176. package/dist/components/{p-68016aea.js.map → p-42dca0c9.js.map} +1 -1
  177. package/dist/components/{p-3ec421ea.js → p-4d7b13e3.js} +3 -3
  178. package/dist/components/{p-3ec421ea.js.map → p-4d7b13e3.js.map} +1 -1
  179. package/dist/components/{p-e3cd5556.js → p-52c9a12e.js} +3 -3
  180. package/dist/components/{p-e3cd5556.js.map → p-52c9a12e.js.map} +1 -1
  181. package/dist/components/{p-2bd941eb.js → p-5b5399c2.js} +2 -2
  182. package/dist/components/{p-2bd941eb.js.map → p-5b5399c2.js.map} +1 -1
  183. package/dist/components/{p-162a9364.js → p-5fd6328a.js} +2 -2
  184. package/dist/components/{p-162a9364.js.map → p-5fd6328a.js.map} +1 -1
  185. package/dist/components/{p-c88b4b7c.js → p-681bd5b1.js} +4 -4
  186. package/dist/components/{p-c88b4b7c.js.map → p-681bd5b1.js.map} +1 -1
  187. package/dist/components/{p-f511219b.js → p-8824ca83.js} +2 -2
  188. package/dist/components/{p-f511219b.js.map → p-8824ca83.js.map} +1 -1
  189. package/dist/components/{p-0ba7b063.js → p-bfae6ae0.js} +2 -2
  190. package/dist/components/{p-0ba7b063.js.map → p-bfae6ae0.js.map} +1 -1
  191. package/dist/components/{p-6e579eb5.js → p-ca6c8507.js} +3 -3
  192. package/dist/components/{p-6e579eb5.js.map → p-ca6c8507.js.map} +1 -1
  193. package/dist/components/{p-dcecb226.js → p-cc9cb040.js} +2 -2
  194. package/dist/components/{p-dcecb226.js.map → p-cc9cb040.js.map} +1 -1
  195. package/dist/components/{p-b5256810.js → p-cefd9f73.js} +4 -4
  196. package/dist/components/{p-b5256810.js.map → p-cefd9f73.js.map} +1 -1
  197. package/dist/components/{p-a9289acb.js → p-d64e5297.js} +7 -7
  198. package/dist/components/{p-a9289acb.js.map → p-d64e5297.js.map} +1 -1
  199. package/dist/components/{p-a957f7ad.js → p-f41c84fa.js} +5 -5
  200. package/dist/components/{p-a957f7ad.js.map → p-f41c84fa.js.map} +1 -1
  201. package/dist/components/{p-26dfe620.js → p-f69a7795.js} +5 -5
  202. package/dist/components/{p-26dfe620.js.map → p-f69a7795.js.map} +1 -1
  203. package/dist/components/{p-75572595.js → p-f76b674f.js} +3 -3
  204. package/dist/components/{p-75572595.js.map → p-f76b674f.js.map} +1 -1
  205. package/dist/components/{p-817e9528.js → p-f7a8339d.js} +3 -3
  206. package/dist/components/{p-817e9528.js.map → p-f7a8339d.js.map} +1 -1
  207. package/dist/components/{p-108c28cb.js → p-f8ce0088.js} +2 -2
  208. package/dist/components/{p-108c28cb.js.map → p-f8ce0088.js.map} +1 -1
  209. package/dist/esm/ifx-accordion_2.entry.js +1 -1
  210. package/dist/esm/ifx-alert_2.entry.js +1 -1
  211. package/dist/esm/ifx-badge.entry.js +1 -1
  212. package/dist/esm/ifx-basic-table.entry.js +1 -1
  213. package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -1
  214. package/dist/esm/ifx-breadcrumb-item.entry.js +1 -1
  215. package/dist/esm/ifx-breadcrumb.entry.js +1 -1
  216. package/dist/esm/ifx-button.entry.js +1 -1
  217. package/dist/esm/ifx-card-headline.entry.js +1 -1
  218. package/dist/esm/ifx-card-image.entry.js +1 -1
  219. package/dist/esm/ifx-card-links.entry.js +1 -1
  220. package/dist/esm/ifx-card-overline.entry.js +1 -1
  221. package/dist/esm/ifx-card-text.entry.js +1 -1
  222. package/dist/esm/ifx-card.entry.js +1 -1
  223. package/dist/esm/ifx-checkbox-group.entry.js +1 -1
  224. package/dist/esm/ifx-checkbox.entry.js +1 -1
  225. package/dist/esm/ifx-chip_3.entry.js +1 -1
  226. package/dist/esm/ifx-content-switcher-item.entry.js +1 -1
  227. package/dist/esm/ifx-content-switcher.entry.js +1 -1
  228. package/dist/esm/ifx-date-picker.entry.js +1 -1
  229. package/dist/esm/ifx-download.entry.js +1 -1
  230. package/dist/esm/ifx-dropdown-header.entry.js +1 -1
  231. package/dist/esm/ifx-dropdown-item.entry.js +1 -1
  232. package/dist/esm/ifx-dropdown-menu.entry.js +1 -1
  233. package/dist/esm/ifx-dropdown-separator.entry.js +1 -1
  234. package/dist/esm/ifx-dropdown-trigger-button.entry.js +1 -1
  235. package/dist/esm/ifx-dropdown-trigger.entry.js +1 -1
  236. package/dist/esm/ifx-dropdown.entry.js +1 -1
  237. package/dist/esm/ifx-faq.entry.js +2 -2
  238. package/dist/esm/ifx-file-upload.entry.js +1 -1
  239. package/dist/esm/ifx-filter-accordion.entry.js +1 -1
  240. package/dist/esm/ifx-filter-bar.entry.js +1 -1
  241. package/dist/esm/ifx-filter-search.entry.js +1 -1
  242. package/dist/esm/ifx-filter-type-group.entry.js +1 -1
  243. package/dist/esm/ifx-footer-column.entry.js +1 -1
  244. package/dist/esm/ifx-footer.entry.js +1 -1
  245. package/dist/esm/ifx-icon-button.entry.js +1 -1
  246. package/dist/esm/ifx-icon.entry.js +1 -1
  247. package/dist/esm/ifx-icons-preview.entry.js +1 -1
  248. package/dist/esm/ifx-link.entry.js +1 -1
  249. package/dist/esm/ifx-list-entry.entry.js +1 -1
  250. package/dist/esm/ifx-list.entry.js +1 -1
  251. package/dist/esm/ifx-modal.entry.js +1 -1
  252. package/dist/esm/ifx-multiselect.entry.js +1 -1
  253. package/dist/esm/ifx-navbar-item.entry.js +1 -1
  254. package/dist/esm/ifx-navbar-profile.entry.js +1 -1
  255. package/dist/esm/ifx-navbar.entry.js +1 -1
  256. package/dist/esm/ifx-notification.entry.js +1 -1
  257. package/dist/esm/ifx-number-indicator.entry.js +1 -1
  258. package/dist/esm/ifx-overview-table.entry.js +1 -1
  259. package/dist/esm/ifx-progress-bar.entry.js +1 -1
  260. package/dist/esm/ifx-radio-button-group.entry.js +1 -1
  261. package/dist/esm/ifx-radio-button.entry.js +1 -1
  262. package/dist/esm/ifx-search-bar.entry.js +1 -1
  263. package/dist/esm/ifx-search-field.entry.js +1 -1
  264. package/dist/esm/ifx-segment.entry.js +1 -1
  265. package/dist/esm/ifx-segmented-control.entry.js +1 -1
  266. package/dist/esm/ifx-select.entry.js +1 -1
  267. package/dist/esm/ifx-set-filter.entry.js +1 -1
  268. package/dist/esm/ifx-sidebar-item.entry.js +1 -1
  269. package/dist/esm/ifx-sidebar-title.entry.js +1 -1
  270. package/dist/esm/ifx-sidebar.entry.js +1 -1
  271. package/dist/esm/ifx-slider.entry.js +1 -1
  272. package/dist/esm/ifx-spinner_2.entry.js +1 -1
  273. package/dist/esm/ifx-status.entry.js +1 -1
  274. package/dist/esm/ifx-step.entry.js +1 -1
  275. package/dist/esm/ifx-stepper.entry.js +1 -1
  276. package/dist/esm/ifx-switch.entry.js +1 -1
  277. package/dist/esm/ifx-tab.entry.js +1 -1
  278. package/dist/esm/ifx-table.entry.js +1 -1
  279. package/dist/esm/ifx-tabs.entry.js +1 -1
  280. package/dist/esm/ifx-tag.entry.js +1 -1
  281. package/dist/esm/ifx-templates-ui.entry.js +1 -1
  282. package/dist/esm/ifx-textarea.entry.js +1 -1
  283. package/dist/esm/ifx-tooltip.entry.js +1 -1
  284. package/dist/esm/{index-6c9eba32.js → index-c77e25a0.js} +7 -55
  285. package/dist/esm/index-c77e25a0.js.map +1 -0
  286. package/dist/esm/infineon-design-system-stencil.js +3 -3
  287. package/dist/esm/loader.js +3 -3
  288. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  289. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  290. package/dist/infineon-design-system-stencil/{p-b1332d35.entry.js → p-007f032b.entry.js} +2 -2
  291. package/dist/infineon-design-system-stencil/{p-2281b467.entry.js → p-00fd53b9.entry.js} +2 -2
  292. package/dist/infineon-design-system-stencil/{p-20de8fb7.entry.js → p-0333c09a.entry.js} +2 -2
  293. package/dist/infineon-design-system-stencil/{p-d5c87934.entry.js → p-040dfe3a.entry.js} +2 -2
  294. package/dist/infineon-design-system-stencil/{p-03c9d3fe.entry.js → p-0474c62d.entry.js} +2 -2
  295. package/dist/infineon-design-system-stencil/{p-f0233249.entry.js → p-063dc766.entry.js} +2 -2
  296. package/dist/infineon-design-system-stencil/{p-b892a205.entry.js → p-0a69604b.entry.js} +2 -2
  297. package/dist/infineon-design-system-stencil/{p-f0c2e188.entry.js → p-0d11b881.entry.js} +2 -2
  298. package/dist/infineon-design-system-stencil/{p-3a7f32df.entry.js → p-1218cd67.entry.js} +2 -2
  299. package/dist/infineon-design-system-stencil/{p-741ee6fd.entry.js → p-1958f029.entry.js} +2 -2
  300. package/dist/infineon-design-system-stencil/{p-1d8518f1.entry.js → p-1a29bbb2.entry.js} +2 -2
  301. package/dist/infineon-design-system-stencil/{p-dd50c9cc.entry.js → p-22615332.entry.js} +2 -2
  302. package/dist/infineon-design-system-stencil/{p-dd28f3a1.entry.js → p-29984af2.entry.js} +2 -2
  303. package/dist/infineon-design-system-stencil/{p-c0c148ec.entry.js → p-2fa26bf7.entry.js} +2 -2
  304. package/dist/infineon-design-system-stencil/{p-7c06a6bd.entry.js → p-2fb84e5d.entry.js} +2 -2
  305. package/dist/infineon-design-system-stencil/{p-9b94e2ae.entry.js → p-33f48cf1.entry.js} +2 -2
  306. package/dist/infineon-design-system-stencil/{p-6bd0690d.entry.js → p-3469adb7.entry.js} +2 -2
  307. package/dist/infineon-design-system-stencil/{p-62303f57.entry.js → p-3545f2d5.entry.js} +2 -2
  308. package/dist/infineon-design-system-stencil/{p-7001bc7d.entry.js → p-361d1e31.entry.js} +2 -2
  309. package/dist/infineon-design-system-stencil/{p-d4eff9d8.entry.js → p-3ff188be.entry.js} +2 -2
  310. package/dist/infineon-design-system-stencil/p-406b00eb.entry.js +2 -0
  311. package/dist/infineon-design-system-stencil/{p-fb7fbe44.entry.js → p-41846fb5.entry.js} +2 -2
  312. package/dist/infineon-design-system-stencil/{p-4b1e700d.entry.js → p-41f245f6.entry.js} +2 -2
  313. package/dist/infineon-design-system-stencil/{p-5efc38d5.entry.js → p-47893f7e.entry.js} +2 -2
  314. package/dist/infineon-design-system-stencil/{p-5fc8cf08.entry.js → p-4d0da3de.entry.js} +2 -2
  315. package/dist/infineon-design-system-stencil/p-4ddb3e72.entry.js +2 -0
  316. package/dist/infineon-design-system-stencil/{p-f9364479.entry.js → p-53411f03.entry.js} +2 -2
  317. package/dist/infineon-design-system-stencil/{p-527afe1e.entry.js → p-53abaa78.entry.js} +2 -2
  318. package/dist/infineon-design-system-stencil/{p-87e684d5.entry.js → p-59036c10.entry.js} +2 -2
  319. package/dist/infineon-design-system-stencil/{p-676e0a62.entry.js → p-5a5df7de.entry.js} +2 -2
  320. package/dist/infineon-design-system-stencil/{p-bf7bb869.entry.js → p-61117bda.entry.js} +2 -2
  321. package/dist/infineon-design-system-stencil/{p-6eb21028.entry.js → p-65d5e257.entry.js} +2 -2
  322. package/dist/infineon-design-system-stencil/{p-07ecc076.entry.js → p-661a7c0b.entry.js} +2 -2
  323. package/dist/infineon-design-system-stencil/{p-ad4305fd.entry.js → p-6693fddc.entry.js} +2 -2
  324. package/dist/infineon-design-system-stencil/{p-af1be17e.entry.js → p-6a8bfce7.entry.js} +2 -2
  325. package/dist/infineon-design-system-stencil/{p-30503cdf.entry.js → p-723cace7.entry.js} +2 -2
  326. package/dist/infineon-design-system-stencil/{p-9b6f98a6.entry.js → p-7355c5fe.entry.js} +2 -2
  327. package/dist/infineon-design-system-stencil/{p-a3c0eb25.entry.js → p-7e55680a.entry.js} +2 -2
  328. package/dist/infineon-design-system-stencil/{p-800704ec.entry.js → p-88ae2d37.entry.js} +2 -2
  329. package/dist/infineon-design-system-stencil/{p-a2615d6f.entry.js → p-8a733ad7.entry.js} +2 -2
  330. package/dist/infineon-design-system-stencil/{p-202a39ff.entry.js → p-964e15d1.entry.js} +2 -2
  331. package/dist/infineon-design-system-stencil/{p-50252b28.entry.js → p-99461b11.entry.js} +2 -2
  332. package/dist/infineon-design-system-stencil/{p-715070f7.entry.js → p-9da1f8b9.entry.js} +2 -2
  333. package/dist/infineon-design-system-stencil/{p-96244232.entry.js → p-a25618fd.entry.js} +2 -2
  334. package/dist/infineon-design-system-stencil/{p-fe38ca7b.entry.js → p-a3ece62e.entry.js} +2 -2
  335. package/dist/infineon-design-system-stencil/{p-e014d22e.entry.js → p-a8241d5d.entry.js} +2 -2
  336. package/dist/infineon-design-system-stencil/p-a92465d1.entry.js +2 -0
  337. package/dist/infineon-design-system-stencil/{p-1a82e21d.entry.js → p-ac4aaa18.entry.js} +2 -2
  338. package/dist/infineon-design-system-stencil/{p-1f24970a.entry.js → p-b0c402e0.entry.js} +2 -2
  339. package/dist/infineon-design-system-stencil/{p-eb5e154d.entry.js → p-b26d054b.entry.js} +2 -2
  340. package/dist/infineon-design-system-stencil/{p-0262de1d.entry.js → p-b2ff6914.entry.js} +2 -2
  341. package/dist/infineon-design-system-stencil/{p-6bb224ed.entry.js → p-b39303be.entry.js} +2 -2
  342. package/dist/infineon-design-system-stencil/{p-5fb32319.entry.js → p-b44360ea.entry.js} +2 -2
  343. package/dist/infineon-design-system-stencil/{p-28de8581.entry.js → p-b8e74ad3.entry.js} +2 -2
  344. package/dist/infineon-design-system-stencil/{p-cbd79068.entry.js → p-ba4f65f1.entry.js} +2 -2
  345. package/dist/infineon-design-system-stencil/{p-e913b4bc.entry.js → p-c172e015.entry.js} +2 -2
  346. package/dist/infineon-design-system-stencil/{p-82d372b4.entry.js → p-c2cc54c0.entry.js} +2 -2
  347. package/dist/infineon-design-system-stencil/{p-d73913fd.entry.js → p-c4eac5cd.entry.js} +2 -2
  348. package/dist/infineon-design-system-stencil/{p-8dad964c.entry.js → p-c6b76d4a.entry.js} +2 -2
  349. package/dist/infineon-design-system-stencil/{p-fa81a54a.entry.js → p-ce448991.entry.js} +2 -2
  350. package/dist/infineon-design-system-stencil/{p-cb81ea29.entry.js → p-d04dbacf.entry.js} +2 -2
  351. package/dist/infineon-design-system-stencil/{p-00a1ec40.entry.js → p-d2dfe109.entry.js} +2 -2
  352. package/dist/infineon-design-system-stencil/{p-4da1d5fd.entry.js → p-d3a86d82.entry.js} +2 -2
  353. package/dist/infineon-design-system-stencil/{p-e11f02e9.entry.js → p-d4da0515.entry.js} +2 -2
  354. package/dist/infineon-design-system-stencil/{p-bab776f1.entry.js → p-d5936509.entry.js} +2 -2
  355. package/dist/infineon-design-system-stencil/{p-571e0df8.entry.js → p-d928585e.entry.js} +2 -2
  356. package/dist/infineon-design-system-stencil/{p-f41db87c.entry.js → p-de733e32.entry.js} +2 -2
  357. package/dist/infineon-design-system-stencil/{p-9d4b5f5a.entry.js → p-e5df823b.entry.js} +2 -2
  358. package/dist/infineon-design-system-stencil/p-e6edf72d.js +3 -0
  359. package/dist/infineon-design-system-stencil/p-e6edf72d.js.map +1 -0
  360. package/dist/infineon-design-system-stencil/{p-30bd18de.entry.js → p-e93396ed.entry.js} +2 -2
  361. package/dist/infineon-design-system-stencil/{p-3bd9ec1c.entry.js → p-edc77e53.entry.js} +2 -2
  362. package/dist/infineon-design-system-stencil/{p-37c45825.entry.js → p-f22dad77.entry.js} +2 -2
  363. package/dist/infineon-design-system-stencil/{p-a74c4f55.entry.js → p-f4866ad9.entry.js} +2 -2
  364. package/dist/infineon-design-system-stencil/{p-1772ef7d.entry.js → p-f88b928c.entry.js} +2 -2
  365. package/dist/infineon-design-system-stencil/{p-2e900240.entry.js → p-fdad4729.entry.js} +2 -2
  366. package/dist/infineon-design-system-stencil/{p-45ac2698.entry.js → p-fe2d60b9.entry.js} +2 -2
  367. package/dist/types/components.d.ts +0 -86
  368. package/package.json +1 -1
  369. package/dist/cjs/ifx-tree-view-item.cjs.entry.js +0 -378
  370. package/dist/cjs/ifx-tree-view-item.cjs.entry.js.map +0 -1
  371. package/dist/cjs/ifx-tree-view.cjs.entry.js +0 -52
  372. package/dist/cjs/ifx-tree-view.cjs.entry.js.map +0 -1
  373. package/dist/cjs/index-7f4df11a.js.map +0 -1
  374. package/dist/collection/components/tree-view/tree-view-item.css +0 -112
  375. package/dist/collection/components/tree-view/tree-view-item.js +0 -572
  376. package/dist/collection/components/tree-view/tree-view-item.js.map +0 -1
  377. package/dist/collection/components/tree-view/tree-view.css +0 -18
  378. package/dist/collection/components/tree-view/tree-view.js +0 -169
  379. package/dist/collection/components/tree-view/tree-view.js.map +0 -1
  380. package/dist/collection/components/tree-view/tree-view.stories.js +0 -333
  381. package/dist/collection/components/tree-view/tree-view.stories.js.map +0 -1
  382. package/dist/components/ifx-tree-view-item.d.ts +0 -11
  383. package/dist/components/ifx-tree-view-item.js +0 -421
  384. package/dist/components/ifx-tree-view-item.js.map +0 -1
  385. package/dist/components/ifx-tree-view.d.ts +0 -11
  386. package/dist/components/ifx-tree-view.js +0 -74
  387. package/dist/components/ifx-tree-view.js.map +0 -1
  388. package/dist/components/p-f8e6a4ef.js.map +0 -1
  389. package/dist/esm/ifx-tree-view-item.entry.js +0 -374
  390. package/dist/esm/ifx-tree-view-item.entry.js.map +0 -1
  391. package/dist/esm/ifx-tree-view.entry.js +0 -48
  392. package/dist/esm/ifx-tree-view.entry.js.map +0 -1
  393. package/dist/esm/index-6c9eba32.js.map +0 -1
  394. package/dist/infineon-design-system-stencil/p-34930b99.entry.js +0 -2
  395. package/dist/infineon-design-system-stencil/p-488408d3.entry.js +0 -2
  396. package/dist/infineon-design-system-stencil/p-80824c1a.entry.js +0 -2
  397. package/dist/infineon-design-system-stencil/p-80824c1a.entry.js.map +0 -1
  398. package/dist/infineon-design-system-stencil/p-b7a462e5.js +0 -3
  399. package/dist/infineon-design-system-stencil/p-b7a462e5.js.map +0 -1
  400. package/dist/infineon-design-system-stencil/p-c1caa426.entry.js +0 -2
  401. package/dist/infineon-design-system-stencil/p-fdda3505.entry.js +0 -2
  402. package/dist/infineon-design-system-stencil/p-fdda3505.entry.js.map +0 -1
  403. package/dist/types/components/tree-view/tree-view-item.d.ts +0 -62
  404. package/dist/types/components/tree-view/tree-view.d.ts +0 -13
  405. package/dist/types/components/tree-view/tree-view.stories.d.ts +0 -6
  406. /package/dist/infineon-design-system-stencil/{p-b1332d35.entry.js.map → p-007f032b.entry.js.map} +0 -0
  407. /package/dist/infineon-design-system-stencil/{p-2281b467.entry.js.map → p-00fd53b9.entry.js.map} +0 -0
  408. /package/dist/infineon-design-system-stencil/{p-20de8fb7.entry.js.map → p-0333c09a.entry.js.map} +0 -0
  409. /package/dist/infineon-design-system-stencil/{p-d5c87934.entry.js.map → p-040dfe3a.entry.js.map} +0 -0
  410. /package/dist/infineon-design-system-stencil/{p-03c9d3fe.entry.js.map → p-0474c62d.entry.js.map} +0 -0
  411. /package/dist/infineon-design-system-stencil/{p-f0233249.entry.js.map → p-063dc766.entry.js.map} +0 -0
  412. /package/dist/infineon-design-system-stencil/{p-b892a205.entry.js.map → p-0a69604b.entry.js.map} +0 -0
  413. /package/dist/infineon-design-system-stencil/{p-f0c2e188.entry.js.map → p-0d11b881.entry.js.map} +0 -0
  414. /package/dist/infineon-design-system-stencil/{p-3a7f32df.entry.js.map → p-1218cd67.entry.js.map} +0 -0
  415. /package/dist/infineon-design-system-stencil/{p-741ee6fd.entry.js.map → p-1958f029.entry.js.map} +0 -0
  416. /package/dist/infineon-design-system-stencil/{p-1d8518f1.entry.js.map → p-1a29bbb2.entry.js.map} +0 -0
  417. /package/dist/infineon-design-system-stencil/{p-dd50c9cc.entry.js.map → p-22615332.entry.js.map} +0 -0
  418. /package/dist/infineon-design-system-stencil/{p-dd28f3a1.entry.js.map → p-29984af2.entry.js.map} +0 -0
  419. /package/dist/infineon-design-system-stencil/{p-c0c148ec.entry.js.map → p-2fa26bf7.entry.js.map} +0 -0
  420. /package/dist/infineon-design-system-stencil/{p-7c06a6bd.entry.js.map → p-2fb84e5d.entry.js.map} +0 -0
  421. /package/dist/infineon-design-system-stencil/{p-9b94e2ae.entry.js.map → p-33f48cf1.entry.js.map} +0 -0
  422. /package/dist/infineon-design-system-stencil/{p-6bd0690d.entry.js.map → p-3469adb7.entry.js.map} +0 -0
  423. /package/dist/infineon-design-system-stencil/{p-62303f57.entry.js.map → p-3545f2d5.entry.js.map} +0 -0
  424. /package/dist/infineon-design-system-stencil/{p-7001bc7d.entry.js.map → p-361d1e31.entry.js.map} +0 -0
  425. /package/dist/infineon-design-system-stencil/{p-d4eff9d8.entry.js.map → p-3ff188be.entry.js.map} +0 -0
  426. /package/dist/infineon-design-system-stencil/{p-34930b99.entry.js.map → p-406b00eb.entry.js.map} +0 -0
  427. /package/dist/infineon-design-system-stencil/{p-fb7fbe44.entry.js.map → p-41846fb5.entry.js.map} +0 -0
  428. /package/dist/infineon-design-system-stencil/{p-4b1e700d.entry.js.map → p-41f245f6.entry.js.map} +0 -0
  429. /package/dist/infineon-design-system-stencil/{p-5efc38d5.entry.js.map → p-47893f7e.entry.js.map} +0 -0
  430. /package/dist/infineon-design-system-stencil/{p-5fc8cf08.entry.js.map → p-4d0da3de.entry.js.map} +0 -0
  431. /package/dist/infineon-design-system-stencil/{p-c1caa426.entry.js.map → p-4ddb3e72.entry.js.map} +0 -0
  432. /package/dist/infineon-design-system-stencil/{p-f9364479.entry.js.map → p-53411f03.entry.js.map} +0 -0
  433. /package/dist/infineon-design-system-stencil/{p-527afe1e.entry.js.map → p-53abaa78.entry.js.map} +0 -0
  434. /package/dist/infineon-design-system-stencil/{p-87e684d5.entry.js.map → p-59036c10.entry.js.map} +0 -0
  435. /package/dist/infineon-design-system-stencil/{p-676e0a62.entry.js.map → p-5a5df7de.entry.js.map} +0 -0
  436. /package/dist/infineon-design-system-stencil/{p-bf7bb869.entry.js.map → p-61117bda.entry.js.map} +0 -0
  437. /package/dist/infineon-design-system-stencil/{p-6eb21028.entry.js.map → p-65d5e257.entry.js.map} +0 -0
  438. /package/dist/infineon-design-system-stencil/{p-07ecc076.entry.js.map → p-661a7c0b.entry.js.map} +0 -0
  439. /package/dist/infineon-design-system-stencil/{p-ad4305fd.entry.js.map → p-6693fddc.entry.js.map} +0 -0
  440. /package/dist/infineon-design-system-stencil/{p-af1be17e.entry.js.map → p-6a8bfce7.entry.js.map} +0 -0
  441. /package/dist/infineon-design-system-stencil/{p-30503cdf.entry.js.map → p-723cace7.entry.js.map} +0 -0
  442. /package/dist/infineon-design-system-stencil/{p-9b6f98a6.entry.js.map → p-7355c5fe.entry.js.map} +0 -0
  443. /package/dist/infineon-design-system-stencil/{p-a3c0eb25.entry.js.map → p-7e55680a.entry.js.map} +0 -0
  444. /package/dist/infineon-design-system-stencil/{p-800704ec.entry.js.map → p-88ae2d37.entry.js.map} +0 -0
  445. /package/dist/infineon-design-system-stencil/{p-a2615d6f.entry.js.map → p-8a733ad7.entry.js.map} +0 -0
  446. /package/dist/infineon-design-system-stencil/{p-202a39ff.entry.js.map → p-964e15d1.entry.js.map} +0 -0
  447. /package/dist/infineon-design-system-stencil/{p-50252b28.entry.js.map → p-99461b11.entry.js.map} +0 -0
  448. /package/dist/infineon-design-system-stencil/{p-715070f7.entry.js.map → p-9da1f8b9.entry.js.map} +0 -0
  449. /package/dist/infineon-design-system-stencil/{p-96244232.entry.js.map → p-a25618fd.entry.js.map} +0 -0
  450. /package/dist/infineon-design-system-stencil/{p-fe38ca7b.entry.js.map → p-a3ece62e.entry.js.map} +0 -0
  451. /package/dist/infineon-design-system-stencil/{p-e014d22e.entry.js.map → p-a8241d5d.entry.js.map} +0 -0
  452. /package/dist/infineon-design-system-stencil/{p-488408d3.entry.js.map → p-a92465d1.entry.js.map} +0 -0
  453. /package/dist/infineon-design-system-stencil/{p-1a82e21d.entry.js.map → p-ac4aaa18.entry.js.map} +0 -0
  454. /package/dist/infineon-design-system-stencil/{p-1f24970a.entry.js.map → p-b0c402e0.entry.js.map} +0 -0
  455. /package/dist/infineon-design-system-stencil/{p-eb5e154d.entry.js.map → p-b26d054b.entry.js.map} +0 -0
  456. /package/dist/infineon-design-system-stencil/{p-0262de1d.entry.js.map → p-b2ff6914.entry.js.map} +0 -0
  457. /package/dist/infineon-design-system-stencil/{p-6bb224ed.entry.js.map → p-b39303be.entry.js.map} +0 -0
  458. /package/dist/infineon-design-system-stencil/{p-5fb32319.entry.js.map → p-b44360ea.entry.js.map} +0 -0
  459. /package/dist/infineon-design-system-stencil/{p-28de8581.entry.js.map → p-b8e74ad3.entry.js.map} +0 -0
  460. /package/dist/infineon-design-system-stencil/{p-cbd79068.entry.js.map → p-ba4f65f1.entry.js.map} +0 -0
  461. /package/dist/infineon-design-system-stencil/{p-e913b4bc.entry.js.map → p-c172e015.entry.js.map} +0 -0
  462. /package/dist/infineon-design-system-stencil/{p-82d372b4.entry.js.map → p-c2cc54c0.entry.js.map} +0 -0
  463. /package/dist/infineon-design-system-stencil/{p-d73913fd.entry.js.map → p-c4eac5cd.entry.js.map} +0 -0
  464. /package/dist/infineon-design-system-stencil/{p-8dad964c.entry.js.map → p-c6b76d4a.entry.js.map} +0 -0
  465. /package/dist/infineon-design-system-stencil/{p-fa81a54a.entry.js.map → p-ce448991.entry.js.map} +0 -0
  466. /package/dist/infineon-design-system-stencil/{p-cb81ea29.entry.js.map → p-d04dbacf.entry.js.map} +0 -0
  467. /package/dist/infineon-design-system-stencil/{p-00a1ec40.entry.js.map → p-d2dfe109.entry.js.map} +0 -0
  468. /package/dist/infineon-design-system-stencil/{p-4da1d5fd.entry.js.map → p-d3a86d82.entry.js.map} +0 -0
  469. /package/dist/infineon-design-system-stencil/{p-e11f02e9.entry.js.map → p-d4da0515.entry.js.map} +0 -0
  470. /package/dist/infineon-design-system-stencil/{p-bab776f1.entry.js.map → p-d5936509.entry.js.map} +0 -0
  471. /package/dist/infineon-design-system-stencil/{p-571e0df8.entry.js.map → p-d928585e.entry.js.map} +0 -0
  472. /package/dist/infineon-design-system-stencil/{p-f41db87c.entry.js.map → p-de733e32.entry.js.map} +0 -0
  473. /package/dist/infineon-design-system-stencil/{p-9d4b5f5a.entry.js.map → p-e5df823b.entry.js.map} +0 -0
  474. /package/dist/infineon-design-system-stencil/{p-30bd18de.entry.js.map → p-e93396ed.entry.js.map} +0 -0
  475. /package/dist/infineon-design-system-stencil/{p-3bd9ec1c.entry.js.map → p-edc77e53.entry.js.map} +0 -0
  476. /package/dist/infineon-design-system-stencil/{p-37c45825.entry.js.map → p-f22dad77.entry.js.map} +0 -0
  477. /package/dist/infineon-design-system-stencil/{p-a74c4f55.entry.js.map → p-f4866ad9.entry.js.map} +0 -0
  478. /package/dist/infineon-design-system-stencil/{p-1772ef7d.entry.js.map → p-f88b928c.entry.js.map} +0 -0
  479. /package/dist/infineon-design-system-stencil/{p-2e900240.entry.js.map → p-fdad4729.entry.js.map} +0 -0
  480. /package/dist/infineon-design-system-stencil/{p-45ac2698.entry.js.map → p-fe2d60b9.entry.js.map} +0 -0
@@ -1,112 +0,0 @@
1
- .tree-item {
2
- position: relative;
3
- cursor: pointer;
4
- list-style: none;
5
- }
6
- .tree-item.tree-item--expanded {
7
- position: relative;
8
- }
9
- .tree-item.tree-item--has-children {
10
- position: relative;
11
- }
12
- .tree-item.tree-item--has-children .tree-item__header > .tree-item__chevron-container {
13
- display: flex;
14
- }
15
- .tree-item.tree-item--has-children.tree-item--expanded .tree-item__header > .tree-item__chevron-container::after {
16
- display: block;
17
- }
18
- .tree-item--disabled {
19
- cursor: not-allowed;
20
- pointer-events: none;
21
- color: #BFBBBB;
22
- }
23
- .tree-item__content {
24
- display: flex;
25
- flex-direction: row;
26
- }
27
- .tree-item__content:hover .tree-item__checkbox-container,
28
- .tree-item__content:hover .tree-item__header {
29
- background-color: #F7F7F7;
30
- }
31
- .tree-item__checkbox-container {
32
- position: sticky;
33
- left: 0;
34
- z-index: 10;
35
- padding: 4px;
36
- background-color: #FFFFFF;
37
- }
38
- .tree-item__header {
39
- flex-grow: 1;
40
- display: flex;
41
- align-items: center;
42
- white-space: nowrap;
43
- height: 20px;
44
- padding-top: 4px;
45
- padding-right: 16px;
46
- padding-bottom: 4px;
47
- padding-left: 8px;
48
- }
49
- .tree-item__chevron-container {
50
- display: none;
51
- align-items: center;
52
- margin-right: 8px;
53
- height: 20px;
54
- }
55
- .tree-item__chevron-container::after {
56
- --height-line-start: 28px;
57
- display: none;
58
- content: "";
59
- position: absolute;
60
- z-index: 1;
61
- top: var(--height-line-start);
62
- left: auto;
63
- margin-left: 8px;
64
- width: 1px;
65
- height: calc(100% - var(--height-line-start));
66
- background-color: #EEEDED;
67
- }
68
- .tree-item--disabled .tree-item__chevron-container::after {
69
- color: #EEEDED;
70
- }
71
- .tree-item__chevron.chevron-down {
72
- transform: rotate(90deg);
73
- }
74
- .tree-item__chevron.chevron-right {
75
- transform: rotate(0);
76
- }
77
- .tree-item__label-icon-container {
78
- display: flex;
79
- align-items: center;
80
- }
81
- .tree-item__label-icon-container:focus {
82
- outline: none;
83
- }
84
- .tree-item__label-icon-container:focus-visible {
85
- outline: 2px solid #0A8276;
86
- outline-offset: 2px;
87
- border-radius: 1px;
88
- }
89
- .tree-item__icon-container {
90
- position: relative;
91
- width: 16px;
92
- height: 16px;
93
- }
94
- .tree-item__icon-container ifx-icon {
95
- position: absolute;
96
- left: 0;
97
- top: 0;
98
- opacity: 1;
99
- transition: opacity 0.2s ease-in-out;
100
- }
101
- .tree-item__icon-container ifx-icon.icon--hidden {
102
- opacity: 0;
103
- }
104
- .tree-item__label {
105
- padding-left: 8px;
106
- }
107
- .tree-item__children {
108
- display: none;
109
- }
110
- .tree-item[aria-expanded=true] > .tree-item__children {
111
- display: block;
112
- }
@@ -1,572 +0,0 @@
1
- import { h, Fragment } from "@stencil/core";
2
- export class TreeViewItem {
3
- constructor() {
4
- this.expanded = false;
5
- this.initiallyExpanded = false;
6
- this.disableItem = false;
7
- this.initiallySelected = false;
8
- this.hasChildren = false;
9
- this.isChecked = false;
10
- this.partialChecked = false;
11
- this.level = 0;
12
- this.disableAllItems = false;
13
- this.expandAllItems = false;
14
- this.suppressExpandEvents = false;
15
- this.findChildren = () => Array.from(this.host.children)
16
- .filter((child) => child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM');
17
- this.calculateNodeLevel = () => {
18
- let level = 0, parent = this.host.parentElement;
19
- while (parent) {
20
- if (parent.tagName === 'IFX-TREE-VIEW-ITEM')
21
- level++;
22
- parent = parent.parentElement;
23
- }
24
- return level;
25
- };
26
- this.handleStateChange = (event) => {
27
- if (this.disabled)
28
- return;
29
- event.stopPropagation();
30
- this.updateCheckState(event.detail.checked);
31
- };
32
- this.handleCheckboxChange = (event) => {
33
- var _a, _b;
34
- if (this.disabled)
35
- return;
36
- this.updateCheckState((_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : !this.isChecked);
37
- };
38
- this.handleHeaderClick = ({ target }) => {
39
- if (this.disabled)
40
- return;
41
- if (!target.closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {
42
- if (this.hasChildren) {
43
- const newCheckedState = !this.isChecked;
44
- this.updateCheckState(newCheckedState);
45
- const affectedItems = newCheckedState
46
- ? this.expandOrCollapseAllDescendants(true)
47
- : this.expandOrCollapseAllDescendants(false);
48
- this.ifxTreeViewItemExpandChange.emit({
49
- expanded: newCheckedState,
50
- affectedItems
51
- });
52
- }
53
- else {
54
- this.updateCheckState(!this.isChecked);
55
- }
56
- }
57
- };
58
- this.toggleExpand = () => {
59
- if (this.disabled || !this.hasChildren)
60
- return;
61
- this.expanded = !this.expanded;
62
- };
63
- this.handleKeyDown = (event) => {
64
- var _a, _b, _c, _d, _e, _f;
65
- const allItems = Array.from(((_a = this.host.closest('ifx-tree-view')) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ifx-tree-view-item')) || []);
66
- const visibleItems = allItems.filter(item => {
67
- var _a, _b;
68
- let parent = (_a = item.parentElement) === null || _a === void 0 ? void 0 : _a.closest('ifx-tree-view-item');
69
- while (parent) {
70
- const parentCmp = parent;
71
- if (!(parentCmp.expandAllItems || parentCmp.expanded))
72
- return false;
73
- parent = (_b = parent.parentElement) === null || _b === void 0 ? void 0 : _b.closest('ifx-tree-view-item');
74
- }
75
- return true;
76
- });
77
- const currentIndex = visibleItems.findIndex(el => el === this.host);
78
- const focusLabelIcon = (el) => el === null || el === void 0 ? void 0 : el.focus();
79
- switch (event.key) {
80
- case 'ArrowDown': {
81
- event.preventDefault();
82
- for (let i = currentIndex + 1; i < visibleItems.length; i++) {
83
- const next = visibleItems[i];
84
- if (!next.disabled) {
85
- focusLabelIcon((_b = next.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tree-item__label-icon-container'));
86
- break;
87
- }
88
- }
89
- break;
90
- }
91
- case 'ArrowUp': {
92
- event.preventDefault();
93
- for (let i = currentIndex - 1; i >= 0; i--) {
94
- const prev = visibleItems[i];
95
- if (!prev.disabled) {
96
- focusLabelIcon((_c = prev.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.tree-item__label-icon-container'));
97
- break;
98
- }
99
- }
100
- break;
101
- }
102
- case 'ArrowRight': {
103
- event.preventDefault();
104
- if (!this.isExpanded && this.hasChildren) {
105
- this.expanded = true;
106
- }
107
- else if (this.isExpanded && this.hasChildren) {
108
- const firstChild = this.host.querySelector('ifx-tree-view-item');
109
- if (firstChild && !firstChild.disabled) {
110
- focusLabelIcon((_d = firstChild.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.tree-item__label-icon-container'));
111
- }
112
- }
113
- break;
114
- }
115
- case 'ArrowLeft': {
116
- event.preventDefault();
117
- if (this.isExpanded && this.hasChildren) {
118
- this.expanded = false;
119
- }
120
- else {
121
- const parent = (_e = this.host.parentElement) === null || _e === void 0 ? void 0 : _e.closest('ifx-tree-view-item');
122
- if (parent && !parent.disabled) {
123
- focusLabelIcon((_f = parent.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.tree-item__label-icon-container'));
124
- }
125
- }
126
- break;
127
- }
128
- case ' ':
129
- case 'Enter': {
130
- event.preventDefault();
131
- if (this.hasChildren) {
132
- const newCheckedState = !this.isChecked;
133
- this.updateCheckState(newCheckedState);
134
- const affectedItems = newCheckedState
135
- ? this.expandOrCollapseAllDescendants(true)
136
- : this.expandOrCollapseAllDescendants(false);
137
- this.ifxTreeViewItemExpandChange.emit({
138
- expanded: newCheckedState,
139
- affectedItems
140
- });
141
- }
142
- else {
143
- this.updateCheckState(!this.isChecked);
144
- }
145
- break;
146
- }
147
- }
148
- };
149
- }
150
- get disabled() {
151
- return this.disableAllItems || this.disableItem;
152
- }
153
- get isExpanded() {
154
- return this.expandAllItems || this.expanded;
155
- }
156
- componentWillLoad() {
157
- this.expanded = this.initiallyExpanded;
158
- this.hasChildren = this.findChildren().length > 0;
159
- this.level = this.calculateNodeLevel();
160
- this.host.setAttribute('data-level', this.level.toString());
161
- this.isChecked = this.initiallySelected;
162
- this.host.addEventListener('internal-check-state-change', this.handleStateChange);
163
- }
164
- componentDidLoad() {
165
- this.observeParentAttribute('disable-all-items', val => this.disableAllItems = val);
166
- this.observeParentAttribute('data-expand-all-items', val => this.expandAllItems = val, true);
167
- if (this.shouldExpandFromParent())
168
- this.expandAllDescendants();
169
- this.host['__stencil_instance'] = this;
170
- if (this.initiallySelected)
171
- setTimeout(() => this.updateParentState(), 0);
172
- }
173
- observeParentAttribute(attr, cb, breakOnAttr = false) {
174
- let parent = this.host.parentElement;
175
- while (parent) {
176
- if (parent.tagName === 'IFX-TREE-VIEW' || (breakOnAttr && parent.hasAttribute(attr))) {
177
- const observer = new MutationObserver(() => cb(parent.hasAttribute(attr)));
178
- observer.observe(parent, { attributes: true });
179
- cb(parent.hasAttribute(attr));
180
- break;
181
- }
182
- parent = parent.parentElement;
183
- }
184
- }
185
- shouldExpandFromParent() {
186
- let parent = this.host.parentElement;
187
- while (parent) {
188
- if (parent.tagName === 'IFX-TREE-VIEW' &&
189
- (parent.hasAttribute('expand-all-items') || parent.hasAttribute('data-expand-all-items')))
190
- return true;
191
- parent = parent.parentElement;
192
- }
193
- return false;
194
- }
195
- expandAllDescendants() {
196
- this.expanded = true;
197
- this.findChildren().forEach(child => {
198
- var _a, _b;
199
- child.expanded = true;
200
- (_b = (_a = child).expandAllDescendants) === null || _b === void 0 ? void 0 : _b.call(_a);
201
- });
202
- }
203
- expandOrCollapseAllDescendants(expand) {
204
- this.suppressExpandEvents = true;
205
- const affectedItems = [];
206
- this.expanded = expand;
207
- if (this.hasChildren)
208
- affectedItems.push({ label: this.label, expanded: expand });
209
- this.findChildren().forEach(child => {
210
- const childInstance = child['__stencil_instance'];
211
- if (childInstance && childInstance.hasChildren) {
212
- childInstance.suppressExpandEvents = true;
213
- childInstance.expanded = expand;
214
- affectedItems.push({ label: childInstance.label, expanded: expand });
215
- if (childInstance.hasChildren) {
216
- const childAffected = childInstance.expandOrCollapseAllDescendants(expand);
217
- affectedItems.push(...childAffected.filter(item => item.label !== childInstance.label));
218
- }
219
- }
220
- });
221
- this.suppressExpandEvents = false;
222
- return affectedItems;
223
- }
224
- async updateCheckState(checked, fromParent = false) {
225
- if (this.disabled)
226
- return;
227
- if (!fromParent && this.hasChildren) {
228
- const affected = this.collectDescendantStates(checked);
229
- this.setNodeState({ isChecked: checked, partialChecked: false }, false);
230
- await this.updateChildrenSilently(checked);
231
- this.ifxTreeViewItemCheckChange.emit({
232
- checked,
233
- indeterminate: false,
234
- affectedChildItems: affected,
235
- });
236
- this.updateParentState();
237
- }
238
- else if (fromParent) {
239
- this.setNodeState({ isChecked: checked, partialChecked: false }, false);
240
- }
241
- else {
242
- this.setNodeState({ isChecked: checked, partialChecked: false });
243
- await this.updateChildrenState(checked);
244
- this.updateParentState();
245
- }
246
- }
247
- async updateChildrenSilently(checked) {
248
- for (const child of this.findChildren()) {
249
- const childInstance = child['__stencil_instance'];
250
- if (childInstance && !childInstance.disabled) {
251
- childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);
252
- await childInstance.updateChildrenSilently(checked);
253
- }
254
- }
255
- }
256
- handleExpandedChange(newValue) {
257
- if (!this.suppressExpandEvents) {
258
- this.ifxTreeViewItemExpandChange.emit({
259
- expanded: newValue,
260
- affectedItems: [{ label: this.label, expanded: newValue }]
261
- });
262
- }
263
- }
264
- handleDisableItemChange(newValue) {
265
- this.ifxTreeViewItemDisableChange.emit(newValue);
266
- }
267
- setNodeState(state, emitEvent = true) {
268
- this.isChecked = state.isChecked;
269
- this.partialChecked = state.partialChecked;
270
- if (emitEvent) {
271
- this.ifxTreeViewItemCheckChange.emit({
272
- checked: this.isChecked,
273
- indeterminate: this.partialChecked,
274
- label: this.label,
275
- level: this.level,
276
- disabled: this.disabled
277
- });
278
- }
279
- }
280
- collectDescendantStates(checked) {
281
- const descendants = [];
282
- const collect = (el) => {
283
- var _a;
284
- let instance = el === this.host ? this : el['__stencil_instance'];
285
- if (!(instance === null || instance === void 0 ? void 0 : instance.disabled)) {
286
- descendants.push({
287
- label: (_a = instance === null || instance === void 0 ? void 0 : instance.label) !== null && _a !== void 0 ? _a : '',
288
- checked,
289
- indeterminate: false,
290
- });
291
- }
292
- Array.from(el.children)
293
- .forEach(child => {
294
- if (child.tagName === 'IFX-TREE-VIEW-ITEM')
295
- collect(child);
296
- });
297
- };
298
- collect(this.host);
299
- return descendants;
300
- }
301
- async updateChildrenState(checked) {
302
- for (const child of this.findChildren()) {
303
- const childInstance = child['__stencil_instance'];
304
- if (childInstance && !childInstance.disabled) {
305
- await child.componentOnReady();
306
- child.dispatchEvent(new CustomEvent('internal-check-state-change', {
307
- detail: { checked },
308
- bubbles: false,
309
- composed: true
310
- }));
311
- }
312
- }
313
- }
314
- findSiblingNodes(parent) {
315
- return Array.from(parent.children)
316
- .filter((child) => child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM');
317
- }
318
- updateParentState() {
319
- var _a;
320
- const parent = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.closest('ifx-tree-view-item');
321
- if (!parent)
322
- return;
323
- setTimeout(() => {
324
- const parentInstance = parent['__stencil_instance'];
325
- if (!parentInstance)
326
- return;
327
- const siblings = this.findSiblingNodes(parent);
328
- const { allChecked, someChecked } = this.calculateSiblingStates(siblings);
329
- parentInstance.setNodeState({
330
- isChecked: allChecked,
331
- partialChecked: !allChecked && someChecked
332
- }, false);
333
- parentInstance.updateParentState();
334
- }, 0);
335
- }
336
- calculateSiblingStates(siblings) {
337
- const states = siblings.map(sib => {
338
- const instance = sib['__stencil_instance'];
339
- return { checked: instance === null || instance === void 0 ? void 0 : instance.isChecked, partial: instance === null || instance === void 0 ? void 0 : instance.partialChecked };
340
- });
341
- const checkedCount = states.filter(state => state.checked).length;
342
- const partialCount = states.filter(state => state.partial).length;
343
- return {
344
- allChecked: states.length > 0 && checkedCount === states.length && partialCount === 0,
345
- someChecked: checkedCount > 0 || partialCount > 0
346
- };
347
- }
348
- render() {
349
- return (h("div", { key: '6042bbacfb52a1f967b69838df351d2411e93e02', class: {
350
- 'tree-item': true,
351
- 'tree-item--expanded': this.isExpanded,
352
- 'tree-item--has-children': this.hasChildren,
353
- 'tree-item--disabled': this.disabled,
354
- }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: 'dd1c3dd7d7ac52856fa5521151575d8f6e56a595', class: "tree-item__content" }, h("div", { key: 'f9acf69a45e6895cb8bce4685bf89410c5fd44d9', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '0100c66fcf54caf9ec72aba23ca54cf7c89b8f3e', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '80bd2380b3503281c7930e1a5a0577e1684f915e', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: 'b0d54b95c7141d162f9b3d3b8482793c5b362cfa', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: '8bb64082299f6f8c9498e56a00f330fd759890a7', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: 'f73af0fad6a30b70fbc9b8a86cb62789590e6c2b', class: "tree-item__line" }))), h("div", { key: 'a6dd60b5c2d41d54fffc9cb5d8c9d107bc656aa7', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: 'f9c093688eedf085258e76a599436e95231200f8', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: '03ad70fa86d4925ea470dadde8b61a64a3316711', class: "tree-item__label" }, this.label)))), this.isExpanded && h("div", { key: '89565044494dab81e5625ee16bb628c56329ad98', class: "tree-item__children" }, h("slot", { key: 'ebb9dcba2eb87c257823bcea9b1efa6f30ad99dd' }))));
355
- }
356
- static get is() { return "ifx-tree-view-item"; }
357
- static get encapsulation() { return "shadow"; }
358
- static get originalStyleUrls() {
359
- return {
360
- "$": ["tree-view-item.scss"]
361
- };
362
- }
363
- static get styleUrls() {
364
- return {
365
- "$": ["tree-view-item.css"]
366
- };
367
- }
368
- static get properties() {
369
- return {
370
- "label": {
371
- "type": "string",
372
- "mutable": false,
373
- "complexType": {
374
- "original": "string",
375
- "resolved": "string",
376
- "references": {}
377
- },
378
- "required": false,
379
- "optional": false,
380
- "docs": {
381
- "tags": [],
382
- "text": ""
383
- },
384
- "getter": false,
385
- "setter": false,
386
- "attribute": "label",
387
- "reflect": false
388
- },
389
- "expanded": {
390
- "type": "boolean",
391
- "mutable": true,
392
- "complexType": {
393
- "original": "boolean",
394
- "resolved": "boolean",
395
- "references": {}
396
- },
397
- "required": false,
398
- "optional": false,
399
- "docs": {
400
- "tags": [],
401
- "text": ""
402
- },
403
- "getter": false,
404
- "setter": false,
405
- "attribute": "expanded",
406
- "reflect": true,
407
- "defaultValue": "false"
408
- },
409
- "initiallyExpanded": {
410
- "type": "boolean",
411
- "mutable": false,
412
- "complexType": {
413
- "original": "boolean",
414
- "resolved": "boolean",
415
- "references": {}
416
- },
417
- "required": false,
418
- "optional": false,
419
- "docs": {
420
- "tags": [],
421
- "text": ""
422
- },
423
- "getter": false,
424
- "setter": false,
425
- "attribute": "initially-expanded",
426
- "reflect": false,
427
- "defaultValue": "false"
428
- },
429
- "disableItem": {
430
- "type": "boolean",
431
- "mutable": false,
432
- "complexType": {
433
- "original": "boolean",
434
- "resolved": "boolean",
435
- "references": {}
436
- },
437
- "required": false,
438
- "optional": false,
439
- "docs": {
440
- "tags": [],
441
- "text": ""
442
- },
443
- "getter": false,
444
- "setter": false,
445
- "attribute": "disable-item",
446
- "reflect": false,
447
- "defaultValue": "false"
448
- },
449
- "ariaLabel": {
450
- "type": "string",
451
- "mutable": false,
452
- "complexType": {
453
- "original": "string | null",
454
- "resolved": "string",
455
- "references": {}
456
- },
457
- "required": false,
458
- "optional": false,
459
- "docs": {
460
- "tags": [],
461
- "text": ""
462
- },
463
- "getter": false,
464
- "setter": false,
465
- "attribute": "aria-label",
466
- "reflect": false
467
- },
468
- "initiallySelected": {
469
- "type": "boolean",
470
- "mutable": false,
471
- "complexType": {
472
- "original": "boolean",
473
- "resolved": "boolean",
474
- "references": {}
475
- },
476
- "required": false,
477
- "optional": false,
478
- "docs": {
479
- "tags": [],
480
- "text": ""
481
- },
482
- "getter": false,
483
- "setter": false,
484
- "attribute": "initially-selected",
485
- "reflect": false,
486
- "defaultValue": "false"
487
- }
488
- };
489
- }
490
- static get states() {
491
- return {
492
- "hasChildren": {},
493
- "isChecked": {},
494
- "partialChecked": {},
495
- "level": {},
496
- "disableAllItems": {},
497
- "expandAllItems": {},
498
- "suppressExpandEvents": {}
499
- };
500
- }
501
- static get events() {
502
- return [{
503
- "method": "ifxTreeViewItemExpandChange",
504
- "name": "ifxTreeViewItemExpandChange",
505
- "bubbles": true,
506
- "cancelable": true,
507
- "composed": true,
508
- "docs": {
509
- "tags": [],
510
- "text": ""
511
- },
512
- "complexType": {
513
- "original": "TreeViewExpandChangeEvent",
514
- "resolved": "TreeViewExpandChangeEvent",
515
- "references": {
516
- "TreeViewExpandChangeEvent": {
517
- "location": "local",
518
- "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/tree-view/tree-view-item.tsx",
519
- "id": "src/components/tree-view/tree-view-item.tsx::TreeViewExpandChangeEvent"
520
- }
521
- }
522
- }
523
- }, {
524
- "method": "ifxTreeViewItemCheckChange",
525
- "name": "ifxTreeViewItemCheckChange",
526
- "bubbles": true,
527
- "cancelable": true,
528
- "composed": true,
529
- "docs": {
530
- "tags": [],
531
- "text": ""
532
- },
533
- "complexType": {
534
- "original": "TreeViewCheckChangeEvent",
535
- "resolved": "TreeViewCheckChangeEvent",
536
- "references": {
537
- "TreeViewCheckChangeEvent": {
538
- "location": "local",
539
- "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/tree-view/tree-view-item.tsx",
540
- "id": "src/components/tree-view/tree-view-item.tsx::TreeViewCheckChangeEvent"
541
- }
542
- }
543
- }
544
- }, {
545
- "method": "ifxTreeViewItemDisableChange",
546
- "name": "ifxTreeViewItemDisableChange",
547
- "bubbles": true,
548
- "cancelable": true,
549
- "composed": true,
550
- "docs": {
551
- "tags": [],
552
- "text": ""
553
- },
554
- "complexType": {
555
- "original": "boolean",
556
- "resolved": "boolean",
557
- "references": {}
558
- }
559
- }];
560
- }
561
- static get elementRef() { return "host"; }
562
- static get watchers() {
563
- return [{
564
- "propName": "expanded",
565
- "methodName": "handleExpandedChange"
566
- }, {
567
- "propName": "disableItem",
568
- "methodName": "handleDisableItemChange"
569
- }];
570
- }
571
- }
572
- //# sourceMappingURL=tree-view-item.js.map