@infineon/infineon-design-system-stencil 36.0.0--canary.1926.3384b08beedd4bd0bf0894c709a0e3eb8096602d.0 → 36.0.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 (289) hide show
  1. package/dist/cjs/{icons-2cd72a7d.js → icons-0d4d096d.js} +1 -4
  2. package/dist/cjs/icons-0d4d096d.js.map +1 -0
  3. package/dist/cjs/ifx-alert_2.cjs.entry.js +1 -1
  4. package/dist/cjs/ifx-basic-table.cjs.entry.js +1 -1
  5. package/dist/cjs/ifx-faq.cjs.entry.js +1 -1
  6. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +2 -2
  7. package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
  8. package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
  9. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
  10. package/dist/cjs/ifx-icon.cjs.entry.js +1 -1
  11. package/dist/cjs/ifx-icons-preview.cjs.entry.js +1 -1
  12. package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
  13. package/dist/cjs/ifx-multiselect.cjs.entry.js +545 -0
  14. package/dist/cjs/ifx-multiselect.cjs.entry.js.map +1 -0
  15. package/dist/cjs/ifx-select.cjs.entry.js +2 -2
  16. package/dist/cjs/ifx-set-filter.cjs.entry.js +2 -19
  17. package/dist/cjs/ifx-set-filter.cjs.entry.js.map +1 -1
  18. package/dist/cjs/ifx-slider.cjs.entry.js +2 -2
  19. package/dist/cjs/ifx-spinner_2.cjs.entry.js +6 -6
  20. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  21. package/dist/cjs/ifx-step.cjs.entry.js +4 -4
  22. package/dist/cjs/ifx-stepper.cjs.entry.js +2 -2
  23. package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
  24. package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
  25. package/dist/cjs/ifx-table.cjs.entry.js +2 -2
  26. package/dist/cjs/ifx-tabs.cjs.entry.js +2 -2
  27. package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
  28. package/dist/cjs/ifx-templates-ui.cjs.entry.js +1 -1
  29. package/dist/cjs/ifx-textarea.cjs.entry.js +1 -1
  30. package/dist/cjs/ifx-tooltip.cjs.entry.js +4 -4
  31. package/dist/cjs/ifx-tree-view-item.cjs.entry.js +2 -2
  32. package/dist/cjs/ifx-tree-view.cjs.entry.js +1 -1
  33. package/dist/cjs/index-7f4df11a.js +14 -14
  34. package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
  35. package/dist/cjs/loader.cjs.js +1 -1
  36. package/dist/collection/collection-manifest.json +0 -1
  37. package/dist/collection/components/breadcrumb/breadcrumb.stories.js +1 -1
  38. package/dist/collection/components/breadcrumb/breadcrumb.stories.js.map +1 -1
  39. package/dist/collection/components/select/multi-select/interfaces.js.map +1 -1
  40. package/dist/collection/components/select/multi-select/multiselect.css +65 -60
  41. package/dist/collection/components/select/multi-select/multiselect.js +427 -675
  42. package/dist/collection/components/select/multi-select/multiselect.js.map +1 -1
  43. package/dist/collection/components/select/multi-select/multiselect.stories.js +135 -439
  44. package/dist/collection/components/select/multi-select/multiselect.stories.js.map +1 -1
  45. package/dist/collection/components/select/single-select/select.js +2 -2
  46. package/dist/collection/components/slider/slider.js +2 -2
  47. package/dist/collection/components/spinner/spinner.js +2 -2
  48. package/dist/collection/components/status/status.js +1 -1
  49. package/dist/collection/components/stepper/step/step.js +4 -4
  50. package/dist/collection/components/stepper/stepper.js +2 -2
  51. package/dist/collection/components/switch/switch.js +1 -1
  52. package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js +1 -1
  53. package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js +2 -2
  54. package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js +1 -1
  55. package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js +1 -1
  56. package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js +1 -1
  57. package/dist/collection/components/table-advanced-version/set-filter/setFilter.js +2 -19
  58. package/dist/collection/components/table-advanced-version/set-filter/setFilter.js.map +1 -1
  59. package/dist/collection/components/table-advanced-version/table.js +2 -2
  60. package/dist/collection/components/table-advanced-version/table.stories.js +3 -2
  61. package/dist/collection/components/table-advanced-version/table.stories.js.map +1 -1
  62. package/dist/collection/components/table-basic-version/table.js +1 -1
  63. package/dist/collection/components/tabs/tab.js +1 -1
  64. package/dist/collection/components/tabs/tabs.js +2 -2
  65. package/dist/collection/components/tag/tag.js +1 -1
  66. package/dist/collection/components/templates/template/template.js +1 -1
  67. package/dist/collection/components/templates/templates-ui/templates-ui.js +1 -1
  68. package/dist/collection/components/text-field/text-field.js +4 -4
  69. package/dist/collection/components/textarea/textarea.js +1 -1
  70. package/dist/collection/components/tooltip/tooltip.js +4 -4
  71. package/dist/collection/components/tree-view/tree-view-item.js +2 -2
  72. package/dist/collection/components/tree-view/tree-view.js +1 -1
  73. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  74. package/dist/components/ifx-accordion-item.js +1 -1
  75. package/dist/components/ifx-alert.js +1 -1
  76. package/dist/components/ifx-basic-table.js +1 -1
  77. package/dist/components/ifx-breadcrumb-item-label.js +1 -1
  78. package/dist/components/ifx-checkbox-group.js +1 -1
  79. package/dist/components/ifx-checkbox.js +1 -1
  80. package/dist/components/ifx-chip-item.js +1 -1
  81. package/dist/components/ifx-chip.js +1 -1
  82. package/dist/components/ifx-date-picker.js +1 -1
  83. package/dist/components/ifx-dropdown-item.js +1 -1
  84. package/dist/components/ifx-dropdown-separator.js +1 -29
  85. package/dist/components/ifx-dropdown-separator.js.map +1 -1
  86. package/dist/components/ifx-dropdown-trigger-button.js +1 -1
  87. package/dist/components/ifx-faq.js +3 -3
  88. package/dist/components/ifx-file-upload.js +2 -2
  89. package/dist/components/ifx-filter-accordion.js +3 -3
  90. package/dist/components/ifx-filter-bar.js +2 -2
  91. package/dist/components/ifx-filter-search.js +3 -3
  92. package/dist/components/ifx-filter-type-group.js +1 -1
  93. package/dist/components/ifx-icon-button.js +1 -1
  94. package/dist/components/ifx-icon.js +1 -1
  95. package/dist/components/ifx-icons-preview.js +3 -3
  96. package/dist/components/ifx-list-entry.js +3 -3
  97. package/dist/components/ifx-list.js +1 -1
  98. package/dist/components/ifx-modal.js +2 -2
  99. package/dist/components/ifx-multiselect.js +1 -1
  100. package/dist/components/ifx-navbar-item.js +1 -1
  101. package/dist/components/ifx-navbar.js +1 -1
  102. package/dist/components/ifx-notification.js +1 -1
  103. package/dist/components/ifx-overview-table.js +1 -1
  104. package/dist/components/ifx-pagination.js +1 -1
  105. package/dist/components/ifx-radio-button-group.js +1 -1
  106. package/dist/components/ifx-search-bar.js +2 -2
  107. package/dist/components/ifx-search-field.js +1 -1
  108. package/dist/components/ifx-segment.js +1 -1
  109. package/dist/components/ifx-segmented-control.js +1 -1
  110. package/dist/components/ifx-select.js +1 -1
  111. package/dist/components/ifx-set-filter.js +12 -35
  112. package/dist/components/ifx-set-filter.js.map +1 -1
  113. package/dist/components/ifx-sidebar-item.js +1 -1
  114. package/dist/components/ifx-slider.js +3 -3
  115. package/dist/components/ifx-spinner.js +1 -1
  116. package/dist/components/ifx-status.js +1 -1
  117. package/dist/components/ifx-step.js +5 -5
  118. package/dist/components/ifx-stepper.js +2 -2
  119. package/dist/components/ifx-switch.js +1 -1
  120. package/dist/components/ifx-tab.js +1 -1
  121. package/dist/components/ifx-table.js +9 -9
  122. package/dist/components/ifx-tabs.js +3 -3
  123. package/dist/components/ifx-tag.js +2 -2
  124. package/dist/components/ifx-template.js +1 -1
  125. package/dist/components/ifx-templates-ui.js +7 -7
  126. package/dist/components/ifx-text-field.js +1 -1
  127. package/dist/components/ifx-textarea.js +1 -1
  128. package/dist/components/ifx-tooltip.js +5 -5
  129. package/dist/components/ifx-tree-view-item.js +4 -4
  130. package/dist/components/ifx-tree-view.js +1 -1
  131. package/dist/components/{p-f2f58eb1.js → p-0c449780.js} +2 -2
  132. package/dist/components/{p-f2f58eb1.js.map → p-0c449780.js.map} +1 -1
  133. package/dist/components/{p-b6b0d09b.js → p-186dacc8.js} +2 -2
  134. package/dist/components/{p-b6b0d09b.js.map → p-186dacc8.js.map} +1 -1
  135. package/dist/components/{p-34a36730.js → p-2a65d85a.js} +5 -5
  136. package/dist/components/{p-34a36730.js.map → p-2a65d85a.js.map} +1 -1
  137. package/dist/components/{p-afd6d4f5.js → p-38396fe7.js} +2 -2
  138. package/dist/components/{p-afd6d4f5.js.map → p-38396fe7.js.map} +1 -1
  139. package/dist/components/{p-fe3f24e7.js → p-67573b5f.js} +6 -6
  140. package/dist/components/{p-fe3f24e7.js.map → p-67573b5f.js.map} +1 -1
  141. package/dist/components/p-68016aea.js +33 -0
  142. package/dist/components/p-68016aea.js.map +1 -0
  143. package/dist/components/{p-20d6a006.js → p-6d12f845.js} +2 -2
  144. package/dist/components/{p-20d6a006.js.map → p-6d12f845.js.map} +1 -1
  145. package/dist/components/{p-351949f1.js → p-a4922416.js} +3 -3
  146. package/dist/components/{p-351949f1.js.map → p-a4922416.js.map} +1 -1
  147. package/dist/components/{p-b293963f.js → p-a8d0ef73.js} +2 -2
  148. package/dist/components/{p-b293963f.js.map → p-a8d0ef73.js.map} +1 -1
  149. package/dist/components/{p-6c0ec65a.js → p-b0039ef1.js} +2 -2
  150. package/dist/components/{p-6c0ec65a.js.map → p-b0039ef1.js.map} +1 -1
  151. package/dist/components/{p-12e75dad.js → p-bb4de57d.js} +1 -4
  152. package/dist/components/p-bb4de57d.js.map +1 -0
  153. package/dist/components/{p-98c86d16.js → p-c9aec5fa.js} +4 -4
  154. package/dist/components/{p-98c86d16.js.map → p-c9aec5fa.js.map} +1 -1
  155. package/dist/components/{p-1bfd69f4.js → p-cc5bd74b.js} +4 -4
  156. package/dist/components/{p-1bfd69f4.js.map → p-cc5bd74b.js.map} +1 -1
  157. package/dist/components/p-cd833a9b.js +598 -0
  158. package/dist/components/p-cd833a9b.js.map +1 -0
  159. package/dist/components/{p-2a500ed7.js → p-cd913238.js} +3 -3
  160. package/dist/components/{p-2a500ed7.js.map → p-cd913238.js.map} +1 -1
  161. package/dist/components/{p-5c96860f.js → p-d1790232.js} +2 -2
  162. package/dist/components/{p-5c96860f.js.map → p-d1790232.js.map} +1 -1
  163. package/dist/esm/{icons-75858876.js → icons-788fe290.js} +1 -4
  164. package/dist/esm/icons-788fe290.js.map +1 -0
  165. package/dist/esm/ifx-alert_2.entry.js +1 -1
  166. package/dist/esm/ifx-basic-table.entry.js +1 -1
  167. package/dist/esm/ifx-faq.entry.js +1 -1
  168. package/dist/esm/ifx-filter-accordion.entry.js +2 -2
  169. package/dist/esm/ifx-filter-bar.entry.js +1 -1
  170. package/dist/esm/ifx-filter-search.entry.js +1 -1
  171. package/dist/esm/ifx-filter-type-group.entry.js +1 -1
  172. package/dist/esm/ifx-icon.entry.js +1 -1
  173. package/dist/esm/ifx-icons-preview.entry.js +1 -1
  174. package/dist/esm/ifx-list-entry.entry.js +1 -1
  175. package/dist/esm/ifx-multiselect.entry.js +541 -0
  176. package/dist/esm/ifx-multiselect.entry.js.map +1 -0
  177. package/dist/esm/ifx-select.entry.js +2 -2
  178. package/dist/esm/ifx-set-filter.entry.js +2 -19
  179. package/dist/esm/ifx-set-filter.entry.js.map +1 -1
  180. package/dist/esm/ifx-slider.entry.js +2 -2
  181. package/dist/esm/ifx-spinner_2.entry.js +6 -6
  182. package/dist/esm/ifx-status.entry.js +1 -1
  183. package/dist/esm/ifx-step.entry.js +4 -4
  184. package/dist/esm/ifx-stepper.entry.js +2 -2
  185. package/dist/esm/ifx-switch.entry.js +1 -1
  186. package/dist/esm/ifx-tab.entry.js +1 -1
  187. package/dist/esm/ifx-table.entry.js +2 -2
  188. package/dist/esm/ifx-tabs.entry.js +2 -2
  189. package/dist/esm/ifx-tag.entry.js +1 -1
  190. package/dist/esm/ifx-templates-ui.entry.js +1 -1
  191. package/dist/esm/ifx-textarea.entry.js +1 -1
  192. package/dist/esm/ifx-tooltip.entry.js +4 -4
  193. package/dist/esm/ifx-tree-view-item.entry.js +2 -2
  194. package/dist/esm/ifx-tree-view.entry.js +1 -1
  195. package/dist/esm/index-6c9eba32.js +14 -14
  196. package/dist/esm/infineon-design-system-stencil.js +1 -1
  197. package/dist/esm/loader.js +1 -1
  198. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  199. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  200. package/dist/infineon-design-system-stencil/p-06bfabcf.entry.js +2 -0
  201. package/dist/infineon-design-system-stencil/{p-76e0c34f.entry.js.map → p-06bfabcf.entry.js.map} +1 -1
  202. package/dist/infineon-design-system-stencil/{p-3d037fa4.entry.js → p-0f096cf1.entry.js} +2 -2
  203. package/dist/infineon-design-system-stencil/{p-ad7b58c3.entry.js → p-1048ee19.entry.js} +2 -2
  204. package/dist/infineon-design-system-stencil/{p-d890b0de.entry.js → p-142878ee.entry.js} +2 -2
  205. package/dist/infineon-design-system-stencil/{p-4d96fed0.js → p-27d2afb4.js} +2 -2
  206. package/dist/infineon-design-system-stencil/p-27d2afb4.js.map +1 -0
  207. package/dist/infineon-design-system-stencil/{p-18a81f5f.entry.js → p-2b38c405.entry.js} +2 -2
  208. package/dist/infineon-design-system-stencil/p-34738a10.entry.js +2 -0
  209. package/dist/infineon-design-system-stencil/p-45ac2698.entry.js +2 -0
  210. package/dist/infineon-design-system-stencil/p-45ac2698.entry.js.map +1 -0
  211. package/dist/infineon-design-system-stencil/{p-4d9a4329.entry.js → p-49252616.entry.js} +2 -2
  212. package/dist/infineon-design-system-stencil/p-65e57b85.entry.js +2 -0
  213. package/dist/infineon-design-system-stencil/{p-74bee1c8.entry.js → p-65fe2246.entry.js} +2 -2
  214. package/dist/infineon-design-system-stencil/{p-7adee2dd.entry.js → p-6d99d01d.entry.js} +2 -2
  215. package/dist/infineon-design-system-stencil/{p-4764665d.entry.js → p-702a48f8.entry.js} +2 -2
  216. package/dist/infineon-design-system-stencil/{p-b6dd2ac0.entry.js → p-7440ea9d.entry.js} +2 -2
  217. package/dist/infineon-design-system-stencil/{p-c7e86c7c.entry.js → p-7b7ac7fa.entry.js} +2 -2
  218. package/dist/infineon-design-system-stencil/{p-0c1c831c.entry.js → p-87fbd617.entry.js} +2 -2
  219. package/dist/infineon-design-system-stencil/p-885adc48.entry.js +2 -0
  220. package/dist/infineon-design-system-stencil/p-885adc48.entry.js.map +1 -0
  221. package/dist/infineon-design-system-stencil/{p-aaf08082.entry.js → p-88af2e64.entry.js} +2 -2
  222. package/dist/infineon-design-system-stencil/{p-13c107bf.entry.js → p-959285a7.entry.js} +2 -2
  223. package/dist/infineon-design-system-stencil/{p-36dcebde.entry.js → p-a9cfb70d.entry.js} +2 -2
  224. package/dist/infineon-design-system-stencil/{p-6250b9f6.entry.js → p-acf0f4ed.entry.js} +2 -2
  225. package/dist/infineon-design-system-stencil/{p-02496917.entry.js → p-b637c44c.entry.js} +2 -2
  226. package/dist/infineon-design-system-stencil/{p-6c2698a3.entry.js → p-babf3f2d.entry.js} +2 -2
  227. package/dist/infineon-design-system-stencil/{p-5e376887.entry.js → p-c2791360.entry.js} +2 -2
  228. package/dist/infineon-design-system-stencil/{p-a80e321b.entry.js → p-c5a785d7.entry.js} +2 -2
  229. package/dist/infineon-design-system-stencil/{p-2e7d87ed.entry.js → p-e98d2280.entry.js} +2 -2
  230. package/dist/infineon-design-system-stencil/{p-5f38cace.entry.js → p-ecc17497.entry.js} +2 -2
  231. package/dist/infineon-design-system-stencil/{p-5285ca40.entry.js → p-f25f014d.entry.js} +2 -2
  232. package/dist/infineon-design-system-stencil/{p-04d8ea38.entry.js → p-f2bea855.entry.js} +2 -2
  233. package/dist/types/components/breadcrumb/breadcrumb.stories.d.ts +1 -1
  234. package/dist/types/components/select/multi-select/interfaces.d.ts +1 -1
  235. package/dist/types/components/select/multi-select/multiselect.d.ts +61 -39
  236. package/dist/types/components/select/multi-select/multiselect.stories.d.ts +30 -219
  237. package/dist/types/components.d.ts +8 -54
  238. package/package.json +2 -2
  239. package/dist/cjs/icons-2cd72a7d.js.map +0 -1
  240. package/dist/cjs/ifx-multiselect_2.cjs.entry.js +0 -929
  241. package/dist/cjs/ifx-multiselect_2.cjs.entry.js.map +0 -1
  242. package/dist/collection/components/select/multi-select/multiselect-option.css +0 -112
  243. package/dist/collection/components/select/multi-select/multiselect-option.js +0 -505
  244. package/dist/collection/components/select/multi-select/multiselect-option.js.map +0 -1
  245. package/dist/components/ifx-multiselect-option.d.ts +0 -11
  246. package/dist/components/ifx-multiselect-option.js +0 -8
  247. package/dist/components/ifx-multiselect-option.js.map +0 -1
  248. package/dist/components/p-12e75dad.js.map +0 -1
  249. package/dist/components/p-3906f639.js +0 -432
  250. package/dist/components/p-3906f639.js.map +0 -1
  251. package/dist/components/p-aedd7be5.js +0 -599
  252. package/dist/components/p-aedd7be5.js.map +0 -1
  253. package/dist/esm/icons-75858876.js.map +0 -1
  254. package/dist/esm/ifx-multiselect_2.entry.js +0 -924
  255. package/dist/esm/ifx-multiselect_2.entry.js.map +0 -1
  256. package/dist/infineon-design-system-stencil/p-25204a1e.entry.js +0 -2
  257. package/dist/infineon-design-system-stencil/p-25204a1e.entry.js.map +0 -1
  258. package/dist/infineon-design-system-stencil/p-4d96fed0.js.map +0 -1
  259. package/dist/infineon-design-system-stencil/p-6c999b11.entry.js +0 -2
  260. package/dist/infineon-design-system-stencil/p-6c999b11.entry.js.map +0 -1
  261. package/dist/infineon-design-system-stencil/p-76e0c34f.entry.js +0 -2
  262. package/dist/infineon-design-system-stencil/p-a2a44fbe.entry.js +0 -2
  263. package/dist/infineon-design-system-stencil/p-e571c002.entry.js +0 -2
  264. package/dist/types/components/select/multi-select/multiselect-option.d.ts +0 -36
  265. /package/dist/infineon-design-system-stencil/{p-3d037fa4.entry.js.map → p-0f096cf1.entry.js.map} +0 -0
  266. /package/dist/infineon-design-system-stencil/{p-ad7b58c3.entry.js.map → p-1048ee19.entry.js.map} +0 -0
  267. /package/dist/infineon-design-system-stencil/{p-d890b0de.entry.js.map → p-142878ee.entry.js.map} +0 -0
  268. /package/dist/infineon-design-system-stencil/{p-18a81f5f.entry.js.map → p-2b38c405.entry.js.map} +0 -0
  269. /package/dist/infineon-design-system-stencil/{p-e571c002.entry.js.map → p-34738a10.entry.js.map} +0 -0
  270. /package/dist/infineon-design-system-stencil/{p-4d9a4329.entry.js.map → p-49252616.entry.js.map} +0 -0
  271. /package/dist/infineon-design-system-stencil/{p-a2a44fbe.entry.js.map → p-65e57b85.entry.js.map} +0 -0
  272. /package/dist/infineon-design-system-stencil/{p-74bee1c8.entry.js.map → p-65fe2246.entry.js.map} +0 -0
  273. /package/dist/infineon-design-system-stencil/{p-7adee2dd.entry.js.map → p-6d99d01d.entry.js.map} +0 -0
  274. /package/dist/infineon-design-system-stencil/{p-4764665d.entry.js.map → p-702a48f8.entry.js.map} +0 -0
  275. /package/dist/infineon-design-system-stencil/{p-b6dd2ac0.entry.js.map → p-7440ea9d.entry.js.map} +0 -0
  276. /package/dist/infineon-design-system-stencil/{p-c7e86c7c.entry.js.map → p-7b7ac7fa.entry.js.map} +0 -0
  277. /package/dist/infineon-design-system-stencil/{p-0c1c831c.entry.js.map → p-87fbd617.entry.js.map} +0 -0
  278. /package/dist/infineon-design-system-stencil/{p-aaf08082.entry.js.map → p-88af2e64.entry.js.map} +0 -0
  279. /package/dist/infineon-design-system-stencil/{p-13c107bf.entry.js.map → p-959285a7.entry.js.map} +0 -0
  280. /package/dist/infineon-design-system-stencil/{p-36dcebde.entry.js.map → p-a9cfb70d.entry.js.map} +0 -0
  281. /package/dist/infineon-design-system-stencil/{p-6250b9f6.entry.js.map → p-acf0f4ed.entry.js.map} +0 -0
  282. /package/dist/infineon-design-system-stencil/{p-02496917.entry.js.map → p-b637c44c.entry.js.map} +0 -0
  283. /package/dist/infineon-design-system-stencil/{p-6c2698a3.entry.js.map → p-babf3f2d.entry.js.map} +0 -0
  284. /package/dist/infineon-design-system-stencil/{p-5e376887.entry.js.map → p-c2791360.entry.js.map} +0 -0
  285. /package/dist/infineon-design-system-stencil/{p-a80e321b.entry.js.map → p-c5a785d7.entry.js.map} +0 -0
  286. /package/dist/infineon-design-system-stencil/{p-2e7d87ed.entry.js.map → p-e98d2280.entry.js.map} +0 -0
  287. /package/dist/infineon-design-system-stencil/{p-5f38cace.entry.js.map → p-ecc17497.entry.js.map} +0 -0
  288. /package/dist/infineon-design-system-stencil/{p-5285ca40.entry.js.map → p-f25f014d.entry.js.map} +0 -0
  289. /package/dist/infineon-design-system-stencil/{p-04d8ea38.entry.js.map → p-f2bea855.entry.js.map} +0 -0
