@infineon/infineon-design-system-stencil 32.4.0--canary.1760.0c3ba7895c2440caadbfa34cbe9f78e46c926536.0 → 32.4.0--canary.1762.05d15333c501fcbf7bed98e02727e049081db326.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 (437) 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-dropdown-header.cjs.entry.js +1 -1
  22. package/dist/cjs/ifx-dropdown-item.cjs.entry.js +1 -1
  23. package/dist/cjs/ifx-dropdown-menu.cjs.entry.js +1 -1
  24. package/dist/cjs/ifx-dropdown-separator.cjs.entry.js +1 -1
  25. package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +1 -1
  26. package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js +1 -1
  27. package/dist/cjs/ifx-dropdown.cjs.entry.js +1 -1
  28. package/dist/cjs/ifx-faq.cjs.entry.js +1 -1
  29. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +1 -1
  30. package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
  31. package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
  32. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
  33. package/dist/cjs/ifx-footer-column.cjs.entry.js +1 -1
  34. package/dist/cjs/ifx-footer.cjs.entry.js +1 -1
  35. package/dist/cjs/ifx-icon-button.cjs.entry.js +1 -1
  36. package/dist/cjs/ifx-icon.cjs.entry.js +1 -1
  37. package/dist/cjs/ifx-icons-preview.cjs.entry.js +1 -1
  38. package/dist/cjs/ifx-link.cjs.entry.js +1 -1
  39. package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
  40. package/dist/cjs/ifx-list.cjs.entry.js +1 -1
  41. package/dist/cjs/ifx-modal.cjs.entry.js +1 -1
  42. package/dist/cjs/ifx-multiselect.cjs.entry.js +1 -1
  43. package/dist/cjs/ifx-navbar-item.cjs.entry.js +1 -1
  44. package/dist/cjs/ifx-navbar-profile.cjs.entry.js +1 -1
  45. package/dist/cjs/ifx-navbar.cjs.entry.js +1 -1
  46. package/dist/cjs/ifx-notification.cjs.entry.js +1 -1
  47. package/dist/cjs/ifx-number-indicator.cjs.entry.js +1 -1
  48. package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
  49. package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
  50. package/dist/cjs/ifx-radio-button-group.cjs.entry.js +1 -1
  51. package/dist/cjs/ifx-radio-button.cjs.entry.js +1 -1
  52. package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
  53. package/dist/cjs/ifx-search-field.cjs.entry.js +1 -1
  54. package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
  55. package/dist/cjs/ifx-segmented-control.cjs.entry.js +1 -1
  56. package/dist/cjs/ifx-select.cjs.entry.js +1 -1
  57. package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -1
  58. package/dist/cjs/ifx-sidebar-item.cjs.entry.js +1 -1
  59. package/dist/cjs/ifx-sidebar-title.cjs.entry.js +1 -1
  60. package/dist/cjs/ifx-sidebar.cjs.entry.js +1 -1
  61. package/dist/cjs/ifx-slider.cjs.entry.js +1 -1
  62. package/dist/cjs/ifx-spinner_2.cjs.entry.js +1 -1
  63. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  64. package/dist/cjs/ifx-step.cjs.entry.js +1 -1
  65. package/dist/cjs/ifx-stepper.cjs.entry.js +1 -1
  66. package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
  67. package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
  68. package/dist/cjs/ifx-table.cjs.entry.js +1 -1
  69. package/dist/cjs/ifx-tabs.cjs.entry.js +1 -1
  70. package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
  71. package/dist/cjs/ifx-templates-ui.cjs.entry.js +1 -1
  72. package/dist/cjs/ifx-textarea.cjs.entry.js +1 -1
  73. package/dist/cjs/ifx-tooltip.cjs.entry.js +1 -1
  74. package/dist/cjs/{index-faba267a.js → index-1ce5aae1.js} +1 -1
  75. package/dist/cjs/index-1ce5aae1.js.map +1 -0
  76. package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
  77. package/dist/cjs/infineon-design-system-stencil.cjs.js.map +1 -1
  78. package/dist/cjs/loader.cjs.js +1 -1
  79. package/dist/components/ifx-accordion-item.js +1 -1
  80. package/dist/components/ifx-accordion.js +1 -1
  81. package/dist/components/ifx-alert.js +1 -1
  82. package/dist/components/ifx-badge.js +1 -1
  83. package/dist/components/ifx-basic-table.js +1 -1
  84. package/dist/components/ifx-breadcrumb-item-label.js +2 -2
  85. package/dist/components/ifx-breadcrumb-item.js +1 -1
  86. package/dist/components/ifx-breadcrumb.js +1 -1
  87. package/dist/components/ifx-button.js +1 -1
  88. package/dist/components/ifx-card-headline.js +1 -1
  89. package/dist/components/ifx-card-image.js +1 -1
  90. package/dist/components/ifx-card-links.js +1 -1
  91. package/dist/components/ifx-card-overline.js +1 -1
  92. package/dist/components/ifx-card-text.js +1 -1
  93. package/dist/components/ifx-card.js +1 -1
  94. package/dist/components/ifx-checkbox-group.js +2 -2
  95. package/dist/components/ifx-checkbox.js +1 -1
  96. package/dist/components/ifx-chip-item.js +1 -1
  97. package/dist/components/ifx-chip.js +1 -1
  98. package/dist/components/ifx-content-switcher-item.js +1 -1
  99. package/dist/components/ifx-content-switcher.js +1 -1
  100. package/dist/components/ifx-date-picker.js +2 -2
  101. package/dist/components/ifx-dropdown-header.js +1 -1
  102. package/dist/components/ifx-dropdown-item.js +2 -2
  103. package/dist/components/ifx-dropdown-menu.js +1 -1
  104. package/dist/components/ifx-dropdown-separator.js +1 -1
  105. package/dist/components/ifx-dropdown-trigger-button.js +3 -3
  106. package/dist/components/ifx-dropdown-trigger.js +1 -1
  107. package/dist/components/ifx-dropdown.js +1 -1
  108. package/dist/components/ifx-faq.js +4 -4
  109. package/dist/components/ifx-filter-accordion.js +3 -3
  110. package/dist/components/ifx-filter-bar.js +3 -3
  111. package/dist/components/ifx-filter-search.js +3 -3
  112. package/dist/components/ifx-filter-type-group.js +1 -1
  113. package/dist/components/ifx-footer-column.js +1 -1
  114. package/dist/components/ifx-footer.js +1 -1
  115. package/dist/components/ifx-icon-button.js +1 -1
  116. package/dist/components/ifx-icon.js +1 -1
  117. package/dist/components/ifx-icons-preview.js +4 -4
  118. package/dist/components/ifx-link.js +1 -1
  119. package/dist/components/ifx-list-entry.js +4 -4
  120. package/dist/components/ifx-list.js +3 -3
  121. package/dist/components/ifx-modal.js +3 -3
  122. package/dist/components/ifx-multiselect.js +1 -1
  123. package/dist/components/ifx-navbar-item.js +2 -2
  124. package/dist/components/ifx-navbar-profile.js +1 -1
  125. package/dist/components/ifx-navbar.js +2 -2
  126. package/dist/components/ifx-notification.js +1 -1
  127. package/dist/components/ifx-number-indicator.js +1 -1
  128. package/dist/components/ifx-overview-table.js +4 -4
  129. package/dist/components/ifx-pagination.js +1 -1
  130. package/dist/components/ifx-progress-bar.js +1 -1
  131. package/dist/components/ifx-radio-button-group.js +2 -2
  132. package/dist/components/ifx-radio-button.js +1 -1
  133. package/dist/components/ifx-search-bar.js +3 -3
  134. package/dist/components/ifx-search-field.js +1 -1
  135. package/dist/components/ifx-segment.js +2 -2
  136. package/dist/components/ifx-segmented-control.js +2 -2
  137. package/dist/components/ifx-select.js +1 -1
  138. package/dist/components/ifx-set-filter.js +7 -7
  139. package/dist/components/ifx-sidebar-item.js +3 -3
  140. package/dist/components/ifx-sidebar-title.js +1 -1
  141. package/dist/components/ifx-sidebar.js +1 -1
  142. package/dist/components/ifx-slider.js +2 -2
  143. package/dist/components/ifx-spinner.js +1 -1
  144. package/dist/components/ifx-status.js +1 -1
  145. package/dist/components/ifx-step.js +2 -2
  146. package/dist/components/ifx-stepper.js +1 -1
  147. package/dist/components/ifx-switch.js +1 -1
  148. package/dist/components/ifx-tab.js +1 -1
  149. package/dist/components/ifx-table.js +10 -10
  150. package/dist/components/ifx-tabs.js +2 -2
  151. package/dist/components/ifx-tag.js +2 -2
  152. package/dist/components/ifx-template.js +1 -1
  153. package/dist/components/ifx-templates-ui.js +9 -9
  154. package/dist/components/ifx-text-field.js +1 -1
  155. package/dist/components/ifx-textarea.js +1 -1
  156. package/dist/components/ifx-tooltip.js +2 -2
  157. package/dist/components/index.js +1 -1
  158. package/dist/components/{p-ae4c3cdd.js → p-140bef53.js} +7 -7
  159. package/dist/components/{p-ae4c3cdd.js.map → p-140bef53.js.map} +1 -1
  160. package/dist/components/{p-66954c54.js → p-1ca63c42.js} +2 -2
  161. package/dist/components/{p-66954c54.js.map → p-1ca63c42.js.map} +1 -1
  162. package/dist/components/{p-eb073221.js → p-2cb994f0.js} +4 -4
  163. package/dist/components/{p-eb073221.js.map → p-2cb994f0.js.map} +1 -1
  164. package/dist/components/{p-3cb1b2ea.js → p-41f84b2f.js} +2 -2
  165. package/dist/components/{p-3cb1b2ea.js.map → p-41f84b2f.js.map} +1 -1
  166. package/dist/components/{p-38664b01.js → p-4a121352.js} +2 -2
  167. package/dist/components/{p-38664b01.js.map → p-4a121352.js.map} +1 -1
  168. package/dist/components/{p-72255c85.js → p-4cd3a589.js} +2 -2
  169. package/dist/components/{p-72255c85.js.map → p-4cd3a589.js.map} +1 -1
  170. package/dist/components/{p-ec494353.js → p-5f01ab1d.js} +3 -3
  171. package/dist/components/{p-ec494353.js.map → p-5f01ab1d.js.map} +1 -1
  172. package/dist/components/{p-7ec50cfa.js → p-5fe24279.js} +3 -3
  173. package/dist/components/{p-7ec50cfa.js.map → p-5fe24279.js.map} +1 -1
  174. package/dist/components/{p-bdb7df27.js → p-6758b716.js} +3 -3
  175. package/dist/components/{p-bdb7df27.js.map → p-6758b716.js.map} +1 -1
  176. package/dist/components/{p-94c20ea7.js → p-6925a52c.js} +2 -2
  177. package/dist/components/{p-94c20ea7.js.map → p-6925a52c.js.map} +1 -1
  178. package/dist/components/{p-d4dc7098.js → p-735e3956.js} +4 -4
  179. package/dist/components/{p-d4dc7098.js.map → p-735e3956.js.map} +1 -1
  180. package/dist/components/{p-d7619de3.js → p-9c7d6c8c.js} +5 -5
  181. package/dist/components/{p-d7619de3.js.map → p-9c7d6c8c.js.map} +1 -1
  182. package/dist/components/{p-72f7c3e4.js → p-b59e5493.js} +5 -5
  183. package/dist/components/{p-72f7c3e4.js.map → p-b59e5493.js.map} +1 -1
  184. package/dist/components/{p-cfa335eb.js → p-b73ca128.js} +3 -3
  185. package/dist/components/{p-cfa335eb.js.map → p-b73ca128.js.map} +1 -1
  186. package/dist/components/{p-d26051b3.js → p-c24216e7.js} +3 -3
  187. package/dist/components/{p-d26051b3.js.map → p-c24216e7.js.map} +1 -1
  188. package/dist/components/{p-d01d12ea.js → p-d8045654.js} +3 -3
  189. package/dist/components/{p-d01d12ea.js.map → p-d8045654.js.map} +1 -1
  190. package/dist/components/{p-354fbbd9.js → p-dbf6be15.js} +3 -3
  191. package/dist/components/{p-354fbbd9.js.map → p-dbf6be15.js.map} +1 -1
  192. package/dist/components/{p-2d825ea9.js → p-e27586b6.js} +1 -1
  193. package/dist/components/p-e27586b6.js.map +1 -0
  194. package/dist/components/{p-a99809a4.js → p-e3b1b73d.js} +2 -2
  195. package/dist/components/{p-a99809a4.js.map → p-e3b1b73d.js.map} +1 -1
  196. package/dist/components/{p-0077da76.js → p-ec51e955.js} +2 -2
  197. package/dist/components/{p-0077da76.js.map → p-ec51e955.js.map} +1 -1
  198. package/dist/components/{p-24fc5257.js → p-efb9a50a.js} +2 -2
  199. package/dist/components/{p-24fc5257.js.map → p-efb9a50a.js.map} +1 -1
  200. package/dist/components/{p-f61ed409.js → p-fd590059.js} +4 -4
  201. package/dist/components/{p-f61ed409.js.map → p-fd590059.js.map} +1 -1
  202. package/dist/esm/ifx-accordion_2.entry.js +1 -1
  203. package/dist/esm/ifx-alert_2.entry.js +1 -1
  204. package/dist/esm/ifx-badge.entry.js +1 -1
  205. package/dist/esm/ifx-basic-table.entry.js +1 -1
  206. package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -1
  207. package/dist/esm/ifx-breadcrumb-item.entry.js +1 -1
  208. package/dist/esm/ifx-breadcrumb.entry.js +1 -1
  209. package/dist/esm/ifx-button.entry.js +1 -1
  210. package/dist/esm/ifx-card-headline.entry.js +1 -1
  211. package/dist/esm/ifx-card-image.entry.js +1 -1
  212. package/dist/esm/ifx-card-links.entry.js +1 -1
  213. package/dist/esm/ifx-card-overline.entry.js +1 -1
  214. package/dist/esm/ifx-card-text.entry.js +1 -1
  215. package/dist/esm/ifx-card.entry.js +1 -1
  216. package/dist/esm/ifx-checkbox-group.entry.js +1 -1
  217. package/dist/esm/ifx-checkbox.entry.js +1 -1
  218. package/dist/esm/ifx-chip_3.entry.js +1 -1
  219. package/dist/esm/ifx-content-switcher-item.entry.js +1 -1
  220. package/dist/esm/ifx-content-switcher.entry.js +1 -1
  221. package/dist/esm/ifx-date-picker.entry.js +1 -1
  222. package/dist/esm/ifx-dropdown-header.entry.js +1 -1
  223. package/dist/esm/ifx-dropdown-item.entry.js +1 -1
  224. package/dist/esm/ifx-dropdown-menu.entry.js +1 -1
  225. package/dist/esm/ifx-dropdown-separator.entry.js +1 -1
  226. package/dist/esm/ifx-dropdown-trigger-button.entry.js +1 -1
  227. package/dist/esm/ifx-dropdown-trigger.entry.js +1 -1
  228. package/dist/esm/ifx-dropdown.entry.js +1 -1
  229. package/dist/esm/ifx-faq.entry.js +1 -1
  230. package/dist/esm/ifx-filter-accordion.entry.js +1 -1
  231. package/dist/esm/ifx-filter-bar.entry.js +1 -1
  232. package/dist/esm/ifx-filter-search.entry.js +1 -1
  233. package/dist/esm/ifx-filter-type-group.entry.js +1 -1
  234. package/dist/esm/ifx-footer-column.entry.js +1 -1
  235. package/dist/esm/ifx-footer.entry.js +1 -1
  236. package/dist/esm/ifx-icon-button.entry.js +1 -1
  237. package/dist/esm/ifx-icon.entry.js +1 -1
  238. package/dist/esm/ifx-icons-preview.entry.js +1 -1
  239. package/dist/esm/ifx-link.entry.js +1 -1
  240. package/dist/esm/ifx-list-entry.entry.js +1 -1
  241. package/dist/esm/ifx-list.entry.js +1 -1
  242. package/dist/esm/ifx-modal.entry.js +1 -1
  243. package/dist/esm/ifx-multiselect.entry.js +1 -1
  244. package/dist/esm/ifx-navbar-item.entry.js +1 -1
  245. package/dist/esm/ifx-navbar-profile.entry.js +1 -1
  246. package/dist/esm/ifx-navbar.entry.js +1 -1
  247. package/dist/esm/ifx-notification.entry.js +1 -1
  248. package/dist/esm/ifx-number-indicator.entry.js +1 -1
  249. package/dist/esm/ifx-overview-table.entry.js +1 -1
  250. package/dist/esm/ifx-progress-bar.entry.js +1 -1
  251. package/dist/esm/ifx-radio-button-group.entry.js +1 -1
  252. package/dist/esm/ifx-radio-button.entry.js +1 -1
  253. package/dist/esm/ifx-search-bar.entry.js +1 -1
  254. package/dist/esm/ifx-search-field.entry.js +1 -1
  255. package/dist/esm/ifx-segment.entry.js +1 -1
  256. package/dist/esm/ifx-segmented-control.entry.js +1 -1
  257. package/dist/esm/ifx-select.entry.js +1 -1
  258. package/dist/esm/ifx-set-filter.entry.js +1 -1
  259. package/dist/esm/ifx-sidebar-item.entry.js +1 -1
  260. package/dist/esm/ifx-sidebar-title.entry.js +1 -1
  261. package/dist/esm/ifx-sidebar.entry.js +1 -1
  262. package/dist/esm/ifx-slider.entry.js +1 -1
  263. package/dist/esm/ifx-spinner_2.entry.js +1 -1
  264. package/dist/esm/ifx-status.entry.js +1 -1
  265. package/dist/esm/ifx-step.entry.js +1 -1
  266. package/dist/esm/ifx-stepper.entry.js +1 -1
  267. package/dist/esm/ifx-switch.entry.js +1 -1
  268. package/dist/esm/ifx-tab.entry.js +1 -1
  269. package/dist/esm/ifx-table.entry.js +1 -1
  270. package/dist/esm/ifx-tabs.entry.js +1 -1
  271. package/dist/esm/ifx-tag.entry.js +1 -1
  272. package/dist/esm/ifx-templates-ui.entry.js +1 -1
  273. package/dist/esm/ifx-textarea.entry.js +1 -1
  274. package/dist/esm/ifx-tooltip.entry.js +1 -1
  275. package/dist/esm/{index-7111ec7f.js → index-b4eaf00e.js} +1 -1
  276. package/dist/esm/index-b4eaf00e.js.map +1 -0
  277. package/dist/esm/infineon-design-system-stencil.js +2 -2
  278. package/dist/esm/infineon-design-system-stencil.js.map +1 -1
  279. package/dist/esm/loader.js +2 -2
  280. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  281. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  282. package/dist/infineon-design-system-stencil/{p-960bf1dd.entry.js → p-00baeb0a.entry.js} +2 -2
  283. package/dist/infineon-design-system-stencil/{p-e380b370.entry.js → p-0682ec9e.entry.js} +2 -2
  284. package/dist/infineon-design-system-stencil/{p-207b6c20.entry.js → p-0bb1a6fb.entry.js} +2 -2
  285. package/dist/infineon-design-system-stencil/{p-253a589a.entry.js → p-0ed489eb.entry.js} +2 -2
  286. package/dist/infineon-design-system-stencil/{p-8552c810.entry.js → p-137b4109.entry.js} +2 -2
  287. package/dist/infineon-design-system-stencil/{p-48decb72.entry.js → p-188274f9.entry.js} +2 -2
  288. package/dist/infineon-design-system-stencil/{p-6ca03a17.entry.js → p-1b5ebeef.entry.js} +2 -2
  289. package/dist/infineon-design-system-stencil/{p-8ba938b0.entry.js → p-1d4fc278.entry.js} +2 -2
  290. package/dist/infineon-design-system-stencil/{p-3d81ed01.entry.js → p-2ad3b594.entry.js} +2 -2
  291. package/dist/infineon-design-system-stencil/{p-26f17bd6.entry.js → p-2c83ff9d.entry.js} +2 -2
  292. package/dist/infineon-design-system-stencil/{p-fecf4442.entry.js → p-35979bd9.entry.js} +2 -2
  293. package/dist/infineon-design-system-stencil/{p-e0dbcd50.entry.js → p-39f52ca3.entry.js} +2 -2
  294. package/dist/infineon-design-system-stencil/{p-89241144.entry.js → p-3a51929e.entry.js} +2 -2
  295. package/dist/infineon-design-system-stencil/{p-c7e5287f.entry.js → p-3d4e2597.entry.js} +2 -2
  296. package/dist/infineon-design-system-stencil/{p-52192ff5.entry.js → p-3f577fe9.entry.js} +2 -2
  297. package/dist/infineon-design-system-stencil/{p-6648ed0b.entry.js → p-400349f4.entry.js} +2 -2
  298. package/dist/infineon-design-system-stencil/{p-96744905.entry.js → p-42103a85.entry.js} +2 -2
  299. package/dist/infineon-design-system-stencil/{p-5b05c266.entry.js → p-43ada584.entry.js} +2 -2
  300. package/dist/infineon-design-system-stencil/{p-c8566d3d.entry.js → p-44c3ef6d.entry.js} +2 -2
  301. package/dist/infineon-design-system-stencil/{p-595f5240.entry.js → p-45943958.entry.js} +2 -2
  302. package/dist/infineon-design-system-stencil/{p-af59329f.entry.js → p-4701832b.entry.js} +2 -2
  303. package/dist/infineon-design-system-stencil/{p-c1ff87d7.entry.js → p-484ab7c4.entry.js} +2 -2
  304. package/dist/infineon-design-system-stencil/{p-36552df0.entry.js → p-48701f83.entry.js} +2 -2
  305. package/dist/infineon-design-system-stencil/{p-baf690fb.entry.js → p-4d1670ed.entry.js} +2 -2
  306. package/dist/infineon-design-system-stencil/{p-081ca46b.entry.js → p-51cc820c.entry.js} +2 -2
  307. package/dist/infineon-design-system-stencil/p-52c46b22.entry.js +2 -0
  308. package/dist/infineon-design-system-stencil/{p-e6bb57f4.entry.js → p-5b050055.entry.js} +2 -2
  309. package/dist/infineon-design-system-stencil/{p-bb5c4629.entry.js → p-5c144c40.entry.js} +2 -2
  310. package/dist/infineon-design-system-stencil/{p-07a5e67b.entry.js → p-6167fe81.entry.js} +2 -2
  311. package/dist/infineon-design-system-stencil/{p-9101e655.entry.js → p-62396204.entry.js} +2 -2
  312. package/dist/infineon-design-system-stencil/p-6cf93534.entry.js +2 -0
  313. package/dist/infineon-design-system-stencil/{p-b2031131.entry.js.map → p-6cf93534.entry.js.map} +1 -1
  314. package/dist/infineon-design-system-stencil/{p-a28e26ca.entry.js → p-6ede583b.entry.js} +2 -2
  315. package/dist/infineon-design-system-stencil/{p-09ff4753.entry.js → p-71b5d16a.entry.js} +2 -2
  316. package/dist/infineon-design-system-stencil/{p-c1ed6c05.entry.js → p-733bcf3d.entry.js} +2 -2
  317. package/dist/infineon-design-system-stencil/{p-1479a4c8.entry.js → p-73b7e3a5.entry.js} +2 -2
  318. package/dist/infineon-design-system-stencil/{p-0b4c0baf.entry.js → p-757132ca.entry.js} +2 -2
  319. package/dist/infineon-design-system-stencil/{p-20d4c0f7.entry.js → p-7721aa73.entry.js} +2 -2
  320. package/dist/infineon-design-system-stencil/{p-b9a9cb6b.entry.js → p-778a65ae.entry.js} +2 -2
  321. package/dist/infineon-design-system-stencil/{p-c241cc74.entry.js → p-7a2688a5.entry.js} +2 -2
  322. package/dist/infineon-design-system-stencil/{p-50f46977.entry.js → p-7b2c1304.entry.js} +2 -2
  323. package/dist/infineon-design-system-stencil/{p-1a3551af.entry.js → p-86b0dcad.entry.js} +2 -2
  324. package/dist/infineon-design-system-stencil/p-88a3c2e8.entry.js +2 -0
  325. package/dist/infineon-design-system-stencil/{p-6af93160.entry.js → p-8a92bb07.entry.js} +2 -2
  326. package/dist/infineon-design-system-stencil/{p-c0edf3a4.entry.js → p-8edfc4d5.entry.js} +2 -2
  327. package/dist/infineon-design-system-stencil/{p-62c4e09b.entry.js → p-9426653d.entry.js} +2 -2
  328. package/dist/infineon-design-system-stencil/{p-c8616ee4.entry.js → p-951f9063.entry.js} +2 -2
  329. package/dist/infineon-design-system-stencil/{p-3f4656ad.entry.js → p-9631e187.entry.js} +2 -2
  330. package/dist/infineon-design-system-stencil/{p-cda41530.entry.js → p-9bc3708f.entry.js} +2 -2
  331. package/dist/infineon-design-system-stencil/{p-f7b8c636.entry.js → p-9c0053ac.entry.js} +2 -2
  332. package/dist/infineon-design-system-stencil/{p-9ee3ae56.entry.js → p-a2616b8d.entry.js} +2 -2
  333. package/dist/infineon-design-system-stencil/{p-f7377cae.entry.js → p-a8fdba36.entry.js} +2 -2
  334. package/dist/infineon-design-system-stencil/{p-0f463146.entry.js → p-b4982f52.entry.js} +2 -2
  335. package/dist/infineon-design-system-stencil/{p-2e17a4c6.entry.js → p-bb2885be.entry.js} +2 -2
  336. package/dist/infineon-design-system-stencil/{p-a3671362.entry.js → p-bb5fbeb8.entry.js} +2 -2
  337. package/dist/infineon-design-system-stencil/{p-20aea080.entry.js → p-bdbf64bd.entry.js} +2 -2
  338. package/dist/infineon-design-system-stencil/{p-de2aefc5.entry.js → p-be94b72d.entry.js} +2 -2
  339. package/dist/infineon-design-system-stencil/{p-c69b4481.entry.js → p-bfd26211.entry.js} +2 -2
  340. package/dist/infineon-design-system-stencil/{p-9f45e161.entry.js → p-c70eddd7.entry.js} +2 -2
  341. package/dist/infineon-design-system-stencil/{p-7aa183be.js → p-c808c7d2.js} +1 -1
  342. package/dist/infineon-design-system-stencil/p-c808c7d2.js.map +1 -0
  343. package/dist/infineon-design-system-stencil/{p-19cb31ad.entry.js → p-c85dc125.entry.js} +2 -2
  344. package/dist/infineon-design-system-stencil/{p-0f9fc72c.entry.js → p-cc859294.entry.js} +2 -2
  345. package/dist/infineon-design-system-stencil/{p-b4237055.entry.js → p-ce37b499.entry.js} +2 -2
  346. package/dist/infineon-design-system-stencil/{p-218a1cc5.entry.js → p-cffc5d17.entry.js} +2 -2
  347. package/dist/infineon-design-system-stencil/{p-df51fce9.entry.js → p-d3957af9.entry.js} +2 -2
  348. package/dist/infineon-design-system-stencil/{p-5eb65cab.entry.js → p-daa1ac45.entry.js} +2 -2
  349. package/dist/infineon-design-system-stencil/{p-af377e56.entry.js → p-de532a77.entry.js} +2 -2
  350. package/dist/infineon-design-system-stencil/{p-32572add.entry.js → p-e58a1c25.entry.js} +2 -2
  351. package/dist/infineon-design-system-stencil/{p-24087d33.entry.js → p-e69d348c.entry.js} +2 -2
  352. package/dist/infineon-design-system-stencil/{p-7f1fc73f.entry.js → p-ebef8ea8.entry.js} +2 -2
  353. package/dist/infineon-design-system-stencil/{p-e3bb6e0f.entry.js → p-ece5ec08.entry.js} +2 -2
  354. package/dist/infineon-design-system-stencil/{p-e578124d.entry.js → p-f24935f6.entry.js} +2 -2
  355. package/dist/infineon-design-system-stencil/{p-8baba31b.entry.js → p-fc9a13fa.entry.js} +2 -2
  356. package/dist/infineon-design-system-stencil/{p-875b9728.entry.js → p-fcec715a.entry.js} +2 -2
  357. package/dist/infineon-design-system-stencil/{p-ae33c104.entry.js → p-fd866344.entry.js} +2 -2
  358. package/package.json +2 -3
  359. package/dist/cjs/index-faba267a.js.map +0 -1
  360. package/dist/components/p-2d825ea9.js.map +0 -1
  361. package/dist/esm/index-7111ec7f.js.map +0 -1
  362. package/dist/infineon-design-system-stencil/p-65ae9e8a.entry.js +0 -2
  363. package/dist/infineon-design-system-stencil/p-7aa183be.js.map +0 -1
  364. package/dist/infineon-design-system-stencil/p-806df21c.entry.js +0 -2
  365. package/dist/infineon-design-system-stencil/p-b2031131.entry.js +0 -2
  366. /package/dist/infineon-design-system-stencil/{p-960bf1dd.entry.js.map → p-00baeb0a.entry.js.map} +0 -0
  367. /package/dist/infineon-design-system-stencil/{p-e380b370.entry.js.map → p-0682ec9e.entry.js.map} +0 -0
  368. /package/dist/infineon-design-system-stencil/{p-207b6c20.entry.js.map → p-0bb1a6fb.entry.js.map} +0 -0
  369. /package/dist/infineon-design-system-stencil/{p-253a589a.entry.js.map → p-0ed489eb.entry.js.map} +0 -0
  370. /package/dist/infineon-design-system-stencil/{p-8552c810.entry.js.map → p-137b4109.entry.js.map} +0 -0
  371. /package/dist/infineon-design-system-stencil/{p-48decb72.entry.js.map → p-188274f9.entry.js.map} +0 -0
  372. /package/dist/infineon-design-system-stencil/{p-6ca03a17.entry.js.map → p-1b5ebeef.entry.js.map} +0 -0
  373. /package/dist/infineon-design-system-stencil/{p-8ba938b0.entry.js.map → p-1d4fc278.entry.js.map} +0 -0
  374. /package/dist/infineon-design-system-stencil/{p-3d81ed01.entry.js.map → p-2ad3b594.entry.js.map} +0 -0
  375. /package/dist/infineon-design-system-stencil/{p-26f17bd6.entry.js.map → p-2c83ff9d.entry.js.map} +0 -0
  376. /package/dist/infineon-design-system-stencil/{p-fecf4442.entry.js.map → p-35979bd9.entry.js.map} +0 -0
  377. /package/dist/infineon-design-system-stencil/{p-e0dbcd50.entry.js.map → p-39f52ca3.entry.js.map} +0 -0
  378. /package/dist/infineon-design-system-stencil/{p-89241144.entry.js.map → p-3a51929e.entry.js.map} +0 -0
  379. /package/dist/infineon-design-system-stencil/{p-c7e5287f.entry.js.map → p-3d4e2597.entry.js.map} +0 -0
  380. /package/dist/infineon-design-system-stencil/{p-52192ff5.entry.js.map → p-3f577fe9.entry.js.map} +0 -0
  381. /package/dist/infineon-design-system-stencil/{p-6648ed0b.entry.js.map → p-400349f4.entry.js.map} +0 -0
  382. /package/dist/infineon-design-system-stencil/{p-96744905.entry.js.map → p-42103a85.entry.js.map} +0 -0
  383. /package/dist/infineon-design-system-stencil/{p-5b05c266.entry.js.map → p-43ada584.entry.js.map} +0 -0
  384. /package/dist/infineon-design-system-stencil/{p-c8566d3d.entry.js.map → p-44c3ef6d.entry.js.map} +0 -0
  385. /package/dist/infineon-design-system-stencil/{p-595f5240.entry.js.map → p-45943958.entry.js.map} +0 -0
  386. /package/dist/infineon-design-system-stencil/{p-af59329f.entry.js.map → p-4701832b.entry.js.map} +0 -0
  387. /package/dist/infineon-design-system-stencil/{p-c1ff87d7.entry.js.map → p-484ab7c4.entry.js.map} +0 -0
  388. /package/dist/infineon-design-system-stencil/{p-36552df0.entry.js.map → p-48701f83.entry.js.map} +0 -0
  389. /package/dist/infineon-design-system-stencil/{p-baf690fb.entry.js.map → p-4d1670ed.entry.js.map} +0 -0
  390. /package/dist/infineon-design-system-stencil/{p-081ca46b.entry.js.map → p-51cc820c.entry.js.map} +0 -0
  391. /package/dist/infineon-design-system-stencil/{p-806df21c.entry.js.map → p-52c46b22.entry.js.map} +0 -0
  392. /package/dist/infineon-design-system-stencil/{p-e6bb57f4.entry.js.map → p-5b050055.entry.js.map} +0 -0
  393. /package/dist/infineon-design-system-stencil/{p-bb5c4629.entry.js.map → p-5c144c40.entry.js.map} +0 -0
  394. /package/dist/infineon-design-system-stencil/{p-07a5e67b.entry.js.map → p-6167fe81.entry.js.map} +0 -0
  395. /package/dist/infineon-design-system-stencil/{p-9101e655.entry.js.map → p-62396204.entry.js.map} +0 -0
  396. /package/dist/infineon-design-system-stencil/{p-a28e26ca.entry.js.map → p-6ede583b.entry.js.map} +0 -0
  397. /package/dist/infineon-design-system-stencil/{p-09ff4753.entry.js.map → p-71b5d16a.entry.js.map} +0 -0
  398. /package/dist/infineon-design-system-stencil/{p-c1ed6c05.entry.js.map → p-733bcf3d.entry.js.map} +0 -0
  399. /package/dist/infineon-design-system-stencil/{p-1479a4c8.entry.js.map → p-73b7e3a5.entry.js.map} +0 -0
  400. /package/dist/infineon-design-system-stencil/{p-0b4c0baf.entry.js.map → p-757132ca.entry.js.map} +0 -0
  401. /package/dist/infineon-design-system-stencil/{p-20d4c0f7.entry.js.map → p-7721aa73.entry.js.map} +0 -0
  402. /package/dist/infineon-design-system-stencil/{p-b9a9cb6b.entry.js.map → p-778a65ae.entry.js.map} +0 -0
  403. /package/dist/infineon-design-system-stencil/{p-c241cc74.entry.js.map → p-7a2688a5.entry.js.map} +0 -0
  404. /package/dist/infineon-design-system-stencil/{p-50f46977.entry.js.map → p-7b2c1304.entry.js.map} +0 -0
  405. /package/dist/infineon-design-system-stencil/{p-1a3551af.entry.js.map → p-86b0dcad.entry.js.map} +0 -0
  406. /package/dist/infineon-design-system-stencil/{p-65ae9e8a.entry.js.map → p-88a3c2e8.entry.js.map} +0 -0
  407. /package/dist/infineon-design-system-stencil/{p-6af93160.entry.js.map → p-8a92bb07.entry.js.map} +0 -0
  408. /package/dist/infineon-design-system-stencil/{p-c0edf3a4.entry.js.map → p-8edfc4d5.entry.js.map} +0 -0
  409. /package/dist/infineon-design-system-stencil/{p-62c4e09b.entry.js.map → p-9426653d.entry.js.map} +0 -0
  410. /package/dist/infineon-design-system-stencil/{p-c8616ee4.entry.js.map → p-951f9063.entry.js.map} +0 -0
  411. /package/dist/infineon-design-system-stencil/{p-3f4656ad.entry.js.map → p-9631e187.entry.js.map} +0 -0
  412. /package/dist/infineon-design-system-stencil/{p-cda41530.entry.js.map → p-9bc3708f.entry.js.map} +0 -0
  413. /package/dist/infineon-design-system-stencil/{p-f7b8c636.entry.js.map → p-9c0053ac.entry.js.map} +0 -0
  414. /package/dist/infineon-design-system-stencil/{p-9ee3ae56.entry.js.map → p-a2616b8d.entry.js.map} +0 -0
  415. /package/dist/infineon-design-system-stencil/{p-f7377cae.entry.js.map → p-a8fdba36.entry.js.map} +0 -0
  416. /package/dist/infineon-design-system-stencil/{p-0f463146.entry.js.map → p-b4982f52.entry.js.map} +0 -0
  417. /package/dist/infineon-design-system-stencil/{p-2e17a4c6.entry.js.map → p-bb2885be.entry.js.map} +0 -0
  418. /package/dist/infineon-design-system-stencil/{p-a3671362.entry.js.map → p-bb5fbeb8.entry.js.map} +0 -0
  419. /package/dist/infineon-design-system-stencil/{p-20aea080.entry.js.map → p-bdbf64bd.entry.js.map} +0 -0
  420. /package/dist/infineon-design-system-stencil/{p-de2aefc5.entry.js.map → p-be94b72d.entry.js.map} +0 -0
  421. /package/dist/infineon-design-system-stencil/{p-c69b4481.entry.js.map → p-bfd26211.entry.js.map} +0 -0
  422. /package/dist/infineon-design-system-stencil/{p-9f45e161.entry.js.map → p-c70eddd7.entry.js.map} +0 -0
  423. /package/dist/infineon-design-system-stencil/{p-19cb31ad.entry.js.map → p-c85dc125.entry.js.map} +0 -0
  424. /package/dist/infineon-design-system-stencil/{p-0f9fc72c.entry.js.map → p-cc859294.entry.js.map} +0 -0
  425. /package/dist/infineon-design-system-stencil/{p-b4237055.entry.js.map → p-ce37b499.entry.js.map} +0 -0
  426. /package/dist/infineon-design-system-stencil/{p-218a1cc5.entry.js.map → p-cffc5d17.entry.js.map} +0 -0
  427. /package/dist/infineon-design-system-stencil/{p-df51fce9.entry.js.map → p-d3957af9.entry.js.map} +0 -0
  428. /package/dist/infineon-design-system-stencil/{p-5eb65cab.entry.js.map → p-daa1ac45.entry.js.map} +0 -0
  429. /package/dist/infineon-design-system-stencil/{p-af377e56.entry.js.map → p-de532a77.entry.js.map} +0 -0
  430. /package/dist/infineon-design-system-stencil/{p-32572add.entry.js.map → p-e58a1c25.entry.js.map} +0 -0
  431. /package/dist/infineon-design-system-stencil/{p-24087d33.entry.js.map → p-e69d348c.entry.js.map} +0 -0
  432. /package/dist/infineon-design-system-stencil/{p-7f1fc73f.entry.js.map → p-ebef8ea8.entry.js.map} +0 -0
  433. /package/dist/infineon-design-system-stencil/{p-e3bb6e0f.entry.js.map → p-ece5ec08.entry.js.map} +0 -0
  434. /package/dist/infineon-design-system-stencil/{p-e578124d.entry.js.map → p-f24935f6.entry.js.map} +0 -0
  435. /package/dist/infineon-design-system-stencil/{p-8baba31b.entry.js.map → p-fc9a13fa.entry.js.map} +0 -0
  436. /package/dist/infineon-design-system-stencil/{p-875b9728.entry.js.map → p-fcec715a.entry.js.map} +0 -0
  437. /package/dist/infineon-design-system-stencil/{p-ae33c104.entry.js.map → p-fd866344.entry.js.map} +0 -0
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-2d825ea9.js';
2
- import { d as defineCustomElement$1 } from './p-72255c85.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h } from './p-e27586b6.js';
2
+ import { d as defineCustomElement$1 } from './p-4cd3a589.js';
3
3
 
