@infineon/infineon-design-system-stencil 29.2.2--canary.1496.81db20b5062bd11fe61e2c6a9d91d86642a87bc7.0 → 29.3.0--canary.1639.52a545f9a651e2536d4f40c373f7eb826907d680.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 (394) hide show
  1. package/dist/cjs/ifx-accordion_2.cjs.entry.js +1 -1
  2. package/dist/cjs/ifx-alert.cjs.entry.js +49 -0
  3. package/dist/cjs/ifx-alert.cjs.entry.js.map +1 -0
  4. package/dist/cjs/ifx-badge.cjs.entry.js +1 -1
  5. package/dist/cjs/ifx-basic-table.cjs.entry.js +1 -1
  6. package/dist/cjs/ifx-breadcrumb-item-label.cjs.entry.js +1 -1
  7. package/dist/cjs/ifx-breadcrumb-item.cjs.entry.js +1 -1
  8. package/dist/cjs/ifx-breadcrumb.cjs.entry.js +1 -1
  9. package/dist/cjs/ifx-button.cjs.entry.js +1 -1
  10. package/dist/cjs/ifx-card-headline.cjs.entry.js +1 -1
  11. package/dist/cjs/ifx-card-image.cjs.entry.js +1 -1
  12. package/dist/cjs/ifx-card-links.cjs.entry.js +1 -1
  13. package/dist/cjs/ifx-card-overline.cjs.entry.js +1 -1
  14. package/dist/cjs/ifx-card-text.cjs.entry.js +1 -1
  15. package/dist/cjs/ifx-card.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 +8 -3
  18. package/dist/cjs/ifx-chip_3.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ifx-content-switcher-item.cjs.entry.js +1 -1
  20. package/dist/cjs/ifx-content-switcher.cjs.entry.js +1 -1
  21. package/dist/cjs/ifx-date-picker.cjs.entry.js +1 -1
  22. package/dist/cjs/ifx-dropdown-header.cjs.entry.js +1 -1
  23. package/dist/cjs/ifx-dropdown-item.cjs.entry.js +1 -1
  24. package/dist/cjs/ifx-dropdown-menu.cjs.entry.js +1 -1
  25. package/dist/cjs/ifx-dropdown-separator.cjs.entry.js +1 -1
  26. package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +1 -1
  27. package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js +1 -1
  28. package/dist/cjs/ifx-dropdown.cjs.entry.js +1 -1
  29. package/dist/cjs/ifx-faq.cjs.entry.js +2 -2
  30. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +1 -1
  31. package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
  32. package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
  33. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
  34. package/dist/cjs/ifx-footer-column.cjs.entry.js +1 -1
  35. package/dist/cjs/ifx-footer.cjs.entry.js +1 -1
  36. package/dist/cjs/ifx-icon-button.cjs.entry.js +1 -1
  37. package/dist/cjs/ifx-icon.cjs.entry.js +1 -1
  38. package/dist/cjs/ifx-icons-preview.cjs.entry.js +1 -1
  39. package/dist/cjs/ifx-link.cjs.entry.js +1 -1
  40. package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
  41. package/dist/cjs/ifx-list-group.cjs.entry.js +1 -1
  42. package/dist/cjs/ifx-list-item.cjs.entry.js +1 -1
  43. package/dist/cjs/ifx-list-notification.cjs.entry.js +1 -1
  44. package/dist/cjs/ifx-list.cjs.entry.js +1 -1
  45. package/dist/cjs/ifx-modal.cjs.entry.js +1 -1
  46. package/dist/cjs/{ifx-multiselect.cjs.entry.js → ifx-multiselect_2.cjs.entry.js} +70 -2
  47. package/dist/cjs/ifx-multiselect_2.cjs.entry.js.map +1 -0
  48. package/dist/cjs/ifx-navbar-item.cjs.entry.js +1 -1
  49. package/dist/cjs/ifx-navbar-profile.cjs.entry.js +1 -1
  50. package/dist/cjs/ifx-navbar.cjs.entry.js +1 -1
  51. package/dist/cjs/ifx-notification.cjs.entry.js +1 -1
  52. package/dist/cjs/ifx-number-indicator.cjs.entry.js +1 -1
  53. package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
  54. package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
  55. package/dist/cjs/ifx-radio-button.cjs.entry.js +1 -1
  56. package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
  57. package/dist/cjs/ifx-search-field.cjs.entry.js +1 -1
  58. package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
  59. package/dist/cjs/ifx-segmented-control.cjs.entry.js +1 -1
  60. package/dist/cjs/ifx-select.cjs.entry.js +59 -4
  61. package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -1
  63. package/dist/cjs/ifx-sidebar-item.cjs.entry.js +1 -1
  64. package/dist/cjs/ifx-sidebar-title.cjs.entry.js +1 -1
  65. package/dist/cjs/ifx-sidebar.cjs.entry.js +1 -1
  66. package/dist/cjs/ifx-slider.cjs.entry.js +1 -1
  67. package/dist/cjs/ifx-spinner.cjs.entry.js +35 -0
  68. package/dist/cjs/ifx-spinner.cjs.entry.js.map +1 -0
  69. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  70. package/dist/cjs/ifx-step.cjs.entry.js +1 -1
  71. package/dist/cjs/ifx-stepper.cjs.entry.js +1 -1
  72. package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
  73. package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
  74. package/dist/cjs/ifx-table.cjs.entry.js +1 -1
  75. package/dist/cjs/ifx-tabs.cjs.entry.js +1 -1
  76. package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
  77. package/dist/cjs/ifx-textarea.cjs.entry.js +3 -3
  78. package/dist/cjs/ifx-tooltip.cjs.entry.js +5 -5
  79. package/dist/cjs/{index-155a65a3.js → index-f6c58643.js} +19 -30
  80. package/dist/cjs/index-f6c58643.js.map +1 -0
  81. package/dist/cjs/infineon-design-system-stencil.cjs.js +2 -2
  82. package/dist/cjs/loader.cjs.js +2 -2
  83. package/dist/collection/collection-manifest.json +0 -2
  84. package/dist/collection/components/pagination/pagination.js +7 -2
  85. package/dist/collection/components/pagination/pagination.js.map +1 -1
  86. package/dist/collection/components/select/single-select/select.css +3 -0
  87. package/dist/collection/components/select/single-select/select.js +76 -3
  88. package/dist/collection/components/select/single-select/select.js.map +1 -1
  89. package/dist/collection/components/text-field/text-field.js +4 -4
  90. package/dist/collection/components/textarea/textarea.js +2 -2
  91. package/dist/collection/components/tooltip/tooltip.js +4 -4
  92. package/dist/collection/index.js.map +1 -1
  93. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  94. package/dist/components/ifx-alert.js +68 -1
  95. package/dist/components/ifx-alert.js.map +1 -1
  96. package/dist/components/ifx-faq.js +1 -1
  97. package/dist/components/ifx-pagination.js +1 -1
  98. package/dist/components/ifx-select.js +1 -1
  99. package/dist/components/ifx-set-filter.js +2 -2
  100. package/dist/components/ifx-spinner.js +46 -1
  101. package/dist/components/ifx-spinner.js.map +1 -1
  102. package/dist/components/ifx-table.js +2 -2
  103. package/dist/components/ifx-text-field.js +1 -1
  104. package/dist/components/ifx-textarea.js +2 -2
  105. package/dist/components/ifx-tooltip.js +4 -4
  106. package/dist/components/{p-2e5420cd.js → p-81357e99.js} +9 -4
  107. package/dist/components/p-81357e99.js.map +1 -0
  108. package/dist/components/{p-e62107e4.js → p-b9024e1a.js} +62 -5
  109. package/dist/components/p-b9024e1a.js.map +1 -0
  110. package/dist/components/{p-b537c83a.js → p-d5a199fb.js} +5 -5
  111. package/dist/components/{p-b537c83a.js.map → p-d5a199fb.js.map} +1 -1
  112. package/dist/esm/ifx-accordion_2.entry.js +1 -1
  113. package/dist/{components/p-81263927.js → esm/ifx-alert.entry.js} +8 -35
  114. package/dist/esm/ifx-alert.entry.js.map +1 -0
  115. package/dist/esm/ifx-badge.entry.js +1 -1
  116. package/dist/esm/ifx-basic-table.entry.js +1 -1
  117. package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -1
  118. package/dist/esm/ifx-breadcrumb-item.entry.js +1 -1
  119. package/dist/esm/ifx-breadcrumb.entry.js +1 -1
  120. package/dist/esm/ifx-button.entry.js +1 -1
  121. package/dist/esm/ifx-card-headline.entry.js +1 -1
  122. package/dist/esm/ifx-card-image.entry.js +1 -1
  123. package/dist/esm/ifx-card-links.entry.js +1 -1
  124. package/dist/esm/ifx-card-overline.entry.js +1 -1
  125. package/dist/esm/ifx-card-text.entry.js +1 -1
  126. package/dist/esm/ifx-card.entry.js +1 -1
  127. package/dist/esm/ifx-checkbox.entry.js +1 -1
  128. package/dist/esm/ifx-chip_3.entry.js +8 -3
  129. package/dist/esm/ifx-chip_3.entry.js.map +1 -1
  130. package/dist/esm/ifx-content-switcher-item.entry.js +1 -1
  131. package/dist/esm/ifx-content-switcher.entry.js +1 -1
  132. package/dist/esm/ifx-date-picker.entry.js +1 -1
  133. package/dist/esm/ifx-dropdown-header.entry.js +1 -1
  134. package/dist/esm/ifx-dropdown-item.entry.js +1 -1
  135. package/dist/esm/ifx-dropdown-menu.entry.js +1 -1
  136. package/dist/esm/ifx-dropdown-separator.entry.js +1 -1
  137. package/dist/esm/ifx-dropdown-trigger-button.entry.js +1 -1
  138. package/dist/esm/ifx-dropdown-trigger.entry.js +1 -1
  139. package/dist/esm/ifx-dropdown.entry.js +1 -1
  140. package/dist/esm/ifx-faq.entry.js +2 -2
  141. package/dist/esm/ifx-filter-accordion.entry.js +1 -1
  142. package/dist/esm/ifx-filter-bar.entry.js +1 -1
  143. package/dist/esm/ifx-filter-search.entry.js +1 -1
  144. package/dist/esm/ifx-filter-type-group.entry.js +1 -1
  145. package/dist/esm/ifx-footer-column.entry.js +1 -1
  146. package/dist/esm/ifx-footer.entry.js +1 -1
  147. package/dist/esm/ifx-icon-button.entry.js +1 -1
  148. package/dist/esm/ifx-icon.entry.js +1 -1
  149. package/dist/esm/ifx-icons-preview.entry.js +1 -1
  150. package/dist/esm/ifx-link.entry.js +1 -1
  151. package/dist/esm/ifx-list-entry.entry.js +1 -1
  152. package/dist/esm/ifx-list-group.entry.js +1 -1
  153. package/dist/esm/ifx-list-item.entry.js +1 -1
  154. package/dist/esm/ifx-list-notification.entry.js +1 -1
  155. package/dist/esm/ifx-list.entry.js +1 -1
  156. package/dist/esm/ifx-modal.entry.js +1 -1
  157. package/dist/esm/{ifx-multiselect.entry.js → ifx-multiselect_2.entry.js} +70 -3
  158. package/dist/esm/ifx-multiselect_2.entry.js.map +1 -0
  159. package/dist/esm/ifx-navbar-item.entry.js +1 -1
  160. package/dist/esm/ifx-navbar-profile.entry.js +1 -1
  161. package/dist/esm/ifx-navbar.entry.js +1 -1
  162. package/dist/esm/ifx-notification.entry.js +1 -1
  163. package/dist/esm/ifx-number-indicator.entry.js +1 -1
  164. package/dist/esm/ifx-overview-table.entry.js +1 -1
  165. package/dist/esm/ifx-progress-bar.entry.js +1 -1
  166. package/dist/esm/ifx-radio-button.entry.js +1 -1
  167. package/dist/esm/ifx-search-bar.entry.js +1 -1
  168. package/dist/esm/ifx-search-field.entry.js +1 -1
  169. package/dist/esm/ifx-segment.entry.js +1 -1
  170. package/dist/esm/ifx-segmented-control.entry.js +1 -1
  171. package/dist/esm/ifx-select.entry.js +59 -4
  172. package/dist/esm/ifx-select.entry.js.map +1 -1
  173. package/dist/esm/ifx-set-filter.entry.js +1 -1
  174. package/dist/esm/ifx-sidebar-item.entry.js +1 -1
  175. package/dist/esm/ifx-sidebar-title.entry.js +1 -1
  176. package/dist/esm/ifx-sidebar.entry.js +1 -1
  177. package/dist/esm/ifx-slider.entry.js +1 -1
  178. package/dist/{components/p-53704c65.js → esm/ifx-spinner.entry.js} +9 -28
  179. package/dist/esm/ifx-spinner.entry.js.map +1 -0
  180. package/dist/esm/ifx-status.entry.js +1 -1
  181. package/dist/esm/ifx-step.entry.js +1 -1
  182. package/dist/esm/ifx-stepper.entry.js +1 -1
  183. package/dist/esm/ifx-switch.entry.js +1 -1
  184. package/dist/esm/ifx-tab.entry.js +1 -1
  185. package/dist/esm/ifx-table.entry.js +1 -1
  186. package/dist/esm/ifx-tabs.entry.js +1 -1
  187. package/dist/esm/ifx-tag.entry.js +1 -1
  188. package/dist/esm/ifx-textarea.entry.js +3 -3
  189. package/dist/esm/ifx-tooltip.entry.js +5 -5
  190. package/dist/esm/{index-d021b985.js → index-fc6a5751.js} +20 -30
  191. package/dist/esm/index-fc6a5751.js.map +1 -0
  192. package/dist/esm/infineon-design-system-stencil.js +3 -3
  193. package/dist/esm/loader.js +3 -3
  194. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  195. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  196. package/dist/infineon-design-system-stencil/{p-716f6675.entry.js → p-02be14a9.entry.js} +2 -2
  197. package/dist/infineon-design-system-stencil/{p-4082111f.entry.js → p-0b5ad497.entry.js} +2 -2
  198. package/dist/infineon-design-system-stencil/{p-4126ee6a.entry.js → p-0c570fa2.entry.js} +2 -2
  199. package/dist/infineon-design-system-stencil/p-0ddf85fc.entry.js +2 -0
  200. package/dist/infineon-design-system-stencil/p-0ddf85fc.entry.js.map +1 -0
  201. package/dist/infineon-design-system-stencil/{p-ca00d3c8.entry.js → p-1175d112.entry.js} +2 -2
  202. package/dist/infineon-design-system-stencil/{p-d517ea6c.entry.js → p-16348b9d.entry.js} +2 -2
  203. package/dist/infineon-design-system-stencil/{p-e76c8cce.entry.js → p-16f9a47c.entry.js} +2 -2
  204. package/dist/infineon-design-system-stencil/{p-b1543f1d.entry.js → p-1b9317bd.entry.js} +2 -2
  205. package/dist/infineon-design-system-stencil/{p-070a401c.entry.js → p-1d9e400c.entry.js} +2 -2
  206. package/dist/infineon-design-system-stencil/{p-e2c6464a.entry.js → p-1f329979.entry.js} +2 -2
  207. package/dist/infineon-design-system-stencil/{p-f037e2e1.entry.js → p-208b28b1.entry.js} +2 -2
  208. package/dist/infineon-design-system-stencil/p-25bf54c9.entry.js +2 -0
  209. package/dist/infineon-design-system-stencil/{p-3a64f78a.entry.js → p-2ae0a0d0.entry.js} +2 -2
  210. package/dist/infineon-design-system-stencil/{p-4626a7a5.entry.js → p-2d17e5b2.entry.js} +2 -2
  211. package/dist/infineon-design-system-stencil/{p-7973be1c.entry.js → p-2e8c0115.entry.js} +2 -2
  212. package/dist/infineon-design-system-stencil/{p-8bd1eb2e.entry.js → p-2fbad873.entry.js} +2 -2
  213. package/dist/infineon-design-system-stencil/{p-3b597917.entry.js → p-30640970.entry.js} +2 -2
  214. package/dist/infineon-design-system-stencil/{p-c9211767.entry.js → p-31889cb2.entry.js} +2 -2
  215. package/dist/infineon-design-system-stencil/{p-5269c5f6.entry.js → p-31e9d4f8.entry.js} +2 -2
  216. package/dist/infineon-design-system-stencil/{p-f98cae21.entry.js → p-336778c3.entry.js} +2 -2
  217. package/dist/infineon-design-system-stencil/{p-005cee40.entry.js → p-37654645.entry.js} +2 -2
  218. package/dist/infineon-design-system-stencil/{p-1e32dc46.entry.js → p-37ecac74.entry.js} +2 -2
  219. package/dist/infineon-design-system-stencil/{p-23fc1ac6.entry.js → p-39697853.entry.js} +2 -2
  220. package/dist/infineon-design-system-stencil/{p-8299d886.entry.js → p-3be58aa2.entry.js} +2 -2
  221. package/dist/infineon-design-system-stencil/{p-22c3e2a6.entry.js → p-4111bbdc.entry.js} +2 -2
  222. package/dist/infineon-design-system-stencil/{p-95c56362.entry.js → p-41b0849d.entry.js} +2 -2
  223. package/dist/infineon-design-system-stencil/{p-9256384e.entry.js → p-4349aa3a.entry.js} +2 -2
  224. package/dist/infineon-design-system-stencil/{p-1f0a54f5.entry.js → p-47476fcb.entry.js} +2 -2
  225. package/dist/infineon-design-system-stencil/p-492a9ab7.entry.js +2 -0
  226. package/dist/infineon-design-system-stencil/{p-4b7b93c4.entry.js → p-49872432.entry.js} +2 -2
  227. package/dist/infineon-design-system-stencil/p-4aab4af4.entry.js +2 -0
  228. package/dist/infineon-design-system-stencil/p-4aab4af4.entry.js.map +1 -0
  229. package/dist/infineon-design-system-stencil/{p-a4205f38.entry.js → p-4af08129.entry.js} +2 -2
  230. package/dist/infineon-design-system-stencil/{p-2deacdfc.entry.js → p-50e122c4.entry.js} +2 -2
  231. package/dist/infineon-design-system-stencil/{p-67efe96d.entry.js → p-5992e272.entry.js} +2 -2
  232. package/dist/infineon-design-system-stencil/{p-ec5fcb90.entry.js → p-5cc523fb.entry.js} +2 -2
  233. package/dist/infineon-design-system-stencil/{p-3e313cf5.entry.js → p-5edfe317.entry.js} +2 -2
  234. package/dist/infineon-design-system-stencil/{p-9e68df13.entry.js → p-666e0ea0.entry.js} +2 -2
  235. package/dist/infineon-design-system-stencil/{p-9c641115.entry.js → p-6ad287cf.entry.js} +2 -2
  236. package/dist/infineon-design-system-stencil/{p-d70843bb.entry.js → p-6e61295f.entry.js} +2 -2
  237. package/dist/infineon-design-system-stencil/{p-23061813.entry.js → p-7378190d.entry.js} +2 -2
  238. package/dist/infineon-design-system-stencil/p-75436967.entry.js +2 -0
  239. package/dist/infineon-design-system-stencil/p-75436967.entry.js.map +1 -0
  240. package/dist/infineon-design-system-stencil/{p-80d79ac2.entry.js → p-79b4d359.entry.js} +2 -2
  241. package/dist/infineon-design-system-stencil/p-80bb0959.js +3 -0
  242. package/dist/infineon-design-system-stencil/{p-7aa4082c.js.map → p-80bb0959.js.map} +1 -1
  243. package/dist/infineon-design-system-stencil/{p-a7b721e4.entry.js → p-8b089cd1.entry.js} +2 -2
  244. package/dist/infineon-design-system-stencil/{p-d4432905.entry.js → p-8c9887e3.entry.js} +2 -2
  245. package/dist/infineon-design-system-stencil/{p-6ff541a9.entry.js → p-951cf503.entry.js} +2 -2
  246. package/dist/infineon-design-system-stencil/{p-b10e3175.entry.js → p-985c7bdc.entry.js} +2 -2
  247. package/dist/infineon-design-system-stencil/{p-f2ba1590.entry.js → p-9c50bc3e.entry.js} +2 -2
  248. package/dist/infineon-design-system-stencil/{p-577e735a.entry.js → p-a10f9b3c.entry.js} +2 -2
  249. package/dist/infineon-design-system-stencil/{p-8ccea8df.entry.js → p-a29b6247.entry.js} +2 -2
  250. package/dist/infineon-design-system-stencil/{p-55e8c571.entry.js → p-a3c03169.entry.js} +2 -2
  251. package/dist/infineon-design-system-stencil/{p-27a85cb6.entry.js → p-b010bfcb.entry.js} +3 -3
  252. package/dist/infineon-design-system-stencil/p-b010bfcb.entry.js.map +1 -0
  253. package/dist/infineon-design-system-stencil/{p-83a3c6d9.entry.js → p-b30b66e5.entry.js} +2 -2
  254. package/dist/infineon-design-system-stencil/{p-10f2f4d2.entry.js → p-b3fb648f.entry.js} +2 -2
  255. package/dist/infineon-design-system-stencil/{p-8822c055.entry.js → p-b8f31dc3.entry.js} +2 -2
  256. package/dist/infineon-design-system-stencil/{p-a825eb1f.entry.js → p-bc40ad21.entry.js} +2 -2
  257. package/dist/infineon-design-system-stencil/{p-5a134c12.entry.js → p-c22f8c81.entry.js} +2 -2
  258. package/dist/infineon-design-system-stencil/{p-15c2d91e.entry.js → p-c2e6cbdb.entry.js} +2 -2
  259. package/dist/infineon-design-system-stencil/{p-21f9efe3.entry.js → p-c61a9185.entry.js} +2 -2
  260. package/dist/infineon-design-system-stencil/{p-cc49128c.entry.js → p-c9aca4b7.entry.js} +2 -2
  261. package/dist/infineon-design-system-stencil/{p-3f71f020.entry.js → p-cb0ddc9b.entry.js} +2 -2
  262. package/dist/infineon-design-system-stencil/{p-6c3947ee.entry.js → p-cdad5d2c.entry.js} +2 -2
  263. package/dist/infineon-design-system-stencil/{p-d0afd036.entry.js → p-ce9e5451.entry.js} +2 -2
  264. package/dist/infineon-design-system-stencil/{p-0b2330b1.entry.js → p-d31a6167.entry.js} +2 -2
  265. package/dist/infineon-design-system-stencil/{p-95c0da4c.entry.js → p-d323e4ed.entry.js} +2 -2
  266. package/dist/infineon-design-system-stencil/{p-a2c65b72.entry.js → p-db4a364b.entry.js} +2 -2
  267. package/dist/infineon-design-system-stencil/{p-a2c65b72.entry.js.map → p-db4a364b.entry.js.map} +1 -1
  268. package/dist/infineon-design-system-stencil/{p-f93d0e29.entry.js → p-dba5e033.entry.js} +2 -2
  269. package/dist/infineon-design-system-stencil/{p-8c0caf65.entry.js → p-e6427f2e.entry.js} +2 -2
  270. package/dist/infineon-design-system-stencil/{p-da42f326.entry.js → p-e8cde48d.entry.js} +2 -2
  271. package/dist/infineon-design-system-stencil/{p-2cde10eb.entry.js → p-ea74d7ab.entry.js} +2 -2
  272. package/dist/infineon-design-system-stencil/{p-bbc7a00e.entry.js → p-ee68427e.entry.js} +2 -2
  273. package/dist/infineon-design-system-stencil/{p-d7b5242d.entry.js → p-f121e197.entry.js} +2 -2
  274. package/dist/infineon-design-system-stencil/{p-85b95a9b.entry.js → p-f3383274.entry.js} +2 -2
  275. package/dist/infineon-design-system-stencil/{p-0c6417aa.entry.js → p-fcf71895.entry.js} +2 -2
  276. package/dist/types/components/select/single-select/select.d.ts +7 -0
  277. package/dist/types/components.d.ts +1 -49
  278. package/package.json +1 -1
  279. package/dist/cjs/ifx-alert_2.cjs.entry.js +0 -201
  280. package/dist/cjs/ifx-alert_2.cjs.entry.js.map +0 -1
  281. package/dist/cjs/ifx-multiselect.cjs.entry.js.map +0 -1
  282. package/dist/cjs/ifx-spinner_2.cjs.entry.js +0 -103
  283. package/dist/cjs/ifx-spinner_2.cjs.entry.js.map +0 -1
  284. package/dist/cjs/ifx-templates-ui.cjs.entry.js +0 -61
  285. package/dist/cjs/ifx-templates-ui.cjs.entry.js.map +0 -1
  286. package/dist/cjs/index-155a65a3.js.map +0 -1
  287. package/dist/collection/components/templates/template/template.css +0 -76
  288. package/dist/collection/components/templates/template/template.js +0 -263
  289. package/dist/collection/components/templates/template/template.js.map +0 -1
  290. package/dist/collection/components/templates/templates-ui/templates-ui.css +0 -33
  291. package/dist/collection/components/templates/templates-ui/templates-ui.js +0 -75
  292. package/dist/collection/components/templates/templates-ui/templates-ui.js.map +0 -1
  293. package/dist/components/ifx-template.d.ts +0 -11
  294. package/dist/components/ifx-template.js +0 -8
  295. package/dist/components/ifx-template.js.map +0 -1
  296. package/dist/components/ifx-templates-ui.d.ts +0 -11
  297. package/dist/components/ifx-templates-ui.js +0 -123
  298. package/dist/components/ifx-templates-ui.js.map +0 -1
  299. package/dist/components/p-2e5420cd.js.map +0 -1
  300. package/dist/components/p-53704c65.js.map +0 -1
  301. package/dist/components/p-80d6c6e4.js +0 -211
  302. package/dist/components/p-80d6c6e4.js.map +0 -1
  303. package/dist/components/p-81263927.js.map +0 -1
  304. package/dist/components/p-e62107e4.js.map +0 -1
  305. package/dist/esm/ifx-alert_2.entry.js +0 -196
  306. package/dist/esm/ifx-alert_2.entry.js.map +0 -1
  307. package/dist/esm/ifx-multiselect.entry.js.map +0 -1
  308. package/dist/esm/ifx-spinner_2.entry.js +0 -98
  309. package/dist/esm/ifx-spinner_2.entry.js.map +0 -1
  310. package/dist/esm/ifx-templates-ui.entry.js +0 -57
  311. package/dist/esm/ifx-templates-ui.entry.js.map +0 -1
  312. package/dist/esm/index-d021b985.js.map +0 -1
  313. package/dist/infineon-design-system-stencil/p-1a9b19fa.entry.js +0 -2
  314. package/dist/infineon-design-system-stencil/p-1a9b19fa.entry.js.map +0 -1
  315. package/dist/infineon-design-system-stencil/p-21ab54a8.entry.js +0 -2
  316. package/dist/infineon-design-system-stencil/p-21ab54a8.entry.js.map +0 -1
  317. package/dist/infineon-design-system-stencil/p-27a85cb6.entry.js.map +0 -1
  318. package/dist/infineon-design-system-stencil/p-3419fe00.entry.js +0 -2
  319. package/dist/infineon-design-system-stencil/p-7aa4082c.js +0 -3
  320. package/dist/infineon-design-system-stencil/p-a76a2ec0.entry.js +0 -2
  321. package/dist/infineon-design-system-stencil/p-a76a2ec0.entry.js.map +0 -1
  322. package/dist/infineon-design-system-stencil/p-e3ce1662.entry.js +0 -2
  323. package/dist/infineon-design-system-stencil/p-e3ce1662.entry.js.map +0 -1
  324. package/dist/infineon-design-system-stencil/p-ff8f6ddc.entry.js +0 -2
  325. package/dist/types/components/templates/template/template.d.ts +0 -33
  326. package/dist/types/components/templates/templates-ui/templates-ui.d.ts +0 -10
  327. /package/dist/infineon-design-system-stencil/{p-716f6675.entry.js.map → p-02be14a9.entry.js.map} +0 -0
  328. /package/dist/infineon-design-system-stencil/{p-4082111f.entry.js.map → p-0b5ad497.entry.js.map} +0 -0
  329. /package/dist/infineon-design-system-stencil/{p-4126ee6a.entry.js.map → p-0c570fa2.entry.js.map} +0 -0
  330. /package/dist/infineon-design-system-stencil/{p-ca00d3c8.entry.js.map → p-1175d112.entry.js.map} +0 -0
  331. /package/dist/infineon-design-system-stencil/{p-d517ea6c.entry.js.map → p-16348b9d.entry.js.map} +0 -0
  332. /package/dist/infineon-design-system-stencil/{p-e76c8cce.entry.js.map → p-16f9a47c.entry.js.map} +0 -0
  333. /package/dist/infineon-design-system-stencil/{p-b1543f1d.entry.js.map → p-1b9317bd.entry.js.map} +0 -0
  334. /package/dist/infineon-design-system-stencil/{p-070a401c.entry.js.map → p-1d9e400c.entry.js.map} +0 -0
  335. /package/dist/infineon-design-system-stencil/{p-e2c6464a.entry.js.map → p-1f329979.entry.js.map} +0 -0
  336. /package/dist/infineon-design-system-stencil/{p-f037e2e1.entry.js.map → p-208b28b1.entry.js.map} +0 -0
  337. /package/dist/infineon-design-system-stencil/{p-3419fe00.entry.js.map → p-25bf54c9.entry.js.map} +0 -0
  338. /package/dist/infineon-design-system-stencil/{p-3a64f78a.entry.js.map → p-2ae0a0d0.entry.js.map} +0 -0
  339. /package/dist/infineon-design-system-stencil/{p-4626a7a5.entry.js.map → p-2d17e5b2.entry.js.map} +0 -0
  340. /package/dist/infineon-design-system-stencil/{p-7973be1c.entry.js.map → p-2e8c0115.entry.js.map} +0 -0
  341. /package/dist/infineon-design-system-stencil/{p-8bd1eb2e.entry.js.map → p-2fbad873.entry.js.map} +0 -0
  342. /package/dist/infineon-design-system-stencil/{p-3b597917.entry.js.map → p-30640970.entry.js.map} +0 -0
  343. /package/dist/infineon-design-system-stencil/{p-c9211767.entry.js.map → p-31889cb2.entry.js.map} +0 -0
  344. /package/dist/infineon-design-system-stencil/{p-5269c5f6.entry.js.map → p-31e9d4f8.entry.js.map} +0 -0
  345. /package/dist/infineon-design-system-stencil/{p-f98cae21.entry.js.map → p-336778c3.entry.js.map} +0 -0
  346. /package/dist/infineon-design-system-stencil/{p-005cee40.entry.js.map → p-37654645.entry.js.map} +0 -0
  347. /package/dist/infineon-design-system-stencil/{p-1e32dc46.entry.js.map → p-37ecac74.entry.js.map} +0 -0
  348. /package/dist/infineon-design-system-stencil/{p-23fc1ac6.entry.js.map → p-39697853.entry.js.map} +0 -0
  349. /package/dist/infineon-design-system-stencil/{p-8299d886.entry.js.map → p-3be58aa2.entry.js.map} +0 -0
  350. /package/dist/infineon-design-system-stencil/{p-22c3e2a6.entry.js.map → p-4111bbdc.entry.js.map} +0 -0
  351. /package/dist/infineon-design-system-stencil/{p-95c56362.entry.js.map → p-41b0849d.entry.js.map} +0 -0
  352. /package/dist/infineon-design-system-stencil/{p-9256384e.entry.js.map → p-4349aa3a.entry.js.map} +0 -0
  353. /package/dist/infineon-design-system-stencil/{p-1f0a54f5.entry.js.map → p-47476fcb.entry.js.map} +0 -0
  354. /package/dist/infineon-design-system-stencil/{p-ff8f6ddc.entry.js.map → p-492a9ab7.entry.js.map} +0 -0
  355. /package/dist/infineon-design-system-stencil/{p-4b7b93c4.entry.js.map → p-49872432.entry.js.map} +0 -0
  356. /package/dist/infineon-design-system-stencil/{p-a4205f38.entry.js.map → p-4af08129.entry.js.map} +0 -0
  357. /package/dist/infineon-design-system-stencil/{p-2deacdfc.entry.js.map → p-50e122c4.entry.js.map} +0 -0
  358. /package/dist/infineon-design-system-stencil/{p-67efe96d.entry.js.map → p-5992e272.entry.js.map} +0 -0
  359. /package/dist/infineon-design-system-stencil/{p-ec5fcb90.entry.js.map → p-5cc523fb.entry.js.map} +0 -0
  360. /package/dist/infineon-design-system-stencil/{p-3e313cf5.entry.js.map → p-5edfe317.entry.js.map} +0 -0
  361. /package/dist/infineon-design-system-stencil/{p-9e68df13.entry.js.map → p-666e0ea0.entry.js.map} +0 -0
  362. /package/dist/infineon-design-system-stencil/{p-9c641115.entry.js.map → p-6ad287cf.entry.js.map} +0 -0
  363. /package/dist/infineon-design-system-stencil/{p-d70843bb.entry.js.map → p-6e61295f.entry.js.map} +0 -0
  364. /package/dist/infineon-design-system-stencil/{p-23061813.entry.js.map → p-7378190d.entry.js.map} +0 -0
  365. /package/dist/infineon-design-system-stencil/{p-80d79ac2.entry.js.map → p-79b4d359.entry.js.map} +0 -0
  366. /package/dist/infineon-design-system-stencil/{p-a7b721e4.entry.js.map → p-8b089cd1.entry.js.map} +0 -0
  367. /package/dist/infineon-design-system-stencil/{p-d4432905.entry.js.map → p-8c9887e3.entry.js.map} +0 -0
  368. /package/dist/infineon-design-system-stencil/{p-6ff541a9.entry.js.map → p-951cf503.entry.js.map} +0 -0
  369. /package/dist/infineon-design-system-stencil/{p-b10e3175.entry.js.map → p-985c7bdc.entry.js.map} +0 -0
  370. /package/dist/infineon-design-system-stencil/{p-f2ba1590.entry.js.map → p-9c50bc3e.entry.js.map} +0 -0
  371. /package/dist/infineon-design-system-stencil/{p-577e735a.entry.js.map → p-a10f9b3c.entry.js.map} +0 -0
  372. /package/dist/infineon-design-system-stencil/{p-8ccea8df.entry.js.map → p-a29b6247.entry.js.map} +0 -0
  373. /package/dist/infineon-design-system-stencil/{p-55e8c571.entry.js.map → p-a3c03169.entry.js.map} +0 -0
  374. /package/dist/infineon-design-system-stencil/{p-83a3c6d9.entry.js.map → p-b30b66e5.entry.js.map} +0 -0
  375. /package/dist/infineon-design-system-stencil/{p-10f2f4d2.entry.js.map → p-b3fb648f.entry.js.map} +0 -0
  376. /package/dist/infineon-design-system-stencil/{p-8822c055.entry.js.map → p-b8f31dc3.entry.js.map} +0 -0
  377. /package/dist/infineon-design-system-stencil/{p-a825eb1f.entry.js.map → p-bc40ad21.entry.js.map} +0 -0
  378. /package/dist/infineon-design-system-stencil/{p-5a134c12.entry.js.map → p-c22f8c81.entry.js.map} +0 -0
  379. /package/dist/infineon-design-system-stencil/{p-15c2d91e.entry.js.map → p-c2e6cbdb.entry.js.map} +0 -0
  380. /package/dist/infineon-design-system-stencil/{p-21f9efe3.entry.js.map → p-c61a9185.entry.js.map} +0 -0
  381. /package/dist/infineon-design-system-stencil/{p-cc49128c.entry.js.map → p-c9aca4b7.entry.js.map} +0 -0
  382. /package/dist/infineon-design-system-stencil/{p-3f71f020.entry.js.map → p-cb0ddc9b.entry.js.map} +0 -0
  383. /package/dist/infineon-design-system-stencil/{p-6c3947ee.entry.js.map → p-cdad5d2c.entry.js.map} +0 -0
  384. /package/dist/infineon-design-system-stencil/{p-d0afd036.entry.js.map → p-ce9e5451.entry.js.map} +0 -0
  385. /package/dist/infineon-design-system-stencil/{p-0b2330b1.entry.js.map → p-d31a6167.entry.js.map} +0 -0
  386. /package/dist/infineon-design-system-stencil/{p-95c0da4c.entry.js.map → p-d323e4ed.entry.js.map} +0 -0
  387. /package/dist/infineon-design-system-stencil/{p-f93d0e29.entry.js.map → p-dba5e033.entry.js.map} +0 -0
  388. /package/dist/infineon-design-system-stencil/{p-8c0caf65.entry.js.map → p-e6427f2e.entry.js.map} +0 -0
  389. /package/dist/infineon-design-system-stencil/{p-da42f326.entry.js.map → p-e8cde48d.entry.js.map} +0 -0
  390. /package/dist/infineon-design-system-stencil/{p-2cde10eb.entry.js.map → p-ea74d7ab.entry.js.map} +0 -0
  391. /package/dist/infineon-design-system-stencil/{p-bbc7a00e.entry.js.map → p-ee68427e.entry.js.map} +0 -0
  392. /package/dist/infineon-design-system-stencil/{p-d7b5242d.entry.js.map → p-f121e197.entry.js.map} +0 -0
  393. /package/dist/infineon-design-system-stencil/{p-85b95a9b.entry.js.map → p-f3383274.entry.js.map} +0 -0
  394. /package/dist/infineon-design-system-stencil/{p-0c6417aa.entry.js.map → p-fcf71895.entry.js.map} +0 -0
