@infineon/infineon-design-system-stencil 37.13.1--canary.1987.3a00aa50ac2f53008f1e351eabf4b0c340894bb9.0 → 37.13.1--canary.1992.0eb8390d6cfd0c060d046f7e91d06e160e2dc360.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 (420) hide show
  1. package/dist/cjs/ifx-alert_2.cjs.entry.js +1 -1
  2. package/dist/cjs/ifx-basic-table.cjs.entry.js +1 -1
  3. package/dist/cjs/ifx-card.cjs.entry.js +21 -11
  4. package/dist/cjs/ifx-card.cjs.entry.js.map +1 -1
  5. package/dist/cjs/ifx-card.entry.cjs.js.map +1 -1
  6. package/dist/cjs/ifx-chip.ifx-chip-item.ifx-pagination.entry.cjs.js.map +1 -1
  7. package/dist/cjs/ifx-chip_3.cjs.entry.js +2 -2
  8. package/dist/cjs/ifx-chip_3.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ifx-faq.cjs.entry.js +1 -1
  10. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +2 -2
  11. package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
  12. package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
  13. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
  14. package/dist/cjs/ifx-link.cjs.entry.js +1 -1
  15. package/dist/cjs/ifx-link.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ifx-link.entry.cjs.js.map +1 -1
  17. package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
  18. package/dist/cjs/ifx-multiselect_2.cjs.entry.js +4 -4
  19. package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
  20. package/dist/cjs/ifx-overview-table.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ifx-overview-table.entry.cjs.js.map +1 -1
  22. package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
  23. package/dist/cjs/ifx-progress-bar.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ifx-progress-bar.entry.cjs.js.map +1 -1
  25. package/dist/cjs/ifx-radio-button-group.cjs.entry.js +1 -1
  26. package/dist/cjs/ifx-radio-button.cjs.entry.js +2 -2
  27. package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
  28. package/dist/cjs/ifx-search-field.cjs.entry.js +2 -2
  29. package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
  30. package/dist/cjs/ifx-segmented-control.cjs.entry.js +2 -2
  31. package/dist/cjs/ifx-select.cjs.entry.js +27 -43
  32. package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ifx-select.entry.cjs.js.map +1 -1
  34. package/dist/cjs/ifx-sidebar-item.cjs.entry.js +1 -1
  35. package/dist/cjs/ifx-sidebar-item.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ifx-sidebar-item.entry.cjs.js.map +1 -1
  37. package/dist/cjs/ifx-slider.cjs.entry.js +4 -4
  38. package/dist/cjs/ifx-slider.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ifx-slider.entry.cjs.js.map +1 -1
  40. package/dist/cjs/ifx-spinner.ifx-text-field.entry.cjs.js.map +1 -1
  41. package/dist/cjs/ifx-spinner_2.cjs.entry.js +7 -7
  42. package/dist/cjs/ifx-spinner_2.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  44. package/dist/cjs/ifx-status.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ifx-status.entry.cjs.js.map +1 -1
  46. package/dist/cjs/ifx-step.cjs.entry.js +5 -5
  47. package/dist/cjs/ifx-step.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ifx-step.entry.cjs.js.map +1 -1
  49. package/dist/cjs/ifx-stepper.cjs.entry.js +2 -2
  50. package/dist/cjs/ifx-stepper.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ifx-stepper.entry.cjs.js.map +1 -1
  52. package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
  53. package/dist/cjs/ifx-switch.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ifx-switch.entry.cjs.js.map +1 -1
  55. package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
  56. package/dist/cjs/ifx-table.cjs.entry.js +2 -2
  57. package/dist/cjs/ifx-tabs.cjs.entry.js +2 -2
  58. package/dist/cjs/ifx-tag.cjs.entry.js +2 -2
  59. package/dist/cjs/ifx-tag.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ifx-tag.entry.cjs.js.map +1 -1
  61. package/dist/cjs/ifx-templates-ui.cjs.entry.js +1 -1
  62. package/dist/cjs/ifx-textarea.cjs.entry.js +3 -3
  63. package/dist/cjs/ifx-textarea.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ifx-textarea.entry.cjs.js.map +1 -1
  65. package/dist/cjs/ifx-tooltip.cjs.entry.js +4 -4
  66. package/dist/cjs/ifx-tooltip.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ifx-tooltip.entry.cjs.js.map +1 -1
  68. package/dist/cjs/ifx-tree-view-item.cjs.entry.js +2 -2
  69. package/dist/cjs/ifx-tree-view.cjs.entry.js +1 -1
  70. package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
  71. package/dist/cjs/loader.cjs.js +1 -1
  72. package/dist/collection/components/card/card.css +2 -2
  73. package/dist/collection/components/card/card.js +20 -10
  74. package/dist/collection/components/card/card.js.map +1 -1
  75. package/dist/collection/components/link/link.js +1 -1
  76. package/dist/collection/components/link/link.js.map +1 -1
  77. package/dist/collection/components/navigation/sidebar/sidebar-item.css +2 -6
  78. package/dist/collection/components/overview-table/overview-table.js +1 -1
  79. package/dist/collection/components/overview-table/overview-table.js.map +1 -1
  80. package/dist/collection/components/pagination/pagination.css +5 -5
  81. package/dist/collection/components/pagination/pagination.js +1 -1
  82. package/dist/collection/components/pagination/pagination.js.map +1 -1
  83. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  84. package/dist/collection/components/progress-bar/progress-bar.js.map +1 -1
  85. package/dist/collection/components/radio-button/radio-button.js +2 -2
  86. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  87. package/dist/collection/components/search-bar/search-bar.js +1 -1
  88. package/dist/collection/components/search-field/search-field.js +2 -2
  89. package/dist/collection/components/segmented-control/segment/segment.js +1 -1
  90. package/dist/collection/components/segmented-control/segmented-control.js +2 -2
  91. package/dist/collection/components/select/multi-select/multiselect-option.js +4 -4
  92. package/dist/collection/components/select/single-select/select.css +0 -6
  93. package/dist/collection/components/select/single-select/select.js +26 -42
  94. package/dist/collection/components/select/single-select/select.js.map +1 -1
  95. package/dist/collection/components/slider/slider.css +0 -8
  96. package/dist/collection/components/slider/slider.js +3 -22
  97. package/dist/collection/components/slider/slider.js.map +1 -1
  98. package/dist/collection/components/slider/slider.stories.js +0 -14
  99. package/dist/collection/components/slider/slider.stories.js.map +1 -1
  100. package/dist/collection/components/spinner/spinner.js +2 -21
  101. package/dist/collection/components/spinner/spinner.js.map +1 -1
  102. package/dist/collection/components/spinner/spinner.stories.js +2 -16
  103. package/dist/collection/components/spinner/spinner.stories.js.map +1 -1
  104. package/dist/collection/components/status/status.js +1 -1
  105. package/dist/collection/components/status/status.js.map +1 -1
  106. package/dist/collection/components/stepper/step/step.css +0 -4
  107. package/dist/collection/components/stepper/step/step.js +4 -4
  108. package/dist/collection/components/stepper/stepper.js +2 -40
  109. package/dist/collection/components/stepper/stepper.js.map +1 -1
  110. package/dist/collection/components/stepper/stepper.stories.js +0 -30
  111. package/dist/collection/components/stepper/stepper.stories.js.map +1 -1
  112. package/dist/collection/components/switch/switch.js +1 -1
  113. package/dist/collection/components/switch/switch.js.map +1 -1
  114. package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js +1 -1
  115. package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js +2 -2
  116. package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js +1 -1
  117. package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js +1 -1
  118. package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js +1 -1
  119. package/dist/collection/components/table-advanced-version/table.js +2 -2
  120. package/dist/collection/components/table-basic-version/table.js +1 -1
  121. package/dist/collection/components/tabs/tab.js +1 -1
  122. package/dist/collection/components/tabs/tabs.js +2 -2
  123. package/dist/collection/components/tag/tag.css +5 -2
  124. package/dist/collection/components/tag/tag.js +1 -39
  125. package/dist/collection/components/tag/tag.js.map +1 -1
  126. package/dist/collection/components/tag/tag.stories.js +1 -29
  127. package/dist/collection/components/tag/tag.stories.js.map +1 -1
  128. package/dist/collection/components/templates/template/template.js +1 -1
  129. package/dist/collection/components/templates/templates-ui/templates-ui.js +1 -1
  130. package/dist/collection/components/text-field/text-field.css +2 -11
  131. package/dist/collection/components/text-field/text-field.js +4 -23
  132. package/dist/collection/components/text-field/text-field.js.map +1 -1
  133. package/dist/collection/components/text-field/text-field.stories.js +2 -17
  134. package/dist/collection/components/text-field/text-field.stories.js.map +1 -1
  135. package/dist/collection/components/textarea/textarea.css +2 -2
  136. package/dist/collection/components/textarea/textarea.js +2 -2
  137. package/dist/collection/components/tooltip/tooltip.js +4 -23
  138. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  139. package/dist/collection/components/tooltip/tooltip.stories.js +1 -16
  140. package/dist/collection/components/tooltip/tooltip.stories.js.map +1 -1
  141. package/dist/collection/components/tree-view/tree-view-item.js +2 -2
  142. package/dist/collection/components/tree-view/tree-view.js +1 -1
  143. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  144. package/dist/components/ifx-basic-table.js +1 -1
  145. package/dist/components/ifx-card.js +21 -11
  146. package/dist/components/ifx-card.js.map +1 -1
  147. package/dist/components/ifx-download.js +1 -1
  148. package/dist/components/ifx-faq.js +1 -1
  149. package/dist/components/ifx-file-upload.js +1 -1
  150. package/dist/components/ifx-filter-accordion.js +2 -2
  151. package/dist/components/ifx-filter-bar.js +1 -1
  152. package/dist/components/ifx-filter-search.js +2 -2
  153. package/dist/components/ifx-filter-type-group.js +1 -1
  154. package/dist/components/ifx-icons-preview.js +3 -3
  155. package/dist/components/ifx-link.js +1 -1
  156. package/dist/components/ifx-list-entry.js +2 -2
  157. package/dist/components/ifx-list.js +1 -1
  158. package/dist/components/ifx-multiselect-option.js +1 -1
  159. package/dist/components/ifx-multiselect.js +1 -1
  160. package/dist/components/ifx-notification.js +1 -1
  161. package/dist/components/ifx-overview-table.js +2 -2
  162. package/dist/components/ifx-overview-table.js.map +1 -1
  163. package/dist/components/ifx-pagination.js +1 -1
  164. package/dist/components/ifx-progress-bar.js +1 -1
  165. package/dist/components/ifx-radio-button-group.js +1 -1
  166. package/dist/components/ifx-radio-button.js +1 -1
  167. package/dist/components/ifx-search-bar.js +2 -2
  168. package/dist/components/ifx-search-field.js +1 -1
  169. package/dist/components/ifx-segment.js +1 -1
  170. package/dist/components/ifx-segmented-control.js +2 -2
  171. package/dist/components/ifx-select.js +1 -1
  172. package/dist/components/ifx-set-filter.js +5 -5
  173. package/dist/components/ifx-sidebar-item.js +1 -1
  174. package/dist/components/ifx-sidebar-item.js.map +1 -1
  175. package/dist/components/ifx-slider.js +4 -5
  176. package/dist/components/ifx-slider.js.map +1 -1
  177. package/dist/components/ifx-spinner.js +1 -1
  178. package/dist/components/ifx-status.js +1 -1
  179. package/dist/components/ifx-status.js.map +1 -1
  180. package/dist/components/ifx-step.js +5 -5
  181. package/dist/components/ifx-step.js.map +1 -1
  182. package/dist/components/ifx-stepper.js +2 -4
  183. package/dist/components/ifx-stepper.js.map +1 -1
  184. package/dist/components/ifx-switch.js +1 -1
  185. package/dist/components/ifx-switch.js.map +1 -1
  186. package/dist/components/ifx-tab.js +1 -1
  187. package/dist/components/ifx-table.js +4 -4
  188. package/dist/components/ifx-tabs.js +2 -2
  189. package/dist/components/ifx-tag.js +3 -5
  190. package/dist/components/ifx-tag.js.map +1 -1
  191. package/dist/components/ifx-template.js +1 -1
  192. package/dist/components/ifx-templates-ui.js +5 -5
  193. package/dist/components/ifx-text-field.js +1 -1
  194. package/dist/components/ifx-textarea.js +3 -3
  195. package/dist/components/ifx-textarea.js.map +1 -1
  196. package/dist/components/ifx-tooltip.js +4 -5
  197. package/dist/components/ifx-tooltip.js.map +1 -1
  198. package/dist/components/ifx-tree-view-item.js +2 -2
  199. package/dist/components/ifx-tree-view.js +1 -1
  200. package/dist/components/{p-C3VPtV-F.js → p-BPtblWb0.js} +3 -3
  201. package/dist/components/{p-C3VPtV-F.js.map → p-BPtblWb0.js.map} +1 -1
  202. package/dist/components/{p-By5SOUeF.js → p-BzDW_8pG.js} +6 -6
  203. package/dist/components/{p-By5SOUeF.js.map → p-BzDW_8pG.js.map} +1 -1
  204. package/dist/components/{p-C09NpLE0.js → p-C7jhiUEX.js} +5 -6
  205. package/dist/components/p-C7jhiUEX.js.map +1 -0
  206. package/dist/components/{p-Dt9X9aqI.js → p-CFMrihYb.js} +4 -4
  207. package/dist/components/{p-Dt9X9aqI.js.map → p-CFMrihYb.js.map} +1 -1
  208. package/dist/components/{p-CssgRUtq.js → p-CSpaQFX2.js} +5 -5
  209. package/dist/components/p-CSpaQFX2.js.map +1 -0
  210. package/dist/components/p-Cg6x-9WC.js +124 -0
  211. package/dist/components/p-Cg6x-9WC.js.map +1 -0
  212. package/dist/components/{p-VdirQ-rJ.js → p-Coa3oQEK.js} +29 -45
  213. package/dist/components/p-Coa3oQEK.js.map +1 -0
  214. package/dist/components/{p-C-KteFFX.js → p-CqAVn1BP.js} +4 -4
  215. package/dist/components/{p-C-KteFFX.js.map → p-CqAVn1BP.js.map} +1 -1
  216. package/dist/components/{p-aoMMugzu.js → p-D4E8VwPm.js} +3 -3
  217. package/dist/components/p-D4E8VwPm.js.map +1 -0
  218. package/dist/components/{p-hknsKJbL.js → p-DEGJaJSs.js} +3 -3
  219. package/dist/components/p-DEGJaJSs.js.map +1 -0
  220. package/dist/components/{p-frFN17iF.js → p-DhQ2JvFY.js} +3 -3
  221. package/dist/components/{p-frFN17iF.js.map → p-DhQ2JvFY.js.map} +1 -1
  222. package/dist/components/{p-Cwianh3O.js → p-KIEUAyZE.js} +6 -6
  223. package/dist/components/{p-Cwianh3O.js.map → p-KIEUAyZE.js.map} +1 -1
  224. package/dist/esm/ifx-alert_2.entry.js +1 -1
  225. package/dist/esm/ifx-basic-table.entry.js +1 -1
  226. package/dist/esm/ifx-card.entry.js +21 -11
  227. package/dist/esm/ifx-card.entry.js.map +1 -1
  228. package/dist/esm/ifx-chip.ifx-chip-item.ifx-pagination.entry.js.map +1 -1
  229. package/dist/esm/ifx-chip_3.entry.js +2 -2
  230. package/dist/esm/ifx-chip_3.entry.js.map +1 -1
  231. package/dist/esm/ifx-faq.entry.js +1 -1
  232. package/dist/esm/ifx-filter-accordion.entry.js +2 -2
  233. package/dist/esm/ifx-filter-bar.entry.js +1 -1
  234. package/dist/esm/ifx-filter-search.entry.js +1 -1
  235. package/dist/esm/ifx-filter-type-group.entry.js +1 -1
  236. package/dist/esm/ifx-link.entry.js +1 -1
  237. package/dist/esm/ifx-link.entry.js.map +1 -1
  238. package/dist/esm/ifx-list-entry.entry.js +1 -1
  239. package/dist/esm/ifx-multiselect_2.entry.js +4 -4
  240. package/dist/esm/ifx-overview-table.entry.js +1 -1
  241. package/dist/esm/ifx-overview-table.entry.js.map +1 -1
  242. package/dist/esm/ifx-progress-bar.entry.js +1 -1
  243. package/dist/esm/ifx-progress-bar.entry.js.map +1 -1
  244. package/dist/esm/ifx-radio-button-group.entry.js +1 -1
  245. package/dist/esm/ifx-radio-button.entry.js +2 -2
  246. package/dist/esm/ifx-search-bar.entry.js +1 -1
  247. package/dist/esm/ifx-search-field.entry.js +2 -2
  248. package/dist/esm/ifx-segment.entry.js +1 -1
  249. package/dist/esm/ifx-segmented-control.entry.js +2 -2
  250. package/dist/esm/ifx-select.entry.js +27 -43
  251. package/dist/esm/ifx-select.entry.js.map +1 -1
  252. package/dist/esm/ifx-sidebar-item.entry.js +1 -1
  253. package/dist/esm/ifx-sidebar-item.entry.js.map +1 -1
  254. package/dist/esm/ifx-slider.entry.js +4 -4
  255. package/dist/esm/ifx-slider.entry.js.map +1 -1
  256. package/dist/esm/ifx-spinner.ifx-text-field.entry.js.map +1 -1
  257. package/dist/esm/ifx-spinner_2.entry.js +7 -7
  258. package/dist/esm/ifx-spinner_2.entry.js.map +1 -1
  259. package/dist/esm/ifx-status.entry.js +1 -1
  260. package/dist/esm/ifx-status.entry.js.map +1 -1
  261. package/dist/esm/ifx-step.entry.js +5 -5
  262. package/dist/esm/ifx-step.entry.js.map +1 -1
  263. package/dist/esm/ifx-stepper.entry.js +2 -2
  264. package/dist/esm/ifx-stepper.entry.js.map +1 -1
  265. package/dist/esm/ifx-switch.entry.js +1 -1
  266. package/dist/esm/ifx-switch.entry.js.map +1 -1
  267. package/dist/esm/ifx-tab.entry.js +1 -1
  268. package/dist/esm/ifx-table.entry.js +2 -2
  269. package/dist/esm/ifx-tabs.entry.js +2 -2
  270. package/dist/esm/ifx-tag.entry.js +2 -2
  271. package/dist/esm/ifx-tag.entry.js.map +1 -1
  272. package/dist/esm/ifx-templates-ui.entry.js +1 -1
  273. package/dist/esm/ifx-textarea.entry.js +3 -3
  274. package/dist/esm/ifx-textarea.entry.js.map +1 -1
  275. package/dist/esm/ifx-tooltip.entry.js +4 -4
  276. package/dist/esm/ifx-tooltip.entry.js.map +1 -1
  277. package/dist/esm/ifx-tree-view-item.entry.js +2 -2
  278. package/dist/esm/ifx-tree-view.entry.js +1 -1
  279. package/dist/esm/infineon-design-system-stencil.js +1 -1
  280. package/dist/esm/loader.js +1 -1
  281. package/dist/infineon-design-system-stencil/ifx-card.entry.esm.js.map +1 -1
  282. package/dist/infineon-design-system-stencil/ifx-chip.ifx-chip-item.ifx-pagination.entry.esm.js.map +1 -1
  283. package/dist/infineon-design-system-stencil/ifx-link.entry.esm.js.map +1 -1
  284. package/dist/infineon-design-system-stencil/ifx-overview-table.entry.esm.js.map +1 -1
  285. package/dist/infineon-design-system-stencil/ifx-progress-bar.entry.esm.js.map +1 -1
  286. package/dist/infineon-design-system-stencil/ifx-select.entry.esm.js.map +1 -1
  287. package/dist/infineon-design-system-stencil/ifx-sidebar-item.entry.esm.js.map +1 -1
  288. package/dist/infineon-design-system-stencil/ifx-slider.entry.esm.js.map +1 -1
  289. package/dist/infineon-design-system-stencil/ifx-spinner.ifx-text-field.entry.esm.js.map +1 -1
  290. package/dist/infineon-design-system-stencil/ifx-status.entry.esm.js.map +1 -1
  291. package/dist/infineon-design-system-stencil/ifx-step.entry.esm.js.map +1 -1
  292. package/dist/infineon-design-system-stencil/ifx-stepper.entry.esm.js.map +1 -1
  293. package/dist/infineon-design-system-stencil/ifx-switch.entry.esm.js.map +1 -1
  294. package/dist/infineon-design-system-stencil/ifx-tag.entry.esm.js.map +1 -1
  295. package/dist/infineon-design-system-stencil/ifx-textarea.entry.esm.js.map +1 -1
  296. package/dist/infineon-design-system-stencil/ifx-tooltip.entry.esm.js.map +1 -1
  297. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  298. package/dist/infineon-design-system-stencil/{p-a10a1d46.entry.js → p-04985a8a.entry.js} +2 -2
  299. package/dist/infineon-design-system-stencil/p-0debad84.entry.js +2 -0
  300. package/dist/infineon-design-system-stencil/p-0debad84.entry.js.map +1 -0
  301. package/dist/infineon-design-system-stencil/p-0f008d09.entry.js +2 -0
  302. package/dist/infineon-design-system-stencil/p-0f008d09.entry.js.map +1 -0
  303. package/dist/infineon-design-system-stencil/{p-8ca1da22.entry.js → p-1c890e97.entry.js} +2 -2
  304. package/dist/infineon-design-system-stencil/{p-ead84183.entry.js → p-2a879a83.entry.js} +2 -2
  305. package/dist/infineon-design-system-stencil/{p-4d2dfb65.entry.js → p-2c726b58.entry.js} +2 -2
  306. package/dist/infineon-design-system-stencil/p-2c726b58.entry.js.map +1 -0
  307. package/dist/infineon-design-system-stencil/p-310f8129.entry.js +2 -0
  308. package/dist/infineon-design-system-stencil/p-310f8129.entry.js.map +1 -0
  309. package/dist/infineon-design-system-stencil/{p-c75a57a2.entry.js → p-3dbfa0c1.entry.js} +2 -2
  310. package/dist/infineon-design-system-stencil/p-3dbfa0c1.entry.js.map +1 -0
  311. package/dist/infineon-design-system-stencil/p-4a828c58.entry.js +2 -0
  312. package/dist/infineon-design-system-stencil/p-4a828c58.entry.js.map +1 -0
  313. package/dist/infineon-design-system-stencil/{p-733cc7f4.entry.js → p-4f221c15.entry.js} +2 -2
  314. package/dist/infineon-design-system-stencil/p-4f221c15.entry.js.map +1 -0
  315. package/dist/infineon-design-system-stencil/{p-47388e22.entry.js → p-52cf847f.entry.js} +2 -2
  316. package/dist/infineon-design-system-stencil/{p-50cd0c8a.entry.js → p-546ed89f.entry.js} +2 -2
  317. package/dist/infineon-design-system-stencil/{p-ef8fabdf.entry.js → p-582ec002.entry.js} +2 -2
  318. package/dist/infineon-design-system-stencil/p-6d5a43ee.entry.js +2 -0
  319. package/dist/infineon-design-system-stencil/{p-fb11d0cc.entry.js.map → p-6d5a43ee.entry.js.map} +1 -1
  320. package/dist/infineon-design-system-stencil/p-71c6b92c.entry.js +2 -0
  321. package/dist/infineon-design-system-stencil/{p-3d447d67.entry.js.map → p-71c6b92c.entry.js.map} +1 -1
  322. package/dist/infineon-design-system-stencil/p-7873796d.entry.js +2 -0
  323. package/dist/infineon-design-system-stencil/p-7873796d.entry.js.map +1 -0
  324. package/dist/infineon-design-system-stencil/{p-5f5e674d.entry.js → p-7ce54612.entry.js} +2 -2
  325. package/dist/infineon-design-system-stencil/p-8291f4e6.entry.js +2 -0
  326. package/dist/infineon-design-system-stencil/p-8291f4e6.entry.js.map +1 -0
  327. package/dist/infineon-design-system-stencil/{p-863e520d.entry.js → p-89d7b521.entry.js} +2 -2
  328. package/dist/infineon-design-system-stencil/p-8a526f6e.entry.js +2 -0
  329. package/dist/infineon-design-system-stencil/{p-1453032c.entry.js.map → p-8a526f6e.entry.js.map} +1 -1
  330. package/dist/infineon-design-system-stencil/{p-993d003a.entry.js → p-8c82ffa9.entry.js} +2 -2
  331. package/dist/infineon-design-system-stencil/p-8c82ffa9.entry.js.map +1 -0
  332. package/dist/infineon-design-system-stencil/{p-394548d7.entry.js → p-94eaf9ae.entry.js} +2 -2
  333. package/dist/infineon-design-system-stencil/{p-582f7515.entry.js → p-9779c3ab.entry.js} +2 -2
  334. package/dist/infineon-design-system-stencil/p-9bd0a9d4.entry.js +2 -0
  335. package/dist/infineon-design-system-stencil/p-9bd0a9d4.entry.js.map +1 -0
  336. package/dist/infineon-design-system-stencil/{p-05f154da.entry.js → p-a24709c6.entry.js} +2 -2
  337. package/dist/infineon-design-system-stencil/p-b31baf1b.entry.js +2 -0
  338. package/dist/infineon-design-system-stencil/{p-5f79d386.entry.js → p-b3f51af9.entry.js} +2 -2
  339. package/dist/infineon-design-system-stencil/{p-8a960c92.entry.js → p-c5865690.entry.js} +2 -2
  340. package/dist/infineon-design-system-stencil/p-c769b06c.entry.js +2 -0
  341. package/dist/infineon-design-system-stencil/p-c769b06c.entry.js.map +1 -0
  342. package/dist/infineon-design-system-stencil/{p-d246597b.entry.js → p-cfac63fe.entry.js} +2 -2
  343. package/dist/infineon-design-system-stencil/{p-98f57aed.entry.js → p-d7d94bf8.entry.js} +2 -2
  344. package/dist/infineon-design-system-stencil/p-d895326e.entry.js +2 -0
  345. package/dist/infineon-design-system-stencil/p-d895326e.entry.js.map +1 -0
  346. package/dist/infineon-design-system-stencil/{p-c378c228.entry.js → p-d9e803b2.entry.js} +2 -2
  347. package/dist/infineon-design-system-stencil/{p-7dd092cf.entry.js → p-e5735d80.entry.js} +2 -2
  348. package/dist/infineon-design-system-stencil/{p-a11b5f74.entry.js → p-e7b8e003.entry.js} +2 -2
  349. package/dist/infineon-design-system-stencil/{p-633ca789.entry.js → p-eeeccd0b.entry.js} +2 -2
  350. package/dist/infineon-design-system-stencil/{p-ade0ec39.entry.js → p-fff9449b.entry.js} +2 -2
  351. package/dist/infineon-design-system-stencil/p-fff9449b.entry.js.map +1 -0
  352. package/dist/types/components/card/card.d.ts +1 -0
  353. package/dist/types/components/slider/slider.d.ts +0 -1
  354. package/dist/types/components/slider/slider.stories.d.ts +0 -13
  355. package/dist/types/components/spinner/spinner.d.ts +0 -1
  356. package/dist/types/components/spinner/spinner.stories.d.ts +0 -14
  357. package/dist/types/components/stepper/stepper.d.ts +0 -2
  358. package/dist/types/components/stepper/stepper.stories.d.ts +0 -28
  359. package/dist/types/components/tag/tag.d.ts +0 -2
  360. package/dist/types/components/tag/tag.stories.d.ts +0 -28
  361. package/dist/types/components/text-field/text-field.d.ts +0 -1
  362. package/dist/types/components/text-field/text-field.stories.d.ts +0 -14
  363. package/dist/types/components/tooltip/tooltip.d.ts +0 -1
  364. package/dist/types/components/tooltip/tooltip.stories.d.ts +0 -14
  365. package/dist/types/components.d.ts +0 -16
  366. package/package.json +1 -1
  367. package/dist/components/p-C09NpLE0.js.map +0 -1
  368. package/dist/components/p-CssgRUtq.js.map +0 -1
  369. package/dist/components/p-VdirQ-rJ.js.map +0 -1
  370. package/dist/components/p-aoMMugzu.js.map +0 -1
  371. package/dist/components/p-cqNsYK8s.js +0 -125
  372. package/dist/components/p-cqNsYK8s.js.map +0 -1
  373. package/dist/components/p-hknsKJbL.js.map +0 -1
  374. package/dist/infineon-design-system-stencil/p-08ac6334.entry.js +0 -2
  375. package/dist/infineon-design-system-stencil/p-08ac6334.entry.js.map +0 -1
  376. package/dist/infineon-design-system-stencil/p-1453032c.entry.js +0 -2
  377. package/dist/infineon-design-system-stencil/p-3a444f2d.entry.js +0 -2
  378. package/dist/infineon-design-system-stencil/p-3d447d67.entry.js +0 -2
  379. package/dist/infineon-design-system-stencil/p-4d2dfb65.entry.js.map +0 -1
  380. package/dist/infineon-design-system-stencil/p-6ae1a75c.entry.js +0 -2
  381. package/dist/infineon-design-system-stencil/p-6ae1a75c.entry.js.map +0 -1
  382. package/dist/infineon-design-system-stencil/p-733cc7f4.entry.js.map +0 -1
  383. package/dist/infineon-design-system-stencil/p-7780665b.entry.js +0 -2
  384. package/dist/infineon-design-system-stencil/p-7780665b.entry.js.map +0 -1
  385. package/dist/infineon-design-system-stencil/p-9062208e.entry.js +0 -2
  386. package/dist/infineon-design-system-stencil/p-9062208e.entry.js.map +0 -1
  387. package/dist/infineon-design-system-stencil/p-993d003a.entry.js.map +0 -1
  388. package/dist/infineon-design-system-stencil/p-ade0ec39.entry.js.map +0 -1
  389. package/dist/infineon-design-system-stencil/p-b9a871a7.entry.js +0 -2
  390. package/dist/infineon-design-system-stencil/p-b9a871a7.entry.js.map +0 -1
  391. package/dist/infineon-design-system-stencil/p-c51df9e9.entry.js +0 -2
  392. package/dist/infineon-design-system-stencil/p-c51df9e9.entry.js.map +0 -1
  393. package/dist/infineon-design-system-stencil/p-c75a57a2.entry.js.map +0 -1
  394. package/dist/infineon-design-system-stencil/p-caccdf14.entry.js +0 -2
  395. package/dist/infineon-design-system-stencil/p-caccdf14.entry.js.map +0 -1
  396. package/dist/infineon-design-system-stencil/p-cb838071.entry.js +0 -2
  397. package/dist/infineon-design-system-stencil/p-cb838071.entry.js.map +0 -1
  398. package/dist/infineon-design-system-stencil/p-f8f4af1c.entry.js +0 -2
  399. package/dist/infineon-design-system-stencil/p-f8f4af1c.entry.js.map +0 -1
  400. package/dist/infineon-design-system-stencil/p-fb11d0cc.entry.js +0 -2
  401. /package/dist/infineon-design-system-stencil/{p-a10a1d46.entry.js.map → p-04985a8a.entry.js.map} +0 -0
  402. /package/dist/infineon-design-system-stencil/{p-8ca1da22.entry.js.map → p-1c890e97.entry.js.map} +0 -0
  403. /package/dist/infineon-design-system-stencil/{p-ead84183.entry.js.map → p-2a879a83.entry.js.map} +0 -0
  404. /package/dist/infineon-design-system-stencil/{p-47388e22.entry.js.map → p-52cf847f.entry.js.map} +0 -0
  405. /package/dist/infineon-design-system-stencil/{p-50cd0c8a.entry.js.map → p-546ed89f.entry.js.map} +0 -0
  406. /package/dist/infineon-design-system-stencil/{p-ef8fabdf.entry.js.map → p-582ec002.entry.js.map} +0 -0
  407. /package/dist/infineon-design-system-stencil/{p-5f5e674d.entry.js.map → p-7ce54612.entry.js.map} +0 -0
  408. /package/dist/infineon-design-system-stencil/{p-863e520d.entry.js.map → p-89d7b521.entry.js.map} +0 -0
  409. /package/dist/infineon-design-system-stencil/{p-394548d7.entry.js.map → p-94eaf9ae.entry.js.map} +0 -0
  410. /package/dist/infineon-design-system-stencil/{p-582f7515.entry.js.map → p-9779c3ab.entry.js.map} +0 -0
  411. /package/dist/infineon-design-system-stencil/{p-05f154da.entry.js.map → p-a24709c6.entry.js.map} +0 -0
  412. /package/dist/infineon-design-system-stencil/{p-3a444f2d.entry.js.map → p-b31baf1b.entry.js.map} +0 -0
  413. /package/dist/infineon-design-system-stencil/{p-5f79d386.entry.js.map → p-b3f51af9.entry.js.map} +0 -0
  414. /package/dist/infineon-design-system-stencil/{p-8a960c92.entry.js.map → p-c5865690.entry.js.map} +0 -0
  415. /package/dist/infineon-design-system-stencil/{p-d246597b.entry.js.map → p-cfac63fe.entry.js.map} +0 -0
  416. /package/dist/infineon-design-system-stencil/{p-98f57aed.entry.js.map → p-d7d94bf8.entry.js.map} +0 -0
  417. /package/dist/infineon-design-system-stencil/{p-c378c228.entry.js.map → p-d9e803b2.entry.js.map} +0 -0
  418. /package/dist/infineon-design-system-stencil/{p-7dd092cf.entry.js.map → p-e5735d80.entry.js.map} +0 -0
  419. /package/dist/infineon-design-system-stencil/{p-a11b5f74.entry.js.map → p-e7b8e003.entry.js.map} +0 -0
  420. /package/dist/infineon-design-system-stencil/{p-633ca789.entry.js.map → p-eeeccd0b.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"file":"p-Cwianh3O.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/select/multi-select/multiselect-option.scss?tag=ifx-multiselect-option&encapsulation=shadow","src/components/select/multi-select/multiselect-option.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: block;\n width: 100%;\n}\n\n.option {\n display: flex;\n flex-direction: column;\n position: relative;\n cursor: pointer;\n list-style: none;\n\n &.option--expanded {\n position: relative;\n }\n\n &.option--has-children {\n position: relative;\n\n .option-item > .chevron-wrapper {\n display: flex;\n }\n }\n\n &--disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: tokens.$ifxColorEngineering300;\n }\n\n &--selected {\n // Additional styles for selected state if needed\n // .option-item {\n // background: red;\n // }\n }\n\n &.search-hidden {\n display: none !important;\n }\n\n &.search-match {\n .option-item {\n .option-label {\n .search-highlight {\n font-weight: bold;\n // color: tokens.$ifxColorOcean400;\n }\n }\n }\n }\n}\n\n.option-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n min-height: tokens.$ifxSize250;\n padding: tokens.$ifxSize50 tokens.$ifxSpace200;\n background-color: tokens.$ifxColorBaseWhite;\n transition: background-color 0.2s ease-in-out;\n\n &:hover {\n background-color: tokens.$ifxColorEngineering100;\n }\n\n .option--disabled & {\n &:hover {\n background-color: transparent;\n }\n }\n}\n\n.option-children {\n display: block;\n}\n\n.chevron-wrapper {\n display: none;\n align-items: center;\n justify-content: center;\n margin-right: tokens.$ifxSpace100;\n width: tokens.$ifxSize250;\n height: tokens.$ifxSize250;\n flex-shrink: 0;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n border-radius: tokens.$ifxBorderRadius12;\n }\n\n .option--has-children & {\n display: flex;\n }\n\n .chevron {\n transition: transform 0.2s ease-in-out;\n color: tokens.$ifxColorEngineering600;\n\n &.chevron--expanded {\n transform: rotate(90deg);\n }\n\n &.chevron--collapsed {\n transform: rotate(0deg);\n }\n }\n}\n\n.checkbox-wrapper {\n display: flex;\n align-items: center;\n margin-right: tokens.$ifxSpace100;\n flex-shrink: 0;\n}\n\n.option-label {\n flex-grow: 1;\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: tokens.$ifxSpace25 0;\n font-size: tokens.$ifxFontSizeS;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n border-radius: tokens.$ifxBorderRadius12;\n }\n\n .option--disabled & {\n cursor: not-allowed;\n color: tokens.$ifxColorEngineering300;\n }\n}\n","import { Component, Prop, Element, h, Host, State, Listen } from '@stencil/core';\n\n@Component({\n tag: 'ifx-multiselect-option',\n styleUrl: 'multiselect-option.scss',\n shadow: true,\n})\nexport class MultiselectOption {\n @Element() el: HTMLElement;\n\n @Prop() value: string;\n @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n\n @State() private isExpanded: boolean = false;\n @State() private hasChildren: boolean = false;\n @State() private depth: number = 0;\n @State() private searchTerm: string = '';\n @State() private isSearchActive: boolean = false;\n @State() private isSearchDisabled: boolean = false;\n\n componentWillLoad() {\n this.hasChildren = this.el.children.length > 0;\n this.depth = this.calculateDepth();\n\n this.el.setAttribute('data-level', this.depth.toString());\n\n if (this.hasChildren) {\n const hasSelectedChildren = this.hasAnySelectedChildren();\n if (hasSelectedChildren) {\n this.isExpanded = true;\n }\n }\n }\n\n componentDidLoad() {\n (this.el as any)['__stencil_instance'] = this;\n this.notifyMultiselect();\n this.el.addEventListener('ifx-search-filter', this.handleSearchFilter);\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('ifx-search-filter', this.handleSearchFilter);\n }\n\n private handleSearchFilter = (event: CustomEvent) => {\n const { searchTerm, isActive } = event.detail;\n this.searchTerm = searchTerm.toLowerCase();\n this.isSearchActive = isActive;\n\n requestAnimationFrame(() => {\n this.updateSearchClasses();\n });\n }\n\n private updateSearchClasses() {\n const optionDiv = this.el.shadowRoot?.querySelector('.option');\n if (!optionDiv) return;\n\n if (!this.isSearchActive) {\n optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\n this.removeHighlighting();\n this.isSearchDisabled = false;\n return;\n }\n\n const textContent = this.getTextContent().toLowerCase();\n const matchesSearch = textContent.includes(this.searchTerm);\n const hasMatchingParent = this.hasMatchingParent();\n\n requestAnimationFrame(() => {\n const hasMatchingChildren = this.hasMatchingChildren();\n\n optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\n this.isSearchDisabled = false;\n\n if (matchesSearch && !this.hasChildren) {\n optionDiv.classList.add('search-match');\n this.highlightSearchTerm();\n } else if (matchesSearch && this.hasChildren) {\n optionDiv.classList.add('search-match');\n this.highlightSearchTerm();\n this.isExpanded = true;\n } else if (!matchesSearch && this.hasChildren && hasMatchingChildren) {\n optionDiv.classList.add('search-parent');\n this.removeHighlighting();\n this.isExpanded = true;\n this.isSearchDisabled = true;\n } else if (hasMatchingParent) {\n optionDiv.classList.add('search-match');\n this.removeHighlighting();\n } else {\n optionDiv.classList.add('search-hidden');\n this.removeHighlighting();\n }\n });\n }\n\n private highlightSearchTerm() {\n if (!this.searchTerm) return;\n\n const labelElement = this.el.shadowRoot?.querySelector('.option-label');\n if (!labelElement) return;\n\n const slotElement = labelElement.querySelector('slot');\n if (!slotElement) return;\n\n this.removeHighlighting();\n\n const originalText = this.getTextContent();\n const searchTermLower = this.searchTerm.toLowerCase();\n const originalTextLower = originalText.toLowerCase();\n\n if (!originalTextLower.includes(searchTermLower)) return;\n\n const searchIndex = originalTextLower.indexOf(searchTermLower);\n\n if (searchIndex === -1) return;\n\n const beforeMatch = originalText.substring(0, searchIndex);\n const matchText = originalText.substring(searchIndex, searchIndex + searchTermLower.length);\n const afterMatch = originalText.substring(searchIndex + searchTermLower.length);\n\n const highlightedContent = document.createElement('span');\n highlightedContent.className = 'highlighted-text';\n\n if (beforeMatch) {\n highlightedContent.appendChild(document.createTextNode(beforeMatch));\n }\n\n const boldElement = document.createElement('strong');\n boldElement.className = 'search-highlight';\n boldElement.textContent = matchText;\n highlightedContent.appendChild(boldElement);\n\n if (afterMatch) {\n highlightedContent.appendChild(document.createTextNode(afterMatch));\n }\n\n labelElement.setAttribute('data-original-content', 'true');\n slotElement.style.display = 'none';\n labelElement.appendChild(highlightedContent);\n }\n\n private removeHighlighting() {\n const labelElement = this.el.shadowRoot?.querySelector('.option-label');\n if (!labelElement) return;\n\n const slotElement = labelElement.querySelector('slot');\n const highlightedElement = labelElement.querySelector('.highlighted-text');\n\n if (highlightedElement) {\n labelElement.removeChild(highlightedElement);\n }\n\n if (slotElement) {\n slotElement.style.display = '';\n }\n\n labelElement.removeAttribute('data-original-content');\n }\n\n private getTextContent(): string {\n let text = '';\n Array.from(this.el.childNodes).forEach(node => {\n if (node.nodeType === Node.TEXT_NODE) {\n text += node.textContent?.trim() || '';\n }\n });\n return text || this.value || '';\n }\n\n private hasMatchingChildren(): boolean {\n if (!this.hasChildren) return false;\n\n const childOptions = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n return childOptions.some(child => {\n const childInstance = (child as any)['__stencil_instance'];\n if (!childInstance) return false;\n\n const childText = childInstance.getTextContent().toLowerCase();\n const childMatches = childText.includes(this.searchTerm);\n const grandChildrenMatch = childInstance.hasMatchingChildren();\n\n return childMatches || grandChildrenMatch;\n });\n }\n\n private hasMatchingParent(): boolean {\n let parent = this.el.parentElement;\n while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\n const parentInstance = (parent as any)['__stencil_instance'];\n if (parentInstance) {\n const parentText = parentInstance.getTextContent().toLowerCase();\n if (parentText.includes(this.searchTerm)) {\n return true;\n }\n }\n parent = parent.parentElement;\n }\n return false;\n }\n\n private calculateDepth(): number {\n let depth = 0;\n let parent = this.el.parentElement;\n while (parent && parent.tagName !== 'IFX-MULTISELECT') {\n if (parent.tagName === 'IFX-MULTISELECT-OPTION') {\n depth++;\n }\n parent = parent.parentElement;\n }\n return depth;\n }\n\n @Listen('click')\n handleClick(event: Event) {\n if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n event.stopPropagation();\n\n if (event.type === 'click' && (event.target as HTMLElement).closest('.chevron-wrapper')) {\n this.toggleExpansion();\n return;\n }\n\n let newSelectedState: boolean;\n\n if (this.indeterminate) {\n newSelectedState = true;\n } else {\n newSelectedState = !this.selected;\n }\n\n this.selected = newSelectedState;\n this.indeterminate = false;\n\n if (this.hasChildren) {\n this.isExpanded = newSelectedState;\n\n requestAnimationFrame(() => {\n this.selectAllChildren(newSelectedState);\n this.expandAllChildren(newSelectedState);\n });\n }\n\n this.updateParentStates();\n this.notifyMultiselect();\n }\n\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n const target = event.target as HTMLElement;\n\n if (target.closest('.chevron-wrapper') || target.closest('.checkbox-wrapper')) {\n return;\n }\n\n if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') {\n event.stopPropagation();\n }\n\n if (event.key === 'ArrowRight' && this.hasChildren) {\n this.isExpanded = true;\n }\n\n if (event.key === 'ArrowLeft' && this.hasChildren) {\n this.isExpanded = false;\n }\n }\n\n private notifyMultiselect() {\n const updateEvent = new CustomEvent('ifx-option-changed', {\n bubbles: true,\n detail: {\n value: this.value,\n selected: this.selected,\n indeterminate: this.indeterminate\n }\n });\n this.el.dispatchEvent(updateEvent);\n }\n\n private selectAllChildren(selected: boolean) {\n const directChildren = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\n\n directChildren.forEach((child: any) => {\n const childInstance = child['__stencil_instance'];\n if (childInstance) {\n childInstance.selected = selected;\n childInstance.indeterminate = false;\n\n if (childInstance.hasChildren) {\n childInstance.isExpanded = selected;\n childInstance.selectAllChildren(selected);\n }\n childInstance.notifyMultiselect?.();\n }\n });\n }\n\n private expandAllChildren(expanded: boolean) {\n const directChildren = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\n\n directChildren.forEach((child: any) => {\n const childInstance = child['__stencil_instance'];\n if (childInstance && childInstance.hasChildren) {\n childInstance.isExpanded = expanded;\n childInstance.expandAllChildren(expanded);\n }\n });\n }\n\n private updateParentStates() {\n let parent = this.el.parentElement;\n while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\n const parentInstance = (parent as any)['__stencil_instance'];\n if (!parentInstance) {\n parent = parent.parentElement;\n continue;\n }\n\n const siblings = Array.from(parent.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION')\n .map(child => (child as any)['__stencil_instance'])\n .filter(instance => instance !== null);\n\n const selectedCount = siblings.filter(sibling => sibling.selected).length;\n const indeterminateCount = siblings.filter(sibling => sibling.indeterminate).length;\n const totalCount = siblings.length;\n\n if (selectedCount === totalCount && indeterminateCount === 0) {\n parentInstance.selected = true;\n parentInstance.indeterminate = false;\n } else if (selectedCount === 0 && indeterminateCount === 0) {\n parentInstance.selected = false;\n parentInstance.indeterminate = false;\n } else {\n parentInstance.selected = false;\n parentInstance.indeterminate = true;\n }\n\n parentInstance.notifyMultiselect?.();\n parent = parent.parentElement;\n }\n }\n\n private toggleExpansion() {\n this.isExpanded = !this.isExpanded;\n }\n\n private handleCheckboxClick = (event: Event) => {\n if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n event.stopPropagation();\n\n let newSelectedState: boolean;\n\n if (this.indeterminate) {\n newSelectedState = true;\n } else {\n newSelectedState = !this.selected;\n }\n\n this.selected = newSelectedState;\n this.indeterminate = false;\n\n if (this.hasChildren) {\n this.isExpanded = newSelectedState;\n\n requestAnimationFrame(() => {\n this.selectAllChildren(newSelectedState);\n this.expandAllChildren(newSelectedState);\n });\n }\n\n this.updateParentStates();\n this.notifyMultiselect();\n }\n\n private handleHeaderClick = (event: Event) => {\n event.stopPropagation();\n if (!this.disabled && !(this.isSearchActive && this.isSearchDisabled)) {\n this.handleClick(event);\n }\n }\n\n private hasAnySelectedChildren(): boolean {\n const childOptions = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n return childOptions.some(child => {\n const hasSelected = child.hasAttribute('selected');\n const hasSelectedDescendants = this.checkForSelectedDescendants(child);\n\n return hasSelected || hasSelectedDescendants;\n });\n }\n\n private checkForSelectedDescendants(element: HTMLElement): boolean {\n const nestedOptions = Array.from(element.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n return nestedOptions.some(nestedChild => {\n const isSelected = nestedChild.hasAttribute('selected');\n const hasSelectedNested = this.checkForSelectedDescendants(nestedChild);\n\n return isSelected || hasSelectedNested;\n });\n }\n\n render() {\n let isFlatMultiselect = false;\n const parentMultiselect = this.el.closest('ifx-multiselect');\n if (parentMultiselect) {\n const allOptions = Array.from(parentMultiselect.querySelectorAll('ifx-multiselect-option'));\n isFlatMultiselect = allOptions.every(option => option.children.length === 0);\n }\n\n const basePadding = this.depth * 28 + 16;\n const additionalPadding = this.hasChildren ? 0 : 28;\n let totalPadding = basePadding + additionalPadding;\n\n const optionItemStyle = isFlatMultiselect ? undefined : { paddingLeft: `${totalPadding}px` };\n\n return (\n <Host>\n <div\n class={{\n 'option': true,\n 'option--has-children': this.hasChildren,\n 'option--expanded': this.isExpanded,\n 'option--disabled': this.disabled,\n 'option--selected': this.selected,\n }}\n role=\"option\"\n aria-expanded={this.hasChildren ? (this.isExpanded ? 'true' : 'false') : undefined}\n aria-selected={this.selected ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : 'false'}\n data-level={this.depth}\n data-value={this.value}\n >\n <div\n class=\"option-item\"\n style={optionItemStyle}\n >\n <div\n class=\"chevron-wrapper\"\n tabIndex={this.hasChildren ? 0 : -1}\n role={this.hasChildren ? \"button\" : undefined}\n aria-label={this.hasChildren ? (this.isExpanded ? \"Collapse\" : \"Expand\") : undefined}\n onClick={(e) => { e.stopPropagation(); this.toggleExpansion(); }}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.stopPropagation();\n this.toggleExpansion();\n }\n }}\n >\n {this.hasChildren && (\n <ifx-icon\n class={`chevron ${this.isExpanded ? 'chevron--expanded' : 'chevron--collapsed'}`}\n icon=\"chevron-right-16\"\n />\n )}\n </div>\n\n <div class=\"checkbox-wrapper\" onClick={(e) => e.stopPropagation()}>\n <ifx-checkbox\n size='s'\n checked={(this.isSearchActive && this.isSearchDisabled) ? false : (this.indeterminate ? false : this.selected)}\n indeterminate={(this.isSearchActive && this.isSearchDisabled) ? false : this.indeterminate}\n onClick={this.handleCheckboxClick}\n disabled={this.disabled || (this.isSearchActive && this.isSearchDisabled)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.stopPropagation();\n this.handleCheckboxClick(e);\n }\n }}\n />\n </div>\n\n <div\n class=\"option-label\"\n onClick={this.handleHeaderClick}\n tabIndex={-1}\n >\n <slot/>\n </div>\n </div>\n\n {this.isExpanded && <div class=\"option-children\"><slot name=\"children\"/></div>}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-KIEUAyZE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/select/multi-select/multiselect-option.scss?tag=ifx-multiselect-option&encapsulation=shadow","src/components/select/multi-select/multiselect-option.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: block;\n width: 100%;\n}\n\n.option {\n display: flex;\n flex-direction: column;\n position: relative;\n cursor: pointer;\n list-style: none;\n\n &.option--expanded {\n position: relative;\n }\n\n &.option--has-children {\n position: relative;\n\n .option-item > .chevron-wrapper {\n display: flex;\n }\n }\n\n &--disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: tokens.$ifxColorEngineering300;\n }\n\n &--selected {\n // Additional styles for selected state if needed\n // .option-item {\n // background: red;\n // }\n }\n\n &.search-hidden {\n display: none !important;\n }\n\n &.search-match {\n .option-item {\n .option-label {\n .search-highlight {\n font-weight: bold;\n // color: tokens.$ifxColorOcean400;\n }\n }\n }\n }\n}\n\n.option-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n min-height: tokens.$ifxSize250;\n padding: tokens.$ifxSize50 tokens.$ifxSpace200;\n background-color: tokens.$ifxColorBaseWhite;\n transition: background-color 0.2s ease-in-out;\n\n &:hover {\n background-color: tokens.$ifxColorEngineering100;\n }\n\n .option--disabled & {\n &:hover {\n background-color: transparent;\n }\n }\n}\n\n.option-children {\n display: block;\n}\n\n.chevron-wrapper {\n display: none;\n align-items: center;\n justify-content: center;\n margin-right: tokens.$ifxSpace100;\n width: tokens.$ifxSize250;\n height: tokens.$ifxSize250;\n flex-shrink: 0;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n border-radius: tokens.$ifxBorderRadius12;\n }\n\n .option--has-children & {\n display: flex;\n }\n\n .chevron {\n transition: transform 0.2s ease-in-out;\n color: tokens.$ifxColorEngineering600;\n\n &.chevron--expanded {\n transform: rotate(90deg);\n }\n\n &.chevron--collapsed {\n transform: rotate(0deg);\n }\n }\n}\n\n.checkbox-wrapper {\n display: flex;\n align-items: center;\n margin-right: tokens.$ifxSpace100;\n flex-shrink: 0;\n}\n\n.option-label {\n flex-grow: 1;\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: tokens.$ifxSpace25 0;\n font-size: tokens.$ifxFontSizeS;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n border-radius: tokens.$ifxBorderRadius12;\n }\n\n .option--disabled & {\n cursor: not-allowed;\n color: tokens.$ifxColorEngineering300;\n }\n}\n","import { Component, Prop, Element, h, Host, State, Listen } from '@stencil/core';\n\n@Component({\n tag: 'ifx-multiselect-option',\n styleUrl: 'multiselect-option.scss',\n shadow: true,\n})\nexport class MultiselectOption {\n @Element() el: HTMLElement;\n\n @Prop() value: string;\n @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n\n @State() private isExpanded: boolean = false;\n @State() private hasChildren: boolean = false;\n @State() private depth: number = 0;\n @State() private searchTerm: string = '';\n @State() private isSearchActive: boolean = false;\n @State() private isSearchDisabled: boolean = false;\n\n componentWillLoad() {\n this.hasChildren = this.el.children.length > 0;\n this.depth = this.calculateDepth();\n\n this.el.setAttribute('data-level', this.depth.toString());\n\n if (this.hasChildren) {\n const hasSelectedChildren = this.hasAnySelectedChildren();\n if (hasSelectedChildren) {\n this.isExpanded = true;\n }\n }\n }\n\n componentDidLoad() {\n (this.el as any)['__stencil_instance'] = this;\n this.notifyMultiselect();\n this.el.addEventListener('ifx-search-filter', this.handleSearchFilter);\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('ifx-search-filter', this.handleSearchFilter);\n }\n\n private handleSearchFilter = (event: CustomEvent) => {\n const { searchTerm, isActive } = event.detail;\n this.searchTerm = searchTerm.toLowerCase();\n this.isSearchActive = isActive;\n\n requestAnimationFrame(() => {\n this.updateSearchClasses();\n });\n }\n\n private updateSearchClasses() {\n const optionDiv = this.el.shadowRoot?.querySelector('.option');\n if (!optionDiv) return;\n\n if (!this.isSearchActive) {\n optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\n this.removeHighlighting();\n this.isSearchDisabled = false;\n return;\n }\n\n const textContent = this.getTextContent().toLowerCase();\n const matchesSearch = textContent.includes(this.searchTerm);\n const hasMatchingParent = this.hasMatchingParent();\n\n requestAnimationFrame(() => {\n const hasMatchingChildren = this.hasMatchingChildren();\n\n optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\n this.isSearchDisabled = false;\n\n if (matchesSearch && !this.hasChildren) {\n optionDiv.classList.add('search-match');\n this.highlightSearchTerm();\n } else if (matchesSearch && this.hasChildren) {\n optionDiv.classList.add('search-match');\n this.highlightSearchTerm();\n this.isExpanded = true;\n } else if (!matchesSearch && this.hasChildren && hasMatchingChildren) {\n optionDiv.classList.add('search-parent');\n this.removeHighlighting();\n this.isExpanded = true;\n this.isSearchDisabled = true;\n } else if (hasMatchingParent) {\n optionDiv.classList.add('search-match');\n this.removeHighlighting();\n } else {\n optionDiv.classList.add('search-hidden');\n this.removeHighlighting();\n }\n });\n }\n\n private highlightSearchTerm() {\n if (!this.searchTerm) return;\n\n const labelElement = this.el.shadowRoot?.querySelector('.option-label');\n if (!labelElement) return;\n\n const slotElement = labelElement.querySelector('slot');\n if (!slotElement) return;\n\n this.removeHighlighting();\n\n const originalText = this.getTextContent();\n const searchTermLower = this.searchTerm.toLowerCase();\n const originalTextLower = originalText.toLowerCase();\n\n if (!originalTextLower.includes(searchTermLower)) return;\n\n const searchIndex = originalTextLower.indexOf(searchTermLower);\n\n if (searchIndex === -1) return;\n\n const beforeMatch = originalText.substring(0, searchIndex);\n const matchText = originalText.substring(searchIndex, searchIndex + searchTermLower.length);\n const afterMatch = originalText.substring(searchIndex + searchTermLower.length);\n\n const highlightedContent = document.createElement('span');\n highlightedContent.className = 'highlighted-text';\n\n if (beforeMatch) {\n highlightedContent.appendChild(document.createTextNode(beforeMatch));\n }\n\n const boldElement = document.createElement('strong');\n boldElement.className = 'search-highlight';\n boldElement.textContent = matchText;\n highlightedContent.appendChild(boldElement);\n\n if (afterMatch) {\n highlightedContent.appendChild(document.createTextNode(afterMatch));\n }\n\n labelElement.setAttribute('data-original-content', 'true');\n slotElement.style.display = 'none';\n labelElement.appendChild(highlightedContent);\n }\n\n private removeHighlighting() {\n const labelElement = this.el.shadowRoot?.querySelector('.option-label');\n if (!labelElement) return;\n\n const slotElement = labelElement.querySelector('slot');\n const highlightedElement = labelElement.querySelector('.highlighted-text');\n\n if (highlightedElement) {\n labelElement.removeChild(highlightedElement);\n }\n\n if (slotElement) {\n slotElement.style.display = '';\n }\n\n labelElement.removeAttribute('data-original-content');\n }\n\n private getTextContent(): string {\n let text = '';\n Array.from(this.el.childNodes).forEach(node => {\n if (node.nodeType === Node.TEXT_NODE) {\n text += node.textContent?.trim() || '';\n }\n });\n return text || this.value || '';\n }\n\n private hasMatchingChildren(): boolean {\n if (!this.hasChildren) return false;\n\n const childOptions = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n return childOptions.some(child => {\n const childInstance = (child as any)['__stencil_instance'];\n if (!childInstance) return false;\n\n const childText = childInstance.getTextContent().toLowerCase();\n const childMatches = childText.includes(this.searchTerm);\n const grandChildrenMatch = childInstance.hasMatchingChildren();\n\n return childMatches || grandChildrenMatch;\n });\n }\n\n private hasMatchingParent(): boolean {\n let parent = this.el.parentElement;\n while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\n const parentInstance = (parent as any)['__stencil_instance'];\n if (parentInstance) {\n const parentText = parentInstance.getTextContent().toLowerCase();\n if (parentText.includes(this.searchTerm)) {\n return true;\n }\n }\n parent = parent.parentElement;\n }\n return false;\n }\n\n private calculateDepth(): number {\n let depth = 0;\n let parent = this.el.parentElement;\n while (parent && parent.tagName !== 'IFX-MULTISELECT') {\n if (parent.tagName === 'IFX-MULTISELECT-OPTION') {\n depth++;\n }\n parent = parent.parentElement;\n }\n return depth;\n }\n\n @Listen('click')\n handleClick(event: Event) {\n if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n event.stopPropagation();\n\n if (event.type === 'click' && (event.target as HTMLElement).closest('.chevron-wrapper')) {\n this.toggleExpansion();\n return;\n }\n\n let newSelectedState: boolean;\n\n if (this.indeterminate) {\n newSelectedState = true;\n } else {\n newSelectedState = !this.selected;\n }\n\n this.selected = newSelectedState;\n this.indeterminate = false;\n\n if (this.hasChildren) {\n this.isExpanded = newSelectedState;\n\n requestAnimationFrame(() => {\n this.selectAllChildren(newSelectedState);\n this.expandAllChildren(newSelectedState);\n });\n }\n\n this.updateParentStates();\n this.notifyMultiselect();\n }\n\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n const target = event.target as HTMLElement;\n\n if (target.closest('.chevron-wrapper') || target.closest('.checkbox-wrapper')) {\n return;\n }\n\n if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') {\n event.stopPropagation();\n }\n\n if (event.key === 'ArrowRight' && this.hasChildren) {\n this.isExpanded = true;\n }\n\n if (event.key === 'ArrowLeft' && this.hasChildren) {\n this.isExpanded = false;\n }\n }\n\n private notifyMultiselect() {\n const updateEvent = new CustomEvent('ifx-option-changed', {\n bubbles: true,\n detail: {\n value: this.value,\n selected: this.selected,\n indeterminate: this.indeterminate\n }\n });\n this.el.dispatchEvent(updateEvent);\n }\n\n private selectAllChildren(selected: boolean) {\n const directChildren = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\n\n directChildren.forEach((child: any) => {\n const childInstance = child['__stencil_instance'];\n if (childInstance) {\n childInstance.selected = selected;\n childInstance.indeterminate = false;\n\n if (childInstance.hasChildren) {\n childInstance.isExpanded = selected;\n childInstance.selectAllChildren(selected);\n }\n childInstance.notifyMultiselect?.();\n }\n });\n }\n\n private expandAllChildren(expanded: boolean) {\n const directChildren = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\n\n directChildren.forEach((child: any) => {\n const childInstance = child['__stencil_instance'];\n if (childInstance && childInstance.hasChildren) {\n childInstance.isExpanded = expanded;\n childInstance.expandAllChildren(expanded);\n }\n });\n }\n\n private updateParentStates() {\n let parent = this.el.parentElement;\n while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\n const parentInstance = (parent as any)['__stencil_instance'];\n if (!parentInstance) {\n parent = parent.parentElement;\n continue;\n }\n\n const siblings = Array.from(parent.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION')\n .map(child => (child as any)['__stencil_instance'])\n .filter(instance => instance !== null);\n\n const selectedCount = siblings.filter(sibling => sibling.selected).length;\n const indeterminateCount = siblings.filter(sibling => sibling.indeterminate).length;\n const totalCount = siblings.length;\n\n if (selectedCount === totalCount && indeterminateCount === 0) {\n parentInstance.selected = true;\n parentInstance.indeterminate = false;\n } else if (selectedCount === 0 && indeterminateCount === 0) {\n parentInstance.selected = false;\n parentInstance.indeterminate = false;\n } else {\n parentInstance.selected = false;\n parentInstance.indeterminate = true;\n }\n\n parentInstance.notifyMultiselect?.();\n parent = parent.parentElement;\n }\n }\n\n private toggleExpansion() {\n this.isExpanded = !this.isExpanded;\n }\n\n private handleCheckboxClick = (event: Event) => {\n if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n event.stopPropagation();\n\n let newSelectedState: boolean;\n\n if (this.indeterminate) {\n newSelectedState = true;\n } else {\n newSelectedState = !this.selected;\n }\n\n this.selected = newSelectedState;\n this.indeterminate = false;\n\n if (this.hasChildren) {\n this.isExpanded = newSelectedState;\n\n requestAnimationFrame(() => {\n this.selectAllChildren(newSelectedState);\n this.expandAllChildren(newSelectedState);\n });\n }\n\n this.updateParentStates();\n this.notifyMultiselect();\n }\n\n private handleHeaderClick = (event: Event) => {\n event.stopPropagation();\n if (!this.disabled && !(this.isSearchActive && this.isSearchDisabled)) {\n this.handleClick(event);\n }\n }\n\n private hasAnySelectedChildren(): boolean {\n const childOptions = Array.from(this.el.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n return childOptions.some(child => {\n const hasSelected = child.hasAttribute('selected');\n const hasSelectedDescendants = this.checkForSelectedDescendants(child);\n\n return hasSelected || hasSelectedDescendants;\n });\n }\n\n private checkForSelectedDescendants(element: HTMLElement): boolean {\n const nestedOptions = Array.from(element.children)\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n return nestedOptions.some(nestedChild => {\n const isSelected = nestedChild.hasAttribute('selected');\n const hasSelectedNested = this.checkForSelectedDescendants(nestedChild);\n\n return isSelected || hasSelectedNested;\n });\n }\n\n render() {\n let isFlatMultiselect = false;\n const parentMultiselect = this.el.closest('ifx-multiselect');\n if (parentMultiselect) {\n const allOptions = Array.from(parentMultiselect.querySelectorAll('ifx-multiselect-option'));\n isFlatMultiselect = allOptions.every(option => option.children.length === 0);\n }\n\n const basePadding = this.depth * 28 + 16;\n const additionalPadding = this.hasChildren ? 0 : 28;\n let totalPadding = basePadding + additionalPadding;\n\n const optionItemStyle = isFlatMultiselect ? undefined : { paddingLeft: `${totalPadding}px` };\n\n return (\n <Host>\n <div\n class={{\n 'option': true,\n 'option--has-children': this.hasChildren,\n 'option--expanded': this.isExpanded,\n 'option--disabled': this.disabled,\n 'option--selected': this.selected,\n }}\n role=\"option\"\n aria-expanded={this.hasChildren ? (this.isExpanded ? 'true' : 'false') : undefined}\n aria-selected={this.selected ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : 'false'}\n data-level={this.depth}\n data-value={this.value}\n >\n <div\n class=\"option-item\"\n style={optionItemStyle}\n >\n <div\n class=\"chevron-wrapper\"\n tabIndex={this.hasChildren ? 0 : -1}\n role={this.hasChildren ? \"button\" : undefined}\n aria-label={this.hasChildren ? (this.isExpanded ? \"Collapse\" : \"Expand\") : undefined}\n onClick={(e) => { e.stopPropagation(); this.toggleExpansion(); }}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.stopPropagation();\n this.toggleExpansion();\n }\n }}\n >\n {this.hasChildren && (\n <ifx-icon\n class={`chevron ${this.isExpanded ? 'chevron--expanded' : 'chevron--collapsed'}`}\n icon=\"chevron-right-16\"\n />\n )}\n </div>\n\n <div class=\"checkbox-wrapper\" onClick={(e) => e.stopPropagation()}>\n <ifx-checkbox\n size='s'\n checked={(this.isSearchActive && this.isSearchDisabled) ? false : (this.indeterminate ? false : this.selected)}\n indeterminate={(this.isSearchActive && this.isSearchDisabled) ? false : this.indeterminate}\n onClick={this.handleCheckboxClick}\n disabled={this.disabled || (this.isSearchActive && this.isSearchDisabled)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.stopPropagation();\n this.handleCheckboxClick(e);\n }\n }}\n />\n </div>\n\n <div\n class=\"option-label\"\n onClick={this.handleHeaderClick}\n tabIndex={-1}\n >\n <slot/>\n </div>\n </div>\n\n {this.isExpanded && <div class=\"option-children\"><slot name=\"children\"/></div>}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -180,7 +180,7 @@ const Template = class {
180
180
  }
