@infineon/infineon-design-system-stencil 33.6.0--canary.1869.d4a14f1380c934d3841f5aec362228f12cbb51a0.0 → 33.6.1--canary.1866.428600850c22f501160ac4ac9e5b42c89513fc90.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 (489) 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 +24 -4
  44. package/dist/cjs/ifx-modal.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ifx-multiselect.cjs.entry.js +1 -1
  46. package/dist/cjs/ifx-navbar-item.cjs.entry.js +1 -1
  47. package/dist/cjs/ifx-navbar-profile.cjs.entry.js +1 -1
  48. package/dist/cjs/ifx-navbar.cjs.entry.js +1 -1
  49. package/dist/cjs/ifx-notification.cjs.entry.js +1 -1
  50. package/dist/cjs/ifx-number-indicator.cjs.entry.js +1 -1
  51. package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
  52. package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
  53. package/dist/cjs/ifx-radio-button-group.cjs.entry.js +1 -1
  54. package/dist/cjs/ifx-radio-button.cjs.entry.js +1 -1
  55. package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
  56. package/dist/cjs/ifx-search-field.cjs.entry.js +1 -1
  57. package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
  58. package/dist/cjs/ifx-segmented-control.cjs.entry.js +1 -1
  59. package/dist/cjs/ifx-select.cjs.entry.js +1 -1
  60. package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -1
  61. package/dist/cjs/ifx-sidebar-item.cjs.entry.js +1 -1
  62. package/dist/cjs/ifx-sidebar-title.cjs.entry.js +1 -1
  63. package/dist/cjs/ifx-sidebar.cjs.entry.js +1 -1
  64. package/dist/cjs/ifx-slider.cjs.entry.js +1 -1
  65. package/dist/cjs/ifx-spinner_2.cjs.entry.js +1 -1
  66. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  67. package/dist/cjs/ifx-step.cjs.entry.js +1 -1
  68. package/dist/cjs/ifx-stepper.cjs.entry.js +1 -1
  69. package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
  70. package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
  71. package/dist/cjs/ifx-table.cjs.entry.js +1 -1
  72. package/dist/cjs/ifx-tabs.cjs.entry.js +1 -1
  73. package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
  74. package/dist/cjs/ifx-templates-ui.cjs.entry.js +1 -1
  75. package/dist/cjs/ifx-textarea.cjs.entry.js +1 -1
  76. package/dist/cjs/ifx-tooltip.cjs.entry.js +1 -1
  77. package/dist/cjs/{index-7f4df11a.js → index-c9480f70.js} +6 -55
  78. package/dist/cjs/index-c9480f70.js.map +1 -0
  79. package/dist/cjs/infineon-design-system-stencil.cjs.js +2 -2
  80. package/dist/cjs/loader.cjs.js +2 -2
  81. package/dist/collection/collection-manifest.json +0 -2
  82. package/dist/collection/components/modal/modal.css +7 -2
  83. package/dist/collection/components/modal/modal.js +22 -2
  84. package/dist/collection/components/modal/modal.js.map +1 -1
  85. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  86. package/dist/components/ifx-accordion-item.js +1 -1
  87. package/dist/components/ifx-accordion.js +1 -1
  88. package/dist/components/ifx-alert.js +1 -1
  89. package/dist/components/ifx-badge.js +1 -1
  90. package/dist/components/ifx-basic-table.js +1 -1
  91. package/dist/components/ifx-breadcrumb-item-label.js +2 -2
  92. package/dist/components/ifx-breadcrumb-item.js +1 -1
  93. package/dist/components/ifx-breadcrumb.js +1 -1
  94. package/dist/components/ifx-button.js +1 -1
  95. package/dist/components/ifx-card-headline.js +1 -1
  96. package/dist/components/ifx-card-image.js +1 -1
  97. package/dist/components/ifx-card-links.js +1 -1
  98. package/dist/components/ifx-card-overline.js +1 -1
  99. package/dist/components/ifx-card-text.js +1 -1
  100. package/dist/components/ifx-card.js +1 -1
  101. package/dist/components/ifx-checkbox-group.js +2 -2
  102. package/dist/components/ifx-checkbox.js +1 -1
  103. package/dist/components/ifx-chip-item.js +1 -1
  104. package/dist/components/ifx-chip.js +1 -1
  105. package/dist/components/ifx-content-switcher-item.js +1 -1
  106. package/dist/components/ifx-content-switcher.js +1 -1
  107. package/dist/components/ifx-date-picker.js +2 -2
  108. package/dist/components/ifx-download.js +2 -2
  109. package/dist/components/ifx-dropdown-header.js +1 -1
  110. package/dist/components/ifx-dropdown-item.js +2 -2
  111. package/dist/components/ifx-dropdown-menu.js +1 -1
  112. package/dist/components/ifx-dropdown-separator.js +1 -1
  113. package/dist/components/ifx-dropdown-trigger-button.js +3 -3
  114. package/dist/components/ifx-dropdown-trigger.js +1 -1
  115. package/dist/components/ifx-dropdown.js +1 -1
  116. package/dist/components/ifx-faq.js +5 -5
  117. package/dist/components/ifx-file-upload.js +5 -5
  118. package/dist/components/ifx-filter-accordion.js +3 -3
  119. package/dist/components/ifx-filter-bar.js +3 -3
  120. package/dist/components/ifx-filter-search.js +3 -3
  121. package/dist/components/ifx-filter-type-group.js +1 -1
  122. package/dist/components/ifx-footer-column.js +1 -1
  123. package/dist/components/ifx-footer.js +1 -1
  124. package/dist/components/ifx-icon-button.js +1 -1
  125. package/dist/components/ifx-icon.js +1 -1
  126. package/dist/components/ifx-icons-preview.js +4 -4
  127. package/dist/components/ifx-link.js +1 -1
  128. package/dist/components/ifx-list-entry.js +4 -4
  129. package/dist/components/ifx-list.js +3 -3
  130. package/dist/components/ifx-modal.js +26 -6
  131. package/dist/components/ifx-modal.js.map +1 -1
  132. package/dist/components/ifx-multiselect.js +1 -1
  133. package/dist/components/ifx-navbar-item.js +3 -3
  134. package/dist/components/ifx-navbar-profile.js +1 -1
  135. package/dist/components/ifx-navbar.js +2 -2
  136. package/dist/components/ifx-notification.js +1 -1
  137. package/dist/components/ifx-number-indicator.js +1 -1
  138. package/dist/components/ifx-overview-table.js +4 -4
  139. package/dist/components/ifx-pagination.js +1 -1
  140. package/dist/components/ifx-progress-bar.js +1 -1
  141. package/dist/components/ifx-radio-button-group.js +2 -2
  142. package/dist/components/ifx-radio-button.js +1 -1
  143. package/dist/components/ifx-search-bar.js +3 -3
  144. package/dist/components/ifx-search-field.js +1 -1
  145. package/dist/components/ifx-segment.js +2 -2
  146. package/dist/components/ifx-segmented-control.js +2 -2
  147. package/dist/components/ifx-select.js +1 -1
  148. package/dist/components/ifx-set-filter.js +7 -7
  149. package/dist/components/ifx-sidebar-item.js +3 -3
  150. package/dist/components/ifx-sidebar-title.js +1 -1
  151. package/dist/components/ifx-sidebar.js +1 -1
  152. package/dist/components/ifx-slider.js +2 -2
  153. package/dist/components/ifx-spinner.js +1 -1
  154. package/dist/components/ifx-status.js +1 -1
  155. package/dist/components/ifx-step.js +2 -2
  156. package/dist/components/ifx-stepper.js +1 -1
  157. package/dist/components/ifx-switch.js +1 -1
  158. package/dist/components/ifx-tab.js +1 -1
  159. package/dist/components/ifx-table.js +10 -10
  160. package/dist/components/ifx-tabs.js +2 -2
  161. package/dist/components/ifx-tag.js +2 -2
  162. package/dist/components/ifx-template.js +1 -1
  163. package/dist/components/ifx-templates-ui.js +9 -9
  164. package/dist/components/ifx-text-field.js +1 -1
  165. package/dist/components/ifx-textarea.js +1 -1
  166. package/dist/components/ifx-tooltip.js +2 -2
  167. package/dist/components/index.js +1 -1
  168. package/dist/components/{p-ab5c15bf.js → p-04cfc587.js} +3 -3
  169. package/dist/components/{p-ab5c15bf.js.map → p-04cfc587.js.map} +1 -1
  170. package/dist/components/{p-3b6a432e.js → p-0aee2554.js} +2 -2
  171. package/dist/components/{p-3b6a432e.js.map → p-0aee2554.js.map} +1 -1
  172. package/dist/components/{p-236bf70f.js → p-18ad1165.js} +3 -3
  173. package/dist/components/{p-236bf70f.js.map → p-18ad1165.js.map} +1 -1
  174. package/dist/components/{p-e73e6dce.js → p-23a993bc.js} +4 -4
  175. package/dist/components/{p-e73e6dce.js.map → p-23a993bc.js.map} +1 -1
  176. package/dist/components/{p-11e95622.js → p-2a46b223.js} +2 -2
  177. package/dist/components/{p-11e95622.js.map → p-2a46b223.js.map} +1 -1
  178. package/dist/components/{p-f8e6a4ef.js → p-2cc378b8.js} +3 -43
  179. package/dist/components/p-2cc378b8.js.map +1 -0
  180. package/dist/components/{p-68016aea.js → p-42dca0c9.js} +2 -2
  181. package/dist/components/{p-68016aea.js.map → p-42dca0c9.js.map} +1 -1
  182. package/dist/components/{p-3ec421ea.js → p-4d7b13e3.js} +3 -3
  183. package/dist/components/{p-3ec421ea.js.map → p-4d7b13e3.js.map} +1 -1
  184. package/dist/components/{p-e3cd5556.js → p-52c9a12e.js} +3 -3
  185. package/dist/components/{p-e3cd5556.js.map → p-52c9a12e.js.map} +1 -1
  186. package/dist/components/{p-2bd941eb.js → p-5b5399c2.js} +2 -2
  187. package/dist/components/{p-2bd941eb.js.map → p-5b5399c2.js.map} +1 -1
  188. package/dist/components/{p-162a9364.js → p-5fd6328a.js} +2 -2
  189. package/dist/components/{p-162a9364.js.map → p-5fd6328a.js.map} +1 -1
  190. package/dist/components/{p-c88b4b7c.js → p-681bd5b1.js} +4 -4
  191. package/dist/components/{p-c88b4b7c.js.map → p-681bd5b1.js.map} +1 -1
  192. package/dist/components/{p-f511219b.js → p-8824ca83.js} +2 -2
  193. package/dist/components/{p-f511219b.js.map → p-8824ca83.js.map} +1 -1
  194. package/dist/components/{p-0ba7b063.js → p-bfae6ae0.js} +2 -2
  195. package/dist/components/{p-0ba7b063.js.map → p-bfae6ae0.js.map} +1 -1
  196. package/dist/components/{p-6e579eb5.js → p-ca6c8507.js} +3 -3
  197. package/dist/components/{p-6e579eb5.js.map → p-ca6c8507.js.map} +1 -1
  198. package/dist/components/{p-dcecb226.js → p-cc9cb040.js} +2 -2
  199. package/dist/components/{p-dcecb226.js.map → p-cc9cb040.js.map} +1 -1
  200. package/dist/components/{p-b5256810.js → p-cefd9f73.js} +4 -4
  201. package/dist/components/{p-b5256810.js.map → p-cefd9f73.js.map} +1 -1
  202. package/dist/components/{p-a9289acb.js → p-d64e5297.js} +7 -7
  203. package/dist/components/{p-a9289acb.js.map → p-d64e5297.js.map} +1 -1
  204. package/dist/components/{p-a957f7ad.js → p-f41c84fa.js} +5 -5
  205. package/dist/components/{p-a957f7ad.js.map → p-f41c84fa.js.map} +1 -1
  206. package/dist/components/{p-26dfe620.js → p-f69a7795.js} +5 -5
  207. package/dist/components/{p-26dfe620.js.map → p-f69a7795.js.map} +1 -1
  208. package/dist/components/{p-75572595.js → p-f76b674f.js} +3 -3
  209. package/dist/components/{p-75572595.js.map → p-f76b674f.js.map} +1 -1
  210. package/dist/components/{p-817e9528.js → p-f7a8339d.js} +3 -3
  211. package/dist/components/{p-817e9528.js.map → p-f7a8339d.js.map} +1 -1
  212. package/dist/components/{p-108c28cb.js → p-f8ce0088.js} +2 -2
  213. package/dist/components/{p-108c28cb.js.map → p-f8ce0088.js.map} +1 -1
  214. package/dist/esm/ifx-accordion_2.entry.js +1 -1
  215. package/dist/esm/ifx-alert_2.entry.js +1 -1
  216. package/dist/esm/ifx-badge.entry.js +1 -1
  217. package/dist/esm/ifx-basic-table.entry.js +1 -1
  218. package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -1
  219. package/dist/esm/ifx-breadcrumb-item.entry.js +1 -1
  220. package/dist/esm/ifx-breadcrumb.entry.js +1 -1
  221. package/dist/esm/ifx-button.entry.js +1 -1
  222. package/dist/esm/ifx-card-headline.entry.js +1 -1
  223. package/dist/esm/ifx-card-image.entry.js +1 -1
  224. package/dist/esm/ifx-card-links.entry.js +1 -1
  225. package/dist/esm/ifx-card-overline.entry.js +1 -1
  226. package/dist/esm/ifx-card-text.entry.js +1 -1
  227. package/dist/esm/ifx-card.entry.js +1 -1
  228. package/dist/esm/ifx-checkbox-group.entry.js +1 -1
  229. package/dist/esm/ifx-checkbox.entry.js +1 -1
  230. package/dist/esm/ifx-chip_3.entry.js +1 -1
  231. package/dist/esm/ifx-content-switcher-item.entry.js +1 -1
  232. package/dist/esm/ifx-content-switcher.entry.js +1 -1
  233. package/dist/esm/ifx-date-picker.entry.js +1 -1
  234. package/dist/esm/ifx-download.entry.js +1 -1
  235. package/dist/esm/ifx-dropdown-header.entry.js +1 -1
  236. package/dist/esm/ifx-dropdown-item.entry.js +1 -1
  237. package/dist/esm/ifx-dropdown-menu.entry.js +1 -1
  238. package/dist/esm/ifx-dropdown-separator.entry.js +1 -1
  239. package/dist/esm/ifx-dropdown-trigger-button.entry.js +1 -1
  240. package/dist/esm/ifx-dropdown-trigger.entry.js +1 -1
  241. package/dist/esm/ifx-dropdown.entry.js +1 -1
  242. package/dist/esm/ifx-faq.entry.js +2 -2
  243. package/dist/esm/ifx-file-upload.entry.js +1 -1
  244. package/dist/esm/ifx-filter-accordion.entry.js +1 -1
  245. package/dist/esm/ifx-filter-bar.entry.js +1 -1
  246. package/dist/esm/ifx-filter-search.entry.js +1 -1
  247. package/dist/esm/ifx-filter-type-group.entry.js +1 -1
  248. package/dist/esm/ifx-footer-column.entry.js +1 -1
  249. package/dist/esm/ifx-footer.entry.js +1 -1
  250. package/dist/esm/ifx-icon-button.entry.js +1 -1
  251. package/dist/esm/ifx-icon.entry.js +1 -1
  252. package/dist/esm/ifx-icons-preview.entry.js +1 -1
  253. package/dist/esm/ifx-link.entry.js +1 -1
  254. package/dist/esm/ifx-list-entry.entry.js +1 -1
  255. package/dist/esm/ifx-list.entry.js +1 -1
  256. package/dist/esm/ifx-modal.entry.js +24 -4
  257. package/dist/esm/ifx-modal.entry.js.map +1 -1
  258. package/dist/esm/ifx-multiselect.entry.js +1 -1
  259. package/dist/esm/ifx-navbar-item.entry.js +1 -1
  260. package/dist/esm/ifx-navbar-profile.entry.js +1 -1
  261. package/dist/esm/ifx-navbar.entry.js +1 -1
  262. package/dist/esm/ifx-notification.entry.js +1 -1
  263. package/dist/esm/ifx-number-indicator.entry.js +1 -1
  264. package/dist/esm/ifx-overview-table.entry.js +1 -1
  265. package/dist/esm/ifx-progress-bar.entry.js +1 -1
  266. package/dist/esm/ifx-radio-button-group.entry.js +1 -1
  267. package/dist/esm/ifx-radio-button.entry.js +1 -1
  268. package/dist/esm/ifx-search-bar.entry.js +1 -1
  269. package/dist/esm/ifx-search-field.entry.js +1 -1
  270. package/dist/esm/ifx-segment.entry.js +1 -1
  271. package/dist/esm/ifx-segmented-control.entry.js +1 -1
  272. package/dist/esm/ifx-select.entry.js +1 -1
  273. package/dist/esm/ifx-set-filter.entry.js +1 -1
  274. package/dist/esm/ifx-sidebar-item.entry.js +1 -1
  275. package/dist/esm/ifx-sidebar-title.entry.js +1 -1
  276. package/dist/esm/ifx-sidebar.entry.js +1 -1
  277. package/dist/esm/ifx-slider.entry.js +1 -1
  278. package/dist/esm/ifx-spinner_2.entry.js +1 -1
  279. package/dist/esm/ifx-status.entry.js +1 -1
  280. package/dist/esm/ifx-step.entry.js +1 -1
  281. package/dist/esm/ifx-stepper.entry.js +1 -1
  282. package/dist/esm/ifx-switch.entry.js +1 -1
  283. package/dist/esm/ifx-tab.entry.js +1 -1
  284. package/dist/esm/ifx-table.entry.js +1 -1
  285. package/dist/esm/ifx-tabs.entry.js +1 -1
  286. package/dist/esm/ifx-tag.entry.js +1 -1
  287. package/dist/esm/ifx-templates-ui.entry.js +1 -1
  288. package/dist/esm/ifx-textarea.entry.js +1 -1
  289. package/dist/esm/ifx-tooltip.entry.js +1 -1
  290. package/dist/esm/{index-6c9eba32.js → index-c77e25a0.js} +7 -55
  291. package/dist/esm/index-c77e25a0.js.map +1 -0
  292. package/dist/esm/infineon-design-system-stencil.js +3 -3
  293. package/dist/esm/loader.js +3 -3
  294. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  295. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  296. package/dist/infineon-design-system-stencil/{p-b1332d35.entry.js → p-007f032b.entry.js} +2 -2
  297. package/dist/infineon-design-system-stencil/{p-2281b467.entry.js → p-00fd53b9.entry.js} +2 -2
  298. package/dist/infineon-design-system-stencil/{p-20de8fb7.entry.js → p-0333c09a.entry.js} +2 -2
  299. package/dist/infineon-design-system-stencil/{p-d5c87934.entry.js → p-040dfe3a.entry.js} +2 -2
  300. package/dist/infineon-design-system-stencil/{p-03c9d3fe.entry.js → p-0474c62d.entry.js} +2 -2
  301. package/dist/infineon-design-system-stencil/{p-f0233249.entry.js → p-063dc766.entry.js} +2 -2
  302. package/dist/infineon-design-system-stencil/{p-b892a205.entry.js → p-0a69604b.entry.js} +2 -2
  303. package/dist/infineon-design-system-stencil/{p-f0c2e188.entry.js → p-0d11b881.entry.js} +2 -2
  304. package/dist/infineon-design-system-stencil/{p-3a7f32df.entry.js → p-1218cd67.entry.js} +2 -2
  305. package/dist/infineon-design-system-stencil/{p-741ee6fd.entry.js → p-1958f029.entry.js} +2 -2
  306. package/dist/infineon-design-system-stencil/{p-1d8518f1.entry.js → p-1a29bbb2.entry.js} +2 -2
  307. package/dist/infineon-design-system-stencil/{p-dd50c9cc.entry.js → p-22615332.entry.js} +2 -2
  308. package/dist/infineon-design-system-stencil/{p-dd28f3a1.entry.js → p-29984af2.entry.js} +2 -2
  309. package/dist/infineon-design-system-stencil/{p-c0c148ec.entry.js → p-2fa26bf7.entry.js} +2 -2
  310. package/dist/infineon-design-system-stencil/{p-7c06a6bd.entry.js → p-2fb84e5d.entry.js} +2 -2
  311. package/dist/infineon-design-system-stencil/{p-9b94e2ae.entry.js → p-33f48cf1.entry.js} +2 -2
  312. package/dist/infineon-design-system-stencil/{p-6bd0690d.entry.js → p-3469adb7.entry.js} +2 -2
  313. package/dist/infineon-design-system-stencil/{p-62303f57.entry.js → p-3545f2d5.entry.js} +2 -2
  314. package/dist/infineon-design-system-stencil/{p-7001bc7d.entry.js → p-361d1e31.entry.js} +2 -2
  315. package/dist/infineon-design-system-stencil/{p-d4eff9d8.entry.js → p-3ff188be.entry.js} +2 -2
  316. package/dist/infineon-design-system-stencil/p-406b00eb.entry.js +2 -0
  317. package/dist/infineon-design-system-stencil/{p-fb7fbe44.entry.js → p-41846fb5.entry.js} +2 -2
  318. package/dist/infineon-design-system-stencil/{p-4b1e700d.entry.js → p-41f245f6.entry.js} +2 -2
  319. package/dist/infineon-design-system-stencil/{p-5efc38d5.entry.js → p-47893f7e.entry.js} +2 -2
  320. package/dist/infineon-design-system-stencil/{p-5fc8cf08.entry.js → p-4d0da3de.entry.js} +2 -2
  321. package/dist/infineon-design-system-stencil/p-4ddb3e72.entry.js +2 -0
  322. package/dist/infineon-design-system-stencil/{p-f9364479.entry.js → p-53411f03.entry.js} +2 -2
  323. package/dist/infineon-design-system-stencil/{p-527afe1e.entry.js → p-53abaa78.entry.js} +2 -2
  324. package/dist/infineon-design-system-stencil/{p-87e684d5.entry.js → p-59036c10.entry.js} +2 -2
  325. package/dist/infineon-design-system-stencil/{p-676e0a62.entry.js → p-5a5df7de.entry.js} +2 -2
  326. package/dist/infineon-design-system-stencil/{p-bf7bb869.entry.js → p-61117bda.entry.js} +2 -2
  327. package/dist/infineon-design-system-stencil/{p-62a04d45.entry.js → p-65d5e257.entry.js} +2 -2
  328. package/dist/infineon-design-system-stencil/{p-07ecc076.entry.js → p-661a7c0b.entry.js} +2 -2
  329. package/dist/infineon-design-system-stencil/{p-ad4305fd.entry.js → p-6693fddc.entry.js} +2 -2
  330. package/dist/infineon-design-system-stencil/{p-af1be17e.entry.js → p-6a8bfce7.entry.js} +2 -2
  331. package/dist/infineon-design-system-stencil/{p-30503cdf.entry.js → p-723cace7.entry.js} +2 -2
  332. package/dist/infineon-design-system-stencil/{p-9b6f98a6.entry.js → p-7355c5fe.entry.js} +2 -2
  333. package/dist/infineon-design-system-stencil/{p-a3c0eb25.entry.js → p-7e55680a.entry.js} +2 -2
  334. package/dist/infineon-design-system-stencil/{p-800704ec.entry.js → p-88ae2d37.entry.js} +2 -2
  335. package/dist/infineon-design-system-stencil/{p-a2615d6f.entry.js → p-8a733ad7.entry.js} +2 -2
  336. package/dist/infineon-design-system-stencil/{p-202a39ff.entry.js → p-964e15d1.entry.js} +2 -2
  337. package/dist/infineon-design-system-stencil/{p-50252b28.entry.js → p-99461b11.entry.js} +2 -2
  338. package/dist/infineon-design-system-stencil/{p-715070f7.entry.js → p-9da1f8b9.entry.js} +2 -2
  339. package/dist/infineon-design-system-stencil/{p-96244232.entry.js → p-a25618fd.entry.js} +2 -2
  340. package/dist/infineon-design-system-stencil/{p-fe38ca7b.entry.js → p-a3ece62e.entry.js} +2 -2
  341. package/dist/infineon-design-system-stencil/{p-e014d22e.entry.js → p-a8241d5d.entry.js} +2 -2
  342. package/dist/infineon-design-system-stencil/p-a92465d1.entry.js +2 -0
  343. package/dist/infineon-design-system-stencil/{p-1a82e21d.entry.js → p-ac4aaa18.entry.js} +2 -2
  344. package/dist/infineon-design-system-stencil/{p-1f24970a.entry.js → p-b0c402e0.entry.js} +2 -2
  345. package/dist/infineon-design-system-stencil/{p-eb5e154d.entry.js → p-b26d054b.entry.js} +2 -2
  346. package/dist/infineon-design-system-stencil/{p-0262de1d.entry.js → p-b2ff6914.entry.js} +2 -2
  347. package/dist/infineon-design-system-stencil/{p-6bb224ed.entry.js → p-b39303be.entry.js} +2 -2
  348. package/dist/infineon-design-system-stencil/{p-5fb32319.entry.js → p-b44360ea.entry.js} +2 -2
  349. package/dist/infineon-design-system-stencil/{p-28de8581.entry.js → p-b8e74ad3.entry.js} +2 -2
  350. package/dist/infineon-design-system-stencil/{p-cbd79068.entry.js → p-ba4f65f1.entry.js} +2 -2
  351. package/dist/infineon-design-system-stencil/{p-e913b4bc.entry.js → p-c172e015.entry.js} +2 -2
  352. package/dist/infineon-design-system-stencil/{p-82d372b4.entry.js → p-c2cc54c0.entry.js} +2 -2
  353. package/dist/infineon-design-system-stencil/{p-d73913fd.entry.js → p-c4eac5cd.entry.js} +2 -2
  354. package/dist/infineon-design-system-stencil/{p-8dad964c.entry.js → p-c6b76d4a.entry.js} +2 -2
  355. package/dist/infineon-design-system-stencil/{p-fa81a54a.entry.js → p-ce448991.entry.js} +2 -2
  356. package/dist/infineon-design-system-stencil/{p-cb81ea29.entry.js → p-d04dbacf.entry.js} +2 -2
  357. package/dist/infineon-design-system-stencil/{p-00a1ec40.entry.js → p-d2dfe109.entry.js} +2 -2
  358. package/dist/infineon-design-system-stencil/p-d3a86d82.entry.js +2 -0
  359. package/dist/infineon-design-system-stencil/p-d3a86d82.entry.js.map +1 -0
  360. package/dist/infineon-design-system-stencil/{p-e11f02e9.entry.js → p-d4da0515.entry.js} +2 -2
  361. package/dist/infineon-design-system-stencil/{p-bab776f1.entry.js → p-d5936509.entry.js} +2 -2
  362. package/dist/infineon-design-system-stencil/{p-571e0df8.entry.js → p-d928585e.entry.js} +2 -2
  363. package/dist/infineon-design-system-stencil/{p-f41db87c.entry.js → p-de733e32.entry.js} +2 -2
  364. package/dist/infineon-design-system-stencil/{p-9d4b5f5a.entry.js → p-e5df823b.entry.js} +2 -2
  365. package/dist/infineon-design-system-stencil/p-e6edf72d.js +3 -0
  366. package/dist/infineon-design-system-stencil/p-e6edf72d.js.map +1 -0
  367. package/dist/infineon-design-system-stencil/{p-30bd18de.entry.js → p-e93396ed.entry.js} +2 -2
  368. package/dist/infineon-design-system-stencil/{p-3bd9ec1c.entry.js → p-edc77e53.entry.js} +2 -2
  369. package/dist/infineon-design-system-stencil/{p-37c45825.entry.js → p-f22dad77.entry.js} +2 -2
  370. package/dist/infineon-design-system-stencil/{p-a74c4f55.entry.js → p-f4866ad9.entry.js} +2 -2
  371. package/dist/infineon-design-system-stencil/{p-1772ef7d.entry.js → p-f88b928c.entry.js} +2 -2
  372. package/dist/infineon-design-system-stencil/{p-2e900240.entry.js → p-fdad4729.entry.js} +2 -2
  373. package/dist/infineon-design-system-stencil/{p-45ac2698.entry.js → p-fe2d60b9.entry.js} +2 -2
  374. package/dist/types/components/modal/modal.d.ts +3 -0
  375. package/dist/types/components.d.ts +0 -84
  376. package/package.json +1 -1
  377. package/dist/cjs/ifx-tree-view-item.cjs.entry.js +0 -382
  378. package/dist/cjs/ifx-tree-view-item.cjs.entry.js.map +0 -1
  379. package/dist/cjs/ifx-tree-view.cjs.entry.js +0 -52
  380. package/dist/cjs/ifx-tree-view.cjs.entry.js.map +0 -1
  381. package/dist/cjs/index-7f4df11a.js.map +0 -1
  382. package/dist/collection/components/tree-view/tree-view-item.css +0 -112
  383. package/dist/collection/components/tree-view/tree-view-item.js +0 -549
  384. package/dist/collection/components/tree-view/tree-view-item.js.map +0 -1
  385. package/dist/collection/components/tree-view/tree-view.css +0 -18
  386. package/dist/collection/components/tree-view/tree-view.js +0 -169
  387. package/dist/collection/components/tree-view/tree-view.js.map +0 -1
  388. package/dist/collection/components/tree-view/tree-view.stories.js +0 -293
  389. package/dist/collection/components/tree-view/tree-view.stories.js.map +0 -1
  390. package/dist/components/ifx-tree-view-item.d.ts +0 -11
  391. package/dist/components/ifx-tree-view-item.js +0 -423
  392. package/dist/components/ifx-tree-view-item.js.map +0 -1
  393. package/dist/components/ifx-tree-view.d.ts +0 -11
  394. package/dist/components/ifx-tree-view.js +0 -74
  395. package/dist/components/ifx-tree-view.js.map +0 -1
  396. package/dist/components/p-f8e6a4ef.js.map +0 -1
  397. package/dist/esm/ifx-tree-view-item.entry.js +0 -378
  398. package/dist/esm/ifx-tree-view-item.entry.js.map +0 -1
  399. package/dist/esm/ifx-tree-view.entry.js +0 -48
  400. package/dist/esm/ifx-tree-view.entry.js.map +0 -1
  401. package/dist/esm/index-6c9eba32.js.map +0 -1
  402. package/dist/infineon-design-system-stencil/p-09b12ecd.entry.js +0 -2
  403. package/dist/infineon-design-system-stencil/p-09b12ecd.entry.js.map +0 -1
  404. package/dist/infineon-design-system-stencil/p-34930b99.entry.js +0 -2
  405. package/dist/infineon-design-system-stencil/p-488408d3.entry.js +0 -2
  406. package/dist/infineon-design-system-stencil/p-60ee12c3.entry.js +0 -2
  407. package/dist/infineon-design-system-stencil/p-60ee12c3.entry.js.map +0 -1
  408. package/dist/infineon-design-system-stencil/p-8e599ad3.entry.js +0 -2
  409. package/dist/infineon-design-system-stencil/p-8e599ad3.entry.js.map +0 -1
  410. package/dist/infineon-design-system-stencil/p-b7a462e5.js +0 -3
  411. package/dist/infineon-design-system-stencil/p-b7a462e5.js.map +0 -1
  412. package/dist/infineon-design-system-stencil/p-c1caa426.entry.js +0 -2
  413. package/dist/types/components/tree-view/tree-view-item.d.ts +0 -58
  414. package/dist/types/components/tree-view/tree-view.d.ts +0 -13
  415. package/dist/types/components/tree-view/tree-view.stories.d.ts +0 -6
  416. /package/dist/infineon-design-system-stencil/{p-b1332d35.entry.js.map → p-007f032b.entry.js.map} +0 -0
  417. /package/dist/infineon-design-system-stencil/{p-2281b467.entry.js.map → p-00fd53b9.entry.js.map} +0 -0
  418. /package/dist/infineon-design-system-stencil/{p-20de8fb7.entry.js.map → p-0333c09a.entry.js.map} +0 -0
  419. /package/dist/infineon-design-system-stencil/{p-d5c87934.entry.js.map → p-040dfe3a.entry.js.map} +0 -0
  420. /package/dist/infineon-design-system-stencil/{p-03c9d3fe.entry.js.map → p-0474c62d.entry.js.map} +0 -0
  421. /package/dist/infineon-design-system-stencil/{p-f0233249.entry.js.map → p-063dc766.entry.js.map} +0 -0
  422. /package/dist/infineon-design-system-stencil/{p-b892a205.entry.js.map → p-0a69604b.entry.js.map} +0 -0
  423. /package/dist/infineon-design-system-stencil/{p-f0c2e188.entry.js.map → p-0d11b881.entry.js.map} +0 -0
  424. /package/dist/infineon-design-system-stencil/{p-3a7f32df.entry.js.map → p-1218cd67.entry.js.map} +0 -0
  425. /package/dist/infineon-design-system-stencil/{p-741ee6fd.entry.js.map → p-1958f029.entry.js.map} +0 -0
  426. /package/dist/infineon-design-system-stencil/{p-1d8518f1.entry.js.map → p-1a29bbb2.entry.js.map} +0 -0
  427. /package/dist/infineon-design-system-stencil/{p-dd50c9cc.entry.js.map → p-22615332.entry.js.map} +0 -0
  428. /package/dist/infineon-design-system-stencil/{p-dd28f3a1.entry.js.map → p-29984af2.entry.js.map} +0 -0
  429. /package/dist/infineon-design-system-stencil/{p-c0c148ec.entry.js.map → p-2fa26bf7.entry.js.map} +0 -0
  430. /package/dist/infineon-design-system-stencil/{p-7c06a6bd.entry.js.map → p-2fb84e5d.entry.js.map} +0 -0
  431. /package/dist/infineon-design-system-stencil/{p-9b94e2ae.entry.js.map → p-33f48cf1.entry.js.map} +0 -0
  432. /package/dist/infineon-design-system-stencil/{p-6bd0690d.entry.js.map → p-3469adb7.entry.js.map} +0 -0
  433. /package/dist/infineon-design-system-stencil/{p-62303f57.entry.js.map → p-3545f2d5.entry.js.map} +0 -0
  434. /package/dist/infineon-design-system-stencil/{p-7001bc7d.entry.js.map → p-361d1e31.entry.js.map} +0 -0
  435. /package/dist/infineon-design-system-stencil/{p-d4eff9d8.entry.js.map → p-3ff188be.entry.js.map} +0 -0
  436. /package/dist/infineon-design-system-stencil/{p-34930b99.entry.js.map → p-406b00eb.entry.js.map} +0 -0
  437. /package/dist/infineon-design-system-stencil/{p-fb7fbe44.entry.js.map → p-41846fb5.entry.js.map} +0 -0
  438. /package/dist/infineon-design-system-stencil/{p-4b1e700d.entry.js.map → p-41f245f6.entry.js.map} +0 -0
  439. /package/dist/infineon-design-system-stencil/{p-5efc38d5.entry.js.map → p-47893f7e.entry.js.map} +0 -0
  440. /package/dist/infineon-design-system-stencil/{p-5fc8cf08.entry.js.map → p-4d0da3de.entry.js.map} +0 -0
  441. /package/dist/infineon-design-system-stencil/{p-c1caa426.entry.js.map → p-4ddb3e72.entry.js.map} +0 -0
  442. /package/dist/infineon-design-system-stencil/{p-f9364479.entry.js.map → p-53411f03.entry.js.map} +0 -0
  443. /package/dist/infineon-design-system-stencil/{p-527afe1e.entry.js.map → p-53abaa78.entry.js.map} +0 -0
  444. /package/dist/infineon-design-system-stencil/{p-87e684d5.entry.js.map → p-59036c10.entry.js.map} +0 -0
  445. /package/dist/infineon-design-system-stencil/{p-676e0a62.entry.js.map → p-5a5df7de.entry.js.map} +0 -0
  446. /package/dist/infineon-design-system-stencil/{p-bf7bb869.entry.js.map → p-61117bda.entry.js.map} +0 -0
  447. /package/dist/infineon-design-system-stencil/{p-62a04d45.entry.js.map → p-65d5e257.entry.js.map} +0 -0
  448. /package/dist/infineon-design-system-stencil/{p-07ecc076.entry.js.map → p-661a7c0b.entry.js.map} +0 -0
  449. /package/dist/infineon-design-system-stencil/{p-ad4305fd.entry.js.map → p-6693fddc.entry.js.map} +0 -0
  450. /package/dist/infineon-design-system-stencil/{p-af1be17e.entry.js.map → p-6a8bfce7.entry.js.map} +0 -0
  451. /package/dist/infineon-design-system-stencil/{p-30503cdf.entry.js.map → p-723cace7.entry.js.map} +0 -0
  452. /package/dist/infineon-design-system-stencil/{p-9b6f98a6.entry.js.map → p-7355c5fe.entry.js.map} +0 -0
  453. /package/dist/infineon-design-system-stencil/{p-a3c0eb25.entry.js.map → p-7e55680a.entry.js.map} +0 -0
  454. /package/dist/infineon-design-system-stencil/{p-800704ec.entry.js.map → p-88ae2d37.entry.js.map} +0 -0
  455. /package/dist/infineon-design-system-stencil/{p-a2615d6f.entry.js.map → p-8a733ad7.entry.js.map} +0 -0
  456. /package/dist/infineon-design-system-stencil/{p-202a39ff.entry.js.map → p-964e15d1.entry.js.map} +0 -0
  457. /package/dist/infineon-design-system-stencil/{p-50252b28.entry.js.map → p-99461b11.entry.js.map} +0 -0
  458. /package/dist/infineon-design-system-stencil/{p-715070f7.entry.js.map → p-9da1f8b9.entry.js.map} +0 -0
  459. /package/dist/infineon-design-system-stencil/{p-96244232.entry.js.map → p-a25618fd.entry.js.map} +0 -0
  460. /package/dist/infineon-design-system-stencil/{p-fe38ca7b.entry.js.map → p-a3ece62e.entry.js.map} +0 -0
  461. /package/dist/infineon-design-system-stencil/{p-e014d22e.entry.js.map → p-a8241d5d.entry.js.map} +0 -0
  462. /package/dist/infineon-design-system-stencil/{p-488408d3.entry.js.map → p-a92465d1.entry.js.map} +0 -0
  463. /package/dist/infineon-design-system-stencil/{p-1a82e21d.entry.js.map → p-ac4aaa18.entry.js.map} +0 -0
  464. /package/dist/infineon-design-system-stencil/{p-1f24970a.entry.js.map → p-b0c402e0.entry.js.map} +0 -0
  465. /package/dist/infineon-design-system-stencil/{p-eb5e154d.entry.js.map → p-b26d054b.entry.js.map} +0 -0
  466. /package/dist/infineon-design-system-stencil/{p-0262de1d.entry.js.map → p-b2ff6914.entry.js.map} +0 -0
  467. /package/dist/infineon-design-system-stencil/{p-6bb224ed.entry.js.map → p-b39303be.entry.js.map} +0 -0
  468. /package/dist/infineon-design-system-stencil/{p-5fb32319.entry.js.map → p-b44360ea.entry.js.map} +0 -0
  469. /package/dist/infineon-design-system-stencil/{p-28de8581.entry.js.map → p-b8e74ad3.entry.js.map} +0 -0
  470. /package/dist/infineon-design-system-stencil/{p-cbd79068.entry.js.map → p-ba4f65f1.entry.js.map} +0 -0
  471. /package/dist/infineon-design-system-stencil/{p-e913b4bc.entry.js.map → p-c172e015.entry.js.map} +0 -0
  472. /package/dist/infineon-design-system-stencil/{p-82d372b4.entry.js.map → p-c2cc54c0.entry.js.map} +0 -0
  473. /package/dist/infineon-design-system-stencil/{p-d73913fd.entry.js.map → p-c4eac5cd.entry.js.map} +0 -0
  474. /package/dist/infineon-design-system-stencil/{p-8dad964c.entry.js.map → p-c6b76d4a.entry.js.map} +0 -0
  475. /package/dist/infineon-design-system-stencil/{p-fa81a54a.entry.js.map → p-ce448991.entry.js.map} +0 -0
  476. /package/dist/infineon-design-system-stencil/{p-cb81ea29.entry.js.map → p-d04dbacf.entry.js.map} +0 -0
  477. /package/dist/infineon-design-system-stencil/{p-00a1ec40.entry.js.map → p-d2dfe109.entry.js.map} +0 -0
  478. /package/dist/infineon-design-system-stencil/{p-e11f02e9.entry.js.map → p-d4da0515.entry.js.map} +0 -0
  479. /package/dist/infineon-design-system-stencil/{p-bab776f1.entry.js.map → p-d5936509.entry.js.map} +0 -0
  480. /package/dist/infineon-design-system-stencil/{p-571e0df8.entry.js.map → p-d928585e.entry.js.map} +0 -0
  481. /package/dist/infineon-design-system-stencil/{p-f41db87c.entry.js.map → p-de733e32.entry.js.map} +0 -0
  482. /package/dist/infineon-design-system-stencil/{p-9d4b5f5a.entry.js.map → p-e5df823b.entry.js.map} +0 -0
  483. /package/dist/infineon-design-system-stencil/{p-30bd18de.entry.js.map → p-e93396ed.entry.js.map} +0 -0
  484. /package/dist/infineon-design-system-stencil/{p-3bd9ec1c.entry.js.map → p-edc77e53.entry.js.map} +0 -0
  485. /package/dist/infineon-design-system-stencil/{p-37c45825.entry.js.map → p-f22dad77.entry.js.map} +0 -0
  486. /package/dist/infineon-design-system-stencil/{p-a74c4f55.entry.js.map → p-f4866ad9.entry.js.map} +0 -0
  487. /package/dist/infineon-design-system-stencil/{p-1772ef7d.entry.js.map → p-f88b928c.entry.js.map} +0 -0
  488. /package/dist/infineon-design-system-stencil/{p-2e900240.entry.js.map → p-fdad4729.entry.js.map} +0 -0
  489. /package/dist/infineon-design-system-stencil/{p-45ac2698.entry.js.map → p-fe2d60b9.entry.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"tree-view-item.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element, Fragment, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TreeViewCheckChangeEvent {\n checked: boolean;\n indeterminate: boolean;\n affectedChildItems?: Array<{ label: string; checked: boolean; indeterminate: boolean }>;\n}\n\ninterface TreeState {\n isChecked: boolean;\n partialChecked: boolean;\n}\n\ntype HTMLIfxTreeViewItemElement = HTMLElement & { componentOnReady: () => Promise<unknown> };\n\n@Component({\n tag: 'ifx-tree-view-item',\n styleUrl: 'tree-view-item.scss',\n shadow: true,\n})\nexport class TreeViewItem {\n @Element() host: HTMLElement;\n @Prop() label: string;\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n @Prop() initiallyExpanded: boolean = false;\n @Prop() disableItem: boolean = false;\n @Prop() ariaLabel: string | null;\n\n @Event() ifxTreeViewItemExpandChange: EventEmitter<boolean>;\n @Event() ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;\n @Event() ifxTreeViewItemDisableChange: EventEmitter<boolean>;\n\n @State() private hasChildren: boolean = false;\n @State() private isChecked: boolean = false;\n @State() private partialChecked: boolean = false;\n @State() private level: number = 0;\n @State() private disableAllItems: boolean = false;\n @State() private expandAllItems: boolean = false;\n\n private get disabled() {\n return this.disableAllItems || this.disableItem;\n }\n\n private get isExpanded() {\n return this.expandAllItems || this.expanded;\n }\n\n private findChildren = () => Array.from(this.host.children)\n .filter((child): child is HTMLElement =>\n child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM'\n );\n\n private calculateNodeLevel = (): number => {\n let level = 0, parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW-ITEM') level++;\n parent = parent.parentElement;\n }\n return level;\n };\n\n componentWillLoad() {\n this.initializeNode();\n this.setupEventListeners();\n }\n\n componentDidLoad() {\n this.observeDisableAllItems();\n this.observeExpandAllItems();\n if (this.shouldExpandFromParent()) {\n this.expandAllDescendants();\n }\n (this.host as any)['__stencil_instance'] = this;\n }\n\n private shouldExpandFromParent(): boolean {\n let parent = this.host.parentElement;\n while (parent) {\n if (\n parent.tagName === 'IFX-TREE-VIEW' &&\n (parent.hasAttribute('expand-all-items') || parent.hasAttribute('data-expand-all-items'))\n ) {\n return true;\n }\n parent = parent.parentElement;\n }\n return false;\n }\n\n private expandAllDescendants() {\n this.expanded = true;\n const children = this.findChildren();\n for (const child of children) {\n if (typeof (child as any).expanded !== 'undefined') {\n (child as any).expanded = true;\n }\n if (typeof (child as any).expandAllDescendants === 'function') {\n (child as any).expandAllDescendants();\n }\n }\n }\n\n private observeDisableAllItems() {\n let parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW') {\n const observer = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n if (\n mutation.type === 'attributes' &&\n mutation.attributeName === 'disable-all-items'\n ) {\n const disableAll = (parent as any).disableAllItems;\n this.disableAllItems = !!disableAll || parent.hasAttribute('disable-all-items');\n }\n }\n });\n observer.observe(parent, { attributes: true });\n const disableAll = (parent as any).disableAllItems;\n this.disableAllItems = !!disableAll || parent.hasAttribute('disable-all-items');\n break;\n }\n parent = parent.parentElement;\n }\n }\n\n private observeExpandAllItems() {\n let parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW' || parent.hasAttribute('data-expand-all-items')) {\n const observer = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n if (\n mutation.type === 'attributes' &&\n mutation.attributeName === 'data-expand-all-items'\n ) {\n this.expandAllItems = parent.hasAttribute('data-expand-all-items');\n }\n }\n });\n observer.observe(parent, { attributes: true });\n this.expandAllItems = parent.hasAttribute('data-expand-all-items');\n break;\n }\n parent = parent.parentElement;\n }\n }\n\n private initializeNode() {\n this.expanded = this.initiallyExpanded;\n this.hasChildren = this.findChildren().length > 0;\n this.level = this.calculateNodeLevel();\n this.host.setAttribute('data-level', this.level.toString());\n }\n\n private setupEventListeners() {\n this.host.addEventListener('internal-check-state-change', this.handleStateChange);\n }\n\n private handleStateChange = (event: CustomEvent) => {\n if (this.disabled) return;\n event.stopPropagation();\n this.updateCheckState(event.detail.checked);\n };\n\n private handleCheckboxChange = (event: CustomEvent) => {\n if (this.disabled) return;\n this.updateCheckState(event.detail?.checked ?? !this.isChecked);\n };\n\n private handleHeaderClick = ({ target }: MouseEvent) => {\n if (this.disabled) return;\n if (!(target as HTMLElement).closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {\n this.updateCheckState(!this.isChecked);\n }\n };\n\n private async updateCheckState(checked: boolean, fromParent = false) {\n if (this.disabled) return;\n\n if (!fromParent && this.hasChildren) {\n const affected = this.collectDescendantStates(checked);\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await this.updateChildrenSilently(checked);\n this.ifxTreeViewItemCheckChange.emit({\n checked,\n indeterminate: false,\n affectedChildItems: affected,\n });\n this.updateParentState();\n } else if (fromParent) {\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n } else {\n this.setNodeState({ isChecked: checked, partialChecked: false });\n await this.updateChildrenState(checked);\n this.updateParentState();\n }\n }\n\n private async updateChildrenSilently(checked: boolean) {\n const children = this.findChildren();\n for (const child of children) {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance) {\n childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await childInstance.updateChildrenSilently(checked);\n }\n }\n }\n\n @Watch('expanded')\n handleExpandedChange(newValue: boolean) {\n this.ifxTreeViewItemExpandChange.emit(newValue);\n }\n\n @Watch('disableItem')\n handleDisableItemChange(newValue: boolean) {\n this.ifxTreeViewItemDisableChange.emit(newValue);\n }\n\n private setNodeState(state: TreeState, emitEvent = true) {\n this.isChecked = state.isChecked;\n this.partialChecked = state.partialChecked;\n if (emitEvent) {\n this.ifxTreeViewItemCheckChange.emit({\n checked: this.isChecked,\n indeterminate: this.partialChecked,\n });\n }\n }\n\n private collectDescendantStates(checked: boolean) {\n const descendants: Array<{ label: string; checked: boolean; indeterminate: boolean }> = [];\n const collect = (el: Element) => {\n let instance: any = null;\n if (el === this.host) {\n instance = this;\n } else if ((el as any)['__stencil_instance']) {\n instance = (el as any)['__stencil_instance'];\n }\n const label = instance?.label ?? (el as any).label ?? '';\n descendants.push({\n label,\n checked,\n indeterminate: false,\n });\n Array.from(el.children)\n .forEach(child => {\n if (child.tagName === 'IFX-TREE-VIEW-ITEM') {\n collect(child);\n }\n });\n };\n collect(this.host);\n return descendants;\n }\n\n private async updateChildrenState(checked: boolean) {\n const children = this.findChildren();\n for (const child of children) {\n await (child as HTMLIfxTreeViewItemElement).componentOnReady();\n child.dispatchEvent(new CustomEvent('internal-check-state-change', {\n detail: { checked },\n bubbles: false,\n composed: true\n }));\n }\n }\n\n private findSiblingNodes(parent: HTMLElement): HTMLIfxTreeViewItemElement[] {\n const parentEl = parent.parentElement;\n if (!parentEl) return [];\n return Array.from(\n parentEl.querySelectorAll('ifx-tree-view-item')\n ).map(el => el as HTMLIfxTreeViewItemElement);\n }\n\n private updateParentState() {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item') as HTMLIfxTreeViewItemElement;\n if (!parent) return;\n parent.componentOnReady().then(resolved => {\n const parentNode = resolved as unknown as TreeViewItem;\n if (!parentNode?.updateParentState) return;\n const siblings = this.findSiblingNodes(parent);\n const states = this.calculateSiblingStates(siblings);\n parentNode.setNodeState({\n isChecked: states.allChecked,\n partialChecked: !states.allChecked && states.someChecked\n });\n parentNode.updateParentState();\n });\n }\n\n private calculateSiblingStates(siblings: HTMLIfxTreeViewItemElement[]) {\n return {\n allChecked: siblings.every(sib => (sib as unknown as TreeViewItem).isChecked),\n someChecked: siblings.some(sib => {\n const node = sib as unknown as TreeViewItem;\n return node.isChecked || node.partialChecked;\n })\n };\n }\n\n private toggleExpand = () => {\n if (this.disabled) return;\n this.hasChildren && (this.expanded = !this.expanded);\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n\n const allItems = Array.from(\n this.host\n .closest('ifx-tree-view')\n ?.querySelectorAll('ifx-tree-view-item') || []\n );\n\n const visibleItems = allItems.filter(item => {\n let parent = item.parentElement?.closest('ifx-tree-view-item');\n while (parent) {\n const parentCmp = parent as any;\n if (!(parentCmp.expandAllItems || parentCmp.expanded)) {\n return false;\n }\n parent = parent.parentElement?.closest('ifx-tree-view-item');\n }\n return true;\n });\n\n const currentIndex = visibleItems.findIndex(el => el === this.host);\n\n function focusLabelIcon(el: Element | null) {\n (el as HTMLElement | null)?.focus();\n }\n\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault();\n let nextIndex = currentIndex + 1;\n while (nextIndex < visibleItems.length) {\n const next = visibleItems[nextIndex] as any;\n if (!next.disabled) {\n focusLabelIcon(next.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n nextIndex++;\n }\n break;\n }\n case 'ArrowUp': {\n event.preventDefault();\n let prevIndex = currentIndex - 1;\n while (prevIndex >= 0) {\n const prev = visibleItems[prevIndex] as any;\n if (!prev.disabled) {\n focusLabelIcon(prev.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n prevIndex--;\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n if (!this.isExpanded && this.hasChildren) {\n this.expanded = true;\n } else if (this.isExpanded && this.hasChildren) {\n const firstChild = this.host.querySelector('ifx-tree-view-item');\n if (firstChild && !(firstChild as any).disabled) {\n focusLabelIcon((firstChild as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case 'ArrowLeft': {\n event.preventDefault();\n if (this.isExpanded && this.hasChildren) {\n this.expanded = false;\n } else {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item');\n if (parent && !(parent as any).disabled) {\n focusLabelIcon((parent as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case ' ':\n case 'Enter': {\n event.preventDefault();\n this.updateCheckState(!this.isChecked);\n break;\n }\n }\n };\n\n render() {\n return (\n <div\n class={{\n 'tree-item': true,\n 'tree-item--expanded': this.isExpanded,\n 'tree-item--has-children': this.hasChildren,\n 'tree-item--disabled': this.disabled,\n }}\n role=\"treeitem\"\n aria-expanded={this.isExpanded ? 'true' : 'false'}\n data-level={this.level}\n aria-disabled={this.disabled ? 'true' : undefined}\n aria-label={this.ariaLabel}\n >\n <div class=\"tree-item__content\">\n {this.renderCheckbox()}\n {this.renderHeader()}\n </div>\n {this.isExpanded && <div class=\"tree-item__children\"><slot/></div>}\n </div>\n );\n }\n\n private renderHeader() {\n return (\n <div\n class=\"tree-item__header\"\n style={{ paddingLeft: `${this.level * 24 + 10}px` }}\n onClick={this.handleHeaderClick}\n tabIndex={-1}\n aria-disabled={this.disabled ? 'true' : undefined}\n >\n {this.renderControls()}\n </div>\n );\n }\n\n private renderCheckbox() {\n return (\n <div class=\"tree-item__checkbox-container\" onClick={e => e.stopPropagation()}>\n <ifx-checkbox\n size='s'\n checked={this.isChecked}\n indeterminate={this.partialChecked}\n onIfxChange={this.handleCheckboxChange}\n disabled={this.disabled}\n />\n </div>\n );\n }\n\n private renderControls() {\n return [\n this.hasChildren && (\n <div class=\"tree-item__chevron-container\" onClick={this.toggleExpand}>\n <ifx-icon class={`tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`}\n icon=\"chevron-right-16\"/>\n <div class=\"tree-item__line\"/>\n </div>\n ),\n <div\n class=\"tree-item__label-icon-container\"\n tabIndex={this.disabled ? -1 : 0}\n onKeyDown={this.handleKeyDown}\n >\n <div class=\"tree-item__icon-container\">\n {\n this.hasChildren ? (\n <Fragment>\n <ifx-icon class={{'icon--hidden': this.isExpanded}} icon=\"folder-16\"/>\n <ifx-icon class={{'icon--hidden': !this.isExpanded}} icon=\"folder-open-16\"/>\n </Fragment>\n ) : (\n <ifx-icon icon=\"file-16\"/>\n )\n }\n </div>\n <span class=\"tree-item__label\">{this.label}</span>\n </div>\n ];\n }\n}\n"]}