@@ -1,7 +1,7 @@
1
1
  import { h } from "@stencil/core";
2
2
  export class Tag {
3
3
  render() {
4
- return (h("div", { key: 'c727c6fff260aff9ca74b05b3f495b8c98142516', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '6348eac8f797c672dbd18dd52dc07d341167bf41', icon: this.icon })), h("a", { key: 'bfb379f4c7eff45ced2292d440ee2f9d9f20a072', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '6ceea6c28a9dd6d5a9717cc81415f1fdc2045aaa', class: "label" }, h("slot", { key: '54eb7544e0caa05342f19ef883ecb63c77e23d6b' })))));
4
+ return (h("div", { key: '7d3cd6bbcd2b17053ddf88de92b752ca8beae04e', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'e4a9649f4c96f621d99659065b7686cc47405f3a', icon: this.icon })), h("a", { key: 'b970b5f7f9b9bbdd16178ec2e6ebf74bdc2975cc', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '16c29b68bedca92002a52db88f2449a646e47a9c', class: "label" }, h("slot", { key: 'd96adb622df3339e5ee0c6e6d8fed7d83560bed2' })))));
5
5
  }
6
6
  static get is() { return "ifx-tag"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -128,7 +128,7 @@ export class Template {
128
128
  }
129
129
  }