package/dist/infineon-design-system-stencil/{p-d7b5242d.entry.js → p-f121e197.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as n,c as a,h as e,g as t}from"./p-7aa4082c.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:block}.navbar__wrapper{font-family:var(--ifx-font-family);height:63px;position:sticky;z-index:1030;border-bottom:1px solid #EEEDED}.navbar__wrapper.fixed{border-bottom:none}.navbar__main-container{position:absolute;top:0;width:100%;transition:all 1s;z-index:1020}.navbar__main-container.fixed{position:fixed}.navbar__main-container.fixed .navbar__container{border-bottom:1px solid #EEEDED}.navbar__main-container.show{height:100vh;bottom:0;background-color:rgba(29, 29, 29, 0.2);transition:1s;z-index:1}.navbar__sidebar{box-sizing:border-box;position:fixed;right:-100%;top:64px;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - 64px);background-color:#FFFFFF;transition:right 1s;z-index:1030}.navbar__sidebar.show{right:0;transition:right 1s}.navbar__sidebar .navbar__sidebar-top-row{display:flex;padding:var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);flex-direction:column;align-items:flex-start;gap:var(--space-200, 16px);flex:1 0 0;align-self:stretch;overflow-y:auto}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper{display:flex;padding-top:var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper.expand{align-items:initial}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item{display:flex;padding:var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;align-items:center;gap:var(--space-100, 8px);align-self:stretch;justify-content:space-between}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-icon-wrapper ifx-icon{vertical-align:middle}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item:hover{cursor:pointer}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row{display:none;padding:var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--color-engineering-100, #F7F7F7);border-top:1px solid var(--color-engineering-200, #EEEDED);gap:10px;max-height:160px;overflow-y:auto}.navbar__sidebar .navbar__sidebar-bottom-row.show{display:flex}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item{display:flex;height:40px;padding-right:var(--space-50, 4px);align-items:center;gap:var(--space-100, 8px);flex:1 0 0}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products,.navbar__sidebar .navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px;flex:none;order:0;align-self:stretch;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0;color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header span{color:#1D1D1D;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:16px;flex:none;order:1;flex-grow:0;width:100%}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{display:flex;flex-direction:row;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#1D1D1D}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{font-style:normal;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:1}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{align-items:normal}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.navbar__container.expanded{justify-content:initial}.navbar__container .navbar__container-search-field-wrapper{display:none}.navbar__container .navbar__container-search-field-wrapper.show{display:flex}.navbar__container .navbar__container-left{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left.hide{display:none}.navbar__container .navbar__container-left.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content{align-items:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-left .navbar__container-left-logo{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo.hide{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo h6{position:relative;margin:0;padding:0;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default svg{width:91px;height:40px;flex:none;order:0;flex-grow:0;vertical-align:bottom}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{width:1px;height:32px;background:#EEEDED;flex:none;order:2;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group{display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:5;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:8px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-right.hide{display:none}.navbar__container .navbar__container-right.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content{align-items:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{flex:1}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0px 4px 16px;border-left:1px solid #BFBBBB;gap:16px;flex:none;order:1;flex-grow:0;width:41px;height:40px}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper.hide{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon{display:flex;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon.close{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon{display:none;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show{display:flex}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__container-right-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen{position:absolute;top:10px}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar a{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1D1D1D;text-decoration:none;display:flex;align-items:center;flex:none;order:1;flex-grow:0}@media screen and (max-width: 800px){.navbar__container{padding:0px 16px;height:64px;gap:initial}.navbar__container.expanded .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__container .navbar__container-left .navbar__container-left-content{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{display:none}.navbar__container .navbar__container-right{flex:1}.navbar__sidebar{width:0;transition:1s}}@media screen and (max-width: 500px){.navbar__sidebar.show{width:100%}}@media screen and (min-width: 500px){.navbar__sidebar.show{width:50%}}@media screen and (min-width: 800px){.navbar__wrapper{height:63px}.navbar__container{padding:0px 16px;height:63px;gap:initial}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}.navbar__sidebar{width:0;transition:1s}.navbar__sidebar.show{right:-100%}}@media screen and (min-width: 1024px){.navbar__wrapper{height:72px}.navbar__container{padding:0px 24px;height:72px}.navbar__container .navbar__container-left{gap:12px;display:flex}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex}.navbar__container .navbar__container-left .navbar__container-left-logo-default svg{width:72.8px;height:32px}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}}@media screen and (min-width: 1200px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 32px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:inherit}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}@media screen and (min-width: 1440px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 40px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:center}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}';const i=r;const o=class{constructor(e){n(this,e);this.ifxNavbarMobileMenuIsOpen=a(this,"ifxNavbarMobileMenuIsOpen",7);this.main=true;this.products=false;this.applications=false;this.design=false;this.support=false;this.about=false;this.applicationName="";this.hasLeftMenuItems=true;this.fixed=true;this.showLogoAndAppname=true;this.searchBarIsOpen=undefined;this.logoHref="";this.internalLogoHref="";this.logoHrefTarget="_self";this.internalLogoHrefTarget="_self"}addEventListenersToHandleCustomFocusState(){const n=this.el.shadowRoot.firstChild;if(!n){console.error("element not found");return}n.tabIndex=-1;const a=n.querySelectorAll("a");for(let n=0;n<a.length;n++){a[n].tabIndex=-1}const e=n.querySelector("slot");if(e){const n=e.assignedNodes();for(let a=0;a<n.length;a++){const e=n[a];if(e.nodeName==="IFX-NAVBAR-ITEM"){const n=e;const a=n===null||n===void 0?void 0:n.shadowRoot.querySelectorAll("a");for(let n=0;n<a.length;n++){a[n].tabIndex=-1}}}}}clearFirstLayerMenu(n){if(n.detail.action==="hideFirstLayer"){const a=this.getMobileMenuTop();for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].hideComponent()}}}if(n.detail.action==="hideSecondLayer"){const a=n.detail.parent;const e=a.children;a.toggleFirstLayerItem("remove","add");for(let a=0;a<e.length;a++){if(!e[a].isSameNode(n.detail.component)){e[a].hideComponent()}}}if(n.detail.action==="returnToSecondLayer"){const a=n.detail.parent;const e=a.children;a.toggleFirstLayerItem("add","remove");for(let a=0;a<e.length;a++){if(!e[a].isSameNode(n.detail.component)){e[a].showComponent()}}}if(n.detail.action==="show"){const a=this.el.querySelectorAll('[slot="left-item"]');for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].showComponent()}}}if(n.detail.action==="return"){const a=this.getMobileMenuTop();for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].showComponent()}}}}getWrappers(){const n=this.el.shadowRoot.querySelector(".navbar__container-right-content-navigation-item-search-bar-icon-wrapper");const a=this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar");const e=n.querySelector("slot");const t=a.querySelector("slot");const r=e.assignedNodes();const i=t.assignedNodes();const o=this.el.querySelector("ifx-navbar-profile");const _=this.el.querySelectorAll('[slot="left-item"]');const c=this.el.querySelectorAll('[slot="right-item"]');const b=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper");return{rightSideSlot:e,leftSideSlot:t,rightAssignedNodes:r,leftAssignedNodes:i,navbarProfile:o,leftMenuItems:_,rightMenuItems:c,topRowWrapper:b}}hideNavItems(){const{rightAssignedNodes:n,leftAssignedNodes:a,navbarProfile:e,leftMenuItems:t,rightMenuItems:r,topRowWrapper:i}=this.getWrappers();if(n.length!==0){this.searchBarIsOpen="right"}else if(a.length!==0){this.searchBarIsOpen="left"}if(e){e.hideComponent()}for(let n=0;n<t.length;n++){if(!i.classList.contains("expand")){t[n].hideComponent()}}for(let n=0;n<r.length;n++){if(i.classList.contains("expand")){if(!r[n].hideOnMobile){r[n].hideComponent()}}else{r[n].hideComponent()}}}showNavItems(){const{navbarProfile:n,leftMenuItems:a,rightMenuItems:e,topRowWrapper:t}=this.getWrappers();this.searchBarIsOpen=undefined;if(n){n.showComponent()}for(let n=0;n<a.length;n++){if(!t.classList.contains("expand")){a[n].showComponent()}}for(let n=0;n<e.length;n++){if(t.classList.contains("expand")){if(!e[n].hideOnMobile){e[n].showComponent()}}else{e[n].showComponent()}}}handleSearchBarToggle(n){if(n.detail){this.hideNavItems()}else if(!n.detail){this.showNavItems()}}toggleClass(n,a){n.classList.toggle(a)}handleSidebar(n){const a=n.currentTarget.closest(".navbar__burger-icon-wrapper");const e=a.querySelector(".navbar__burger-icon");const t=a.querySelector(".navbar__cross-icon");const r=n.currentTarget.closest(".navbar__main-container");const i=n.currentTarget.closest(".navbar__wrapper");const o=i.querySelector(".navbar__sidebar");this.toggleClass(i,"show");this.toggleClass(r,"show");this.toggleClass(o,"show");this.toggleClass(e,"close");this.toggleClass(t,"show");if(t.classList.contains("show")){this.handleBodyScroll("hide")}else{this.handleBodyScroll("show")}}handleBodyScroll(n){const a=this.el.closest("body");if(!this.fixed&&n==="hide"){a.style.overflow="hidden"}else if(n==="show"){a.style.overflow="visible"}}handleDropdownMenu(n){const a=n.currentTarget.querySelector(".navbar__dropdown-wrapper");a.classList.toggle("open");const e=n.currentTarget.querySelector("a");e.classList.toggle("open")}async setItemMenuPosition(){const n=this.el.querySelectorAll("ifx-navbar-item");const a=this.el.querySelector("ifx-navbar-profile");if(a){const n=a.querySelectorAll("ifx-navbar-item");if(n.length!==0){n.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}if(n.length!==0){for(let a=0;a<n.length;a++){const e=n[a];const t=e.querySelectorAll("ifx-navbar-item");if(t.length!==0){const n=await e.setItemSideSpecifications();if(n){t.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}}}}setMenuItemChildrenPosition(n){const a=n.querySelectorAll("ifx-navbar-item");if(a.length!==0){a.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}getMediaQueryList(){const n=window.matchMedia("(max-width: 800px)");return n}componentDidLoad(){this.setItemMenuPosition();this.addEventListenersToHandleCustomFocusState();const n=this.getMediaQueryList();if(n.matches){this.moveNavItemsToSidebar()}}handleMobileMenuBottom(n){const a=this.el.shadowRoot.querySelector(".navbar__sidebar-bottom-row");const e=n.target;const t=e.assignedNodes();if(t.length>0){a.classList.add("show")}else{a.classList.remove("show")}}handleLogoHrefAndTarget(){if(this.logoHref.trim()===""){this.internalLogoHref=undefined}else{this.internalLogoHref=this.logoHref}if(["_self","_blank","_parent"].includes(this.logoHrefTarget.trim())){this.internalLogoHrefTarget=this.logoHrefTarget}else{this.internalLogoHrefTarget="_self"}}componentWillLoad(){this.RemoveSpaceOnStorybookSnippet();const n=this.el.querySelector("ifx-navbar-menu");const a=this.el.querySelectorAll('[slot="left-item"]');if(!a.length&&!n){this.hasLeftMenuItems=false}this.handleLogoHrefAndTarget();const e=window.matchMedia("(max-width: 800px)");e.addEventListener("change",(n=>this.moveNavItemsToSidebar(n)))}getSearchBarLeftWrapper(){const n=this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar");return n}getMobileMenuTop(){const n=this.el.querySelectorAll('[slot="mobile-menu-top"]');return n}getMobileMenuBottom(){const n=this.el.querySelectorAll('[slot="mobile-menu-bottom"]');return n}handleBurgerIcon(){const n=this.getMobileMenuTop();const a=this.getMobileMenuBottom();if(!n.length&&!a.length){const n=this.el.shadowRoot.querySelector(".navbar__burger-icon-wrapper");this.toggleClass(n,"hide")}}moveNavItemsToSidebar(n){const a=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper");const e=this.getMediaQueryList();const t=n?n.matches:e.matches;if(t){a.classList.add("expand");const n=this.el.shadowRoot.querySelector(".navbar__cross-icon");if(n.classList.contains("show")){this.handleBodyScroll("hide")}const e=this.el.querySelector('[slot="search-bar-left"]');if(e){if(this.searchBarIsOpen){e.onNavbarMobile()}const n=this.getSearchBarLeftWrapper();n.classList.add("initial");e.setAttribute("slot","search-bar-right")}const t=this.el.querySelectorAll('[slot="left-item"]');for(let n=0;n<t.length;n++){t[n].setAttribute("slot","mobile-menu-top");t[n].moveChildComponentsIntoSubLayerMenu();if(this.searchBarIsOpen){t[n].showComponent()}}const r=this.el.querySelectorAll('[slot="right-item"]');for(let n=0;n<r.length;n++){if(r[n].tagName.toUpperCase()==="IFX-NAVBAR-PROFILE"){r[n].showLabel=false}else{if(r[n].hideOnMobile){r[n].setAttribute("slot","mobile-menu-bottom");r[n].toggleChildren("add");r[n].showLabel=true;if(this.searchBarIsOpen){r[n].showComponent()}}}}this.handleBurgerIcon()}else{a.classList.remove("expand");this.handleBodyScroll("show");const n=this.getSearchBarLeftWrapper();const e=n.classList.contains("initial");const t=this.el.querySelector('[slot="search-bar-right"]');if(e){if(this.searchBarIsOpen){t.onNavbarMobile()}if(t){t.setAttribute("slot","search-bar-left")}}const r=this.getMobileMenuTop();for(let n=0;n<r.length;n++){r[n].setAttribute("slot","left-item");r[n].moveChildComponentsBackIntoNavbar()}const i=this.getMobileMenuBottom();const o=this.el.querySelector("ifx-navbar-profile");if(o){const n=o.getAttribute("show-label");o.setAttribute("show-label",n)}for(let n=0;n<i.length;n++){i[n].setAttribute("slot","right-item");i[n].toggleChildren("remove");const a=i[n].getAttribute("show-label");i[n].setAttribute("show-label",a);if(this.searchBarIsOpen){i[n].hideComponent()}}}}RemoveSpaceOnStorybookSnippet(){let n=this.el.parentElement;if(n){let a=n.closest(".css-xzp052");if(a){a.style.overflow="visible"}}}render(){return e("div",{key:"248ddce401726339e6d1c413313ed56ec8f117cc","aria-label":"a navigation navbar",class:`navbar__wrapper ${this.fixed?"fixed":""}`},e("div",{key:"35b5ee506267cb70afe88ea3e2b90e89e8ed103f",class:`navbar__main-container ${this.fixed?"fixed":""}`},e("div",{key:"590d5c3f49567990da4ea45fa7b61952e269706c",class:`navbar__container ${this.searchBarIsOpen?"expanded":""}`},e("div",{key:"a41432c786336eeb20bd5b28ad9553e1309f3e9c",class:`navbar__container-left ${this.searchBarIsOpen==="left"?"expand":this.searchBarIsOpen==="right"?"hide":""}`},this.showLogoAndAppname&&e("div",{key:"e87eef326a89f4a3cb96c6c437add8c1ba7014f4",class:`navbar__container-left-logo ${this.searchBarIsOpen==="left"?"hide":""}`},e("div",{key:"54fef930e38c25455b46ecad7f181317459d29ac",class:"navbar__container-left-logo-default"},e("a",{key:"2a75ee0e70da4ec850cd28540e4d85ef80416a94",href:this.internalLogoHref,target:this.internalLogoHrefTarget},e("svg",{key:"0fa5d7b99826e72d9c97de37d31bca241f6bff01",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"3ebe1716f05c1ac334a337d8763f3e9cfb0ca493","clip-path":"url(#clip0_2396_2480)"},e("path",{key:"019508d632c8d9cd437dcfb774cb31165ec7e1da",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),e("path",{key:"4bbeb4d4b52452876599ec765c86c688982e0135",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),e("defs",{key:"a21c6e635a75ec10293b6d4ae20c0b63019a7ae3"},e("clipPath",{key:"808d498e47e27301ebeefae6088eef8cd188e166",id:"clip0_2396_2480"},e("rect",{key:"e4b647305e1c65d22924b631f1fd89267991bb9d",width:"91",height:"40",fill:"white"})))))),this.applicationName&&e("h6",{key:"051e72d0294e76ce0fc46fa52144625606348261"},this.applicationName),this.applicationName&&this.hasLeftMenuItems&&e("div",{key:"d9d8abac7274a2cd685cd6ee294644ec187cd353",class:"navbar__container-left-logo-divider"})),e("div",{key:"60da89e82807afe1495b854f23e730882ee58775",class:"navbar__container-left-content"},e("div",{key:"b97703aac25e88e1dfa3e8478fc0008da7ecc557",class:"navbar__container-left-content-navigation-group"},e("slot",{key:"a84d5abfd6a5904c736daf6cb97e60f84d26ed55",name:"left-item"}),e("div",{key:"a528a27b4cb4847bd4944063c5c05b51b5464951",class:"navbar__container-left-content-navigation-item-search-bar"},e("slot",{key:"b1fd8e5c5f398b1887ba5f0564f61d7d7c7c9540",name:"search-bar-left"}))))),e("div",{key:"d6eada0f675a738b502a54f84f76a9f261a20162",class:`navbar__container-right ${this.searchBarIsOpen==="right"?"expand":this.searchBarIsOpen==="left"?"hide":""}`},e("div",{key:"597e544e174fbf772bc913d62146e94e2819e4ef",class:"navbar__container-right-content"},e("div",{key:"93073da2eeace451f54485d80ce6cc4ff7d860f4",class:"navbar__container-right-content-navigation-group"},e("div",{key:"b318061e7fc3eed2a48d9ed561a34fbe9fa219b4",class:"navbar__container-right-content-navigation-item-search-bar"},e("div",{key:"3ae72c1a698c54908aa36dad33e69904b3f694ba",class:`navbar__container-right-content-navigation-item-search-bar-icon-wrapper`},e("slot",{key:"e0b1e1d3c1826a6791be72b5f94c3c63096d7d09",name:"search-bar-right"}))),e("slot",{key:"472088e229f7e1efdaa9365dd22f3c90c993117e",name:"right-item"}))),e("div",{key:"3f461139243e7051faba0a2e2325b3ee4e47aae9",class:`navbar__burger-icon-wrapper`,onClick:this.handleSidebar.bind(this)},e("div",{key:"79ef37f1dd6bd65199393b53edd76389ae750703",class:"navbar__burger-icon"},e("ifx-icon",{key:"9e8b3a7f02edf04b7de6e0ce9f1499b09531be61",icon:"menu-right-24"})),e("div",{key:"b1cee846315a2b56c56575d3e3e3b9a332437b58",class:"navbar__cross-icon"},e("ifx-icon",{key:"653e0efaebf0876d8abd7d1842536e878453f09d",icon:"cross-24"})))))),e("div",{key:"24e5bcc782ad2cdacd90a4cbdbdb838da719b0b4",class:"navbar__sidebar"},e("div",{key:"c5fae7de1b034bd1402a1ed824a02933d84f824a",class:"navbar__sidebar-top-row"},e("div",{key:"f92770bbc53d630400da15d1515062dee1e6a6c2",class:"navbar__sidebar-top-row-wrapper"},e("slot",{key:"a372f9a7891ceec4acdf9265d00a46931e5ce9ca",name:"mobile-menu-top"}))),e("div",{key:"4633d96eadaaa64db872a26a7a6dd28d8206843c",class:"navbar__sidebar-bottom-row"},e("slot",{key:"e35ddb59ea50fbaa03e2e18319f0b9f948d4bf18",name:"mobile-menu-bottom",onSlotchange:n=>this.handleMobileMenuBottom(n)}))))}get el(){return t(this)}};o.style=i;export{o as ifx_navbar};
2
- //# sourceMappingURL=p-d7b5242d.entry.js.map
1
+ import{r as n,c as a,h as e,g as t}from"./p-80bb0959.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:block}.navbar__wrapper{font-family:var(--ifx-font-family);height:63px;position:sticky;z-index:1030;border-bottom:1px solid #EEEDED}.navbar__wrapper.fixed{border-bottom:none}.navbar__main-container{position:absolute;top:0;width:100%;transition:all 1s;z-index:1020}.navbar__main-container.fixed{position:fixed}.navbar__main-container.fixed .navbar__container{border-bottom:1px solid #EEEDED}.navbar__main-container.show{height:100vh;bottom:0;background-color:rgba(29, 29, 29, 0.2);transition:1s;z-index:1}.navbar__sidebar{box-sizing:border-box;position:fixed;right:-100%;top:64px;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - 64px);background-color:#FFFFFF;transition:right 1s;z-index:1030}.navbar__sidebar.show{right:0;transition:right 1s}.navbar__sidebar .navbar__sidebar-top-row{display:flex;padding:var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);flex-direction:column;align-items:flex-start;gap:var(--space-200, 16px);flex:1 0 0;align-self:stretch;overflow-y:auto}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper{display:flex;padding-top:var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper.expand{align-items:initial}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item{display:flex;padding:var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;align-items:center;gap:var(--space-100, 8px);align-self:stretch;justify-content:space-between}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-icon-wrapper ifx-icon{vertical-align:middle}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item:hover{cursor:pointer}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row{display:none;padding:var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--color-engineering-100, #F7F7F7);border-top:1px solid var(--color-engineering-200, #EEEDED);gap:10px;max-height:160px;overflow-y:auto}.navbar__sidebar .navbar__sidebar-bottom-row.show{display:flex}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item{display:flex;height:40px;padding-right:var(--space-50, 4px);align-items:center;gap:var(--space-100, 8px);flex:1 0 0}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products,.navbar__sidebar .navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px;flex:none;order:0;align-self:stretch;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0;color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header span{color:#1D1D1D;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:16px;flex:none;order:1;flex-grow:0;width:100%}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{display:flex;flex-direction:row;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#1D1D1D}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{font-style:normal;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:1}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{align-items:normal}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.navbar__container.expanded{justify-content:initial}.navbar__container .navbar__container-search-field-wrapper{display:none}.navbar__container .navbar__container-search-field-wrapper.show{display:flex}.navbar__container .navbar__container-left{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left.hide{display:none}.navbar__container .navbar__container-left.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content{align-items:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-left .navbar__container-left-logo{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo.hide{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo h6{position:relative;margin:0;padding:0;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default svg{width:91px;height:40px;flex:none;order:0;flex-grow:0;vertical-align:bottom}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{width:1px;height:32px;background:#EEEDED;flex:none;order:2;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group{display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:5;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:8px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-right.hide{display:none}.navbar__container .navbar__container-right.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content{align-items:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{flex:1}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0px 4px 16px;border-left:1px solid #BFBBBB;gap:16px;flex:none;order:1;flex-grow:0;width:41px;height:40px}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper.hide{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon{display:flex;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon.close{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon{display:none;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show{display:flex}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__container-right-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen{position:absolute;top:10px}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar a{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1D1D1D;text-decoration:none;display:flex;align-items:center;flex:none;order:1;flex-grow:0}@media screen and (max-width: 800px){.navbar__container{padding:0px 16px;height:64px;gap:initial}.navbar__container.expanded .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__container .navbar__container-left .navbar__container-left-content{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{display:none}.navbar__container .navbar__container-right{flex:1}.navbar__sidebar{width:0;transition:1s}}@media screen and (max-width: 500px){.navbar__sidebar.show{width:100%}}@media screen and (min-width: 500px){.navbar__sidebar.show{width:50%}}@media screen and (min-width: 800px){.navbar__wrapper{height:63px}.navbar__container{padding:0px 16px;height:63px;gap:initial}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}.navbar__sidebar{width:0;transition:1s}.navbar__sidebar.show{right:-100%}}@media screen and (min-width: 1024px){.navbar__wrapper{height:72px}.navbar__container{padding:0px 24px;height:72px}.navbar__container .navbar__container-left{gap:12px;display:flex}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex}.navbar__container .navbar__container-left .navbar__container-left-logo-default svg{width:72.8px;height:32px}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}}@media screen and (min-width: 1200px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 32px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:inherit}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}@media screen and (min-width: 1440px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 40px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:center}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}';const i=r;const o=class{constructor(e){n(this,e);this.ifxNavbarMobileMenuIsOpen=a(this,"ifxNavbarMobileMenuIsOpen",7);this.main=true;this.products=false;this.applications=false;this.design=false;this.support=false;this.about=false;this.applicationName="";this.hasLeftMenuItems=true;this.fixed=true;this.showLogoAndAppname=true;this.searchBarIsOpen=undefined;this.logoHref="";this.internalLogoHref="";this.logoHrefTarget="_self";this.internalLogoHrefTarget="_self"}addEventListenersToHandleCustomFocusState(){const n=this.el.shadowRoot.firstChild;if(!n){console.error("element not found");return}n.tabIndex=-1;const a=n.querySelectorAll("a");for(let n=0;n<a.length;n++){a[n].tabIndex=-1}const e=n.querySelector("slot");if(e){const n=e.assignedNodes();for(let a=0;a<n.length;a++){const e=n[a];if(e.nodeName==="IFX-NAVBAR-ITEM"){const n=e;const a=n===null||n===void 0?void 0:n.shadowRoot.querySelectorAll("a");for(let n=0;n<a.length;n++){a[n].tabIndex=-1}}}}}clearFirstLayerMenu(n){if(n.detail.action==="hideFirstLayer"){const a=this.getMobileMenuTop();for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].hideComponent()}}}if(n.detail.action==="hideSecondLayer"){const a=n.detail.parent;const e=a.children;a.toggleFirstLayerItem("remove","add");for(let a=0;a<e.length;a++){if(!e[a].isSameNode(n.detail.component)){e[a].hideComponent()}}}if(n.detail.action==="returnToSecondLayer"){const a=n.detail.parent;const e=a.children;a.toggleFirstLayerItem("add","remove");for(let a=0;a<e.length;a++){if(!e[a].isSameNode(n.detail.component)){e[a].showComponent()}}}if(n.detail.action==="show"){const a=this.el.querySelectorAll('[slot="left-item"]');for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].showComponent()}}}if(n.detail.action==="return"){const a=this.getMobileMenuTop();for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].showComponent()}}}}getWrappers(){const n=this.el.shadowRoot.querySelector(".navbar__container-right-content-navigation-item-search-bar-icon-wrapper");const a=this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar");const e=n.querySelector("slot");const t=a.querySelector("slot");const r=e.assignedNodes();const i=t.assignedNodes();const o=this.el.querySelector("ifx-navbar-profile");const _=this.el.querySelectorAll('[slot="left-item"]');const c=this.el.querySelectorAll('[slot="right-item"]');const b=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper");return{rightSideSlot:e,leftSideSlot:t,rightAssignedNodes:r,leftAssignedNodes:i,navbarProfile:o,leftMenuItems:_,rightMenuItems:c,topRowWrapper:b}}hideNavItems(){const{rightAssignedNodes:n,leftAssignedNodes:a,navbarProfile:e,leftMenuItems:t,rightMenuItems:r,topRowWrapper:i}=this.getWrappers();if(n.length!==0){this.searchBarIsOpen="right"}else if(a.length!==0){this.searchBarIsOpen="left"}if(e){e.hideComponent()}for(let n=0;n<t.length;n++){if(!i.classList.contains("expand")){t[n].hideComponent()}}for(let n=0;n<r.length;n++){if(i.classList.contains("expand")){if(!r[n].hideOnMobile){r[n].hideComponent()}}else{r[n].hideComponent()}}}showNavItems(){const{navbarProfile:n,leftMenuItems:a,rightMenuItems:e,topRowWrapper:t}=this.getWrappers();this.searchBarIsOpen=undefined;if(n){n.showComponent()}for(let n=0;n<a.length;n++){if(!t.classList.contains("expand")){a[n].showComponent()}}for(let n=0;n<e.length;n++){if(t.classList.contains("expand")){if(!e[n].hideOnMobile){e[n].showComponent()}}else{e[n].showComponent()}}}handleSearchBarToggle(n){if(n.detail){this.hideNavItems()}else if(!n.detail){this.showNavItems()}}toggleClass(n,a){n.classList.toggle(a)}handleSidebar(n){const a=n.currentTarget.closest(".navbar__burger-icon-wrapper");const e=a.querySelector(".navbar__burger-icon");const t=a.querySelector(".navbar__cross-icon");const r=n.currentTarget.closest(".navbar__main-container");const i=n.currentTarget.closest(".navbar__wrapper");const o=i.querySelector(".navbar__sidebar");this.toggleClass(i,"show");this.toggleClass(r,"show");this.toggleClass(o,"show");this.toggleClass(e,"close");this.toggleClass(t,"show");if(t.classList.contains("show")){this.handleBodyScroll("hide")}else{this.handleBodyScroll("show")}}handleBodyScroll(n){const a=this.el.closest("body");if(!this.fixed&&n==="hide"){a.style.overflow="hidden"}else if(n==="show"){a.style.overflow="visible"}}handleDropdownMenu(n){const a=n.currentTarget.querySelector(".navbar__dropdown-wrapper");a.classList.toggle("open");const e=n.currentTarget.querySelector("a");e.classList.toggle("open")}async setItemMenuPosition(){const n=this.el.querySelectorAll("ifx-navbar-item");const a=this.el.querySelector("ifx-navbar-profile");if(a){const n=a.querySelectorAll("ifx-navbar-item");if(n.length!==0){n.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}if(n.length!==0){for(let a=0;a<n.length;a++){const e=n[a];const t=e.querySelectorAll("ifx-navbar-item");if(t.length!==0){const n=await e.setItemSideSpecifications();if(n){t.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}}}}setMenuItemChildrenPosition(n){const a=n.querySelectorAll("ifx-navbar-item");if(a.length!==0){a.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}getMediaQueryList(){const n=window.matchMedia("(max-width: 800px)");return n}componentDidLoad(){this.setItemMenuPosition();this.addEventListenersToHandleCustomFocusState();const n=this.getMediaQueryList();if(n.matches){this.moveNavItemsToSidebar()}}handleMobileMenuBottom(n){const a=this.el.shadowRoot.querySelector(".navbar__sidebar-bottom-row");const e=n.target;const t=e.assignedNodes();if(t.length>0){a.classList.add("show")}else{a.classList.remove("show")}}handleLogoHrefAndTarget(){if(this.logoHref.trim()===""){this.internalLogoHref=undefined}else{this.internalLogoHref=this.logoHref}if(["_self","_blank","_parent"].includes(this.logoHrefTarget.trim())){this.internalLogoHrefTarget=this.logoHrefTarget}else{this.internalLogoHrefTarget="_self"}}componentWillLoad(){this.RemoveSpaceOnStorybookSnippet();const n=this.el.querySelector("ifx-navbar-menu");const a=this.el.querySelectorAll('[slot="left-item"]');if(!a.length&&!n){this.hasLeftMenuItems=false}this.handleLogoHrefAndTarget();const e=window.matchMedia("(max-width: 800px)");e.addEventListener("change",(n=>this.moveNavItemsToSidebar(n)))}getSearchBarLeftWrapper(){const n=this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar");return n}getMobileMenuTop(){const n=this.el.querySelectorAll('[slot="mobile-menu-top"]');return n}getMobileMenuBottom(){const n=this.el.querySelectorAll('[slot="mobile-menu-bottom"]');return n}handleBurgerIcon(){const n=this.getMobileMenuTop();const a=this.getMobileMenuBottom();if(!n.length&&!a.length){const n=this.el.shadowRoot.querySelector(".navbar__burger-icon-wrapper");this.toggleClass(n,"hide")}}moveNavItemsToSidebar(n){const a=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper");const e=this.getMediaQueryList();const t=n?n.matches:e.matches;if(t){a.classList.add("expand");const n=this.el.shadowRoot.querySelector(".navbar__cross-icon");if(n.classList.contains("show")){this.handleBodyScroll("hide")}const e=this.el.querySelector('[slot="search-bar-left"]');if(e){if(this.searchBarIsOpen){e.onNavbarMobile()}const n=this.getSearchBarLeftWrapper();n.classList.add("initial");e.setAttribute("slot","search-bar-right")}const t=this.el.querySelectorAll('[slot="left-item"]');for(let n=0;n<t.length;n++){t[n].setAttribute("slot","mobile-menu-top");t[n].moveChildComponentsIntoSubLayerMenu();if(this.searchBarIsOpen){t[n].showComponent()}}const r=this.el.querySelectorAll('[slot="right-item"]');for(let n=0;n<r.length;n++){if(r[n].tagName.toUpperCase()==="IFX-NAVBAR-PROFILE"){r[n].showLabel=false}else{if(r[n].hideOnMobile){r[n].setAttribute("slot","mobile-menu-bottom");r[n].toggleChildren("add");r[n].showLabel=true;if(this.searchBarIsOpen){r[n].showComponent()}}}}this.handleBurgerIcon()}else{a.classList.remove("expand");this.handleBodyScroll("show");const n=this.getSearchBarLeftWrapper();const e=n.classList.contains("initial");const t=this.el.querySelector('[slot="search-bar-right"]');if(e){if(this.searchBarIsOpen){t.onNavbarMobile()}if(t){t.setAttribute("slot","search-bar-left")}}const r=this.getMobileMenuTop();for(let n=0;n<r.length;n++){r[n].setAttribute("slot","left-item");r[n].moveChildComponentsBackIntoNavbar()}const i=this.getMobileMenuBottom();const o=this.el.querySelector("ifx-navbar-profile");if(o){const n=o.getAttribute("show-label");o.setAttribute("show-label",n)}for(let n=0;n<i.length;n++){i[n].setAttribute("slot","right-item");i[n].toggleChildren("remove");const a=i[n].getAttribute("show-label");i[n].setAttribute("show-label",a);if(this.searchBarIsOpen){i[n].hideComponent()}}}}RemoveSpaceOnStorybookSnippet(){let n=this.el.parentElement;if(n){let a=n.closest(".css-xzp052");if(a){a.style.overflow="visible"}}}render(){return e("div",{key:"248ddce401726339e6d1c413313ed56ec8f117cc","aria-label":"a navigation navbar",class:`navbar__wrapper ${this.fixed?"fixed":""}`},e("div",{key:"35b5ee506267cb70afe88ea3e2b90e89e8ed103f",class:`navbar__main-container ${this.fixed?"fixed":""}`},e("div",{key:"590d5c3f49567990da4ea45fa7b61952e269706c",class:`navbar__container ${this.searchBarIsOpen?"expanded":""}`},e("div",{key:"a41432c786336eeb20bd5b28ad9553e1309f3e9c",class:`navbar__container-left ${this.searchBarIsOpen==="left"?"expand":this.searchBarIsOpen==="right"?"hide":""}`},this.showLogoAndAppname&&e("div",{key:"e87eef326a89f4a3cb96c6c437add8c1ba7014f4",class:`navbar__container-left-logo ${this.searchBarIsOpen==="left"?"hide":""}`},e("div",{key:"54fef930e38c25455b46ecad7f181317459d29ac",class:"navbar__container-left-logo-default"},e("a",{key:"2a75ee0e70da4ec850cd28540e4d85ef80416a94",href:this.internalLogoHref,target:this.internalLogoHrefTarget},e("svg",{key:"0fa5d7b99826e72d9c97de37d31bca241f6bff01",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"3ebe1716f05c1ac334a337d8763f3e9cfb0ca493","clip-path":"url(#clip0_2396_2480)"},e("path",{key:"019508d632c8d9cd437dcfb774cb31165ec7e1da",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),e("path",{key:"4bbeb4d4b52452876599ec765c86c688982e0135",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),e("defs",{key:"a21c6e635a75ec10293b6d4ae20c0b63019a7ae3"},e("clipPath",{key:"808d498e47e27301ebeefae6088eef8cd188e166",id:"clip0_2396_2480"},e("rect",{key:"e4b647305e1c65d22924b631f1fd89267991bb9d",width:"91",height:"40",fill:"white"})))))),this.applicationName&&e("h6",{key:"051e72d0294e76ce0fc46fa52144625606348261"},this.applicationName),this.applicationName&&this.hasLeftMenuItems&&e("div",{key:"d9d8abac7274a2cd685cd6ee294644ec187cd353",class:"navbar__container-left-logo-divider"})),e("div",{key:"60da89e82807afe1495b854f23e730882ee58775",class:"navbar__container-left-content"},e("div",{key:"b97703aac25e88e1dfa3e8478fc0008da7ecc557",class:"navbar__container-left-content-navigation-group"},e("slot",{key:"a84d5abfd6a5904c736daf6cb97e60f84d26ed55",name:"left-item"}),e("div",{key:"a528a27b4cb4847bd4944063c5c05b51b5464951",class:"navbar__container-left-content-navigation-item-search-bar"},e("slot",{key:"b1fd8e5c5f398b1887ba5f0564f61d7d7c7c9540",name:"search-bar-left"}))))),e("div",{key:"d6eada0f675a738b502a54f84f76a9f261a20162",class:`navbar__container-right ${this.searchBarIsOpen==="right"?"expand":this.searchBarIsOpen==="left"?"hide":""}`},e("div",{key:"597e544e174fbf772bc913d62146e94e2819e4ef",class:"navbar__container-right-content"},e("div",{key:"93073da2eeace451f54485d80ce6cc4ff7d860f4",class:"navbar__container-right-content-navigation-group"},e("div",{key:"b318061e7fc3eed2a48d9ed561a34fbe9fa219b4",class:"navbar__container-right-content-navigation-item-search-bar"},e("div",{key:"3ae72c1a698c54908aa36dad33e69904b3f694ba",class:`navbar__container-right-content-navigation-item-search-bar-icon-wrapper`},e("slot",{key:"e0b1e1d3c1826a6791be72b5f94c3c63096d7d09",name:"search-bar-right"}))),e("slot",{key:"472088e229f7e1efdaa9365dd22f3c90c993117e",name:"right-item"}))),e("div",{key:"3f461139243e7051faba0a2e2325b3ee4e47aae9",class:`navbar__burger-icon-wrapper`,onClick:this.handleSidebar.bind(this)},e("div",{key:"79ef37f1dd6bd65199393b53edd76389ae750703",class:"navbar__burger-icon"},e("ifx-icon",{key:"9e8b3a7f02edf04b7de6e0ce9f1499b09531be61",icon:"menu-right-24"})),e("div",{key:"b1cee846315a2b56c56575d3e3e3b9a332437b58",class:"navbar__cross-icon"},e("ifx-icon",{key:"653e0efaebf0876d8abd7d1842536e878453f09d",icon:"cross-24"})))))),e("div",{key:"24e5bcc782ad2cdacd90a4cbdbdb838da719b0b4",class:"navbar__sidebar"},e("div",{key:"c5fae7de1b034bd1402a1ed824a02933d84f824a",class:"navbar__sidebar-top-row"},e("div",{key:"f92770bbc53d630400da15d1515062dee1e6a6c2",class:"navbar__sidebar-top-row-wrapper"},e("slot",{key:"a372f9a7891ceec4acdf9265d00a46931e5ce9ca",name:"mobile-menu-top"}))),e("div",{key:"4633d96eadaaa64db872a26a7a6dd28d8206843c",class:"navbar__sidebar-bottom-row"},e("slot",{key:"e35ddb59ea50fbaa03e2e18319f0b9f948d4bf18",name:"mobile-menu-bottom",onSlotchange:n=>this.handleMobileMenuBottom(n)}))))}get el(){return t(this)}};o.style=i;export{o as ifx_navbar};
2
+ //# sourceMappingURL=p-f121e197.entry.js.map
package/dist/infineon-design-system-stencil/{p-85b95a9b.entry.js → p-f3383274.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,h as o,g as i}from"./p-7aa4082c.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}';const a=t;const f=class{constructor(o){e(this,o)}render(){return o("div",{key:"4cad5415cae80dfff4e7d75e82163bd0ef71f648",class:"col"},o("slot",{key:"e884b90aadc3df6f4ec4ccff44a8e05589277b5c",name:"title"}),o("span",{key:"e29933f15be919b14ea765ccbcf75bcd8c8f19e7","aria-label":"navigation link"},o("slot",{key:"5ae8906786990bc1e0821982fa4f0d7bb9dadc9f",name:"link"})))}get el(){return i(this)}};f.style=a;export{f as ifx_footer_column};
2
- //# sourceMappingURL=p-85b95a9b.entry.js.map
1
+ import{r as e,h as o,g as i}from"./p-80bb0959.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}';const a=t;const f=class{constructor(o){e(this,o)}render(){return o("div",{key:"4cad5415cae80dfff4e7d75e82163bd0ef71f648",class:"col"},o("slot",{key:"e884b90aadc3df6f4ec4ccff44a8e05589277b5c",name:"title"}),o("span",{key:"e29933f15be919b14ea765ccbcf75bcd8c8f19e7","aria-label":"navigation link"},o("slot",{key:"5ae8906786990bc1e0821982fa4f0d7bb9dadc9f",name:"link"})))}get el(){return i(this)}};f.style=a;export{f as ifx_footer_column};
2
+ //# sourceMappingURL=p-f3383274.entry.js.map
package/dist/infineon-design-system-stencil/{p-0c6417aa.entry.js → p-fcf71895.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as i,c as t,h as s,g as h}from"./p-7aa4082c.js";import{c as e}from"./p-e459974a.js";const n=":host{display:inline-block}";const a=n;const l=class{constructor(s){i(this,s);this.ifxOpen=t(this,"ifxOpen",7);this.ifxClose=t(this,"ifxClose",7);this.ifxDropdown=t(this,"ifxDropdown",7);this.placement="bottom-start";this.defaultOpen=false;this.internalIsOpen=false;this.noAppendToBody=false;this.disabled=undefined;this.noCloseOnOutsideClick=false;this.noCloseOnMenuClick=false;this.trigger=undefined;this.menu=undefined}componentWillLoad(){this.updateSlotContent();this.watchHandlerIsOpen(this.defaultOpen,this.internalIsOpen)}watchHandlerIsOpen(i,t){if(i!==t&&i!==this.internalIsOpen){if(i){this.openDropdown()}else{this.closeDropdown()}}}watchHandlerDisabled(i){if(this.trigger){this.trigger.disabled=i}}watchHandlerSlot(){this.updateSlotContent()}updateSlotContent(){this.trigger=this.el.querySelector("ifx-dropdown-trigger-button, ifx-dropdown-trigger");if(this.trigger){this.trigger.disabled=this.disabled;this.trigger.removeEventListener("click",this.triggerClickHandler.bind(this));this.trigger.addEventListener("click",this.triggerClickHandler.bind(this))}if(!this.noAppendToBody){if(this.menu){this.menu.remove()}this.menu=this.el.querySelector("ifx-dropdown-menu");document.body.append(this.menu)}else{this.menu=this.el.querySelector("ifx-dropdown-menu")}this.menu.removeEventListener("click",this.menuClickHandler.bind(this));this.menu.addEventListener("click",this.menuClickHandler.bind(this))}menuClickHandler(){if(!this.noCloseOnMenuClick){this.closeDropdown()}}triggerClickHandler(){if(!this.internalIsOpen){this.openDropdown()}else{this.closeDropdown()}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.menu){this.menu.remove()}}async isOpen(){return this.internalIsOpen}async closeDropdown(){if(this.internalIsOpen){this.internalIsOpen=false;this.trigger.isOpen=false;this.menu.isOpen=false;this.ifxClose.emit()}if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}async openDropdown(){if(!this.internalIsOpen&&!this.disabled){this.internalIsOpen=true;this.trigger.isOpen=true;this.menu.isOpen=true;this.popperInstance=e(this.el,this.menu,{placement:this.placement});this.ifxOpen.emit()}}handleOutsideClick(i){const t=i.target;if(!this.noCloseOnOutsideClick&&!this.el.contains(t)&&!this.menu.contains(t)){this.closeDropdown()}}render(){return s("div",{key:"219177f6d008120f92de56d6e3a0b135b1150fa3","aria-label":"dropdown menu",class:"dropdown"},s("slot",{key:"c914c9bbf3476b569d90db5418c35cb0e5645a4e"}))}get el(){return h(this)}static get watchers(){return{defaultOpen:["watchHandlerIsOpen"],disabled:["watchHandlerDisabled"]}}};l.style=a;export{l as ifx_dropdown};
2
- //# sourceMappingURL=p-0c6417aa.entry.js.map
1
+ import{r as i,c as t,h as s,g as h}from"./p-80bb0959.js";import{c as e}from"./p-e459974a.js";const n=":host{display:inline-block}";const l=n;const a=class{constructor(s){i(this,s);this.ifxOpen=t(this,"ifxOpen",7);this.ifxClose=t(this,"ifxClose",7);this.ifxDropdown=t(this,"ifxDropdown",7);this.placement="bottom-start";this.defaultOpen=false;this.internalIsOpen=false;this.noAppendToBody=false;this.disabled=undefined;this.noCloseOnOutsideClick=false;this.noCloseOnMenuClick=false;this.trigger=undefined;this.menu=undefined}componentWillLoad(){this.updateSlotContent();this.watchHandlerIsOpen(this.defaultOpen,this.internalIsOpen)}watchHandlerIsOpen(i,t){if(i!==t&&i!==this.internalIsOpen){if(i){this.openDropdown()}else{this.closeDropdown()}}}watchHandlerDisabled(i){if(this.trigger){this.trigger.disabled=i}}watchHandlerSlot(){this.updateSlotContent()}updateSlotContent(){this.trigger=this.el.querySelector("ifx-dropdown-trigger-button, ifx-dropdown-trigger");if(this.trigger){this.trigger.disabled=this.disabled;this.trigger.removeEventListener("click",this.triggerClickHandler.bind(this));this.trigger.addEventListener("click",this.triggerClickHandler.bind(this))}if(!this.noAppendToBody){if(this.menu){this.menu.remove()}this.menu=this.el.querySelector("ifx-dropdown-menu");document.body.append(this.menu)}else{this.menu=this.el.querySelector("ifx-dropdown-menu")}this.menu.removeEventListener("click",this.menuClickHandler.bind(this));this.menu.addEventListener("click",this.menuClickHandler.bind(this))}menuClickHandler(){if(!this.noCloseOnMenuClick){this.closeDropdown()}}triggerClickHandler(){if(!this.internalIsOpen){this.openDropdown()}else{this.closeDropdown()}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.menu){this.menu.remove()}}async isOpen(){return this.internalIsOpen}async closeDropdown(){if(this.internalIsOpen){this.internalIsOpen=false;this.trigger.isOpen=false;this.menu.isOpen=false;this.ifxClose.emit()}if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}async openDropdown(){if(!this.internalIsOpen&&!this.disabled){this.internalIsOpen=true;this.trigger.isOpen=true;this.menu.isOpen=true;this.popperInstance=e(this.el,this.menu,{placement:this.placement});this.ifxOpen.emit()}}handleOutsideClick(i){const t=i.target;if(!this.noCloseOnOutsideClick&&!this.el.contains(t)&&!this.menu.contains(t)){this.closeDropdown()}}render(){return s("div",{key:"219177f6d008120f92de56d6e3a0b135b1150fa3","aria-label":"dropdown menu",class:"dropdown"},s("slot",{key:"c914c9bbf3476b569d90db5418c35cb0e5645a4e"}))}get el(){return h(this)}static get watchers(){return{defaultOpen:["watchHandlerIsOpen"],disabled:["watchHandlerDisabled"]}}};a.style=l;export{a as ifx_dropdown};
2
+ //# sourceMappingURL=p-fcf71895.entry.js.map
package/dist/types/components/select/single-select/select.d.ts CHANGED
@@ -53,6 +53,8 @@ export declare class Choices implements IChoicesProps, IChoicesMethods {
53
53
  options: any[] | string;
54
54
  size: string;
55
55
  selectedOption: any | null;
56
+ optionIsSelected: boolean;
57
+ private resizeObserver;
56
58
  private readonly root;
57
59
  private choice;
58
60
  private element;
@@ -76,6 +78,11 @@ export declare class Choices implements IChoicesProps, IChoicesMethods {
76
78
  clearStore(): Promise<this>;
77
79
  clearInput(): Promise<this>;
78
80
  ajax(fn: AjaxFn): Promise<this>;
81
+ handleDeleteIcon(): Promise<void>;
82
+ handleCloseButton(): void;
83
+ protected componentWillLoad(): void;
84
+ protected componentWillUpdate(): void;
85
+ addResizeObserver(): void;
79
86
  protected componentDidLoad(): void;
80
87
  protected componentDidUpdate(): void;
81
88
  protected disconnectedCallback(): void;
package/dist/types/components.d.ts CHANGED
@@ -375,6 +375,7 @@ export namespace Components {
375
375
  "fuseOptions": FuseOptions;
376
376
  "getValue": (valueOnly?: boolean) => Promise<string | Array<string>>;
377
377
  "handleChange": () => Promise<void>;
378
+ "handleDeleteIcon": () => Promise<void>;
378
379
  "hideDropdown": (blurInput?: boolean) => Promise<this>;
379
380
  "highlightAll": () => Promise<this>;
380
381
  "highlightItem": (item: HTMLElement, runEvent?: boolean) => Promise<this>;
@@ -524,13 +525,6 @@ export namespace Components {
524
525
  interface IfxTag {
525
526
  "icon": string;
526
527
  }
527
- interface IfxTemplate {
528
- "name": string;
529
- "thumbnail": string;
530
- "toggleTemplate": (currTemp: any) => Promise<void>;
531
- }
532
- interface IfxTemplatesUi {
533
- }
534
528
  interface IfxTextField {
535
529
  "caption": string;
536
530
  "disabled": boolean;
@@ -715,10 +709,6 @@ export interface IfxTabsCustomEvent<T> extends CustomEvent<T> {
715
709
  detail: T;
716
710
  target: HTMLIfxTabsElement;
717
711
  }
718
- export interface IfxTemplateCustomEvent<T> extends CustomEvent<T> {
719
- detail: T;
720
- target: HTMLIfxTemplateElement;
721
- }
722
712
  export interface IfxTextFieldCustomEvent<T> extends CustomEvent<T> {
723
713
  detail: T;
724
714
  target: HTMLIfxTextFieldElement;
@@ -1580,30 +1570,6 @@ declare global {
1580
1570
  prototype: HTMLIfxTagElement;
1581
1571
  new (): HTMLIfxTagElement;
1582
1572
  };
1583
- interface HTMLIfxTemplateElementEventMap {
1584
- "toggleTemplates": any;
1585
- "fieldError": any;
1586
- }
1587
- interface HTMLIfxTemplateElement extends Components.IfxTemplate, HTMLStencilElement {
1588
- addEventListener<K extends keyof HTMLIfxTemplateElementEventMap>(type: K, listener: (this: HTMLIfxTemplateElement, ev: IfxTemplateCustomEvent<HTMLIfxTemplateElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
1589
- addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
1590
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
1591
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
1592
- removeEventListener<K extends keyof HTMLIfxTemplateElementEventMap>(type: K, listener: (this: HTMLIfxTemplateElement, ev: IfxTemplateCustomEvent<HTMLIfxTemplateElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
1593
- removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
1594
- removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
1595
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
1596
- }
1597
- var HTMLIfxTemplateElement: {
1598
- prototype: HTMLIfxTemplateElement;
1599
- new (): HTMLIfxTemplateElement;
1600
- };
1601
- interface HTMLIfxTemplatesUiElement extends Components.IfxTemplatesUi, HTMLStencilElement {
1602
- }
1603
- var HTMLIfxTemplatesUiElement: {
1604
- prototype: HTMLIfxTemplatesUiElement;
1605
- new (): HTMLIfxTemplatesUiElement;
1606
- };
1607
1573
  interface HTMLIfxTextFieldElementEventMap {
1608
1574
  "ifxInput": String;
1609
1575
  }
@@ -1719,8 +1685,6 @@ declare global {
1719
1685
  "ifx-table": HTMLIfxTableElement;
1720
1686
  "ifx-tabs": HTMLIfxTabsElement;
1721
1687
  "ifx-tag": HTMLIfxTagElement;
1722
- "ifx-template": HTMLIfxTemplateElement;
1723
- "ifx-templates-ui": HTMLIfxTemplatesUiElement;
1724
1688
  "ifx-text-field": HTMLIfxTextFieldElement;
1725
1689
  "ifx-textarea": HTMLIfxTextareaElement;
1726
1690
  "ifx-tooltip": HTMLIfxTooltipElement;
@@ -2232,14 +2196,6 @@ declare namespace LocalJSX {
2232
2196
  interface IfxTag {
2233
2197
  "icon"?: string;
2234
2198
  }
2235
- interface IfxTemplate {
2236
- "name"?: string;
2237
- "onFieldError"?: (event: IfxTemplateCustomEvent<any>) => void;
2238
- "onToggleTemplates"?: (event: IfxTemplateCustomEvent<any>) => void;
2239
- "thumbnail"?: string;
2240
- }
2241
- interface IfxTemplatesUi {
2242
- }
2243
2199
  interface IfxTextField {
2244
2200
  "caption"?: string;
2245
2201
  "disabled"?: boolean;
@@ -2354,8 +2310,6 @@ declare namespace LocalJSX {
2354
2310
  "ifx-table": IfxTable;
2355
2311
  "ifx-tabs": IfxTabs;
2356
2312
  "ifx-tag": IfxTag;
2357
- "ifx-template": IfxTemplate;
2358
- "ifx-templates-ui": IfxTemplatesUi;
2359
2313
  "ifx-text-field": IfxTextField;
2360
2314
  "ifx-textarea": IfxTextarea;
2361
2315
  "ifx-tooltip": IfxTooltip;
@@ -2439,8 +2393,6 @@ declare module "@stencil/core" {
2439
2393
  "ifx-table": LocalJSX.IfxTable & JSXBase.HTMLAttributes<HTMLIfxTableElement>;
2440
2394
  "ifx-tabs": LocalJSX.IfxTabs & JSXBase.HTMLAttributes<HTMLIfxTabsElement>;
2441
2395
  "ifx-tag": LocalJSX.IfxTag & JSXBase.HTMLAttributes<HTMLIfxTagElement>;
2442
- "ifx-template": LocalJSX.IfxTemplate & JSXBase.HTMLAttributes<HTMLIfxTemplateElement>;
2443
- "ifx-templates-ui": LocalJSX.IfxTemplatesUi & JSXBase.HTMLAttributes<HTMLIfxTemplatesUiElement>;
2444
2396
  "ifx-text-field": LocalJSX.IfxTextField & JSXBase.HTMLAttributes<HTMLIfxTextFieldElement>;
2445
2397
  "ifx-textarea": LocalJSX.IfxTextarea & JSXBase.HTMLAttributes<HTMLIfxTextareaElement>;
2446
2398
  "ifx-tooltip": LocalJSX.IfxTooltip & JSXBase.HTMLAttributes<HTMLIfxTooltipElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@infineon/infineon-design-system-stencil",
3
- "version": "29.2.2--canary.1496.81db20b5062bd11fe61e2c6a9d91d86642a87bc7.0",
3
+ "version": "29.3.0--canary.1639.52a545f9a651e2536d4f40c373f7eb826907d680.0",
4
4
  "private": false,
5
5
  "description": "Infineon design system Stencil web components",
6
6
  "homepage": "https://infineon.github.io/infineon-design-system-stencil",
package/dist/cjs/ifx-alert_2.cjs.entry.js DELETED
@@ -1,201 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-155a65a3.js');
6
-
7
- const alertCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert__info-wrapper .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert{display:flex;border:1px solid #0A8276;border-radius:1px;color:#1D1D1D;background-color:#FFFFFF;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0A8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1D1D1D;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0A8276}.alert.primary .icon-wrapper{background-color:#0A8276;color:#FFFFFF}.alert.success{border:1px solid #4CA460}.alert.success .icon-wrapper{background-color:#4CA460;color:#FFFFFF}.alert.danger{border:1px solid #CD002F}.alert.danger .icon-wrapper{background-color:#CD002F;color:#FFFFFF}.alert.warning{border:1px solid #E16B25}.alert.warning .icon-wrapper{background-color:#E16B25;color:#FFFFFF}.close-icon-wrapper ifx-icon:hover{cursor:pointer}";
8
- const IfxAlertStyle0 = alertCss;
9
-
10
- const Alert = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.ifxClose = index.createEvent(this, "ifxClose", 7);
14
- this.alertTypeDescription = {
15
- "primary": 'Neutral alert',
16
- "success": 'Success Alert',
17
- "danger": 'Error Alert',
18
- "warning": 'Warning Alert',
19
- "info": 'Neutral alert',
20
- };
21
- this.variant = 'primary';
22
- this.icon = undefined;
23
- this.closable = true;
24
- this.AriaLive = 'assertive';
25
- this.uniqueId = undefined;
26
- }
27
- handleClose() {
28
- this.ifxClose.emit();
29
- }
30
- renderCloseButton() {
31
- return (index.h("div", { class: "close-icon-wrapper" }, index.h("button", { onClick: this.handleClose.bind(this), "aria-label": "Dismiss alert" }, index.h("ifx-icon", { icon: "cross-16" }))));
32
- }
33
- generateUniqueId(prefix = 'id') {
34
- return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;
35
- }
36
- componentWillLoad() {
37
- if (!this.uniqueId) {
38
- this.uniqueId = this.generateUniqueId('alert');
39
- }
40
- }
41
- render() {
42
- return this.variant === 'info' ? (index.h("div", { class: "alert__info-wrapper", role: "alert", "aria-live": this.AriaLive, "aria-describedby": this.alertTypeDescription[this.variant], "aria-labelledby": "alert-text alert-description" }, index.h("div", { class: "info__text-wrapper" }, index.h("div", { class: "info__headline-wrapper" }, index.h("slot", { name: "headline" })), index.h("div", { id: `alert-description-${this.uniqueId}`, class: "info__description-wrapper" }, index.h("slot", { name: "desc" }))), this.closable ? this.renderCloseButton() : null)) : (index.h("div", { class: `alert ${this.variant}`, role: "alert" }, this.icon && (index.h("div", { class: "icon-wrapper" }, index.h("ifx-icon", { icon: this.icon }))), index.h("div", { class: "alert-text", id: `alert-text-${this.uniqueId}` }, index.h("slot", null)), this.closable ? this.renderCloseButton() : null));
43
- }
44
- };
45
- Alert.style = IfxAlertStyle0;
46
-
47
- const templateCss = ".react__template-wrapper{display:flex;width:300px;height:200px;border-radius:3px;border:1px solid #ccc}.react__template-wrapper.hide{display:none}.react__template-wrapper:hover{cursor:pointer}.template__page-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.template__page-wrapper .repository__url{text-decoration:none}.input__fields-wrapper{display:flex;flex-direction:column;gap:10px}.details__wrapper{display:flex;flex-direction:column;gap:10px}.selection__buttons-wrapper{display:flex;gap:10px;padding-top:10px;align-items:center}.selection__buttons-wrapper .vue__label{color:#ccc}.selection__buttons-wrapper label:not(.vue__label):hover{cursor:pointer}.selection__buttons-wrapper .selection__input{display:flex;align-items:center;gap:5px}.selection__buttons-wrapper .selection__input input{margin:0;height:20px;width:20px}.selection__buttons-wrapper .selection__input input:hover:not(.vue__input){cursor:pointer}.image__wrapper img{position:relative;width:300px;height:100%;border-radius:3px;object-fit:contain;transition:transform 0.2s}.image__wrapper img:hover{transform:scale(2);top:50px;z-index:100}";
48
- const IfxTemplateStyle0 = templateCss;
49
-
50
- const Template = class {
51
- constructor(hostRef) {
52
- index.registerInstance(this, hostRef);
53
- this.toggleTemplates = index.createEvent(this, "toggleTemplates", 7);
54
- this.fieldError = index.createEvent(this, "fieldError", 7);
55
- this.repoDetails = { name: "", desc: "", framework: "" };
56
- this.repoUrl = undefined;
57
- this.showDetails = false;
58
- this.isTemplatePage = false;
59
- this.isLoading = true;
60
- this.repoError = undefined;
61
- this.name = undefined;
62
- this.thumbnail = undefined;
63
- }
64
- authUser() {
65
- const clientId = undefined;
66
- const redirectUri = 'http://localhost:6262/?path=/docs/dds-templates--development';
67
- const scope = undefined;
68
- const state = undefined;
69
- const authorizationUrl = `https://github.com/login/oauth/authorize?` +
70
- `client_id=${clientId}&` +
71
- `redirect_uri=${redirectUri}&` +
72
- `scope=${scope}&` +
73
- `state=${state}`;
74
- window.open(authorizationUrl, '_blank');
75
- }
76
- componentDidLoad() {
77
- const url = new URL(window.location.href);
78
- const code = url.searchParams.get('code');
79
- const { templateName } = this.getLocalStorageValues();
80
- if (code && this.name === templateName) {
81
- this.isTemplatePage = true;
82
- this.toggleTemplates.emit('details');
83
- this.getUserToken(code);
84
- }
85
- }
86
- getLocalStorageValues() {
87
- const repoName = localStorage.getItem('repo_name');
88
- const repoDesc = localStorage.getItem('repo_desc');
89
- const repoFramework = localStorage.getItem('repo_framework');
90
- const templateName = localStorage.getItem('selectedTemplate');
91
- return { repoName, repoDesc, repoFramework, templateName };
92
- }
93
- async getUserToken(authCode) {
94
- const { repoName, repoDesc, repoFramework, templateName } = this.getLocalStorageValues();
95
- fetch(`http://localhost:5000/token/${authCode}/${repoName}/${repoDesc}/${repoFramework}/${templateName}`)
96
- .then(response => {
97
- if (response.ok) {
98
- return response.text();
99
- }
100
- else {
101
- return response.text().then(errorMessage => {
102
- throw new Error(errorMessage);
103
- });
104
- }
105
- })
106
- .then(data => {
107
- if (data) {
108
- this.isLoading = false;
109
- this.repoUrl = data;
110
- localStorage.clear();
111
- }
112
- })
113
- .catch(error => {
114
- this.repoError = error.message;
115
- console.error('Error:', error.message);
116
- });
117
- }
118
- handleUserInput(e, type) {
119
- if (type === 'name') {
120
- this.repoDetails = Object.assign(Object.assign({}, this.repoDetails), { name: e.target.value });
121
- }
122
- else if (type === 'desc') {
123
- this.repoDetails = Object.assign(Object.assign({}, this.repoDetails), { desc: e.target.value });
124
- }
125
- else if (type === 'framework') {
126
- this.repoDetails = Object.assign(Object.assign({}, this.repoDetails), { framework: e.target.value });
127
- }
128
- }
129
- submitUserData() {
130
- if (this.repoDetails.name && this.repoDetails.desc && this.repoDetails.framework) {
131
- localStorage.setItem('repo_name', this.repoDetails.name);
132
- localStorage.setItem('repo_desc', this.repoDetails.desc);
133
- localStorage.setItem('repo_framework', this.repoDetails.framework);
134
- localStorage.setItem('selectedTemplate', this.name);
135
- this.fieldError.emit(false);
136
- this.authUser();
137
- }
138
- else {
139
- this.fieldError.emit('All fields are mandatory');
140
- }
141
- }
142
- togglePadding(action) {
143
- let parent = this.el.parentElement;
144
- if (parent) {
145
- const rootNode = parent.getRootNode();
146
- if (rootNode instanceof ShadowRoot) {
147
- parent = rootNode.host.parentElement;
148
- }
149
- else {
150
- parent = parent.parentElement;
151
- }
152
- if (action === 'remove') {
153
- parent.parentElement.style.padding = '0px';
154
- }
155
- else if (action === 'add') {
156
- parent.parentElement.style.padding = '4rem 20px';
157
- }
158
- }
159
- }
160
- handleCurrentTemplate(e) {
161
- if (e && !this.showDetails) {
162
- this.togglePadding('remove');
163
- const targetTemplate = e.currentTarget;
164
- this.toggleTemplates.emit(targetTemplate);
165
- this.showDetails = true;
166
- }
167
- }
168
- async toggleTemplate(currTemp) {
169
- const templateWrapper = this.el.shadowRoot.querySelector('.react__template-wrapper');
170
- if (templateWrapper) {
171
- if (!templateWrapper.classList.contains('hide') && currTemp) {
172
- if (templateWrapper !== currTemp) {
173
- templateWrapper.classList.add('hide');
174
- }
175
- }
176
- else {
177
- if (this.showDetails) {
178
- this.showDetails = false;
179
- }
180
- this.togglePadding('add');
181
- templateWrapper.classList.remove('hide');
182
- }
183
- }
184
- }
185
- render() {
186
- return (index.h("div", { key: 'de9032e360a189b62a9b6b861f2dabbdd21cb409' }, this.isTemplatePage
187
- ?
188
- index.h("div", { class: "template__page-wrapper" }, !this.repoUrl && !this.repoError &&
189
- index.h("div", null, index.h("h3", null, "Your repository is getting ready.."), index.h("p", null, "This will only take a minute.")), this.isLoading && !this.repoError && index.h("div", null, index.h("ifx-spinner", { variant: 'default', size: 's' })), this.repoUrl && index.h("ifx-link", { href: this.repoUrl, target: "_parent", size: "m", variant: "underlined" }, "Your repository"), this.repoError && index.h("div", null, this.repoError))
190
- :
191
- index.h("div", { class: "react__template-container" }, index.h("div", { class: "react__template-wrapper", onClick: (e) => this.handleCurrentTemplate(e) }, index.h("div", { class: "image__wrapper" }, index.h("img", { src: this.thumbnail }))), this.showDetails &&
192
- index.h("div", { class: "details__wrapper" }, index.h("div", { class: "selection__buttons-wrapper" }, index.h("div", { class: "selection__input" }, index.h("input", { type: "radio", id: "react", name: "chosen_framework", value: "react", onInput: (e) => this.handleUserInput(e, 'framework') }), index.h("label", { htmlFor: "react" }, "React")), index.h("div", { class: "selection__input vue" }, index.h("input", { class: "vue__input", disabled: true, type: "radio", id: "vue", name: "chosen_framework", value: "vue", onInput: (e) => this.handleUserInput(e, 'framework') }), index.h("label", { class: "vue__label", htmlFor: "vue" }, "Vue"), " (Soon)")), index.h("div", { class: "input__fields-wrapper" }, index.h("ifx-text-field", { required: true, onInput: (e) => this.handleUserInput(e, 'name'), size: "m", icon: "c-info-16", placeholder: "Your repository name" }, "Repository Name"), index.h("ifx-text-field", { required: true, size: "m", icon: "c-info-16", onInput: (e) => this.handleUserInput(e, 'desc'), placeholder: "Your repository description" }, "Repository Description"), index.h("ifx-button", { fullWidth: true, onClick: () => this.submitUserData(), variant: 'primary' }, "Generate template"))))));
193
- }
194
- get el() { return index.getElement(this); }
195
- };
196
- Template.style = IfxTemplateStyle0;
197
-
198
- exports.ifx_alert = Alert;
199
- exports.ifx_template = Template;
200
-
201
- //# sourceMappingURL=ifx-alert_2.cjs.entry.js.map