4
4
  const textFieldCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.textInput__container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0;font-family:var(--ifx-font-family)}.textInput__container.disabled .textInput__top-wrapper label{color:#575352}.textInput__container.disabled .textInput__bottom-wrapper input{border:1px solid #575352;background-color:#EEEDED}.textInput__container.disabled .textInput__bottom-wrapper input::placeholder{font-size:0.875rem;color:#575352}.textInput__container .textInput__top-wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:4px;flex:none;order:0;align-self:stretch;flex-grow:0}.textInput__container .textInput__top-wrapper label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:0}.textInput__container .textInput__top-wrapper label .optional-required{margin-left:4px}.textInput__container .textInput__top-wrapper label .optional{margin-left:4px}.textInput__container .textInput__top-wrapper label .required{margin-left:4px}.textInput__container .textInput__top-wrapper label .required.error{color:#CD002F}.textInput__container .input-container{position:relative;display:flex;align-items:center;width:100%}.textInput__container .textInput__bottom-wrapper{flex-grow:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:4px;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper input{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;height:40px;background-color:#FFFFFF;color:#1D1D1D;font-family:\"Source Sans 3\";font-size:1rem;line-height:1.5rem;border:1px solid #8D8786;border-radius:1px;flex:none;order:0;align-self:stretch;flex-grow:0;text-overflow:ellipsis}.textInput__container .textInput__bottom-wrapper input.input-s{height:36px;font-size:0.875rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.input-s::placeholder{font-size:0.875rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.icon{padding-left:40px}.textInput__container .textInput__bottom-wrapper input.error{border:1px solid #CD002F}.textInput__container .textInput__bottom-wrapper input.error:focus{outline:none}.textInput__container .textInput__bottom-wrapper input.success{border:1px solid #4CA460}.textInput__container .textInput__bottom-wrapper input.success:focus{outline:none}.textInput__container .textInput__bottom-wrapper input:focus:not(.error,.success){outline:none;border:1px solid #0A8276}.textInput__container .textInput__bottom-wrapper input:hover:not(:disabled,:focus,.error,.success){border:1px solid #575352}.textInput__container .textInput__bottom-wrapper input::placeholder{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#8D8786;flex:none;order:1;flex-grow:1}.textInput__container .textInput__bottom-wrapper .input-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;transition:0.3s;color:#8D8786}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0.2px;color:#1D1D1D;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.error{color:#CD002F}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.disabled{color:#575352}.textInput__container .delete-icon{position:absolute;right:16px}.textInput__container .delete-icon :hover{cursor:pointer}";
5
5
  const IfxTextFieldStyle0 = textFieldCss;
@@ -100,4 +100,4 @@ function defineCustomElement() {
100
100
 
101
101
  export { TextField as T, defineCustomElement as d };
102
102
 
103
- //# sourceMappingURL=p-d26051b3.js.map
103
+ //# sourceMappingURL=p-c24216e7.js.map
@@ -1 +1 @@
1
- {"file":"p-d26051b3.js","mappings":"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","names":[],"sources":["src/components/text-field/text-field.scss?tag=ifx-text-field&encapsulation=shadow","src/components/text-field/text-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: flex;\n}\n\n.textInput__container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n width: 100%;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n font-family: var(--ifx-font-family);\n\n\n &.disabled {\n & .textInput__top-wrapper {\n & label {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n & .textInput__bottom-wrapper {\n input {\n border: 1px solid tokens.$ifxColorEngineering500;\n background-color: tokens.$ifxColorEngineering200;\n\n &::placeholder {\n font-size: tokens.$ifxFontSizeS;\n color: tokens.$ifxColorEngineering500;\n }\n }\n }\n }\n\n & .textInput__top-wrapper {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0px;\n gap: 4px;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n\n & label {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n display: flex;\n align-items: center;\n color: tokens.$ifxColorBaseBlack;\n flex: none;\n order: 0;\n flex-grow: 0;\n\n & .optional-required {\n margin-left: 4px;\n }\n\n & .optional {\n margin-left: 4px;\n }\n\n & .required {\n margin-left: 4px;\n \n &.error {\n color: #CD002F;\n }\n }\n }\n }\n\n .input-container {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n }\n\n\n & .textInput__bottom-wrapper {\n flex-grow: 1;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n gap: 4px;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n & input {\n width: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace100;\n height: tokens.$ifxSize500;\n background-color: tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorBaseBlack;\n font-family: tokens.$ifxFontFamilyBody;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n border: 1px solid tokens.$ifxColorEngineering400;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n text-overflow: ellipsis;\n\n &.input-s {\n height: tokens.$ifxSize450;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n\n &::placeholder {\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n }\n\n }\n\n &.icon {\n padding-left: tokens.$ifxSpace500;\n }\n\n &.error {\n border: 1px solid #CD002F;\n\n &:focus {\n outline: none;\n }\n }\n\n &.success {\n border: 1px solid #4CA460;\n\n &:focus {\n outline: none;\n }\n }\n\n\n &:focus:not(.error, .success) {\n outline: none;\n border: 1px solid tokens.$ifxColorOcean500;\n }\n\n &:hover:not(:disabled, :focus, .error, .success) {\n border: 1px solid tokens.$ifxColorEngineering500;\n }\n\n &::placeholder {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n color: #8D8786;\n flex: none;\n order: 1;\n flex-grow: 1;\n }\n }\n\n & .input-icon {\n // Position the icon within the icon container\n // Adjust the positioning as needed\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: tokens.$ifxSpace200;\n /* Adjust this value to control the icon's left offset */\n transition: .3s;\n color: tokens.$ifxColorEngineering400;\n }\n\n & .textInput__bottom-wrapper-caption {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeXs;\n line-height: tokens.$ifxLineHeightXs;\n letter-spacing: 0.2px;\n color: tokens.$ifxColorBaseBlack;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n &.error {\n color: #CD002F;\n\n }\n\n &.disabled {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n \n }\n .delete-icon {\n position: absolute;\n right: tokens.$ifxSpace200;\n\n :hover {\n cursor: pointer;\n }\n }\n}","import { Component, h, Event, Element, Prop, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-text-field',\n styleUrl: 'text-field.scss',\n shadow: true,\n formAssociated: true\n})\n\nexport class TextField {\n private inputElement: HTMLInputElement;\n @Element() el;\n @Prop() placeholder: string = \"Placeholder\"\n @Prop({ mutable: true }) value: string = '';\n @Prop() error: boolean = false;\n @Prop() label: string = \"\";\n @Prop() icon: string = \"\";\n @Prop() caption: string = \"\";\n @Prop() size: string = 'm';\n @Prop() required: boolean = false;\n @Prop() optional: boolean = false;\n @Prop() success: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() maxlength?: number;\n @Prop() showDeleteIcon: boolean = false;\n @Event() ifxInput: EventEmitter<String>;\n // @Prop({ reflect: true })\n // resetOnSubmit: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n\n @Watch('value')\n valueWatcher(newValue: string) {\n if (newValue !== this.inputElement.value) {\n this.inputElement.value = newValue;\n }\n }\n\n @Method()\n async reset() {\n this.value = '';\n this.inputElement.value = '';\n }\n\n handleDeleteContent() {\n this.reset();\n this.ifxInput.emit(this.value);\n }\n\n handleInput() {\n const query = this.inputElement.value;\n this.value = query; // update the value property when input changes\n this.internals.setFormValue(query) // update form value\n this.ifxInput.emit(this.value);\n }\n\n formResetCallback() {\n this.internals.setValidity({});\n this.internals.setFormValue(\"\");\n }\n\n render() {\n return (\n <div aria-label=\"a text field for user input\" aria-value={this.value} aria-disabled={this.disabled} class={`textInput__container ${this.disabled ? 'disabled' : \"\"}`}>\n <div class=\"textInput__top-wrapper\">\n <label htmlFor=\"text-field\">\n <slot></slot>\n {this.optional && this.required ? (\n <span class=\"optional-required\">(optional) *</span>\n ) : this.optional ? (\n <span class=\"optional\">(optional)</span>\n ) : this.required ? (\n <span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n ) : null}\n </label>\n </div>\n\n <div class=\"textInput__bottom-wrapper\">\n <div class=\"input-container\">\n {this.icon && (\n <ifx-icon class='input-icon' icon={this.icon} />\n )}\n <input\n ref={(el) => (this.inputElement = el)}\n disabled={this.disabled}\n type=\"text\"\n id='text-field'\n value={this.value}\n onInput={() => this.handleInput()}\n placeholder={this.placeholder}\n maxlength={this.maxlength}\n class={\n `${this.icon ? 'icon' : \"\"}\n ${this.error ? 'error' : \"\"} \n ${this.size === \"s\" ? \"input-s\" : \"\"}\n ${this.success ? \"success\" : \"\"}`} />\n\n { (this.showDeleteIcon && this.value) && (\n <ifx-icon class=\"delete-icon\" icon=\"cremove16\" onClick={() => this.handleDeleteContent()}></ifx-icon> \n )}\n </div>\n {this.caption && !this.error &&\n <div class={`textInput__bottom-wrapper-caption ${this.disabled} ? disabled : \"\"`}>\n {this.caption}\n </div>}\n {this.error &&\n <div class=\"textInput__bottom-wrapper-caption error\">\n {this.caption}\n </div>}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-c24216e7.js","mappings":"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","names":[],"sources":["src/components/text-field/text-field.scss?tag=ifx-text-field&encapsulation=shadow","src/components/text-field/text-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: flex;\n}\n\n.textInput__container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n width: 100%;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n font-family: var(--ifx-font-family);\n\n\n &.disabled {\n & .textInput__top-wrapper {\n & label {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n & .textInput__bottom-wrapper {\n input {\n border: 1px solid tokens.$ifxColorEngineering500;\n background-color: tokens.$ifxColorEngineering200;\n\n &::placeholder {\n font-size: tokens.$ifxFontSizeS;\n color: tokens.$ifxColorEngineering500;\n }\n }\n }\n }\n\n & .textInput__top-wrapper {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0px;\n gap: 4px;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n\n & label {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n display: flex;\n align-items: center;\n color: tokens.$ifxColorBaseBlack;\n flex: none;\n order: 0;\n flex-grow: 0;\n\n & .optional-required {\n margin-left: 4px;\n }\n\n & .optional {\n margin-left: 4px;\n }\n\n & .required {\n margin-left: 4px;\n \n &.error {\n color: #CD002F;\n }\n }\n }\n }\n\n .input-container {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n }\n\n\n & .textInput__bottom-wrapper {\n flex-grow: 1;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n gap: 4px;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n & input {\n width: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace100;\n height: tokens.$ifxSize500;\n background-color: tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorBaseBlack;\n font-family: tokens.$ifxFontFamilyBody;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n border: 1px solid tokens.$ifxColorEngineering400;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n text-overflow: ellipsis;\n\n &.input-s {\n height: tokens.$ifxSize450;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n\n &::placeholder {\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n }\n\n }\n\n &.icon {\n padding-left: tokens.$ifxSpace500;\n }\n\n &.error {\n border: 1px solid #CD002F;\n\n &:focus {\n outline: none;\n }\n }\n\n &.success {\n border: 1px solid #4CA460;\n\n &:focus {\n outline: none;\n }\n }\n\n\n &:focus:not(.error, .success) {\n outline: none;\n border: 1px solid tokens.$ifxColorOcean500;\n }\n\n &:hover:not(:disabled, :focus, .error, .success) {\n border: 1px solid tokens.$ifxColorEngineering500;\n }\n\n &::placeholder {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n color: #8D8786;\n flex: none;\n order: 1;\n flex-grow: 1;\n }\n }\n\n & .input-icon {\n // Position the icon within the icon container\n // Adjust the positioning as needed\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: tokens.$ifxSpace200;\n /* Adjust this value to control the icon's left offset */\n transition: .3s;\n color: tokens.$ifxColorEngineering400;\n }\n\n & .textInput__bottom-wrapper-caption {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeXs;\n line-height: tokens.$ifxLineHeightXs;\n letter-spacing: 0.2px;\n color: tokens.$ifxColorBaseBlack;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n &.error {\n color: #CD002F;\n\n }\n\n &.disabled {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n \n }\n .delete-icon {\n position: absolute;\n right: tokens.$ifxSpace200;\n\n :hover {\n cursor: pointer;\n }\n }\n}","import { Component, h, Event, Element, Prop, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-text-field',\n styleUrl: 'text-field.scss',\n shadow: true,\n formAssociated: true\n})\n\nexport class TextField {\n private inputElement: HTMLInputElement;\n @Element() el;\n @Prop() placeholder: string = \"Placeholder\"\n @Prop({ mutable: true }) value: string = '';\n @Prop() error: boolean = false;\n @Prop() label: string = \"\";\n @Prop() icon: string = \"\";\n @Prop() caption: string = \"\";\n @Prop() size: string = 'm';\n @Prop() required: boolean = false;\n @Prop() optional: boolean = false;\n @Prop() success: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() maxlength?: number;\n @Prop() showDeleteIcon: boolean = false;\n @Event() ifxInput: EventEmitter<String>;\n // @Prop({ reflect: true })\n // resetOnSubmit: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n\n @Watch('value')\n valueWatcher(newValue: string) {\n if (newValue !== this.inputElement.value) {\n this.inputElement.value = newValue;\n }\n }\n\n @Method()\n async reset() {\n this.value = '';\n this.inputElement.value = '';\n }\n\n handleDeleteContent() {\n this.reset();\n this.ifxInput.emit(this.value);\n }\n\n handleInput() {\n const query = this.inputElement.value;\n this.value = query; // update the value property when input changes\n this.internals.setFormValue(query) // update form value\n this.ifxInput.emit(this.value);\n }\n\n formResetCallback() {\n this.internals.setValidity({});\n this.internals.setFormValue(\"\");\n }\n\n render() {\n return (\n <div aria-label=\"a text field for user input\" aria-value={this.value} aria-disabled={this.disabled} class={`textInput__container ${this.disabled ? 'disabled' : \"\"}`}>\n <div class=\"textInput__top-wrapper\">\n <label htmlFor=\"text-field\">\n <slot></slot>\n {this.optional && this.required ? (\n <span class=\"optional-required\">(optional) *</span>\n ) : this.optional ? (\n <span class=\"optional\">(optional)</span>\n ) : this.required ? (\n <span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n ) : null}\n </label>\n </div>\n\n <div class=\"textInput__bottom-wrapper\">\n <div class=\"input-container\">\n {this.icon && (\n <ifx-icon class='input-icon' icon={this.icon} />\n )}\n <input\n ref={(el) => (this.inputElement = el)}\n disabled={this.disabled}\n type=\"text\"\n id='text-field'\n value={this.value}\n onInput={() => this.handleInput()}\n placeholder={this.placeholder}\n maxlength={this.maxlength}\n class={\n `${this.icon ? 'icon' : \"\"}\n ${this.error ? 'error' : \"\"} \n ${this.size === \"s\" ? \"input-s\" : \"\"}\n ${this.success ? \"success\" : \"\"}`} />\n\n { (this.showDeleteIcon && this.value) && (\n <ifx-icon class=\"delete-icon\" icon=\"cremove16\" onClick={() => this.handleDeleteContent()}></ifx-icon> \n )}\n </div>\n {this.caption && !this.error &&\n <div class={`textInput__bottom-wrapper-caption ${this.disabled} ? disabled : \"\"`}>\n {this.caption}\n </div>}\n {this.error &&\n <div class=\"textInput__bottom-wrapper-caption error\">\n {this.caption}\n </div>}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-2d825ea9.js';
2
- import { d as defineCustomElement$1 } from './p-72255c85.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h } from './p-e27586b6.js';
2
+ import { d as defineCustomElement$1 } from './p-4cd3a589.js';
3
3
 
4
4
  const checkboxCss = ":host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:top;padding:0px;gap:8px;font-family:var(--ifx-font-family)}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked{background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked.error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked.disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:\"\";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}";
5
5
  const IfxCheckboxStyle0 = checkboxCss;
@@ -158,4 +158,4 @@ function defineCustomElement() {
158
158
 
159
159
  export { Checkbox as C, defineCustomElement as d };
160
160
 
161
- //# sourceMappingURL=p-d01d12ea.js.map
161
+ //# sourceMappingURL=p-d8045654.js.map
@@ -1 +1 @@
1
- {"file":"p-d01d12ea.js","mappings":"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","names":[],"sources":["src/components/checkbox/checkbox.scss?tag=ifx-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-flex;\n vertical-align: top;\n}\n\n.checkbox__container {\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: row;\n align-items: top;\n padding: 0px;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family);\n\n & .checkbox__wrapper {\n box-sizing: border-box;\n display: flex;\n position: relative; //needs to be added for the indeterminate state of the checkbox\n justify-content: center;\n align-items: center;\n width: tokens.$ifxSize250;\n height: tokens.$ifxSize250;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid #575352;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n align-self: flex-start;\n\n &.checkbox-m {\n height: tokens.$ifxSize300;\n width: tokens.$ifxSize300;\n }\n\n &.error {\n border-color: #CD002F;\n }\n\n &:focus-visible {\n border: 1px solid #575352;\n outline: 2px solid #0A8276;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: #EEEDED;\n border: 1px solid #575352;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.disabled {\n background-color: #BFBBBB;\n border-color: #BFBBBB;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.checked {\n background-color: #0A8276;\n border-radius: tokens.$ifxBorderRadius12;\n border-color: tokens.$ifxColorBaseTransparent;\n flex: none;\n order: 0;\n flex-grow: 0;\n color: tokens.$ifxColorBaseWhite;\n\n &.error {\n background-color: #CD002F;\n }\n\n &:focus-visible {\n border: 1px solid transparent;\n outline: 2px solid #0A8276;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: #08665C;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.disabled {\n background: #BFBBBB;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n }\n\n &.indeterminate {\n &:before {\n content: \"\";\n display: block;\n width: 70%; // Adjust as needed for the width of the minus sign\n height: 2px; // Adjust for thickness of the minus sign\n background-color: #08665C; // Color of the minus sign\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n }\n\n & .label {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n color: tokens.$ifxColorBaseBlack;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-all;\n max-width: 100%;\n\n &.label-m {\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n }\n\n &.disabled {\n color: #BFBBBB;\n }\n }\n\n & .checkbox__wrapper,\n & .label {\n &:hover {\n cursor: pointer;\n }\n }\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n tag: 'ifx-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true,\n formAssociated: true\n})\n\nexport class Checkbox {\n private inputElement: HTMLInputElement;\n\n @Element() el;\n @Prop() disabled: boolean = false;\n @Prop() checked: boolean = false;\n @Prop() error: boolean = false;\n @Prop() size: string = 'm';\n @Prop() indeterminate: boolean = false;\n @Prop() value: string;\n @State() internalChecked: boolean;\n @State() internalIndeterminate: boolean;\n\n @AttachInternals() internals: ElementInternals;\n\n @Event({ bubbles: true, composed: true }) ifxChange: EventEmitter;\n @Event({ bubbles: true, composed: true }) ifxError: EventEmitter;\n\n handleCheckbox() {\n if (!this.disabled) {\n if (this.inputElement.indeterminate) {\n this.internalChecked = true;\n this.internalIndeterminate = false;\n } else {\n this.internalChecked = !this.internalChecked;\n }\n if (this.internalChecked) {\n if (this.value !== undefined) {\n this.internals.setFormValue(this.value);\n } else {\n this.internals.setFormValue(\"on\")\n }\n } else {\n this.internals.setFormValue(null)\n }\n this.ifxChange.emit(this.internalChecked);\n }\n }\n\n @Method()\n async isChecked(): Promise<boolean> {\n return this.internalChecked;\n }\n\n @Method()\n async toggleCheckedState(newVal: boolean) {\n this.internalChecked = newVal;\n }\n\n @Watch('checked')\n valueChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.internalChecked = newValue;\n this.inputElement.checked = this.internalChecked; // update the checkbox's checked property\n }\n }\n\n @Watch('error')\n errorChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.ifxError.emit(newValue);\n }\n }\n\n @Watch('indeterminate')\n indeterminateChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.internalIndeterminate = newValue;\n this.inputElement.indeterminate = this.internalIndeterminate; // update the checkbox's indeterminate property\n }\n }\n\n handleKeydown(event) {\n // Keycode 32 corresponds to the Space key, 13 corresponds to the Enter key\n if (event.keyCode === 32 || event.keyCode === 13) {\n this.handleCheckbox();\n event.preventDefault(); // prevent the default action when space or enter is pressed\n }\n }\n\n componentWillLoad() {\n this.internalChecked = this.checked;\n this.internalIndeterminate = this.indeterminate;\n }\n\n componentDidRender() {\n this.inputElement.indeterminate = this.internalIndeterminate;\n }\n\n /**\n * Callback for form association.\n * Called whenever the form is reset.\n */\n formResetCallback() {\n this.internals.setFormValue(null);\n }\n\n getCheckedClassName() {\n if (this.error) {\n if (this.internalChecked) {\n return \"checked error\"\n } else {\n return \"error\"\n }\n } else if (this.internalChecked) {\n return \"checked\";\n } else return \"\"\n }\n\n render() {\n const slot = this.el.innerHTML;\n let hasSlot = false;\n if (slot) {\n hasSlot = true;\n }\n return (\n <div class=\"checkbox__container\">\n <input\n type=\"checkbox\"\n hidden\n ref={(el) => (this.inputElement = el)}\n checked={this.internalChecked}\n onChange={this.handleCheckbox.bind(this)} // Listen for changes here\n id='checkbox'\n value={`${this.value}`}\n disabled={this.disabled ? true : undefined}\n />\n <div\n tabindex=\"0\"\n onClick={this.handleCheckbox.bind(this)}\n onKeyDown={this.handleKeydown.bind(this)}\n role=\"checkbox\"\n aria-checked={this.indeterminate ? 'mixed' : this.internalChecked.toString()}\n aria-disabled={this.disabled}\n aria-labelledby=\"label\"\n class={`checkbox__wrapper \n ${this.getCheckedClassName()}\n ${this.size === \"m\" ? \"checkbox-m\" : \"\"}\n ${this.indeterminate ? 'indeterminate' : \"\"}\n ${this.disabled ? 'disabled' : \"\"}`}\n >\n {this.internalChecked && <ifx-icon icon=\"check-12\" aria-hidden=\"true\"></ifx-icon>}\n </div>\n {hasSlot &&\n <div id=\"label\" class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : \"\"} `} onClick={this.handleCheckbox.bind(this)}>\n <slot />\n </div>}\n </div>\n );\n }\n}"],"version":3}
1
+ {"file":"p-d8045654.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,8tEAA8tE,CAAC;AACnvE,0BAAe,WAAW;;MCQb,QAAQ;IAPrB;;;;;;;QAWU,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;QACzB,UAAK,GAAY,KAAK,CAAC;QACvB,SAAI,GAAW,GAAG,CAAC;QACnB,kBAAa,GAAY,KAAK,CAAC;KA8IxC;IApIC,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;gBACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;gBAC5B,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;aACpC;iBAAM;gBACL,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;aAC9C;YACD,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;oBAC5B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBACzC;qBAAM;oBACL,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;iBAClC;aACF;iBAAM;gBACL,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;aAClC;YACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC3C;KACF;IAGD,MAAM,SAAS;QACb,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;IAGD,MAAM,kBAAkB,CAAC,MAAe;QACtC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;KAC/B;IAGD,YAAY,CAAC,QAAiB,EAAE,QAAiB;QAC/C,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;YAChC,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;SAClD;KACF;IAGD,YAAY,CAAC,QAAiB,EAAE,QAAiB;QAC/C,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;KACF;IAGD,oBAAoB,CAAC,QAAiB,EAAE,QAAiB;QACvD,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC;YACtC,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAC;SAC9D;KACF;IAED,aAAa,CAAC,KAAK;;QAEjB,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,EAAE;YAChD,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;QACpC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,aAAa,CAAC;KACjD;IAED,kBAAkB;QAChB,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAC;KAC9D;;;;;IAMD,iBAAiB;QACf,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;KACnC;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,OAAO,eAAe,CAAA;aACvB;iBAAM;gBACL,OAAO,OAAO,CAAA;aACf;SACF;aAAM,IAAI,IAAI,CAAC,eAAe,EAAE;YAC/B,OAAO,SAAS,CAAC;SAClB;;YAAM,OAAO,EAAE,CAAA;KACjB;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC;QAC/B,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,EAAE;YACR,OAAO,GAAG,IAAI,CAAC;SAChB;QACD,QACE,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,8DACE,IAAI,EAAC,UAAU,EACf,MAAM,QACN,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACxC,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,SAAS,GAC1C,EACF,4DACE,QAAQ,EAAC,GAAG,EACZ,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EACxC,IAAI,EAAC,UAAU,kBACD,IAAI,CAAC,aAAa,GAAG,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,mBAC7D,IAAI,CAAC,QAAQ,qBACZ,OAAO,EACvB,KAAK,EAAE;YACL,IAAI,CAAC,mBAAmB,EAAE;UAC5B,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,YAAY,GAAG,EAAE;UACrC,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,EAAE;UACzC,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IAEhC,IAAI,CAAC,eAAe,IAAI,iEAAU,IAAI,EAAC,UAAU,iBAAa,MAAM,GAAY,CAC7E,EACL,OAAO;YACN,4DAAK,EAAE,EAAC,OAAO,EAAC,KAAK,EAAE,SAAS,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,SAAS,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAC/I,8DAAQ,CACJ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/checkbox/checkbox.scss?tag=ifx-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-flex;\n vertical-align: top;\n}\n\n.checkbox__container {\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: row;\n align-items: top;\n padding: 0px;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family);\n\n & .checkbox__wrapper {\n box-sizing: border-box;\n display: flex;\n position: relative; //needs to be added for the indeterminate state of the checkbox\n justify-content: center;\n align-items: center;\n width: tokens.$ifxSize250;\n height: tokens.$ifxSize250;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid #575352;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n align-self: flex-start;\n\n &.checkbox-m {\n height: tokens.$ifxSize300;\n width: tokens.$ifxSize300;\n }\n\n &.error {\n border-color: #CD002F;\n }\n\n &:focus-visible {\n border: 1px solid #575352;\n outline: 2px solid #0A8276;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: #EEEDED;\n border: 1px solid #575352;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.disabled {\n background-color: #BFBBBB;\n border-color: #BFBBBB;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.checked {\n background-color: #0A8276;\n border-radius: tokens.$ifxBorderRadius12;\n border-color: tokens.$ifxColorBaseTransparent;\n flex: none;\n order: 0;\n flex-grow: 0;\n color: tokens.$ifxColorBaseWhite;\n\n &.error {\n background-color: #CD002F;\n }\n\n &:focus-visible {\n border: 1px solid transparent;\n outline: 2px solid #0A8276;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: #08665C;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.disabled {\n background: #BFBBBB;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n }\n\n &.indeterminate {\n &:before {\n content: \"\";\n display: block;\n width: 70%; // Adjust as needed for the width of the minus sign\n height: 2px; // Adjust for thickness of the minus sign\n background-color: #08665C; // Color of the minus sign\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n }\n\n & .label {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n color: tokens.$ifxColorBaseBlack;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-all;\n max-width: 100%;\n\n &.label-m {\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n }\n\n &.disabled {\n color: #BFBBBB;\n }\n }\n\n & .checkbox__wrapper,\n & .label {\n &:hover {\n cursor: pointer;\n }\n }\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n tag: 'ifx-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true,\n formAssociated: true\n})\n\nexport class Checkbox {\n private inputElement: HTMLInputElement;\n\n @Element() el;\n @Prop() disabled: boolean = false;\n @Prop() checked: boolean = false;\n @Prop() error: boolean = false;\n @Prop() size: string = 'm';\n @Prop() indeterminate: boolean = false;\n @Prop() value: string;\n @State() internalChecked: boolean;\n @State() internalIndeterminate: boolean;\n\n @AttachInternals() internals: ElementInternals;\n\n @Event({ bubbles: true, composed: true }) ifxChange: EventEmitter;\n @Event({ bubbles: true, composed: true }) ifxError: EventEmitter;\n\n handleCheckbox() {\n if (!this.disabled) {\n if (this.inputElement.indeterminate) {\n this.internalChecked = true;\n this.internalIndeterminate = false;\n } else {\n this.internalChecked = !this.internalChecked;\n }\n if (this.internalChecked) {\n if (this.value !== undefined) {\n this.internals.setFormValue(this.value);\n } else {\n this.internals.setFormValue(\"on\")\n }\n } else {\n this.internals.setFormValue(null)\n }\n this.ifxChange.emit(this.internalChecked);\n }\n }\n\n @Method()\n async isChecked(): Promise<boolean> {\n return this.internalChecked;\n }\n\n @Method()\n async toggleCheckedState(newVal: boolean) {\n this.internalChecked = newVal;\n }\n\n @Watch('checked')\n valueChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.internalChecked = newValue;\n this.inputElement.checked = this.internalChecked; // update the checkbox's checked property\n }\n }\n\n @Watch('error')\n errorChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.ifxError.emit(newValue);\n }\n }\n\n @Watch('indeterminate')\n indeterminateChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.internalIndeterminate = newValue;\n this.inputElement.indeterminate = this.internalIndeterminate; // update the checkbox's indeterminate property\n }\n }\n\n handleKeydown(event) {\n // Keycode 32 corresponds to the Space key, 13 corresponds to the Enter key\n if (event.keyCode === 32 || event.keyCode === 13) {\n this.handleCheckbox();\n event.preventDefault(); // prevent the default action when space or enter is pressed\n }\n }\n\n componentWillLoad() {\n this.internalChecked = this.checked;\n this.internalIndeterminate = this.indeterminate;\n }\n\n componentDidRender() {\n this.inputElement.indeterminate = this.internalIndeterminate;\n }\n\n /**\n * Callback for form association.\n * Called whenever the form is reset.\n */\n formResetCallback() {\n this.internals.setFormValue(null);\n }\n\n getCheckedClassName() {\n if (this.error) {\n if (this.internalChecked) {\n return \"checked error\"\n } else {\n return \"error\"\n }\n } else if (this.internalChecked) {\n return \"checked\";\n } else return \"\"\n }\n\n render() {\n const slot = this.el.innerHTML;\n let hasSlot = false;\n if (slot) {\n hasSlot = true;\n }\n return (\n <div class=\"checkbox__container\">\n <input\n type=\"checkbox\"\n hidden\n ref={(el) => (this.inputElement = el)}\n checked={this.internalChecked}\n onChange={this.handleCheckbox.bind(this)} // Listen for changes here\n id='checkbox'\n value={`${this.value}`}\n disabled={this.disabled ? true : undefined}\n />\n <div\n tabindex=\"0\"\n onClick={this.handleCheckbox.bind(this)}\n onKeyDown={this.handleKeydown.bind(this)}\n role=\"checkbox\"\n aria-checked={this.indeterminate ? 'mixed' : this.internalChecked.toString()}\n aria-disabled={this.disabled}\n aria-labelledby=\"label\"\n class={`checkbox__wrapper \n ${this.getCheckedClassName()}\n ${this.size === \"m\" ? \"checkbox-m\" : \"\"}\n ${this.indeterminate ? 'indeterminate' : \"\"}\n ${this.disabled ? 'disabled' : \"\"}`}\n >\n {this.internalChecked && <ifx-icon icon=\"check-12\" aria-hidden=\"true\"></ifx-icon>}\n </div>\n {hasSlot &&\n <div id=\"label\" class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : \"\"} `} onClick={this.handleCheckbox.bind(this)}>\n <slot />\n </div>}\n </div>\n );\n }\n}"],"version":3}
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-2d825ea9.js';
2
- import { d as defineCustomElement$1 } from './p-72255c85.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h } from './p-e27586b6.js';
2
+ import { d as defineCustomElement$1 } from './p-4cd3a589.js';
3
3
 
4
4
  const accordionItemCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}.accordion-item{border-radius:3px;overflow:hidden;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:\"\";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:inline-block;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}";
5
5
  const IfxAccordionItemStyle0 = accordionItemCss;
@@ -111,4 +111,4 @@ function defineCustomElement() {
111
111
 
112
112
  export { IfxAccordionItem as I, defineCustomElement as d };
113
113
 
114
- //# sourceMappingURL=p-354fbbd9.js.map
114
+ //# sourceMappingURL=p-dbf6be15.js.map
@@ -1 +1 @@
1
- {"file":"p-354fbbd9.js","mappings":"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","names":[],"sources":["src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["// ifxAccordionItem.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n\n.accordion-item {\n border-radius: 3px;\n overflow: hidden;\n transition: all 0.3s;\n font-family: var(--ifx-font-family);\n\n}\n\n.accordion-title:focus {\n outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n content: '';\n display: block;\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border-radius: 5px;\n border: 2px solid tokens.$ifxColorOcean500;\n box-sizing: border-box;\n}\n\n.accordion-title:hover {\n border: 1px solid tokens.$ifxColorEngineering200;\n color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n display: flex;\n align-items: center;\n position: relative;\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace150;\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering200;\n cursor: pointer;\n margin: 4px;\n}\n\n.accordion-caption {\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n gap: tokens.$ifxSpace100;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n line-height: 24px;\n font-size: tokens.$ifxFontSizeM;\n font-weight: 400;\n}\n\n.inner-content {\n background-color: tokens.$ifxColorBaseWhite;\n padding: tokens.$ifxSpace300;\n // white-space: pre-wrap;\n /* wraps text at spaces and within words */\n word-wrap: break-word;\n /* breaks text within a word if necessary */\n overflow-wrap: anywhere;\n align-self: stretch;\n\n /* breaks text at arbitrary points when needed */\n}\n\n.accordion-icon {\n font-weight: bold;\n display: inline-block;\n transition: transform 0.3s;\n\n &:hover {\n color: tokens.$ifxColorOcean600;\n\n }\n}\n\n\n\n.accordion-item.open .accordion-icon {\n transform: rotate(-180deg);\n}","//ifxAccordionItem\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen } from '@stencil/core';\n\n@Component({\n tag: 'ifx-accordion-item',\n styleUrl: 'accordionItem.scss',\n shadow: true,\n})\nexport class IfxAccordionItem {\n @Prop() caption: string;\n @Prop({\n mutable: true,\n }) open: boolean = false;\n @Prop() AriaLevel = 3;\n @State() internalOpen: boolean = false;\n @Event() ifxOpen: EventEmitter;\n @Event() ifxClose: EventEmitter;\n private contentEl!: HTMLElement;\n\n\n componentWillLoad() {\n this.internalOpen = this.open;\n }\n\n componentDidLoad() {\n this.openAccordionItem()\n }\n\n componentDidUpdate() {\n this.openAccordionItem()\n }\n\n\n\n @Watch('open')\n openChanged(newValue: boolean) {\n this.internalOpen = newValue;\n }\n\n toggleOpen() {\n this.internalOpen = !this.internalOpen;\n this.open = this.internalOpen;\n\n if (this.internalOpen) {\n this.ifxOpen.emit({ isOpen: this.internalOpen });\n } else {\n this.ifxClose.emit({ isClosed: !this.internalOpen });\n }\n }\n\n openAccordionItem() {\n if (this.internalOpen) {\n this.contentEl.style.maxHeight = `${this.contentEl.scrollHeight}px`;\n } else {\n this.contentEl.style.maxHeight = '0';\n }\n }\n\n handleSlotChange(e) {\n const slotElement = e.target;\n const nodes = slotElement.assignedNodes();\n \n if(nodes.length > 0) {\n nodes.forEach(node => {\n const observer = new MutationObserver((mutationsList, _) => {\n for(let mutation of mutationsList) {\n if (mutation.type === 'childList') {\n if (this.internalOpen) {\n this.openAccordionItem();\n }\n }\n }\n });\n observer.observe(node, { attributes: true, childList: true, subtree: true });\n });\n }\n\n if (this.internalOpen) {\n this.openAccordionItem();\n }\n }\n\n \n\n @Listen('keydown')\n handleKeydown(ev: KeyboardEvent) {\n switch (ev.key) {\n case 'Enter': // fallthrough\n case ' ': // space\n ev.preventDefault();\n this.toggleOpen();\n break;\n }\n }\n\n\n render() {\n return (\n <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\n <div role=\"button\" aria-expanded={this.internalOpen} aria-controls=\"accordion-content\" class=\"accordion-title\" onClick={() => this.toggleOpen()} tabindex='0'>\n <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\n <ifx-icon icon=\"chevron-down-12\"/>\n </span>\n <span id=\"accordion-caption\" class=\"accordion-caption\">{this.caption}</span>\n </div>\n <div id=\"accordion-content\" class=\"accordion-content\" ref={(el) => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\n <div class=\"inner-content\">\n <slot onSlotchange={(e) => this.handleSlotChange(e)} />\n </div>\n </div>\n </div>\n );\n }\n}"],"version":3}
1
+ {"file":"p-dbf6be15.js","mappings":"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","names":[],"sources":["src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["// ifxAccordionItem.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n\n.accordion-item {\n border-radius: 3px;\n overflow: hidden;\n transition: all 0.3s;\n font-family: var(--ifx-font-family);\n\n}\n\n.accordion-title:focus {\n outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n content: '';\n display: block;\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border-radius: 5px;\n border: 2px solid tokens.$ifxColorOcean500;\n box-sizing: border-box;\n}\n\n.accordion-title:hover {\n border: 1px solid tokens.$ifxColorEngineering200;\n color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n display: flex;\n align-items: center;\n position: relative;\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace150;\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering200;\n cursor: pointer;\n margin: 4px;\n}\n\n.accordion-caption {\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n gap: tokens.$ifxSpace100;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n line-height: 24px;\n font-size: tokens.$ifxFontSizeM;\n font-weight: 400;\n}\n\n.inner-content {\n background-color: tokens.$ifxColorBaseWhite;\n padding: tokens.$ifxSpace300;\n // white-space: pre-wrap;\n /* wraps text at spaces and within words */\n word-wrap: break-word;\n /* breaks text within a word if necessary */\n overflow-wrap: anywhere;\n align-self: stretch;\n\n /* breaks text at arbitrary points when needed */\n}\n\n.accordion-icon {\n font-weight: bold;\n display: inline-block;\n transition: transform 0.3s;\n\n &:hover {\n color: tokens.$ifxColorOcean600;\n\n }\n}\n\n\n\n.accordion-item.open .accordion-icon {\n transform: rotate(-180deg);\n}","//ifxAccordionItem\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen } from '@stencil/core';\n\n@Component({\n tag: 'ifx-accordion-item',\n styleUrl: 'accordionItem.scss',\n shadow: true,\n})\nexport class IfxAccordionItem {\n @Prop() caption: string;\n @Prop({\n mutable: true,\n }) open: boolean = false;\n @Prop() AriaLevel = 3;\n @State() internalOpen: boolean = false;\n @Event() ifxOpen: EventEmitter;\n @Event() ifxClose: EventEmitter;\n private contentEl!: HTMLElement;\n\n\n componentWillLoad() {\n this.internalOpen = this.open;\n }\n\n componentDidLoad() {\n this.openAccordionItem()\n }\n\n componentDidUpdate() {\n this.openAccordionItem()\n }\n\n\n\n @Watch('open')\n openChanged(newValue: boolean) {\n this.internalOpen = newValue;\n }\n\n toggleOpen() {\n this.internalOpen = !this.internalOpen;\n this.open = this.internalOpen;\n\n if (this.internalOpen) {\n this.ifxOpen.emit({ isOpen: this.internalOpen });\n } else {\n this.ifxClose.emit({ isClosed: !this.internalOpen });\n }\n }\n\n openAccordionItem() {\n if (this.internalOpen) {\n this.contentEl.style.maxHeight = `${this.contentEl.scrollHeight}px`;\n } else {\n this.contentEl.style.maxHeight = '0';\n }\n }\n\n handleSlotChange(e) {\n const slotElement = e.target;\n const nodes = slotElement.assignedNodes();\n \n if(nodes.length > 0) {\n nodes.forEach(node => {\n const observer = new MutationObserver((mutationsList, _) => {\n for(let mutation of mutationsList) {\n if (mutation.type === 'childList') {\n if (this.internalOpen) {\n this.openAccordionItem();\n }\n }\n }\n });\n observer.observe(node, { attributes: true, childList: true, subtree: true });\n });\n }\n\n if (this.internalOpen) {\n this.openAccordionItem();\n }\n }\n\n \n\n @Listen('keydown')\n handleKeydown(ev: KeyboardEvent) {\n switch (ev.key) {\n case 'Enter': // fallthrough\n case ' ': // space\n ev.preventDefault();\n this.toggleOpen();\n break;\n }\n }\n\n\n render() {\n return (\n <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\n <div role=\"button\" aria-expanded={this.internalOpen} aria-controls=\"accordion-content\" class=\"accordion-title\" onClick={() => this.toggleOpen()} tabindex='0'>\n <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\n <ifx-icon icon=\"chevron-down-12\"/>\n </span>\n <span id=\"accordion-caption\" class=\"accordion-caption\">{this.caption}</span>\n </div>\n <div id=\"accordion-content\" class=\"accordion-content\" ref={(el) => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\n <div class=\"inner-content\">\n <slot onSlotchange={(e) => this.handleSlotChange(e)} />\n </div>\n </div>\n </div>\n );\n }\n}"],"version":3}
@@ -1635,4 +1635,4 @@ var setPlatformOptions = (opts) => Object.assign(plt, opts);
1635
1635
 
1636
1636
  export { H, setNonce as a, setPlatformOptions as b, createEvent as c, Host as d, getAssetPath as g, h, proxyCustomElement as p, setAssetPath as s };
1637
1637
 
1638
- //# sourceMappingURL=p-2d825ea9.js.map
1638
+ //# sourceMappingURL=p-e27586b6.js.map