130
130
  render() {
131
- return (h("div", { key: 'a6433871f9175e0616c40389d0a39a94797d67b3' }, this.isTemplatePage
131
+ return (h("div", { key: '993f20bb1a7970d938d09ea001ee77b777d2a817' }, this.isTemplatePage
132
132
  ?
133
133
  h("div", { class: "template__page-wrapper" }, !this.repoUrl && !this.repoError &&
134
134
  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))
@@ -40,7 +40,7 @@ export class TemplatesUI {
40
40
  alertWrapper.classList.remove('show');
41
41
  }
42
42
  render() {
43
- return (h("div", { key: 'ee4667ff1012b9ec992f35022db60a7f0e4bb0f2', class: 'templates__container' }, h("div", { key: '4e52489a28cdb0d12e0134f11f6942460ac729f9', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'b7e2c172afa3ee41444d0ab055b23fd336ce86e2', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'e492f0947f2ddc2158d8136b5a04965cc11eb2b9', class: "alert__wrapper" }, h("ifx-alert", { key: '6c2ac9014b1865fc48ed539f8e9808c08a06f701', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: 'f0057be302900e7d25d6eb2d01da1529e5569f77', class: "templates__title" }, "Choose your template"), h("div", { key: '7c47f2d8dc228e3d0ed4d58e3ee04d1cdda13941', class: "templates__wrapper" }, h("ifx-template", { key: '3bade3b15b4770b80c2890ead19c6cbb986f9da0', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '5f455bfb4a7e7ecf75dc061789bb384f0154d005', name: 'template-02', thumbnail: this.wizardTemplate }))));
43
+ return (h("div", { key: 'c95d2b978754deb8c19a9382833ba2c37dbf9ec7', class: 'templates__container' }, h("div", { key: '8b13d15e086225e93624596958eb95fb79f89056', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '049a15ce42bf2b7ebce29c8f7c146cda60c69d77', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '160ece10437519a3fd89b87bc9401e82fa82c0f6', class: "alert__wrapper" }, h("ifx-alert", { key: '5aac614b6a0eab2ab0805430dfbcf95c2f2a47a6', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '4477613ba26456f16d4f3c51871dbe120e9eef0f', class: "templates__title" }, "Choose your template"), h("div", { key: 'f7ea15a8b09b87b056db3485b957968ebcd0e4f9', class: "templates__wrapper" }, h("ifx-template", { key: '95bc460aa476d184de98df5f75b02f112fa9691c', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'e747556e390d2f5be3fe727795017c49739aa5ae', name: 'template-02', thumbnail: this.wizardTemplate }))));
44
44
  }
45
45
  static get is() { return "ifx-templates-ui"; }
46
46
  static get encapsulation() { return "shadow"; }
@@ -47,12 +47,12 @@ export class TextField {
47
47
  this.handleTypeProp();
48
48
  }
49
49
  render() {
50
- return (h("div", { key: '7e6d9942880560a221d43b3b0a0d5af928ec5a08', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: '51d490a767e8dd89b86ec21f502e02f0d5cbdc09', class: "textInput__top-wrapper" }, h("label", { key: '7ea9c6e9cae679fd1ba3a5f5a05ec18a44ead60f', htmlFor: this.internalId }, h("slot", { key: '9e3771cd10ad31856f3f4a4bb1873b4ffb255658' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: 'cbce67112a8fd5941bd656f9073142609393318b', class: "textInput__bottom-wrapper" }, h("div", { key: '922d433c60dc90b097fdaa1bb6616c986b0e5f5a', class: "input-container" }, this.icon && (h("ifx-icon", { key: '46cfc15b14449c14dccb67d3feaff46492f1e917', class: 'input-icon', icon: this.icon })), h("input", { key: 'f66cc1e95cdb64937f8231dfbdcae41ecb98fd7e', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: this.internalId, value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
50
+ return (h("div", { key: '597efeba3e10b6550f1b8de39502b85bb170c873', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: '4b705913732e503ee735081aafa6336b8d4435a7', class: "textInput__top-wrapper" }, h("label", { key: '33ee2954bbe2cfde7957b28dda1aee099f9d81b0', htmlFor: this.internalId }, h("slot", { key: 'a38c2c00e1c236c036cf2d64bc7a28db2afe45a2' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: '94ba742c9ec8a04df44d5bf14e03f91401688367', class: "textInput__bottom-wrapper" }, h("div", { key: '6dd7c491a798dae351f1cd25f085a473f83a6eb9', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'f80c38244c33fd0e3337d50dc40ed3c02693348a', class: 'input-icon', icon: this.icon })), h("input", { key: 'a639ec62f30d100b35c452e2bbbfa5abe134eed6', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: this.internalId, value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
51
51
  ${this.error ? 'error' : ""}
52
52
  ${this.size === "s" ? "input-s" : ""}
53
- ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'b6fbd2ec39451aa061a53150cd2519c3648241ad', class: "delete-icon", icon: "cRemove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
54
- h("div", { key: 'f78fbb3244d64e9ec1aa5643a06f706db13eb0e3', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
55
- h("div", { key: '6290ff909a864d53e4a44859b34307773250ff64', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
53
+ ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: '9ef57617c8f1a227ce0053f3aaecb93c20fb8a72', class: "delete-icon", icon: "cRemove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
54
+ h("div", { key: '0e3ab81b4b14c9a47f77b5b3fd65cc957e00ef6f', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
55
+ h("div", { key: '4455db6ddff04ed0615c2e4f295614ed66a3d12f', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
56
56
  }
57
57
  static get is() { return "ifx-text-field"; }
58
58
  static get encapsulation() { return "shadow"; }
@@ -44,7 +44,7 @@ export class TextArea {
44
44
  }
45
45
  render() {
46
46
  var _a, _b;
47
- return (h(Host, { key: 'a3423a4743fa203b36bcfd8dcac6734e2c1e1ea3', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '1591ea6a9a165e25467e2f0db97bb57b5f6b3029', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: 'd8cf8abbaf67ade0848070311c2f82beec91bc84', class: 'wrapper__textarea' }, h("textarea", { key: '4c7f5d0b2e64eb2cb065834878f0d9fe0d50d389', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: '754c7ad6c405480cf8b5378a3f6ba54994f84d05', class: 'wrapper__caption' }, this.caption.trim()))));
47
+ return (h(Host, { key: '42ee0d156ab4e9687aec2fbef110e974eb7fd7aa', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '8f24ed08149d0fd39fa2c7f86c3fb58726f75d5f', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '7a393f85317dcbaa6395ed42d0d7af637e5eb158', class: 'wrapper__textarea' }, h("textarea", { key: 'eac8384d3a31383b2321ef2c5faaf523fa646700', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: '4f7d9ca645f76723e5d52636f8663bba9215f755', class: 'wrapper__caption' }, this.caption.trim()))));
48
48
  }
49
49
  static get is() { return "ifx-textarea"; }
50
50
  static get encapsulation() { return "shadow"; }
@@ -148,10 +148,10 @@ export class Tooltip {
148
148
  'tooltip-extended': true,
149
149
  'visible': this.tooltipVisible,
150
150
  };
151
- return (h("div", { key: '79e5795550b354ad4c9de87882c20cd424bc9ce4', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'e88124ef7638ef382447be3a00703f91d0eb85d9' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'af329e08b8a279ad4d3e00c5d6651eacc9c10334', class: tooltipDismissible }, h("button", { key: '0acac4c6e495c1bde212c12a7f94e1f3fe57846c', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '39b6c4d7d9a0f8cd6cc69d734048e9ae6a2ddccf', icon: "cross16" })), h("div", { key: 'c644b211ee9232aa259fead59e4ff478a1dceae4', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'ab54a13034a56e749fd30f7908ff354a75da054b', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'be9461076bc462cea981b09abcc958d75c05e4e7', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '1aec3b49d17818c86dedb09716060e17be5be211', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '018fb635ff70bdc3c48d86b380cbf74d69ed2d44', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
152
- h("div", { key: '306db15667f9de0f461e20e967d501a49692017b', class: tooltipCompact }, this.text, h("svg", { key: 'b75ae6faf83808d6183a7f2134e7517da5df3b47', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '14455a3c6bb493d7020742e40e9f04e6a9588dc5', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
153
- h("div", { key: '0e6eedf0fcbed712d8e43b191d6c5cba79c00db7', class: tooltipExtended }, h("slot", { key: 'deee89573031a32c987573b6e41a50d80c080326', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
154
- h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '963585b8e36eec83487cc58b2f2e4b6633cc2813', class: "tooltip-extended-content" }, this.header && h("div", { key: 'ecfb9f2dc013161adbc6d6e79035edf7746504ac', class: "tooltip-extended-header" }, this.header), h("div", { key: 'abdd7c89a2e0d0e0408ed59ff201b69e7757efaf', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'efc2d6685e50a4484b51421046095f1e2987029a', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0a430af58349e55fccc57d66cadea1a2bb7a295c', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
151
+ return (h("div", { key: 'c27f0ee7c19dd33830202b061034f9b3feb4d38c', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'a4b7ae4b4d499bd2cdd91e20462b7b360aa62881' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '1b0a2113a16d78495afe5f539f75d859251cb3b6', class: tooltipDismissible }, h("button", { key: 'c617375d54fa217ed33db4ac93186bbc010c1a72', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '7c62090cbe3335cd4d629a616151a4b4aa0a9e22', icon: "cross16" })), h("div", { key: 'cb581e2c821fea55cc9ccc760c657cc02822ec0a', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '308ae6a3639fb5a51dcb633d11b65e4d43204240', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '5c48e7cfb8a4bb1a525f905fabf495b9feef3a1f', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '56ea3a145bf161a0c57d649056e5989cc8521d51', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '546cd6feb96152a5383c30208448c64d25a4b631', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
152
+ h("div", { key: '7eac234540c0f6041cf8ad09916752e1549f83fe', class: tooltipCompact }, this.text, h("svg", { key: '80df222fe18e2aa4dcca94dc304e2274c3044350', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fa993b5b84a9ccaf5d499d525034feecdec1c538', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
153
+ h("div", { key: '50c43437dc4efb2e198b495043a4c1002403fbce', class: tooltipExtended }, h("slot", { key: '5d3a7f4686089289a7c7f952102a220deb07be4b', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
154
+ h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '02738844aceb5c496ef8f590bc69bf1efdeaccf8', class: "tooltip-extended-content" }, this.header && h("div", { key: '8c768c18fe2cf0fa3e81e53d0c74b13a7722c29d', class: "tooltip-extended-header" }, this.header), h("div", { key: '7b84202d1306e30624bc3131c1747b67850304f1', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'c5ce78e1e29489a16a322a9f0db4143e688125d4', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9f2546ae745e8f27a4a5dda4c689d42eb83f8cde', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
155
155
  }
156
156
  static get is() { return "ifx-tooltip"; }
157
157
  static get encapsulation() { return "shadow"; }
@@ -356,12 +356,12 @@ export class TreeViewItem {
356
356
  };
357
357
  }
358
358
  render() {
359
- return (h("div", { key: '61969870010ebef0e12724d011e7ef58ce815cd6', class: {
359
+ return (h("div", { key: '5de1d25102639e4726b76c41453d00bdc282a9c9', class: {
360
360
  'tree-item': true,
361
361
  'tree-item--expanded': this.isExpanded,
362
362
  'tree-item--has-children': this.hasChildren,
363
363
  'tree-item--disabled': this.disabled,
364
- }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: 'e8df740d394011bfc086a8bb4b68d4d702438fdb', class: "tree-item__content" }, h("div", { key: '783f6bf2777af34d01597ac6829263c5d9a12b4e', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '823852982d4f45c7e42e57e1613f48bdc0684cfa', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '33c74b45489e4ea1f80ac0956ecfcf353ff60e2c', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: '970232dff0e2843639c0af43e7e18ab4fb32926c', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'fb2ce847b14c44e41166f1648faec8b962b8bc16', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '0806b28a854465f17d8e4c6497cbfef4af1f2905', class: "tree-item__line" }))), h("div", { key: 'ecedfdc0d16a83e24cfbab0b71231de80274b8cc', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: '205559dc9e1f31ea79d2e4adb77a67797257b816', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: '893317125ca11298c530ec13816cc99d89b0dddd', class: "tree-item__label" }, h("slot", { key: '96a616920d731bb998bd98d105be6589d980f43a' }))))), this.isExpanded && h("div", { key: '4be50533bf36eef6d82c9766980b88d3de4fe760', class: "tree-item__children" }, h("slot", { key: 'ebe6023d1f745b072033ad80ed0b4969801935e4', name: "children" }))));
364
+ }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: 'cbfdafcc0937554ec4915926268019aee9a071df', class: "tree-item__content" }, h("div", { key: '9a8e6b36a9a741f0f31b3d7865c9fa0046491f7a', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '1102bcc9f70aaf2fb213f157840c867b227b6bcb', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: 'd4d74e0c4a1feaac7fccd97c8fcaa9461b585036', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: '7b0d12de5def87778134e4a4194a4ac496ef712d', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: '1454aad868e6499f08a12358d9ee29adba2615ab', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '25b68a105342dd0c916ec884834501ba64eb21cb', class: "tree-item__line" }))), h("div", { key: 'a7df8f5be51cf40debaf958669e1b3ec183811a7', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: '267f3f96ed712c3161b8dc1e8f50056e8dce076d', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: 'a285c8989fec5a33c5ebd4507eb46239a789a775', class: "tree-item__label" }, h("slot", { key: 'bc637a75a1fc9e2a1f2ac8ec28144b789e9dc58b' }))))), this.isExpanded && h("div", { key: 'e131a8835bc3b4674b60c6620cca2072b0196630', class: "tree-item__children" }, h("slot", { key: 'c309641ce26171af7bdd0338122ea0aefa077864', name: "children" }))));
365
365
  }
366
366
  static get is() { return "ifx-tree-view-item"; }
367
367
  static get encapsulation() { return "shadow"; }
@@ -27,7 +27,7 @@ export class TreeView {
27
27
  this.ifxTreeViewDisableAllChange.emit(newValue);
28
28
  }
29
29
  render() {
30
- return (h("div", { key: '972a1b59fb596afbc0aa61269130adf1aac77d7a', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '16b92cf0720371b359bdf7eb6f65bd97d8c01fd6', class: "tree-view__label" }, this.label), h("slot", { key: '625792b041e9ba011b3babe92a6ba850b6cd4394', ref: this.handleSlotRef })));
30
+ return (h("div", { key: '96ea4bb07f84587d5aeaafade703051373c6e800', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '0333e4688680b64ffb1976645eff5361fbe3d72f', class: "tree-view__label" }, this.label), h("slot", { key: '6bd4bd71689fe0b6c73640471194c3704cb84345', ref: this.handleSlotRef })));
31
31
  }
32
32
  static get is() { return "ifx-tree-view"; }
33
33
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,7 @@
1
1
  import { h } from "@stencil/core";
2
2
  export class Faq {
3
3
  render() {
4
- return (h("div", { key: 'fa2142cca68e60417092d614cb11367974b407f3', class: 'container' }, h("ifx-accordion", { key: '3abf4ca4138b9b177c6c21dbcdf5b84452d8de34' }, h("ifx-accordion-item", { key: 'fe98e253e30e79d0adb3dc2a1aad25d0aeb64250', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: '6397a595ea17aeb437fabec2cc15bb56faade295', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: '2429a303ad7938271651286232f8a1489d0df958', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '2fc8ae1d8a7bb66bb99c09f25b7f25a329817a94', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: '23c340c8cf0c8356a1dfd180050c1e92c7aadcec', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
4
+ return (h("div", { key: '4a4dd3e7914d1446e881f385c6901498ffbd2590', class: 'container' }, h("ifx-accordion", { key: 'b2c1b72db75d80650788bf93ba93214b9f8d47a9' }, h("ifx-accordion-item", { key: '062a7f7004039ccf7cf4af69397d8fe995306b54', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: '2e4a3ec5a0825d3ab6b29f7ea4ed1702c7922d10', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: '62f9a4aac5bba71505b5af95e25b6c0021cb4559', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '0a16702be715953bb2f50c9410478a9be13822f2', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: 'cdad5c370c579464c9fbd322cf634d5ed547ea41', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
5
5
  }
6
6
  static get is() { return "ifx-faq"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -1,4 +1,4 @@
1
- import { I as IfxAccordionItem$1, d as defineCustomElement$1 } from './p-5c96860f.js';
1
+ import { I as IfxAccordionItem$1, d as defineCustomElement$1 } from './p-d1790232.js';
2
2
 
3
3
  const IfxAccordionItem = IfxAccordionItem$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { A as Alert, d as defineCustomElement$1 } from './p-6c0ec65a.js';
1
+ import { A as Alert, d as defineCustomElement$1 } from './p-b0039ef1.js';
2
2
 
3
3
  const IfxAlert = Alert;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -180,7 +180,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
180
180
  return {};
181
181
  }
182
182
  render() {
183
- return (h(Host, { key: '527d498bfd75675bf754975321404caf24955ed5' }, h("div", { key: '6e568d068a3e77bd6996e95cb57b7189a945d707', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'be17d1acfb80732873822416b530b503438c8a6c', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
183
+ return (h(Host, { key: '1c588ebb0b5b18b2c9af2304d0eb8a8533151452' }, h("div", { key: '03c83108d58720f38cbde8fcfc60acecabfecc19', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'c7c11e0e8ff2a2c74d58a290f0abc7d7a1a3e22a', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
184
184
  }
185
185
  get host() { return this; }
186
186
  static get style() { return IfxBasicTableStyle0; }
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$2 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$2 } from './p-bb4de57d.js';
3
3
 
4
4
  const breadcrumbItemLabelCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}";
5
5
  const IfxBreadcrumbItemLabelStyle0 = breadcrumbItemLabelCss;
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$2 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$2 } from './p-bb4de57d.js';
3
3
 
4
4
  const checkboxGroupCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.checkbox-group-container{display:flex;flex-direction:column}.checkbox-group{display:flex;font-family:var(--ifx-font-family);gap:8px}.checkbox-group.horizontal{flex-direction:row;column-gap:12px}.checkbox-group.vertical{flex-direction:column;row-gap:12px}.group-label{font:400 0.75rem/1rem \"Source Sans 3\";margin-bottom:8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption{margin-top:8px;align-self:flex-start;display:flex;width:100%;column-gap:8px;justify-content:space-between;align-items:center}.caption.default{color:#1D1D1D}.caption.error{color:#CD002F}.caption-text{font:400 0.75rem/1rem \"Source Sans 3\";flex:1;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption-icon{flex:0;display:flex}";
5
5
  const IfxCheckboxGroupStyle0 = checkboxGroupCss;
@@ -1,4 +1,4 @@
1
- import { C as Checkbox, d as defineCustomElement$1 } from './p-b6b0d09b.js';
1
+ import { C as Checkbox, d as defineCustomElement$1 } from './p-186dacc8.js';
2
2
 
3
3
  const IfxCheckbox = Checkbox;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { C as ChipItem, d as defineCustomElement$1 } from './p-2a500ed7.js';
1
+ import { C as ChipItem, d as defineCustomElement$1 } from './p-cd913238.js';
2
2
 
3
3
  const IfxChipItem = ChipItem;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { C as Chip, d as defineCustomElement$1 } from './p-b293963f.js';
1
+ import { C as Chip, d as defineCustomElement$1 } from './p-a8d0ef73.js';
2
2
 
3
3
  const IfxChip = Chip;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$2 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$2 } from './p-bb4de57d.js';
3
3
 
4
4
  const datePickerCss = ".date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\"}.date__picker-container .label__wrapper .asterisk{display:none}.date__picker-container .label__wrapper .asterisk.required{display:inline;margin-left:4px}.date__picker-container .label__wrapper .asterisk.required.error{color:#CD002F}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem \"Source Sans 3\"}.date__picker-input{font-family:\"Source Sans 3\";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1D1D1D}.date__picker-input.has-value::-webkit-datetime-edit{color:#1D1D1D}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}";
5
5
  const IfxDatePickerStyle0 = datePickerCss;
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$2 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$2 } from './p-bb4de57d.js';
3
3
 
4
4
  const dropdownItemCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}";
5
5
  const IfxDropdownItemStyle0 = dropdownItemCss;
@@ -1,32 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
2
-
3
- const dropdownSeparatorCss = ".dropdown-separator{height:1px;background-color:#EEEDED;margin:8px 16px}";
4
- const IfxDropdownSeparatorStyle0 = dropdownSeparatorCss;
5
-
6
- const DropdownSeparator = /*@__PURE__*/ proxyCustomElement(class DropdownSeparator extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- }
12
- render() {
13
- return (h("div", { key: 'f842407a72dcfa69c2e05b821bab2f9ec3e2702f', class: 'dropdown-separator' }));
14
- }
15
- static get style() { return IfxDropdownSeparatorStyle0; }
16
- }, [1, "ifx-dropdown-separator"]);
17
- function defineCustomElement$1() {
18
- if (typeof customElements === "undefined") {
19
- return;
20
- }
21
- const components = ["ifx-dropdown-separator"];
22
- components.forEach(tagName => { switch (tagName) {
23
- case "ifx-dropdown-separator":
24
- if (!customElements.get(tagName)) {
25
- customElements.define(tagName, DropdownSeparator);
26
- }
27
- break;
28
- } });
29
- }
1
+ import { D as DropdownSeparator, d as defineCustomElement$1 } from './p-68016aea.js';
30
2
 
31
3
  const IfxDropdownSeparator = DropdownSeparator;
32
4
  const defineCustomElement = defineCustomElement$1;
@@ -1 +1 @@
1
- {"file":"ifx-dropdown-separator.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,0EAA0E,CAAC;AACxG,mCAAe,oBAAoB;;MCQtB,iBAAiB;;;;;;IAC5B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,oBAAoB,GAAO,EACvC;KACF;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.dropdown-separator {\n height: 1px;\n background-color: tokens.$ifxColorEngineering200;\n margin: 8px 16px;\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-dropdown-separator',\n styleUrl: 'dropdown-separator.scss',\n shadow: true\n})\n\nexport class DropdownSeparator {\n render() {\n return (\n <div class='dropdown-separator'></div>\n )\n }\n}"],"version":3}
1
+ {"file":"ifx-dropdown-separator.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
2
2
  import { d as defineCustomElement$3 } from './p-17df0350.js';
3
- import { d as defineCustomElement$2 } from './p-12e75dad.js';
3
+ import { d as defineCustomElement$2 } from './p-bb4de57d.js';
4
4
 
5
5
  const dropdownTriggerButtonCss = ":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";
6
6
  const IfxDropdownTriggerButtonStyle0 = dropdownTriggerButtonCss;
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
2
2
  import { d as defineCustomElement$4 } from './p-ed739e86.js';
3
- import { d as defineCustomElement$3 } from './p-5c96860f.js';
4
- import { d as defineCustomElement$2 } from './p-12e75dad.js';
3
+ import { d as defineCustomElement$3 } from './p-d1790232.js';
4
+ import { d as defineCustomElement$2 } from './p-bb4de57d.js';
5
5
 
6
6
  const faqCss = ".container{padding-top:10px}";
7
7
  const IfxFaqStyle0 = faqCss;
@@ -13,7 +13,7 @@ const Faq = /*@__PURE__*/ proxyCustomElement(class Faq extends H {
13
13
  this.__attachShadow();
14
14
  }
15
15
  render() {
16
- return (h("div", { key: 'fa2142cca68e60417092d614cb11367974b407f3', class: 'container' }, h("ifx-accordion", { key: '3abf4ca4138b9b177c6c21dbcdf5b84452d8de34' }, h("ifx-accordion-item", { key: 'fe98e253e30e79d0adb3dc2a1aad25d0aeb64250', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: '6397a595ea17aeb437fabec2cc15bb56faade295', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: '2429a303ad7938271651286232f8a1489d0df958', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '2fc8ae1d8a7bb66bb99c09f25b7f25a329817a94', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: '23c340c8cf0c8356a1dfd180050c1e92c7aadcec', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
16
+ return (h("div", { key: '4a4dd3e7914d1446e881f385c6901498ffbd2590', class: 'container' }, h("ifx-accordion", { key: 'b2c1b72db75d80650788bf93ba93214b9f8d47a9' }, h("ifx-accordion-item", { key: '062a7f7004039ccf7cf4af69397d8fe995306b54', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: '2e4a3ec5a0825d3ab6b29f7ea4ed1702c7922d10', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: '62f9a4aac5bba71505b5af95e25b6c0021cb4559', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '0a16702be715953bb2f50c9410478a9be13822f2', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: 'cdad5c370c579464c9fbd322cf634d5ed547ea41', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
17
17
  }
18
18
  static get style() { return IfxFaqStyle0; }
19
19
  }, [1, "ifx-faq"]);
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
2
  import { d as defineCustomElement$5 } from './p-17df0350.js';
3
- import { d as defineCustomElement$4 } from './p-12e75dad.js';
4
- import { d as defineCustomElement$3 } from './p-f2f58eb1.js';
3
+ import { d as defineCustomElement$4 } from './p-bb4de57d.js';
4
+ import { d as defineCustomElement$3 } from './p-0c449780.js';
5
5
  import { d as defineCustomElement$2 } from './p-5e9d3450.js';
6
6
 
7
7
  const fileUploadCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{font-family:var(--ifx-font-family, sans-serif)}.file-upload-wrapper{display:flex;flex-direction:column}.file-upload-wrapper.disabled{pointer-events:none}.file-upload-wrapper.disabled label,.file-upload-wrapper.disabled .file-upload-info{color:#575352}.file-upload-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1D1D1D}.file-upload-label .required{display:inline-block;margin-left:4px}.file-upload-label .required.error{color:#CD002F}.upload-dropzone{border:1px dashed #BFBBBB;padding:40px;text-align:center;cursor:pointer;color:#1D1D1D;transition:border-color 0.3s ease;border-radius:1px;background:#FFFFFF}.upload-dropzone ifx-icon{color:#0A8276}.upload-dropzone:hover{border:1px dashed #8D8786}.upload-dropzone.drag-over{border:1px solid #0A8276;background:#F7F7F7}.upload-dropzone.drag-over.error{border:1px solid #0A8276}.upload-dropzone.error{border-color:#CD002F}.disabled .upload-dropzone{pointer-events:none;border-color:#BFBBBB;color:#BFBBBB}.disabled .upload-dropzone ifx-icon{color:#BFBBBB}.upload-dropzone input{display:none}.file-upload-info{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0em;color:#1D1D1D;margin:0;margin-top:4px}.file-upload-status{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0.2px;margin-top:8px}.file-upload-status.file-upload-status__error{display:flex;align-items:center;color:#CD002F}.file-upload-status.file-upload-status__error ifx-icon{position:relative;top:-1px;color:#CD002F;margin-right:8px}.upload-heading{font:600 1.125rem/1.625rem \"Source Sans 3\";margin-bottom:8px}.file-list-wrapper{margin-top:16px}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.file-item{border:1px solid #BFBBBB;padding-top:12px;padding-right:16px;padding-bottom:8px;padding-left:16px;display:flex;gap:8px}.file-info{width:100%;min-width:0}.file-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-8px}.file-top-row ifx-icon{flex-shrink:0}.file-name-wrapper{display:flex;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;font-weight:400;font-size:0.875rem}.file-name-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-name-ext{flex-shrink:0;margin-left:0}.file-middle-row{display:flex;align-items:center;font-size:0.75rem;line-height:1rem;flex-wrap:wrap;color:#575352}.file-middle-row .file-status{margin-left:12px}.file-middle-row .file-status ifx-icon{margin-right:8px}.file-progress-row{margin-top:4px}.file-progress-row ifx-progress-bar{width:100%}.upload-success{border-color:#0A8276}.upload-success .file-status ifx-icon{position:relative;top:1px;color:#4CA460}.upload-failed{border-color:#CD002F}.upload-failed .file-status{color:#CD002F;margin-left:0}";
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$3 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$3 } from './p-bb4de57d.js';
3
3
  import { d as defineCustomElement$2 } from './p-9142f93b.js';
4
4
 
5
5
  // utils.ts
@@ -53,8 +53,8 @@ const FilterAccordion = /*@__PURE__*/ proxyCustomElement(class FilterAccordion e
53
53
  this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);
54
54
  }
55
55
  render() {
56
- return (h("div", { key: '558e64611cf0084dd56486b67b028978be06e279', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '1a367b0dedd7df65a29b0019768b89ddf60de767', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: 'f920f8151fb45340d509bdcc7c0f7581d09bf0b9', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '2e116feece138ad8c768c5da4bfd78992d5d3a23', class: "text" }, h("span", { key: '509dfead8b2d73932db222dcb20d98131834b6b6' }, this.filterGroupName), h("ifx-indicator", { key: '75bbde2dbd115e744db2a5cca0c2b362e67e0fb8', variant: 'number', number: this.count })), h("ifx-icon", { key: '0132b2973bc3c12bb296528a86af2adeab7868f8', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: 'a10114bfc855eab89923e29702014e894bb23788', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
57
- h("div", { key: '235c0fdf9082d73a57dbff0ed468cf519a467c44', class: "filter-accordion-container" }, h("slot", { key: '129a804487fe1c42b35907a3d5288e65ad7dfa61', name: "list" }))));
56
+ return (h("div", { key: '58a9fc554a0111ecaae73e6bf916854565cdb4ce', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '02f5eb1f65b0a9c557e86f4b775066cdc9e0f2e9', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: 'b403fb42b57402a50369da150397d2110a86e24b', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '97169901c1141a46ce053badc8c83843b0acb722', class: "text" }, h("span", { key: '9b08d8bcfd2fff174479047c91c2a1de298b0aa9' }, this.filterGroupName), h("ifx-indicator", { key: '1938781cf1a52eb558fbd81165c08c652d9d2e7e', variant: 'number', number: this.count })), h("ifx-icon", { key: 'ff0e000cd7b8ed8dbe348c2a27a7dda50feb7be2', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: '95f0716c4cfe0e935aff7e2e808cb69b3adb1db2', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
57
+ h("div", { key: '7b05929ad4ef69a3d6f774573104d71de02b0425', class: "filter-accordion-container" }, h("slot", { key: '3c6192595ac49026d2a1fdb63003663da228d0e2', name: "list" }))));
58
58
  }
59
59
  get el() { return this; }
60
60
  static get style() { return IfxFilterAccordionStyle0; }
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f8e6a4ef.js';
2
2
  import { d as defineCustomElement$3 } from './p-17df0350.js';
3
- import { d as defineCustomElement$2 } from './p-12e75dad.js';
3
+ import { d as defineCustomElement$2 } from './p-bb4de57d.js';
4
4
 
5
5
  const filterBarCss = ":host{display:block;width:100%}.search-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-start;margin-bottom:16px}.components-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;gap:16px}.filter-slot-wrapper{flex-grow:1;flex-basis:100%;max-width:100%}@media (max-width: 1024px){.more-filters-wrapper{order:3;width:100%;display:flex;justify-content:center;padding-top:16px;}}@media (min-width: 720px) and (max-width: 1024px){.filter-slot-wrapper{flex-basis:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}}@media (min-width: 1025px){.filter-slot-wrapper{flex-basis:auto;max-width:200px}::slotted([slot=filter-search]){max-width:828px}}::slotted([slot=filter-search]){flex-grow:1;flex-basis:100%;width:100%}";
6
6
  const IfxFilterBarStyle0 = filterBarCss;
@@ -97,7 +97,7 @@ const FilterBar = /*@__PURE__*/ proxyCustomElement(class FilterBar extends H {
97
97
  // Calculate slotsToShow safely
98
98
  const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);
99
99
  const slots = Array.from({ length: slotsToShow }, (_, i) => (h("div", { class: "filter-slot-wrapper" }, h("slot", { name: `filter-component-${i + 1}` }))));
100
- return (h(Host, { key: '883d2316936a342059ab9009149ac8ce2ed877b2' }, h("div", { key: '24e0f7e2dde9ff7ddccf19e03e075b24807ec9d4', class: "search-container" }, h("slot", { key: '10bcfd474cfd9286d3e57e19d110bea6311c4297', name: "filter-search" }), " "), h("div", { key: '3aa8a6c4fb666ff47c7868333c2c494d6cb7bd90', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '1b87cf569495c351b639bc88d714dd195bd943b0', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '9f8073be95597553d1aa4eaccd19fc534ce3f9c6', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '157558f67217a770963b16ca3f6b3a5cc8ed191c', icon: "filter-16" }), "More filters"))))));
100
+ return (h(Host, { key: '7b2cb9b7074cd66edfe0c31ef19e18f72252e569' }, h("div", { key: 'fabc0fa624802d65510c4bff239f4d83bb23f520', class: "search-container" }, h("slot", { key: '2a990d12a8e17c1c7a5db629b2fa050ca55b65d1', name: "filter-search" }), " "), h("div", { key: '874b0e25ca8aa4465d49ebe6db00116843127242', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: 'fe500afb7ff3ab37d8a20ccf781499501bd3b70f', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '7d1ddf8679f50e87488cc62dd01d6571ec203a5a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'dfb8ae890ccb73b8635d041a5cd5344d198c647f', icon: "filter-16" }), "More filters"))))));
101
101
  }
102
102
  get el() { return this; }
103
103
  static get style() { return IfxFilterBarStyle0; }
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$3 } from './p-12e75dad.js';
3
- import { d as defineCustomElement$2 } from './p-afd6d4f5.js';
2
+ import { d as defineCustomElement$3 } from './p-bb4de57d.js';
3
+ import { d as defineCustomElement$2 } from './p-38396fe7.js';
4
4
 
5
5
  const filterSearchCss = ".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}";
6
6
  const IfxFilterSearchStyle0 = filterSearchCss;
@@ -33,7 +33,7 @@ const FilterSearch = /*@__PURE__*/ proxyCustomElement(class FilterSearch extends
33
33
  this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
34
34
  }
35
35
  render() {
36
- return (h("div", { key: '0faa67e585464ac86a1163626e3d85340d4781fb', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: '7bdb336d4e79fe38eee59f4e41ac44e62051b515', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '08613ab1e040959373722caffaee5dcf71b62add', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
36
+ return (h("div", { key: '3d139dc274dbfc4e288cb510e49a86ce261e0659', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'c5287d8e763fe0b3994b87cd71ab35371e21a82b', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '6799eff98a2cd93c79bde4ac761f5ff2c0f0d2b8', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
37
37
  }
38
38
  get host() { return this; }
39
39
  static get watchers() { return {
@@ -127,7 +127,7 @@ const IfxFilterTypeGroup$1 = /*@__PURE__*/ proxyCustomElement(class IfxFilterTyp
127
127
  window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
128
128
  }
129
129
  render() {
130
- return (h(Host, { key: 'c9833666ea9bcb00708bd0dab1cd9680e08ed114' }, h("div", { key: '0ee50ec91a5f1c3bd35899082de4d8f53a40b23e', class: "filter-type-group" }, h("slot", { key: 'f7f4982f39e972d38fb937b88d02bec40513e78c', name: "filter-search" }), h("slot", { key: '25cc8aea032f31c64bd2b164b39af263cf8fb107', name: "filter-accordion" }))));
130
+ return (h(Host, { key: '30471c9617c8701450157ef5e99aa341edccaa68' }, h("div", { key: 'ba65236b497cf26293e0e318b5b9073a82faa67c', class: "filter-type-group" }, h("slot", { key: '3e86a028c265405782169e1d08784b87f1d7bbef', name: "filter-search" }), h("slot", { key: '2a6cf246a7d24e83a247ae4c94f10679893b5b09', name: "filter-accordion" }))));
131
131
  }
132
132
  get el() { return this; }
133
133
  static get style() { return IfxFilterTypeGroupStyle0; }
@@ -1,4 +1,4 @@
1
- import { I as IconButton, d as defineCustomElement$1 } from './p-f2f58eb1.js';
1
+ import { I as IconButton, d as defineCustomElement$1 } from './p-0c449780.js';
2
2
 
3
3
  const IfxIconButton = IconButton;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { I as InfineonIconStencil, d as defineCustomElement$1 } from './p-12e75dad.js';
1
+ import { I as InfineonIconStencil, d as defineCustomElement$1 } from './p-bb4de57d.js';
2
2
 
3
3
  const IfxIcon = InfineonIconStencil;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,8 +1,8 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
2
- import { i as icons, d as defineCustomElement$5 } from './p-12e75dad.js';
2
+ import { i as icons, d as defineCustomElement$5 } from './p-bb4de57d.js';
3
3
  import { d as defineCustomElement$4 } from './p-53d4339c.js';
4
- import { d as defineCustomElement$3 } from './p-20d6a006.js';
5
- import { d as defineCustomElement$2 } from './p-afd6d4f5.js';
4
+ import { d as defineCustomElement$3 } from './p-6d12f845.js';
5
+ import { d as defineCustomElement$2 } from './p-38396fe7.js';
6
6
 
7
7
  const iconsPreviewCss = ".container{display:flex;flex-direction:column;gap:10px}.alert__wrapper{margin-bottom:40px}.snippet__wrapper{display:flex;flex-direction:column;gap:5px;position:sticky;top:0;left:0;z-index:99;background-color:white}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:\"Nunito Sans\";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .no-results{width:100%;text-align:center}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:50;content:\"copied!\";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}";
8
8
  const IfxIconsPreviewStyle0 = iconsPreviewCss;
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$4 } from './p-b6b0d09b.js';
3
- import { d as defineCustomElement$3 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$4 } from './p-186dacc8.js';
3
+ import { d as defineCustomElement$3 } from './p-bb4de57d.js';
4
4
  import { d as defineCustomElement$2 } from './p-357107c5.js';
5
5
 
6
6
  const listEntryCss = ".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";
@@ -26,7 +26,7 @@ const ListEntry = /*@__PURE__*/ proxyCustomElement(class ListEntry extends H {
26
26
  this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
27
27
  }
28
28
  render() {
29
- return (h("div", { key: 'a58d668dc36cb7221f28563b1ed00a041618765a', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
29
+ return (h("div", { key: '98a28e98105de08df0c165f4786ee9cea56d7784', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
30
30
  }
31
31
  get host() { return this; }
32
32
  static get watchers() { return {
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$3 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$3 } from './p-bb4de57d.js';
3
3
  import { d as defineCustomElement$2 } from './p-53d4339c.js';
4
4
 
5
5
  const listCss = ".link-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}";
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$3 } from './p-12e75dad.js';
3
- import { d as defineCustomElement$2 } from './p-f2f58eb1.js';
2
+ import { d as defineCustomElement$3 } from './p-bb4de57d.js';
3
+ import { d as defineCustomElement$2 } from './p-0c449780.js';
4
4
 
5
5
  /**
6
6
  * Copy/pasted from https://github.com/andreasbm/focus-trap
@@ -1,4 +1,4 @@
1
- import { M as Multiselect, d as defineCustomElement$1 } from './p-aedd7be5.js';
1
+ import { M as Multiselect, d as defineCustomElement$1 } from './p-cd833a9b.js';
2
2
 
3
3
  const IfxMultiselect = Multiselect;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
2
- import { d as defineCustomElement$3 } from './p-12e75dad.js';
2
+ import { d as defineCustomElement$3 } from './p-bb4de57d.js';
3
3
  import { d as defineCustomElement$2 } from './p-9142f93b.js';
4
4
 
5
5
  const navbarItemCss = ":host(.hidden){display:none}.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s;display:flex}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .number__indicator-wrapper{position:relative;top:-11px}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:\"Source Sans 3\";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:\"Source Sans 3\";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .number__indicator-wrapper{position:relative;top:-11px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}";