@@ -1,18 +0,0 @@
1
- :host {
2
- display: block;
3
- }
4
-
5
- .tree-view {
6
- font-family: var(--ifx-font-family, sans-serif);
7
- font-size: 14px;
8
- color: var(--ifx-color-text, #1a1a1a);
9
- display: flex;
10
- flex-wrap: wrap;
11
- flex-direction: column;
12
- overflow-x: auto;
13
- overflow-y: hidden;
14
- }
15
- .tree-view__label {
16
- font: 600 1.125rem/1.625rem "Source Sans 3";
17
- margin-bottom: 8px;
18
- }
@@ -1,169 +0,0 @@
1
- import { h } from "@stencil/core";
2
- export class TreeView {
3
- constructor() {
4
- this.disableAllItems = false;
5
- this.expandAllItems = false;
6
- this.handleSlotRef = (el) => {
7
- if (el) {
8
- if (this.disableAllItems) {
9
- el.setAttribute('data-disable-all-items', 'true');
10
- }
11
- else {
12
- el.removeAttribute('data-disable-all-items');
13
- }
14
- if (this.expandAllItems) {
15
- el.setAttribute('data-expand-all-items', 'true');
16
- }
17
- else {
18
- el.removeAttribute('data-expand-all-items');
19
- }
20
- }
21
- };
22
- }
23
- handleExpandAllItemsChange(newValue) {
24
- this.ifxTreeViewExpandAllChange.emit(newValue);
25
- }
26
- handleDisableAllItemsChange(newValue) {
27
- this.ifxTreeViewDisableAllChange.emit(newValue);
28
- }
29
- render() {
30
- return (h("div", { key: 'e4008bca00cc0ed1517a8ca27a64ac94dec0d694', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '654d40e84aadd93ff83ec1401fbf99ac46ae06e3', class: "tree-view__label" }, this.label), h("slot", { key: '1a5a28cec9dde5cdfc100ab97cdfe99ffddc886b', ref: this.handleSlotRef })));
31
- }
32
- static get is() { return "ifx-tree-view"; }
33
- static get encapsulation() { return "shadow"; }
34
- static get originalStyleUrls() {
35
- return {
36
- "$": ["tree-view.scss"]
37
- };
38
- }
39
- static get styleUrls() {
40
- return {
41
- "$": ["tree-view.css"]
42
- };
43
- }
44
- static get properties() {
45
- return {
46
- "label": {
47
- "type": "string",
48
- "mutable": false,
49
- "complexType": {
50
- "original": "string",
51
- "resolved": "string",
52
- "references": {}
53
- },
54
- "required": false,
55
- "optional": true,
56
- "docs": {
57
- "tags": [],
58
- "text": ""
59
- },
60
- "getter": false,
61
- "setter": false,
62
- "attribute": "label",
63
- "reflect": false
64
- },
65
- "disableAllItems": {
66
- "type": "boolean",
67
- "mutable": false,
68
- "complexType": {
69
- "original": "boolean",
70
- "resolved": "boolean",
71
- "references": {}
72
- },
73
- "required": false,
74
- "optional": false,
75
- "docs": {
76
- "tags": [],
77
- "text": ""
78
- },
79
- "getter": false,
80
- "setter": false,
81
- "attribute": "disable-all-items",
82
- "reflect": false,
83
- "defaultValue": "false"
84
- },
85
- "expandAllItems": {
86
- "type": "boolean",
87
- "mutable": false,
88
- "complexType": {
89
- "original": "boolean",
90
- "resolved": "boolean",
91
- "references": {}
92
- },
93
- "required": false,
94
- "optional": false,
95
- "docs": {
96
- "tags": [],
97
- "text": ""
98
- },
99
- "getter": false,
100
- "setter": false,
101
- "attribute": "expand-all-items",
102
- "reflect": false,
103
- "defaultValue": "false"
104
- },
105
- "ariaLabel": {
106
- "type": "string",
107
- "mutable": false,
108
- "complexType": {
109
- "original": "string | null",
110
- "resolved": "string",
111
- "references": {}
112
- },
113
- "required": false,
114
- "optional": false,
115
- "docs": {
116
- "tags": [],
117
- "text": ""
118
- },
119
- "getter": false,
120
- "setter": false,
121
- "attribute": "aria-label",
122
- "reflect": false
123
- }
124
- };
125
- }
126
- static get events() {
127
- return [{
128
- "method": "ifxTreeViewExpandAllChange",
129
- "name": "ifxTreeViewExpandAllChange",
130
- "bubbles": true,
131
- "cancelable": true,
132
- "composed": true,
133
- "docs": {
134
- "tags": [],
135
- "text": ""
136
- },
137
- "complexType": {
138
- "original": "boolean",
139
- "resolved": "boolean",
140
- "references": {}
141
- }
142
- }, {
143
- "method": "ifxTreeViewDisableAllChange",
144
- "name": "ifxTreeViewDisableAllChange",
145
- "bubbles": true,
146
- "cancelable": true,
147
- "composed": true,
148
- "docs": {
149
- "tags": [],
150
- "text": ""
151
- },
152
- "complexType": {
153
- "original": "boolean",
154
- "resolved": "boolean",
155
- "references": {}
156
- }
157
- }];
158
- }
159
- static get watchers() {
160
- return [{
161
- "propName": "expandAllItems",
162
- "methodName": "handleExpandAllItemsChange"
163
- }, {
164
- "propName": "disableAllItems",
165
- "methodName": "handleDisableAllItemsChange"
166
- }];
167
- }
168
- }
169
- //# sourceMappingURL=tree-view.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tree-view.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAO/E,MAAM,OAAO,QAAQ;IALrB;QAOU,oBAAe,GAAY,KAAK,CAAC;QACjC,mBAAc,GAAY,KAAK,CAAC;QAgBhC,kBAAa,GAAG,CAAC,EAA0B,EAAE,EAAE;YACrD,IAAI,EAAE,EAAE,CAAC;gBACP,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;oBACzB,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;gBACpD,CAAC;qBAAM,CAAC;oBACN,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;gBAC/C,CAAC;gBACD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACxB,EAAE,CAAC,YAAY,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;gBACnD,CAAC;qBAAM,CAAC;oBACN,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC,CAAC;KAcH;IApCC,0BAA0B,CAAC,QAAiB;QAC1C,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAGD,2BAA2B,CAAC,QAAiB;QAC3C,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAiBD,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,aAAa,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,EACxE,IAAI,EAAC,MAAM,gBACC,IAAI,CAAC,SAAS;YAEzB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,4DAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO;YAC3F,6DAAM,GAAG,EAAE,IAAI,CAAC,aAAa,GAAS,CAClC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n tag: 'ifx-tree-view',\n styleUrl: 'tree-view.scss',\n shadow: true,\n})\nexport class TreeView {\n @Prop() label?: string;\n @Prop() disableAllItems: boolean = false;\n @Prop() expandAllItems: boolean = false;\n @Prop() ariaLabel: string | null;\n\n @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\n @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\n\n @Watch('expandAllItems')\n handleExpandAllItemsChange(newValue: boolean) {\n this.ifxTreeViewExpandAllChange.emit(newValue);\n }\n\n @Watch('disableAllItems')\n handleDisableAllItemsChange(newValue: boolean) {\n this.ifxTreeViewDisableAllChange.emit(newValue);\n }\n\n private handleSlotRef = (el: HTMLSlotElement | null) => {\n if (el) {\n if (this.disableAllItems) {\n el.setAttribute('data-disable-all-items', 'true');\n } else {\n el.removeAttribute('data-disable-all-items');\n }\n if (this.expandAllItems) {\n el.setAttribute('data-expand-all-items', 'true');\n } else {\n el.removeAttribute('data-expand-all-items');\n }\n }\n };\n\n render() {\n return (\n <div\n class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\n role=\"tree\"\n aria-label={this.ariaLabel}\n >\n {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\n <slot ref={this.handleSlotRef}></slot>\n </div>\n );\n }\n}\n"]}
@@ -1,293 +0,0 @@
1
- import { action } from "@storybook/addon-actions";
2
- const hideAllControlsExcept = (allowedKeys) => {
3
- const allProps = [
4
- 'label', 'disableAllItems', 'expandAllItems', 'ariaLabel'
5
- ];
6
- const argTypes = {};
7
- for (const prop of allProps) {
8
- if (!allowedKeys.includes(prop)) {
9
- argTypes[prop] = { table: { disable: true } };
10
- }
11
- }
12
- return argTypes;
13
- };
14
- const disableCustomEventControls = {
15
- ifxTreeViewExpandAllChange: { table: { disable: true } },
16
- ifxTreeViewDisableAllChange: { table: { disable: true } },
17
- ifxTreeViewItemExpandChange: { table: { disable: true } },
18
- ifxTreeViewItemCheckChange: { table: { disable: true } },
19
- ifxTreeViewItemDisableChange: { table: { disable: true } }
20
- };
21
- const meta = {
22
- title: 'Components/Tree View',
23
- tags: ['autodocs'],
24
- parameters: {
25
- controls: { expanded: true },
26
- docs: {
27
- description: {
28
- component: 'Tree View component with nested items, checkboxes, keyboard navigation, and accessibility.',
29
- },
30
- },
31
- },
32
- argTypes: {
33
- // --- FUNCTION ---
34
- disableAllItems: {
35
- control: 'boolean',
36
- description: 'Disables all tree items.',
37
- table: { category: 'Function', defaultValue: { summary: 'false' } },
38
- },
39
- expandAllItems: {
40
- control: 'boolean',
41
- description: 'Expands all tree items.',
42
- table: { category: 'Function', defaultValue: { summary: 'false' } },
43
- },
44
- initiallyExpanded: {
45
- table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
46
- description: 'Expands this tree item initially (set as attribute on the item). No interactive control.',
47
- control: false,
48
- },
49
- disableItem: {
50
- table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
51
- description: 'Disables this tree item (set as attribute on the item). No interactive control.',
52
- control: false,
53
- },
54
- // --- Label ---
55
- label: {
56
- control: 'text',
57
- description: 'Label / Heading for tree view.',
58
- table: { category: 'Label', defaultValue: { summary: 'false' } },
59
- },
60
- // --- ARIA LABELS ---
61
- ariaLabel: {
62
- control: 'text',
63
- description: 'ARIA label for the tree view.',
64
- table: { category: 'Aria Labels', defaultValue: { summary: 'Tree View' } },
65
- },
66
- ariaLabelItem: {
67
- control: 'text',
68
- description: 'ARIA label for all tree view items.',
69
- table: { category: 'Aria Labels', defaultValue: { summary: 'Tree Item' } },
70
- },
71
- // --- CUSTOM EVENTS ---
72
- ifxTreeViewExpandAllChange: {
73
- action: 'ifxTreeViewExpandAllChange',
74
- table: { category: 'Custom Events' },
75
- description: 'Fired when expandAllItems changes.',
76
- },
77
- ifxTreeViewDisableAllChange: {
78
- action: 'ifxTreeViewDisableAllChange',
79
- table: { category: 'Custom Events' },
80
- description: 'Fired when disableAllItems changes.',
81
- },
82
- ifxTreeViewItemExpandChange: {
83
- action: 'ifxTreeViewItemExpandChange',
84
- table: { category: 'Custom Events' },
85
- description: 'Fired when a tree item is expanded/collapsed.',
86
- },
87
- ifxTreeViewItemCheckChange: {
88
- action: 'ifxTreeViewItemCheckChange',
89
- table: { category: 'Custom Events' },
90
- description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',
91
- },
92
- ifxTreeViewItemDisableChange: {
93
- action: 'ifxTreeViewItemDisableChange',
94
- table: { category: 'Custom Events' },
95
- description: 'Fired when a tree item is disabled/enabled.',
96
- },
97
- }
98
- };
99
- export default meta;
100
- const BaseTemplate = (args) => {
101
- const el = document.createElement('ifx-tree-view');
102
- if (args.label)
103
- el.setAttribute('label', args.label);
104
- el.setAttribute('aria-label', args.ariaLabel);
105
- if (args.disableAllItems)
106
- el.setAttribute('disable-all-items', 'true');
107
- else
108
- el.removeAttribute('disable-all-items');
109
- if (args.expandAllItems)
110
- el.setAttribute('expand-all-items', 'true');
111
- else
112
- el.removeAttribute('expand-all-items');
113
- const ariaLabelItemAttr = args.ariaLabelItem
114
- ? `aria-label="${args.ariaLabelItem}"`
115
- : '';
116
- el.innerHTML = `
117
- <ifx-tree-view-item label="Root Folder" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
118
- <ifx-tree-view-item label="Subfolder 1" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
119
- <ifx-tree-view-item label="File 1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
120
- <ifx-tree-view-item label="File 1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
121
- <ifx-tree-view-item label="Subfolder 1-1" icon="folder" ${ariaLabelItemAttr}>
122
- <ifx-tree-view-item label="File 1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
123
- <ifx-tree-view-item label="File 1-1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
124
- </ifx-tree-view-item>
125
- </ifx-tree-view-item>
126
- <ifx-tree-view-item label="Subfolder 2" icon="folder" ${ariaLabelItemAttr}>
127
- <ifx-tree-view-item label="File 2-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
128
- <ifx-tree-view-item label="Subfolder 2-1" icon="folder" ${ariaLabelItemAttr}>
129
- <ifx-tree-view-item label="File 2-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
130
- <ifx-tree-view-item label="Subfolder 2-1-1" icon="folder" ${ariaLabelItemAttr}>
131
- <ifx-tree-view-item label="File 2-1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
132
- </ifx-tree-view-item>
133
- </ifx-tree-view-item>
134
- </ifx-tree-view-item>
135
- <ifx-tree-view-item label="File at root.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
136
- </ifx-tree-view-item>
137
- <ifx-tree-view-item label="Another Root Folder" icon="folder" ${ariaLabelItemAttr}>
138
- <ifx-tree-view-item label="File A.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
139
- <ifx-tree-view-item label="File B.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
140
- </ifx-tree-view-item>
141
- <ifx-tree-view-item label="Single File" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
142
- `;
143
- el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));
144
- el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));
145
- el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));
146
- el.addEventListener('ifxTreeViewItemCheckChange', (event) => {
147
- const customEvent = event;
148
- action('ifxTreeViewItemCheckChange')({
149
- checked: customEvent.detail.checked,
150
- indeterminate: customEvent.detail.indeterminate,
151
- affectedChildItems: customEvent.detail.affectedChildItems || []
152
- });
153
- });
154
- el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));
155
- return el;
156
- };
157
- export const Default = BaseTemplate.bind({});
158
- Default.args = {
159
- disableAllItems: false,
160
- expandAllItems: false,
161
- label: 'Tree Example',
162
- ariaLabel: 'Tree View',
163
- ariaLabelItem: 'Tree Item',
164
- };
165
- Default.argTypes = Object.assign(Object.assign(Object.assign({}, hideAllControlsExcept(['label', 'disableAllItems', 'expandAllItems', 'ariaLabel'])), disableCustomEventControls), { ifxTreeViewExpandAllChange: {
166
- action: 'ifxTreeViewExpandAllChange',
167
- table: { category: 'Custom Events' },
168
- description: 'Fired when expandAllItems changes.',
169
- }, ifxTreeViewDisableAllChange: {
170
- action: 'ifxTreeViewDisableAllChange',
171
- table: { category: 'Custom Events' },
172
- description: 'Fired when disableAllItems changes.',
173
- }, ifxTreeViewItemExpandChange: {
174
- action: 'ifxTreeViewItemExpandChange',
175
- table: { category: 'Custom Events' },
176
- description: 'Fired when a tree item is expanded/collapsed.',
177
- }, ifxTreeViewItemCheckChange: {
178
- action: 'ifxTreeViewItemCheckChange',
179
- table: { category: 'Custom Events' },
180
- description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',
181
- }, ifxTreeViewItemDisableChange: {
182
- action: 'ifxTreeViewItemDisableChange',
183
- table: { category: 'Custom Events' },
184
- description: 'Fired when a tree item is disabled/enabled.',
185
- } });
186
- export const ContainerDemo = (args) => {
187
- const ariaLabelItemAttr = args.ariaLabelItem
188
- ? `aria-label="${args.ariaLabelItem}"`
189
- : '';
190
- const wrapper = document.createElement('div');
191
- wrapper.style.maxWidth = '225px';
192
- wrapper.style.border = '1px solid #ccc';
193
- wrapper.style.padding = '8px';
194
- wrapper.style.overflow = 'auto';
195
- const el = document.createElement('ifx-tree-view');
196
- el.setAttribute('label', args.label);
197
- el.setAttribute('aria-label', args.ariaLabel);
198
- if (args.disableAllItems)
199
- el.setAttribute('disable-all-items', 'true');
200
- if (args.expandAllItems)
201
- el.setAttribute('expand-all-items', 'true');
202
- el.innerHTML = `
203
- <ifx-tree-view-item label="Root Folder" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
204
- <ifx-tree-view-item label="Subfolder 1" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
205
- <ifx-tree-view-item label="File 1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
206
- <ifx-tree-view-item label="File 1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
207
- <ifx-tree-view-item label="Subfolder 1-1" icon="folder" ${ariaLabelItemAttr}>
208
- <ifx-tree-view-item label="File 1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
209
- <ifx-tree-view-item label="File 1-1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
210
- </ifx-tree-view-item>
211
- </ifx-tree-view-item>
212
- <ifx-tree-view-item label="Subfolder 2" icon="folder" ${ariaLabelItemAttr}>
213
- <ifx-tree-view-item label="File 2-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
214
- <ifx-tree-view-item label="Subfolder 2-1" icon="folder" ${ariaLabelItemAttr}>
215
- <ifx-tree-view-item label="File 2-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
216
- <ifx-tree-view-item label="Subfolder 2-1-1" icon="folder" ${ariaLabelItemAttr}>
217
- <ifx-tree-view-item label="File 2-1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
218
- </ifx-tree-view-item>
219
- </ifx-tree-view-item>
220
- </ifx-tree-view-item>
221
- <ifx-tree-view-item label="File at root.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
222
- </ifx-tree-view-item>
223
- <ifx-tree-view-item label="Another Root Folder" icon="folder" ${ariaLabelItemAttr}>
224
- <ifx-tree-view-item label="File A.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
225
- <ifx-tree-view-item label="File B.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
226
- </ifx-tree-view-item>
227
- <ifx-tree-view-item label="Single File" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
228
- `;
229
- el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));
230
- el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));
231
- el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));
232
- el.addEventListener('ifxTreeViewItemCheckChange', (event) => {
233
- const customEvent = event;
234
- action('ifxTreeViewItemCheckChange')({
235
- checked: customEvent.detail.checked,
236
- indeterminate: customEvent.detail.indeterminate,
237
- affectedChildItems: customEvent.detail.affectedChildItems || []
238
- });
239
- });
240
- el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));
241
- wrapper.appendChild(el);
242
- return wrapper;
243
- };
244
- ContainerDemo.args = {
245
- disableAllItems: false,
246
- expandAllItems: false,
247
- label: 'Tree Example',
248
- ariaLabel: 'Tree View',
249
- ariaLabelItem: 'Tree Item',
250
- };
251
- ContainerDemo.storyName = 'TreeView with scrollbar';
252
- ContainerDemo.parameters = {
253
- controls: { disable: true }
254
- };
255
- export const SingleItemStates = (args) => {
256
- const el = document.createElement('ifx-tree-view');
257
- el.setAttribute('aria-label', args.ariaLabel);
258
- const ariaLabelItemAttr = args.ariaLabelItem
259
- ? `aria-label="${args.ariaLabelItem}"`
260
- : '';
261
- el.innerHTML = `
262
- <ifx-tree-view-item label="File" ${ariaLabelItemAttr}></ifx-tree-view-item>
263
- <ifx-tree-view-item label="File disabled" ${ariaLabelItemAttr} disable-item="true"></ifx-tree-view-item>
264
- <ifx-tree-view-item label="Folder initially expanded" initially-expanded="true" ${ariaLabelItemAttr}>
265
- <ifx-tree-view-item label="File" ${ariaLabelItemAttr}></ifx-tree-view-item>
266
- <ifx-tree-view-item label="File disabled" disable-item="true" ${ariaLabelItemAttr}></ifx-tree-view-item>
267
- </ifx-tree-view-item>
268
- <ifx-tree-view-item label="Normal Item" ${ariaLabelItemAttr}></ifx-tree-view-item>
269
- <ifx-tree-view-item label="Normal Item" ${ariaLabelItemAttr}></ifx-tree-view-item>
270
- `;
271
- el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));
272
- el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));
273
- el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));
274
- el.addEventListener('ifxTreeViewItemCheckChange', (event) => {
275
- const customEvent = event;
276
- action('ifxTreeViewItemCheckChange')({
277
- checked: customEvent.detail.checked,
278
- indeterminate: customEvent.detail.indeterminate,
279
- affectedChildItems: customEvent.detail.affectedChildItems || []
280
- });
281
- });
282
- el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));
283
- return el;
284
- };
285
- SingleItemStates.args = {
286
- ariaLabel: 'Tree View',
287
- ariaLabelItem: 'Tree Item',
288
- };
289
- SingleItemStates.storyName = 'Single Item Expanded & disabled';
290
- SingleItemStates.parameters = {
291
- controls: { disable: true }
292
- };
293
- //# sourceMappingURL=tree-view.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tree-view.stories.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/html';\n\nconst hideAllControlsExcept = (allowedKeys: string[]) => {\n const allProps = [\n 'label', 'disableAllItems', 'expandAllItems', 'ariaLabel'\n ];\n const argTypes: Record<string, any> = {};\n for (const prop of allProps) {\n if (!allowedKeys.includes(prop)) {\n argTypes[prop] = { table: { disable: true } };\n }\n }\n return argTypes;\n};\n\nconst disableCustomEventControls = {\n ifxTreeViewExpandAllChange: { table: { disable: true } },\n ifxTreeViewDisableAllChange: { table: { disable: true } },\n ifxTreeViewItemExpandChange: { table: { disable: true } },\n ifxTreeViewItemCheckChange: { table: { disable: true } },\n ifxTreeViewItemDisableChange: { table: { disable: true } }\n};\n\nconst meta: Meta = {\n title: 'Components/Tree View',\n tags: ['autodocs'],\n parameters: {\n controls: { expanded: true },\n docs: {\n description: {\n component: 'Tree View component with nested items, checkboxes, keyboard navigation, and accessibility.',\n },\n },\n },\n argTypes: {\n // --- FUNCTION ---\n disableAllItems: {\n control: 'boolean',\n description: 'Disables all tree items.',\n table: { category: 'Function', defaultValue: { summary: 'false' } },\n },\n expandAllItems: {\n control: 'boolean',\n description: 'Expands all tree items.',\n table: { category: 'Function', defaultValue: { summary: 'false' } },\n },\n initiallyExpanded: {\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\n description: 'Expands this tree item initially (set as attribute on the item). No interactive control.',\n control: false,\n },\n disableItem: {\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\n description: 'Disables this tree item (set as attribute on the item). No interactive control.',\n control: false,\n },\n\n // --- Label ---\n label: {\n control: 'text',\n description: 'Label / Heading for tree view.',\n table: { category: 'Label', defaultValue: { summary: 'false' } },\n },\n\n // --- ARIA LABELS ---\n ariaLabel: {\n control: 'text',\n description: 'ARIA label for the tree view.',\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree View' } },\n },\n ariaLabelItem: {\n control: 'text',\n description: 'ARIA label for all tree view items.',\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree Item' } },\n },\n\n // --- CUSTOM EVENTS ---\n ifxTreeViewExpandAllChange: {\n action: 'ifxTreeViewExpandAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when expandAllItems changes.',\n },\n ifxTreeViewDisableAllChange: {\n action: 'ifxTreeViewDisableAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when disableAllItems changes.',\n },\n ifxTreeViewItemExpandChange: {\n action: 'ifxTreeViewItemExpandChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is expanded/collapsed.',\n },\n ifxTreeViewItemCheckChange: {\n action: 'ifxTreeViewItemCheckChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\n },\n ifxTreeViewItemDisableChange: {\n action: 'ifxTreeViewItemDisableChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is disabled/enabled.',\n },\n }\n};\n\nexport default meta;\n\nconst BaseTemplate: StoryFn = (args) => {\n const el = document.createElement('ifx-tree-view');\n if (args.label) el.setAttribute('label', args.label);\n el.setAttribute('aria-label', args.ariaLabel);\n\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\n else el.removeAttribute('disable-all-items');\n\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\n else el.removeAttribute('expand-all-items');\n\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n el.innerHTML = `\n <ifx-tree-view-item label=\"Root Folder\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"Subfolder 1\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"File at root.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Another Root Folder\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File A.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File B.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Single File\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n affectedChildItems: customEvent.detail.affectedChildItems || []\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n return el;\n};\n\nexport const Default = BaseTemplate.bind({});\nDefault.args = {\n disableAllItems: false,\n expandAllItems: false,\n label: 'Tree Example',\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nDefault.argTypes = {\n ...hideAllControlsExcept(['label', 'disableAllItems', 'expandAllItems', 'ariaLabel']),\n ...disableCustomEventControls,\n\n ifxTreeViewExpandAllChange: {\n action: 'ifxTreeViewExpandAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when expandAllItems changes.',\n },\n ifxTreeViewDisableAllChange: {\n action: 'ifxTreeViewDisableAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when disableAllItems changes.',\n },\n ifxTreeViewItemExpandChange: {\n action: 'ifxTreeViewItemExpandChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is expanded/collapsed.',\n },\n ifxTreeViewItemCheckChange: {\n action: 'ifxTreeViewItemCheckChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\n },\n ifxTreeViewItemDisableChange: {\n action: 'ifxTreeViewItemDisableChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is disabled/enabled.',\n },\n};\n\nexport const ContainerDemo: StoryFn = (args) => {\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n\n const wrapper = document.createElement('div');\n wrapper.style.maxWidth = '225px';\n wrapper.style.border = '1px solid #ccc';\n wrapper.style.padding = '8px';\n wrapper.style.overflow = 'auto';\n\n const el = document.createElement('ifx-tree-view');\n el.setAttribute('label', args.label);\n el.setAttribute('aria-label', args.ariaLabel);\n\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\n\n el.innerHTML = `\n <ifx-tree-view-item label=\"Root Folder\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"Subfolder 1\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"File at root.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Another Root Folder\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File A.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File B.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Single File\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n affectedChildItems: customEvent.detail.affectedChildItems || []\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n wrapper.appendChild(el);\n return wrapper;\n};\n\nContainerDemo.args = {\n disableAllItems: false,\n expandAllItems: false,\n label: 'Tree Example',\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nContainerDemo.storyName = 'TreeView with scrollbar';\nContainerDemo.parameters = {\n controls: { disable: true }\n};\n\nexport const SingleItemStates: StoryFn = (args) => {\n const el = document.createElement('ifx-tree-view');\n el.setAttribute('aria-label', args.ariaLabel);\n\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n el.innerHTML = `\n <ifx-tree-view-item label=\"File\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File disabled\" ${ariaLabelItemAttr} disable-item=\"true\"></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Folder initially expanded\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File disabled\" disable-item=\"true\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Normal Item\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Normal Item\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n affectedChildItems: customEvent.detail.affectedChildItems || []\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n return el;\n};\n\nSingleItemStates.args = {\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nSingleItemStates.storyName = 'Single Item Expanded & disabled';\nSingleItemStates.parameters = {\n controls: { disable: true }\n};\n"]}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface IfxTreeViewItem extends Components.IfxTreeViewItem, HTMLElement {}
4
- export const IfxTreeViewItem: {
5
- prototype: IfxTreeViewItem;
6
- new (): IfxTreeViewItem;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;