181
181
  }
182
182
  render() {
183
- return (h("div", { key: 'f4e342671bf2b1adbe3d2cc95227c305eb57b148' }, this.isTemplatePage
183
+ return (h("div", { key: 'a5a2ef012f249d50e3a5834b2c99d3522f2bdada' }, this.isTemplatePage
184
184
  ?
185
185
  h("div", { class: "template__page-wrapper" }, !this.repoUrl && !this.repoError &&
186
186
  h("div", null, h("h3", null, "Your repository is getting ready.."), h("p", null, "This will only take a minute.")), this.isLoading && !this.repoError && h("div", null, h("ifx-spinner", { variant: 'default', size: 's' })), this.repoUrl && h("ifx-link", { href: this.repoUrl, target: "_parent", size: "m", variant: "underlined" }, "Your repository"), this.repoError && h("div", null, this.repoError))
@@ -185,7 +185,7 @@ const Table = class {
185
185
  return {};
186
186
  }
187
187
  render() {
188
- return (h(Host, { key: '5968712e3cbe5605b5128dc19997941d18d21ffc' }, h("div", { key: '8a39d36f4006095de577777bb8c31f2ba3b9a2ee', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '8dd8dfaa472da2cd56ade80f5105cdbebeb8013b', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
188
+ return (h(Host, { key: 'ad4e39ac88197ec19929d6970db5497ab56e4757' }, h("div", { key: 'c4a88b94afce15bae40bc040fd8e6b1384e33976', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '8d051799e375499601256e9df922e29d5c6ca3d3', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
189
189
  }
190
190
  get host() { return getElement(this); }
191
191
  };
@@ -2,7 +2,7 @@ import { r as registerInstance, h, d as Host, a as getElement } from './index-DS
2
2
  import { d as detectFramework, t as trackComponent } from './framework-detection-DcmcuUOA.js';
3
3
  import { i as isNestedInIfxComponent } from './dom-utils-Bw2fh5LT.js';
4
4
 
5
- const cardCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:inline-flex}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#FFFFFF;background-clip:border-box;border:2px solid #EEEDED;border-radius:2px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0A8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0A8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card .horizontal{display:flex;flex-direction:row;min-height:218px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;vertical-align:bottom}.card .horizontal .lower__body-wrapper{flex:1;display:grid;grid-template-rows:1fr auto}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1D1D1D;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1D1D1D}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#EEEDED}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}";
5
+ const cardCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:inline-flex}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#FFFFFF;background-clip:border-box;border:1px solid #EEEDED;border-radius:1px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0A8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0A8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card .horizontal{display:flex;flex-direction:row;min-height:218px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;vertical-align:bottom}.card .horizontal .lower__body-wrapper{flex:1;display:grid;grid-template-rows:1fr auto}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1D1D1D;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1D1D1D}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#EEEDED}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}";
6
6
 
7
7
  const Card = class {
8
8
  constructor(hostRef) {
@@ -18,14 +18,24 @@ const Card = class {
18
18
  handleComponentAdjustment() {
19
19
  const image = this.el.querySelector('ifx-card-image');
20
20
  const links = this.el.querySelector('ifx-card-links');
21
- this.noImg = !image;
22
- this.noBtns = !links;
21
+ if (!image) {
22
+ this.noImg = true;
23
+ }
24
+ else
25
+ this.noImg = false;
26
+ if (!links) {
27
+ this.noBtns = true;
28
+ }
29
+ else
30
+ this.noBtns = false;
23
31
  if (this.href.trim() === "") {
24
32
  this.internalHref = undefined;
25
33
  }
26
- else {
34
+ else
27
35
  this.internalHref = this.href;
28
- }
36
+ }
37
+ handleClassList(el, type, className) {
38
+ el.classList[type](className);
29
39
  }
30
40
  componentWillLoad() {
31
41
  this.handleComponentAdjustment();
@@ -40,12 +50,12 @@ const Card = class {
40
50
  this.handleComponentAdjustment();
41
51
  }
42
52
  render() {
43
- return (h(Host, { key: 'a9afa27e59022cace5a5ec69ca920c1c47a88fdb' }, h("div", { key: '6010fdacc6f61bceadeeb4a8b55b26e2607b10a4', "aria-label": this.ariaLabel, class: `card
44
- ${this.noBtns ? 'noBtns' : ""}
45
- ${this.direction}
46
- ${this.alignment}`, role: "group" }, this.direction === 'horizontal' &&
47
- h("div", { key: '0943cf3474fbed74c928b192a4ba2ac139b480a0', class: "horizontal" }, h("a", { key: 'b0e540e6ceb537615059f53bc51483caa1b17bcf', class: `card-img ${this.noImg ? 'noImage' : ""} ${this.internalHref ? 'card-href' : ''}`, href: this.internalHref }, h("slot", { key: '3817324c5c0297cbe64460b3b54195f013b1fb1c', name: "img" })), h("div", { key: '3c610343ecc5fe770152af793ded7465de7c4ccc', class: 'lower__body-wrapper' }, h("a", { key: '2b6038ddb4fa9504b89c7a1f418eb18f371ba953', class: `upper-body ${this.internalHref ? 'card-href' : ''}`, href: this.internalHref, id: "upper-body-content" }, h("slot", { key: '6f29b91dd3d5a87fe426b5dada1d648a748c19ac' })), h("div", { key: '724391212b40fbe3e26a4e951fba3122b7726fc5' }, h("slot", { key: 'ad56b50726dfa188a4939a19cb22341bfdfcfa8a', name: 'buttons' })))), this.direction === 'vertical' &&
48
- h("div", { key: '868c89a9c7af7b98b376aa99fa33a0c12a38c456', class: "vertical" }, h("a", { key: 'f77b8835e27b3a60e31241b0a030350269394974', class: `upper__body-wrapper ${this.internalHref ? 'card-href' : ''}`, href: this.internalHref, target: this.target }, h("div", { key: '514d39de5bcc9b36f0808b2d106087dc7da04e5e', class: `card-img ${this.noImg ? 'noImage' : ""}` }, h("slot", { key: '9282280621babbd6f6c453b87521168d53cbca2f', name: "img" })), h("div", { key: 'a11c7ae3d1dd7f3fdb17cca9487f8f39668303cd', class: 'upper-body', id: "upper-body-content" }, h("slot", { key: 'cea3051e03b03ed99628cd51e705ba97ba215ef2' }))), h("div", { key: '71b39299300b28bbdbc8ff274c187588430a708a', class: 'lower__body-wrapper', role: "group", "aria-labelledby": "upper-body-content" }, h("slot", { key: '220a96282d0504458c2fc236466c17d571bf7b4a', name: 'buttons' }))))));
53
+ return (h(Host, { key: '3a6943f0f1aa3ee634d433d05c542ee7b9b72e69' }, h("div", { key: '229574b0f669dd3b30a71d094698d5455165d9d2', "aria-label": this.ariaLabel, class: `card
54
+ ${this.noBtns ? 'noBtns' : ""}
55
+ ${this.direction}
56
+ ${this.alignment}`, role: "region" }, this.direction === 'horizontal' &&
57
+ h("div", { key: 'f3816627bb7f132608a20ca6318ae7f112607cc2', class: "horizontal" }, h("a", { key: '0ecded0f956f06f7148418582e77def35c2a313b', class: `card-img ${this.noImg ? 'noImage' : ""} ${this.internalHref ? 'card-href' : ''}`, href: this.internalHref }, h("slot", { key: '2f008321ec850c85d56049cb67e378760d2e3ea2', name: "img" })), h("div", { key: '2e9455f45aaf6c230aa2b60607397f161bd41e2d', class: 'lower__body-wrapper' }, h("a", { key: '156a10f3416703248152e4494f339e40012131cd', class: `upper-body ${this.internalHref ? 'card-href' : ''}`, href: this.internalHref }, h("slot", { key: 'ee3126d09544d828c0f10c4d1d2ee3cd3a952ce7' })), h("div", { key: '3581851fa9fd0ee7e76753ee7beaf65774665bf7' }, h("slot", { key: '6b05e2c89e3b694b1aa8e3aac33f9848802a5665', name: 'buttons' })))), this.direction === 'vertical' &&
58
+ h("div", { key: 'a586ca1d70852798681f52eeee5e991336f130c6', class: "vertical" }, h("a", { key: 'e6cd065de551b3ba9d73c9fd73c97421f7f44c57', class: `upper__body-wrapper ${this.internalHref ? 'card-href' : ''}`, href: this.internalHref, target: this.target }, h("div", { key: 'e59a87785b9590316c8e118a7ce133fae644491d', class: `card-img ${this.noImg ? 'noImage' : ""}` }, h("slot", { key: 'fbee6d02cfa0c3c2b3a3fc0df61c743137b94c94', name: "img" })), h("div", { key: 'bc3fde0afb8c9af15ceec92020164f70cb2a9857', class: 'upper-body' }, h("slot", { key: 'c69cd3e3004f5975273aa7155cf880684878a85e' }))), h("div", { key: '6920488d4b4904eb72adb9eacb37e65eacf99b30', class: 'lower__body-wrapper' }, h("slot", { key: 'd9db8d30a6d8615d3d6a3e06415886e9e126bca6', name: 'buttons' }))))));
49
59
  }
50
60
  get el() { return getElement(this); }
51
61
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ifx-card.entry.js","sources":["src/components/card/card.scss?tag=ifx-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.card {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n word-wrap: break-word;\n background-color: tokens.$ifxColorBaseWhite;\n background-clip: border-box;\n border: 2px solid tokens.$ifxColorEngineering200;\n border-radius: 2px;\n //width: 22rem;\n width: 350px;\n height: auto;\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n // when the link is focused or hovered, the border color changes\n &:has(.card-href:focus), &:has(.card-href:hover) {\n outline: none;\n border-color: tokens.$ifxColorOcean500;\n\n ::slotted(ifx-card-headline) {\n color: tokens.$ifxColorOcean500;\n }\n }\n\n &.noBtns {\n & .vertical {\n & .lower__body-wrapper {\n padding-bottom: 24px;\n }\n }\n\n & .horizontal {\n & .lower__body-wrapper {\n padding-bottom: 24px;\n }\n }\n }\n\n & .horizontal {\n display: flex;\n flex-direction: row;\n min-height: 218px;\n\n & .card-img {\n flex: 1;\n text-decoration: none;\n\n &.noImage {\n display: none;\n }\n\n & ::slotted([slot=img]) {\n width: 100%;\n vertical-align: bottom;\n }\n }\n\n & .lower__body-wrapper {\n flex: 1;\n display: grid;\n grid-template-rows: 1fr auto;\n\n & .upper-body {\n display: flex;\n flex-direction: column;\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n padding: 24px 24px 0px 24px;\n }\n }\n }\n\n & .vertical {\n & .upper__body-wrapper {\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n\n & .card-img {\n height: 190px;\n\n &.noImage {\n display: none;\n }\n }\n\n & .upper-body {\n padding: 24px 24px 0px 24px;\n }\n }\n\n & .lower__body-wrapper {\n &:hover {\n border-color: tokens.$ifxColorEngineering200;\n }\n }\n }\n\n &.horizontal {\n flex-direction: row;\n width: 538px;\n\n & .card-img {\n flex: 1;\n order: 2;\n\n & ::slotted([slot=img]) {\n width: 100%;\n height: 100%;\n vertical-align: bottom;\n object-fit: cover;\n }\n }\n\n &.left {\n & .horizontal {\n & .card-img {\n order: 1;\n }\n\n & .lower__body-wrapper {\n order: 2;\n }\n }\n }\n }\n\n & .card-href:focus {\n outline: none;\n }\n}","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-card',\n styleUrl: 'card.scss',\n shadow: true,\n})\n\nexport class Card {\n @Element() el;\n @State() noBtns: boolean;\n @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n @State() alignment: string;\n @State() noImg: boolean;\n @Prop() href: string = \"\";\n @State() internalHref: string = \"\";\n @Prop() target: string = \"_self\";\n @Prop() ariaLabel: string | null;\n\n @Listen('imgPosition')\n setImgPosition(event) {\n this.alignment = event.detail;\n }\n\n handleComponentAdjustment() {\n const image = this.el.querySelector('ifx-card-image');\n const links = this.el.querySelector('ifx-card-links');\n\n this.noImg = !image;\n this.noBtns = !links;\n\n if (this.href.trim() === \"\") {\n this.internalHref = undefined;\n } else {\n this.internalHref = this.href;\n }\n }\n\n componentWillLoad() {\n this.handleComponentAdjustment();\n }\n\n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-card', await framework);\n }\n }\n\n componentWillUpdate() {\n this.handleComponentAdjustment();\n }\n\n render() {\n return (\n <Host>\n <div \n aria-label={this.ariaLabel} \n class={\n `card \n ${this.noBtns ? 'noBtns' : \"\"}\n ${this.direction} \n ${this.alignment}`\n }\n role=\"group\"\n >\n\n {this.direction === 'horizontal' &&\n <div class=\"horizontal\">\n <a \n class={`card-img ${this.noImg ? 'noImage' : \"\"} ${this.internalHref ? 'card-href' : ''}`} \n href={this.internalHref}\n >\n <slot name=\"img\" />\n </a>\n\n <div class='lower__body-wrapper'>\n <a \n class={`upper-body ${this.internalHref ? 'card-href' : ''}`} \n href={this.internalHref}\n id=\"upper-body-content\"\n >\n <slot />\n </a>\n <div>\n <slot name='buttons' />\n </div>\n </div>\n </div>}\n\n {this.direction === 'vertical' &&\n <div class=\"vertical\">\n <a \n class={`upper__body-wrapper ${this.internalHref ? 'card-href' : ''}`} \n href={this.internalHref} \n target={this.target}\n >\n <div class={`card-img ${this.noImg ? 'noImage' : \"\"}`}>\n <slot name=\"img\" />\n </div>\n\n <div class='upper-body' id=\"upper-body-content\">\n <slot />\n </div>\n </a>\n\n <div class='lower__body-wrapper' role=\"group\" aria-labelledby=\"upper-body-content\">\n <slot name='buttons' />\n </div>\n </div>}\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,OAAO,GAAG,w0DAAw0D;;MCW30D,IAAI,GAAA,MAAA;AANjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASU,QAAA,IAAS,CAAA,SAAA,GAA8B,UAAU;AAGjD,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AAChB,QAAA,IAAY,CAAA,YAAA,GAAW,EAAE;AAC1B,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AAkGjC;AA9FC,IAAA,cAAc,CAAC,KAAK,EAAA;AAClB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM;;IAG/B,yBAAyB,GAAA;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;QACrD,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;AAErD,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK;QAEpB,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AAC3B,YAAA,IAAI,CAAC,YAAY,GAAG,SAAS;;aACxB;AACL,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI;;;IAIjC,iBAAiB,GAAA;QACf,IAAI,CAAC,yBAAyB,EAAE;;AAGlC,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,UAAU,EAAE,MAAM,SAAS,CAAC;;;IAI/C,mBAAmB,GAAA;QACjB,IAAI,CAAC,yBAAyB,EAAE;;IAGlC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EACc,IAAI,CAAC,SAAS,EAC1B,KAAK,EACH,CAAA;cACE,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE;AAC3B,YAAA,EAAA,IAAI,CAAC,SAAS,CAAA;AACd,YAAA,EAAA,IAAI,CAAC,SAAS,CAAE,CAAA,EAEpB,IAAI,EAAC,OAAO,EAAA,EAGX,IAAI,CAAC,SAAS,KAAK,YAAY;AAC9B,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAY,SAAA,EAAA,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,YAAY,GAAG,WAAW,GAAG,EAAE,CAAE,CAAA,EACxF,IAAI,EAAE,IAAI,CAAC,YAAY,EAAA,EAEvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,KAAK,EAAA,CAAG,CACjB,EAEJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CACE,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,IAAI,CAAC,YAAY,GAAG,WAAW,GAAG,EAAE,CAAE,CAAA,EAC3D,IAAI,EAAE,IAAI,CAAC,YAAY,EACvB,EAAE,EAAC,oBAAoB,EAAA,EAEvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CACnB,CACF,CACF,EAEP,IAAI,CAAC,SAAS,KAAK,UAAU;AAC5B,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACnB,CACE,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAuB,oBAAA,EAAA,IAAI,CAAC,YAAY,GAAG,WAAW,GAAG,EAAE,CAAA,CAAE,EACpE,IAAI,EAAE,IAAI,CAAC,YAAY,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAEnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,SAAA,EAAY,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,EAAE,CAAE,CAAA,EAAA,EACnD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,KAAK,EAAA,CAAG,CACf,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,oBAAoB,EAAA,EAC7C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACJ,EAEJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,qBAAiB,oBAAoB,EAAA,EAChF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAG,CACnB,CACF,CACJ,CACD;;;;;;;;"}
1
+ {"version":3,"file":"ifx-card.entry.js","sources":["src/components/card/card.scss?tag=ifx-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.card {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n word-wrap: break-word;\n background-color: tokens.$ifxColorBaseWhite;\n background-clip: border-box;\n border: 1px solid tokens.$ifxColorEngineering200;\n border-radius: 1px;\n //width: 22rem;\n width: 350px;\n height: auto;\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n // when the link is focused or hovered, the border color changes\n &:has(.card-href:focus), &:has(.card-href:hover) {\n outline: none;\n border-color: tokens.$ifxColorOcean500;\n\n ::slotted(ifx-card-headline) {\n color: tokens.$ifxColorOcean500;\n }\n }\n\n &.noBtns {\n & .vertical {\n & .lower__body-wrapper {\n padding-bottom: 24px;\n }\n }\n\n & .horizontal {\n & .lower__body-wrapper {\n padding-bottom: 24px;\n }\n }\n }\n\n & .horizontal {\n display: flex;\n flex-direction: row;\n min-height: 218px;\n\n & .card-img {\n flex: 1;\n text-decoration: none;\n\n &.noImage {\n display: none;\n }\n\n & ::slotted([slot=img]) {\n width: 100%;\n vertical-align: bottom;\n }\n }\n\n & .lower__body-wrapper {\n flex: 1;\n display: grid;\n grid-template-rows: 1fr auto;\n\n & .upper-body {\n display: flex;\n flex-direction: column;\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n padding: 24px 24px 0px 24px;\n }\n }\n }\n\n & .vertical {\n & .upper__body-wrapper {\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n\n & .card-img {\n height: 190px;\n\n &.noImage {\n display: none;\n }\n }\n\n & .upper-body {\n padding: 24px 24px 0px 24px;\n }\n }\n\n & .lower__body-wrapper {\n &:hover {\n border-color: tokens.$ifxColorEngineering200;\n }\n }\n }\n\n &.horizontal {\n flex-direction: row;\n width: 538px;\n\n & .card-img {\n flex: 1;\n order: 2;\n\n & ::slotted([slot=img]) {\n width: 100%;\n height: 100%;\n vertical-align: bottom;\n object-fit: cover;\n }\n }\n\n &.left {\n & .horizontal {\n & .card-img {\n order: 1;\n }\n\n & .lower__body-wrapper {\n order: 2;\n }\n }\n }\n }\n\n & .card-href:focus {\n outline: none;\n }\n}","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-card',\n styleUrl: 'card.scss',\n shadow: true,\n})\n\nexport class Card {\n @Element() el;\n @State() noBtns: boolean;\n @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n @State() alignment: string;\n @State() noImg: boolean;\n @Prop() href: string = \"\";\n @State() internalHref: string = \"\"\n @Prop() target: string = \"_self\";\n @Prop() ariaLabel: string | null;\n\n @Listen('imgPosition')\n setImgPosition(event) {\n this.alignment = event.detail\n }\n\n handleComponentAdjustment() {\n const image = this.el.querySelector('ifx-card-image')\n const links = this.el.querySelector('ifx-card-links')\n\n if (!image) {\n this.noImg = true;\n } else this.noImg = false;\n\n if (!links) {\n this.noBtns = true;\n } else this.noBtns = false;\n\n if (this.href.trim() === \"\") {\n this.internalHref = undefined;\n } else this.internalHref = this.href;\n }\n\n handleClassList(el, type, className) {\n el.classList[type](className)\n }\n\n\n componentWillLoad() {\n this.handleComponentAdjustment()\n }\n\n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-card', await framework)\n }\n }\n\n componentWillUpdate() {\n this.handleComponentAdjustment()\n }\n\nrender() {\n return (\n <Host>\n <div aria-label={this.ariaLabel} class={\n `card \n ${this.noBtns ? 'noBtns' : \"\"}\n ${this.direction} \n ${this.alignment}`\n }\n role=\"region\">\n\n {this.direction === 'horizontal' &&\n <div class=\"horizontal\">\n <a class={`card-img ${this.noImg ? 'noImage' : \"\"} ${this.internalHref ? 'card-href' : ''}`} href={this.internalHref}>\n <slot name=\"img\" />\n </a>\n\n <div class='lower__body-wrapper'>\n <a class={`upper-body ${this.internalHref ? 'card-href' : ''}`} href={this.internalHref}>\n <slot />\n </a>\n <div>\n <slot name='buttons' />\n </div>\n </div>\n </div>}\n\n {this.direction === 'vertical' &&\n <div class=\"vertical\">\n <a class={`upper__body-wrapper ${this.internalHref ? 'card-href' : ''}`} href={this.internalHref} target={this.target}>\n <div class={`card-img ${this.noImg ? 'noImage' : \"\"}`}>\n <slot name=\"img\" />\n </div>\n\n <div class='upper-body'>\n <slot />\n </div>\n </a>\n\n <div class='lower__body-wrapper'>\n <slot name='buttons' />\n </div>\n </div>}\n </div>\n </Host>\n );\n }\n}"],"names":[],"mappings":"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"}