@infineon/infineon-design-system-stencil 32.1.3--canary.1732.ff567db738403bfab315bf3a9dfc834b2dbbee94.0 → 32.1.3--canary.1732.2bc029849272d81bd448a751c8e07d74d3a481c1.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 (214) hide show
  1. package/dist/cjs/ifx-alert_2.cjs.entry.js +1 -1
  2. package/dist/cjs/ifx-basic-table.cjs.entry.js +1 -1
  3. package/dist/cjs/ifx-chip_3.cjs.entry.js +1 -1
  4. package/dist/cjs/ifx-faq.cjs.entry.js +1 -1
  5. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +2 -2
  6. package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
  7. package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
  8. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
  9. package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
  10. package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
  11. package/dist/cjs/ifx-overview-table.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
  13. package/dist/cjs/ifx-radio-button-group.cjs.entry.js +1 -1
  14. package/dist/cjs/ifx-radio-button.cjs.entry.js +2 -2
  15. package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
  16. package/dist/cjs/ifx-search-field.cjs.entry.js +1 -1
  17. package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
  18. package/dist/cjs/ifx-segmented-control.cjs.entry.js +2 -2
  19. package/dist/cjs/ifx-select.cjs.entry.js +2 -2
  20. package/dist/cjs/ifx-slider.cjs.entry.js +2 -2
  21. package/dist/cjs/ifx-spinner_2.cjs.entry.js +6 -6
  22. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  23. package/dist/cjs/ifx-step.cjs.entry.js +4 -4
  24. package/dist/cjs/ifx-stepper.cjs.entry.js +2 -2
  25. package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
  26. package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
  27. package/dist/cjs/ifx-table.cjs.entry.js +2 -2
  28. package/dist/cjs/ifx-tabs.cjs.entry.js +2 -2
  29. package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
  30. package/dist/cjs/ifx-templates-ui.cjs.entry.js +1 -1
  31. package/dist/cjs/ifx-textarea.cjs.entry.js +1 -1
  32. package/dist/cjs/ifx-tooltip.cjs.entry.js +4 -4
  33. package/dist/collection/components/overview-table/overview-table.js +1 -1
  34. package/dist/collection/components/overview-table/overview-table.js.map +1 -1
  35. package/dist/collection/components/pagination/pagination.js +1 -1
  36. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  37. package/dist/collection/components/radio-button/radio-button.js +2 -2
  38. package/dist/collection/components/radio-button/radio-button.stories.js +13 -1
  39. package/dist/collection/components/radio-button/radio-button.stories.js.map +1 -1
  40. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  41. package/dist/collection/components/search-bar/search-bar.js +1 -1
  42. package/dist/collection/components/search-field/search-field.js +1 -1
  43. package/dist/collection/components/segmented-control/segment/segment.js +1 -1
  44. package/dist/collection/components/segmented-control/segmented-control.js +2 -2
  45. package/dist/collection/components/select/single-select/select.js +2 -2
  46. package/dist/collection/components/slider/slider.js +2 -2
  47. package/dist/collection/components/spinner/spinner.js +2 -2
  48. package/dist/collection/components/status/status.js +1 -1
  49. package/dist/collection/components/stepper/step/step.js +4 -4
  50. package/dist/collection/components/stepper/stepper.js +2 -2
  51. package/dist/collection/components/switch/switch.js +1 -1
  52. package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js +1 -1
  53. package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js +2 -2
  54. package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js +1 -1
  55. package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js +1 -1
  56. package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js +1 -1
  57. package/dist/collection/components/table-advanced-version/table.js +2 -2
  58. package/dist/collection/components/table-basic-version/table.js +1 -1
  59. package/dist/collection/components/tabs/tab.js +1 -1
  60. package/dist/collection/components/tabs/tabs.js +2 -2
  61. package/dist/collection/components/tag/tag.js +1 -1
  62. package/dist/collection/components/templates/template/template.js +1 -1
  63. package/dist/collection/components/templates/templates-ui/templates-ui.js +1 -1
  64. package/dist/collection/components/text-field/text-field.js +4 -4
  65. package/dist/collection/components/textarea/textarea.js +1 -1
  66. package/dist/collection/components/tooltip/tooltip.js +4 -4
  67. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  68. package/dist/components/ifx-basic-table.js +1 -1
  69. package/dist/components/ifx-faq.js +1 -1
  70. package/dist/components/ifx-filter-accordion.js +2 -2
  71. package/dist/components/ifx-filter-bar.js +1 -1
  72. package/dist/components/ifx-filter-search.js +2 -2
  73. package/dist/components/ifx-filter-type-group.js +1 -1
  74. package/dist/components/ifx-list-entry.js +2 -2
  75. package/dist/components/ifx-overview-table.js +1 -1
  76. package/dist/components/ifx-overview-table.js.map +1 -1
  77. package/dist/components/ifx-pagination.js +1 -1
  78. package/dist/components/ifx-progress-bar.js +1 -1
  79. package/dist/components/ifx-radio-button-group.js +1 -1
  80. package/dist/components/ifx-radio-button.js +1 -1
  81. package/dist/components/ifx-search-bar.js +2 -2
  82. package/dist/components/ifx-search-field.js +1 -1
  83. package/dist/components/ifx-segment.js +1 -1
  84. package/dist/components/ifx-segmented-control.js +2 -2
  85. package/dist/components/ifx-select.js +1 -1
  86. package/dist/components/ifx-set-filter.js +2 -2
  87. package/dist/components/ifx-slider.js +2 -2
  88. package/dist/components/ifx-spinner.js +1 -1
  89. package/dist/components/ifx-status.js +1 -1
  90. package/dist/components/ifx-step.js +4 -4
  91. package/dist/components/ifx-stepper.js +2 -2
  92. package/dist/components/ifx-switch.js +1 -1
  93. package/dist/components/ifx-tab.js +1 -1
  94. package/dist/components/ifx-table.js +4 -4
  95. package/dist/components/ifx-tabs.js +2 -2
  96. package/dist/components/ifx-tag.js +1 -1
  97. package/dist/components/ifx-template.js +1 -1
  98. package/dist/components/ifx-templates-ui.js +4 -4
  99. package/dist/components/ifx-text-field.js +1 -1
  100. package/dist/components/ifx-textarea.js +1 -1
  101. package/dist/components/ifx-tooltip.js +4 -4
  102. package/dist/components/{p-53e64722.js → p-1ab9b2d3.js} +3 -3
  103. package/dist/components/{p-53e64722.js.map → p-1ab9b2d3.js.map} +1 -1
  104. package/dist/components/{p-95e7aaa8.js → p-6758b716.js} +2 -2
  105. package/dist/components/{p-95e7aaa8.js.map → p-6758b716.js.map} +1 -1
  106. package/dist/components/{p-8373dd14.js → p-bf0b6855.js} +4 -4
  107. package/dist/components/{p-8373dd14.js.map → p-bf0b6855.js.map} +1 -1
  108. package/dist/components/{p-df959be0.js → p-c24216e7.js} +5 -5
  109. package/dist/components/{p-df959be0.js.map → p-c24216e7.js.map} +1 -1
  110. package/dist/components/{p-d41c9944.js → p-da211009.js} +3 -3
  111. package/dist/components/{p-d41c9944.js.map → p-da211009.js.map} +1 -1
  112. package/dist/components/{p-d52bf3aa.js → p-e3b1b73d.js} +3 -3
  113. package/dist/components/{p-d52bf3aa.js.map → p-e3b1b73d.js.map} +1 -1
  114. package/dist/components/{p-72d634c8.js → p-efb9a50a.js} +3 -3
  115. package/dist/components/{p-72d634c8.js.map → p-efb9a50a.js.map} +1 -1
  116. package/dist/esm/ifx-alert_2.entry.js +1 -1
  117. package/dist/esm/ifx-basic-table.entry.js +1 -1
  118. package/dist/esm/ifx-chip_3.entry.js +1 -1
  119. package/dist/esm/ifx-faq.entry.js +1 -1
  120. package/dist/esm/ifx-filter-accordion.entry.js +2 -2
  121. package/dist/esm/ifx-filter-bar.entry.js +1 -1
  122. package/dist/esm/ifx-filter-search.entry.js +1 -1
  123. package/dist/esm/ifx-filter-type-group.entry.js +1 -1
  124. package/dist/esm/ifx-list-entry.entry.js +1 -1
  125. package/dist/esm/ifx-overview-table.entry.js +1 -1
  126. package/dist/esm/ifx-overview-table.entry.js.map +1 -1
  127. package/dist/esm/ifx-progress-bar.entry.js +1 -1
  128. package/dist/esm/ifx-radio-button-group.entry.js +1 -1
  129. package/dist/esm/ifx-radio-button.entry.js +2 -2
  130. package/dist/esm/ifx-search-bar.entry.js +1 -1
  131. package/dist/esm/ifx-search-field.entry.js +1 -1
  132. package/dist/esm/ifx-segment.entry.js +1 -1
  133. package/dist/esm/ifx-segmented-control.entry.js +2 -2
  134. package/dist/esm/ifx-select.entry.js +2 -2
  135. package/dist/esm/ifx-slider.entry.js +2 -2
  136. package/dist/esm/ifx-spinner_2.entry.js +6 -6
  137. package/dist/esm/ifx-status.entry.js +1 -1
  138. package/dist/esm/ifx-step.entry.js +4 -4
  139. package/dist/esm/ifx-stepper.entry.js +2 -2
  140. package/dist/esm/ifx-switch.entry.js +1 -1
  141. package/dist/esm/ifx-tab.entry.js +1 -1
  142. package/dist/esm/ifx-table.entry.js +2 -2
  143. package/dist/esm/ifx-tabs.entry.js +2 -2
  144. package/dist/esm/ifx-tag.entry.js +1 -1
  145. package/dist/esm/ifx-templates-ui.entry.js +1 -1
  146. package/dist/esm/ifx-textarea.entry.js +1 -1
  147. package/dist/esm/ifx-tooltip.entry.js +4 -4
  148. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  149. package/dist/infineon-design-system-stencil/{p-11e74a1c.entry.js → p-0682ec9e.entry.js} +2 -2
  150. package/dist/infineon-design-system-stencil/{p-26b3022c.entry.js → p-0ed489eb.entry.js} +2 -2
  151. package/dist/infineon-design-system-stencil/{p-647a5858.entry.js → p-137b4109.entry.js} +2 -2
  152. package/dist/infineon-design-system-stencil/{p-504e2445.entry.js → p-1d4fc278.entry.js} +2 -2
  153. package/dist/infineon-design-system-stencil/{p-760821b1.entry.js → p-2c83ff9d.entry.js} +2 -2
  154. package/dist/infineon-design-system-stencil/{p-ccbab299.entry.js → p-42103a85.entry.js} +2 -2
  155. package/dist/infineon-design-system-stencil/{p-daa2d68b.entry.js → p-44c3ef6d.entry.js} +2 -2
  156. package/dist/infineon-design-system-stencil/{p-0c23a1af.entry.js → p-484ab7c4.entry.js} +2 -2
  157. package/dist/infineon-design-system-stencil/{p-57268492.entry.js → p-48701f83.entry.js} +2 -2
  158. package/dist/infineon-design-system-stencil/{p-78abaef5.entry.js → p-62396204.entry.js} +2 -2
  159. package/dist/infineon-design-system-stencil/{p-e819ac3f.entry.js → p-6cf93534.entry.js} +2 -2
  160. package/dist/infineon-design-system-stencil/{p-c09d77d6.entry.js → p-6ede583b.entry.js} +2 -2
  161. package/dist/infineon-design-system-stencil/p-71b5d16a.entry.js +2 -0
  162. package/dist/infineon-design-system-stencil/p-71b5d16a.entry.js.map +1 -0
  163. package/dist/infineon-design-system-stencil/{p-7a9662ce.entry.js → p-724a6be7.entry.js} +2 -2
  164. package/dist/infineon-design-system-stencil/{p-4ea09b73.entry.js → p-73b7e3a5.entry.js} +2 -2
  165. package/dist/infineon-design-system-stencil/{p-8475e064.entry.js → p-778a65ae.entry.js} +2 -2
  166. package/dist/infineon-design-system-stencil/{p-79762454.entry.js → p-8a92bb07.entry.js} +2 -2
  167. package/dist/infineon-design-system-stencil/{p-e0b21b23.entry.js → p-9631e187.entry.js} +2 -2
  168. package/dist/infineon-design-system-stencil/{p-ec7116c4.entry.js → p-9bc3708f.entry.js} +2 -2
  169. package/dist/infineon-design-system-stencil/{p-bf9cd342.entry.js → p-a2616b8d.entry.js} +2 -2
  170. package/dist/infineon-design-system-stencil/{p-e2f76634.entry.js → p-a8fdba36.entry.js} +2 -2
  171. package/dist/infineon-design-system-stencil/{p-63f61cb7.entry.js → p-b4982f52.entry.js} +2 -2
  172. package/dist/infineon-design-system-stencil/{p-d121416b.entry.js → p-bb2885be.entry.js} +2 -2
  173. package/dist/infineon-design-system-stencil/{p-368f2d4e.entry.js → p-c70eddd7.entry.js} +2 -2
  174. package/dist/infineon-design-system-stencil/{p-cce5d1dc.entry.js → p-ce37b499.entry.js} +2 -2
  175. package/dist/infineon-design-system-stencil/{p-02bff047.entry.js → p-daa1ac45.entry.js} +2 -2
  176. package/dist/infineon-design-system-stencil/{p-3ac58e09.entry.js → p-e58a1c25.entry.js} +2 -2
  177. package/dist/infineon-design-system-stencil/{p-1715a11f.entry.js → p-e5b0bae9.entry.js} +2 -2
  178. package/dist/infineon-design-system-stencil/{p-8c0927d0.entry.js → p-e69d348c.entry.js} +2 -2
  179. package/dist/infineon-design-system-stencil/{p-3246cb71.entry.js → p-ebef8ea8.entry.js} +2 -2
  180. package/dist/infineon-design-system-stencil/{p-5e9f471c.entry.js → p-ece5ec08.entry.js} +2 -2
  181. package/dist/types/components/radio-button/radio-button.stories.d.ts +11 -0
  182. package/package.json +1 -1
  183. package/dist/infineon-design-system-stencil/p-19ebd7a9.entry.js +0 -2
  184. package/dist/infineon-design-system-stencil/p-19ebd7a9.entry.js.map +0 -1
  185. /package/dist/infineon-design-system-stencil/{p-11e74a1c.entry.js.map → p-0682ec9e.entry.js.map} +0 -0
  186. /package/dist/infineon-design-system-stencil/{p-26b3022c.entry.js.map → p-0ed489eb.entry.js.map} +0 -0
  187. /package/dist/infineon-design-system-stencil/{p-647a5858.entry.js.map → p-137b4109.entry.js.map} +0 -0
  188. /package/dist/infineon-design-system-stencil/{p-504e2445.entry.js.map → p-1d4fc278.entry.js.map} +0 -0
  189. /package/dist/infineon-design-system-stencil/{p-760821b1.entry.js.map → p-2c83ff9d.entry.js.map} +0 -0
  190. /package/dist/infineon-design-system-stencil/{p-ccbab299.entry.js.map → p-42103a85.entry.js.map} +0 -0
  191. /package/dist/infineon-design-system-stencil/{p-daa2d68b.entry.js.map → p-44c3ef6d.entry.js.map} +0 -0
  192. /package/dist/infineon-design-system-stencil/{p-0c23a1af.entry.js.map → p-484ab7c4.entry.js.map} +0 -0
  193. /package/dist/infineon-design-system-stencil/{p-57268492.entry.js.map → p-48701f83.entry.js.map} +0 -0
  194. /package/dist/infineon-design-system-stencil/{p-78abaef5.entry.js.map → p-62396204.entry.js.map} +0 -0
  195. /package/dist/infineon-design-system-stencil/{p-e819ac3f.entry.js.map → p-6cf93534.entry.js.map} +0 -0
  196. /package/dist/infineon-design-system-stencil/{p-c09d77d6.entry.js.map → p-6ede583b.entry.js.map} +0 -0
  197. /package/dist/infineon-design-system-stencil/{p-7a9662ce.entry.js.map → p-724a6be7.entry.js.map} +0 -0
  198. /package/dist/infineon-design-system-stencil/{p-4ea09b73.entry.js.map → p-73b7e3a5.entry.js.map} +0 -0
  199. /package/dist/infineon-design-system-stencil/{p-8475e064.entry.js.map → p-778a65ae.entry.js.map} +0 -0
  200. /package/dist/infineon-design-system-stencil/{p-79762454.entry.js.map → p-8a92bb07.entry.js.map} +0 -0
  201. /package/dist/infineon-design-system-stencil/{p-e0b21b23.entry.js.map → p-9631e187.entry.js.map} +0 -0
  202. /package/dist/infineon-design-system-stencil/{p-ec7116c4.entry.js.map → p-9bc3708f.entry.js.map} +0 -0
  203. /package/dist/infineon-design-system-stencil/{p-bf9cd342.entry.js.map → p-a2616b8d.entry.js.map} +0 -0
  204. /package/dist/infineon-design-system-stencil/{p-e2f76634.entry.js.map → p-a8fdba36.entry.js.map} +0 -0
  205. /package/dist/infineon-design-system-stencil/{p-63f61cb7.entry.js.map → p-b4982f52.entry.js.map} +0 -0
  206. /package/dist/infineon-design-system-stencil/{p-d121416b.entry.js.map → p-bb2885be.entry.js.map} +0 -0
  207. /package/dist/infineon-design-system-stencil/{p-368f2d4e.entry.js.map → p-c70eddd7.entry.js.map} +0 -0
  208. /package/dist/infineon-design-system-stencil/{p-cce5d1dc.entry.js.map → p-ce37b499.entry.js.map} +0 -0
  209. /package/dist/infineon-design-system-stencil/{p-02bff047.entry.js.map → p-daa1ac45.entry.js.map} +0 -0
  210. /package/dist/infineon-design-system-stencil/{p-3ac58e09.entry.js.map → p-e58a1c25.entry.js.map} +0 -0
  211. /package/dist/infineon-design-system-stencil/{p-1715a11f.entry.js.map → p-e5b0bae9.entry.js.map} +0 -0
  212. /package/dist/infineon-design-system-stencil/{p-8c0927d0.entry.js.map → p-e69d348c.entry.js.map} +0 -0
  213. /package/dist/infineon-design-system-stencil/{p-3246cb71.entry.js.map → p-ebef8ea8.entry.js.map} +0 -0
  214. /package/dist/infineon-design-system-stencil/{p-5e9f471c.entry.js.map → p-ece5ec08.entry.js.map} +0 -0
@@ -18,7 +18,7 @@ const ProgressBar = class {
18
18
  this.internalValue = this.value;
19
19
  }
20
20
  render() {
21
- return (h("div", { key: '9a1fc68c768dc22c5926f0eae299862f2d2de371', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '6e847900044f4bc04eacbcc194ffac8bf6b83e0a', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: '8e6fa2713fbcd0b956b8f27b873816adc0c3cb7f', class: "label" }, `${this.internalValue}%`))));
21
+ return (h("div", { key: '3f68729d3447897fb8b0d6ac8e5cfa4b4d1bbd0e', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '86abff96eb8a1260c96e6736f90fe4e79e2a5a03', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: '55d35acd3cc70a2b0a1f9058569f1a0a7751990e', class: "label" }, `${this.internalValue}%`))));
22
22
  }
23
23
  static get watchers() { return {
24
24
  "value": ["valueChanged"]
@@ -45,7 +45,7 @@ const RadioButtonGroup = class {
45
45
  this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
46
46
  }
47
47
  render() {
48
- return (h("div", { key: 'e9c42096ac6db5957388636ba18d289cde561a54', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '95f5a1644f8780d7721ebe539b04d60898e34dc5', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '94a278c73773b60156cdc0d30d856426181a8af9', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
48
+ return (h("div", { key: '0c359fed41079b31dae0c28ace5192cdd43cc076', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '735ec208d1aee30020ccd60621f90690c765c8bb', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '1d42c5173fc75d43c3497a2ed602fc781e98271b', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
49
49
  }
50
50
  static get formAssociated() { return true; }
51
51
  get el() { return getElement(this); }
@@ -94,10 +94,10 @@ const RadioButton = class {
94
94
  }
95
95
  }
96
96
  render() {
97
- return (h("div", { key: 'c1a4d78f1bb621ec6d1e8d567db7a3ffca495350', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: 'a6392cc1165e474ad66d171ab72a29a6b2975044', class: `radioButton__wrapper
97
+ return (h("div", { key: 'd77cdd158994c94969dca737cb524625e36a3178', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: 'd3057ff92826d2b482bb24f813d938d239e04c96', class: `radioButton__wrapper
98
98
  ${this.internalChecked ? 'checked' : ''}
99
99
  ${this.disabled ? 'disabled' : ''}
100
- ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: 'f63fbcb2b9f939523a33e1a47fad83f832440b6e', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: 'a26b60d3dd68091e354ad9fce6cde03bf753f60f', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'db9a37d4b079cb5da768776529ad434ea7b41e3d' }))), h("input", { key: '983a166c562ad72ee022a78e88466dbd90e68997', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
100
+ ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '9bf957a824cc53794df205c719772d14a8727137', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: '38b619b9b9eba2d9ff59b22b0dac7afc14df170e', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'af664f76c38c0a6b5e0a74209e93da583c2e292b' }))), h("input", { key: '04b94bf5849d08d28cda7cefba44c42a10dd1b17', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
101
101
  }
102
102
  static get formAssociated() { return true; }
103
103
  get el() { return getElement(this); }
@@ -36,7 +36,7 @@ const SearchBar = class {
36
36
  this.value = event.detail;
37
37
  }
38
38
  render() {
39
- return (h("div", { key: '6b1233aa51e61ff28d90ccbb54b01742c5ff0231', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
39
+ return (h("div", { key: 'c313e088c8320ea5ba602f5da512624edaf44c36', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
40
40
  }
41
41
  get el() { return getElement(this); }
42
42
  static get watchers() { return {
@@ -51,7 +51,7 @@ const SearchField = class {
51
51
  this.showDeleteIconInternalState = false;
52
52
  }
53
53
  render() {
54
- return (h("div", { key: '74fd7b8beb33b30b3e05d02ea921c52e7f4dae39', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '2616b4e80beb40226179c4690cc3746e4fadb60e', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: '2876766c1659917a44e082ab9199f85dbd2c2c71', icon: "search-16", class: "search-icon" }), h("input", { key: '6ac5b6d692be544307012e761be138fd36f37966', ref: (el) => (this.inputElement = el), type: "text", onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
54
+ return (h("div", { key: '403a2f56ce9b8d71dbb9cc14bc85fd5d404958ea', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '0533ff88e0efe32a9bf5f1cb58d543d5ad40ab4a', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: '8e3a8ddc88e737019dc4b168b8af0649772a5fac', icon: "search-16", class: "search-icon" }), h("input", { key: 'e01caa6b37d268995ed385e3ffb7121f15342ad1', ref: (el) => (this.inputElement = el), type: "text", onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
55
55
  }
56
56
  getSizeClass() {
57
57
  return `${this.size}` === "s"
@@ -24,7 +24,7 @@ const Segment = class {
24
24
  }
25
25
  }
26
26
  render() {
27
- return (h("div", { key: '316acecd8e676dbcd6f55010bb791d0746cf4937', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: '86adc66b777780630ebe3e4157244c2c81ceb5d2', icon: this.icon }), " ", h("slot", { key: '72319efb1d2b4cde4a922957d71ad388b35d276c' })));
27
+ return (h("div", { key: '2faaac48b77184cbd62852220903045cbf815a67', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'a69957b7ff87a6a4f717371b9227ddf3885e3878', icon: this.icon }), " ", h("slot", { key: 'ae2b9b7a9d2a2bce3b0b28f907df5755e32dcc4f' })));
28
28
  }
29
29
  };
30
30
  Segment.style = IfxSegmentStyle0;
@@ -68,8 +68,8 @@ const SegmentedControl = class {
68
68
  this.setActiveSegment();
69
69
  }
70
70
  render() {
71
- return (h("div", { key: 'f1db16681b45767ea6de4148d7ad8668fba35498', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '70980b04bcb50110612196979b44e2d61a7bc4c8', class: 'group__label' }, this.label.trim()), h("div", { key: '0dd8dc01db812585c2a58132d4ceb6447a16ddff', class: 'group__controls' }, h("slot", { key: 'e7f95a3c415312fe790e2288391e43e4f68d3279' })), this.caption.trim() &&
72
- h("div", { key: '72784a7d56a2e39cc22b329c609828be2944e6ea', class: 'group__caption' }, h("ifx-icon", { key: 'dbb21f0562a130d57defcf648c12c6e00346a0dc', icon: 'cinfo16' }), " ", this.caption.trim())));
71
+ return (h("div", { key: 'f16a4862c4630a165c0af78ab548c543f361c8a1', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '0fedee3b59c3bad5f2d456cb8d9c1e93bdaa7983', class: 'group__label' }, this.label.trim()), h("div", { key: 'a194d05342ac05dbbe14f60a4cbffcff3876dd81', class: 'group__controls' }, h("slot", { key: '3c14e9cdd5aec6283dff6d61ee4fef59cef54b18' })), this.caption.trim() &&
72
+ h("div", { key: '76d3c32b1670d7c4690ddd235a19b5f11bcd8be8', class: 'group__caption' }, h("ifx-icon", { key: '7418495c943d83788a2a1b2dac6131041dc049d6', icon: 'cinfo16' }), " ", this.caption.trim())));
73
73
  }
74
74
  componentDidRender() {
75
75
  this.setSegmentSize();
@@ -7044,9 +7044,9 @@ const Choices = class {
7044
7044
  // destroy choices element to restore previous dom structure
7045
7045
  // so vdom can replace the element correctly
7046
7046
  this.destroy();
7047
- return (h("div", { key: '40ae2ee9e22586ab4119c044708dea062f978db6', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: '87143d41c3c0513eada166b11052c55e3d993b62', class: `${choicesWrapperClass}
7047
+ return (h("div", { key: 'fea26b0d75050a64b85be4a9d60c5353e64c28a6', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: '122cdbeb12cd1c268a274971a0d0619d95fcc0a2', class: `${choicesWrapperClass}
7048
7048
  ${this.disabled ? 'disabled' : ''}
7049
- ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.toggleDropdown(), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '2019a42f8e730061cfb502531f5991d2d5e07afe', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '6fc0ac048ab143a933ba79c48ed86960197ca9ed', class: "single__select-icon-container" }, this.optionIsSelected && (h("div", { key: '46e95d4cfb9c38283028b92d35b14a1430586e81', class: "ifx-choices__icon-wrapper-delete" }, h("ifx-icon", { key: '8e8ae26a55428afd386d940815c6414ae58a1f37', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: 'ac1990b97fe0787a8186f27c4258eb9d0f847858', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: 'd6284be7bb197eaff05397f7246e5b6cd20e1a9c', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
7049
+ ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.toggleDropdown(), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: 'c138c46ae14722f0629b89649824a6414e19fcaf', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '3999f9e02015fecc4758b269c43d2f0c3ba2ba69', class: "single__select-icon-container" }, this.optionIsSelected && (h("div", { key: 'd91f27712ff0febb0a6186b0dec1f41eff67c5d4', class: "ifx-choices__icon-wrapper-delete" }, h("ifx-icon", { key: '580986c3a71f9210c1a48caa6ee5f02d46531aa3', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: '002e77d28f1e5c75c7e6df46680120a7e7061727', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: '0cf642c93a5daed04a01e7229573c06c45ab843d', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
7050
7050
  }
7051
7051
  toggleDropdown() {
7052
7052
  const div = this.root.querySelector('.ifx-choices__wrapper');
@@ -142,10 +142,10 @@ const IfxSlider = class {
142
142
  this.updateValuePercent();
143
143
  }
144
144
  render() {
145
- return (h("div", { key: '37d979ae4fab76379eba0afe72a0b1cff75ba6fb', class: "ifx-slider" }, this.leftText && (h("span", { key: '54364e238b205ff9b8906b4f7a84f39e8924806b', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '898c22fc7020ce494ab199b0ae1a53f19538879d', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
145
+ return (h("div", { key: '8cd3872e29ca5a7c35ef9991db8f74b2dfb1562d', class: "ifx-slider" }, this.leftText && (h("span", { key: 'af9eb0dd16d9936d18be75eef0c6b2ea8a6617a4', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '265016e5326dfadd3ca9080384bd1ab863e4a4c7', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
146
146
  h("input", { type: "range", min: this.min, max: this.max, step: this.step, value: this.internalValue, disabled: this.disabled, ref: (el) => (this.inputRef = el), onInput: (event) => this.handleInputChange(event), "aria-label": 'a slider', "aria-value": this.value, "aria-disabled": this.disabled })
147
147
  :
148
- h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: 'dcd74689d748a499bf7e4a1f291808ca09e91be5', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '46943c6f10919c7822b998c5fc99392d5bbf581b', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '333d2a8578ceeeb6c4b9d8e12ba90ac5bf96ebd6', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
148
+ h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '6ce6262cb945e24e813f59137fb3e4eb999937d0', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'be785686c57bb4fd19a333bd45616bb90e947e33', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: 'dfbad6ac5e8965642419846f7b85501ea98823e5', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
149
149
  }
150
150
  get el() { return getElement(this); }
151
151
  static get watchers() { return {
@@ -10,8 +10,8 @@ const Spinner = class {
10
10
  this.inverted = false;
11
11
  }
12
12
  render() {
13
- return (h("div", { key: '036b7ba57d3d4612adf02dc4af7bb10ab44525bc', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: '57506cdc9b93523472a2dd9730ad63fe0747edc3', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
14
- && h("div", { key: '9e9d6e55e1fb021dea19d07b640e36b6c2aeda8d', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '742486b0d84452b2603aaf397c0f09f01a2cb7f0', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'fc459287dbaee14447dc150ac01a52dad8ce6add', id: "spinner/conductor" }, h("path", { key: '842b3d6a1f256a1de213a205e9eeec563bd9c8c7', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
13
+ return (h("div", { key: 'cf978839be28932d5660441d1b37152d44a1219c', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: 'dc5fe14851c4e74310e23bb0197815cbd099c26d', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
14
+ && h("div", { key: 'db1d3e27d6f4eb42064fe9483de7add1b51be33c', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: 'ac0243c8ef637e9a6895555ce04a94c331b33f9b', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '5fc5de05b44ebbde3cd88f57a92ae2e82dad7396', id: "spinner/conductor" }, h("path", { key: '9dd49a642049559ed3b56d6f8e4697de6763fd47', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
15
15
  }
16
16
  getSizeClass() {
17
17
  return `${this.size}` === "s"
@@ -75,12 +75,12 @@ const TextField = class {
75
75
  this.internals.setFormValue("");
76
76
  }
77
77
  render() {
78
- return (h("div", { key: '9fa2f5f55506d71628f60e4dd9e6d5fd99858b4c', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: 'a4ba691bc10bd596c27b9971aa0369cad9f48144', class: "textInput__top-wrapper" }, h("label", { key: 'a4ee448f393c4d2619d3451ab9d4eb56048137d3', htmlFor: "text-field" }, h("slot", { key: '0bab9b9c54e96a9dadf6d0aab8dae0746ac080e8' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: '7d982d3a66628c7401885dc7f266c5cb96fa8c71', class: "textInput__bottom-wrapper" }, h("div", { key: 'a8bb20edcaf3107351da59949a122a859695b1a5', class: "input-container" }, this.icon && (h("ifx-icon", { key: '122114cb91e26d7681e53501d1f417f3abad30e1', class: 'input-icon', icon: this.icon })), h("input", { key: '0bf855e4f373a0ee8b060feed604a8afafe16962', ref: (el) => (this.inputElement = el), disabled: this.disabled, type: "text", id: 'text-field', value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
78
+ return (h("div", { key: '12a53a8c847f15a3fff0a294f93160186730633d', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: 'c6b8e09d2f52fbd4d2d508f0a805ed3ba2c50ead', class: "textInput__top-wrapper" }, h("label", { key: '2d35c0176a2933da076db9cb4167816a6c866a11', htmlFor: "text-field" }, h("slot", { key: 'dbb3947e407d0db8917407c0bd5264ec8e33e4e0' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: '0ad0a1e7626c6bc071389538b6c16e4fe0ef9bec', class: "textInput__bottom-wrapper" }, h("div", { key: 'ea1ec3e191180ebae21195f652020a893bd126cf', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'f009d76f1c699a484a719dce27890ecba361b46a', class: 'input-icon', icon: this.icon })), h("input", { key: '503e6d9c709c0e722d22edf74a917b775efd0da0', ref: (el) => (this.inputElement = el), disabled: this.disabled, type: "text", id: 'text-field', value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
79
79
  ${this.error ? 'error' : ""}
80
80
  ${this.size === "s" ? "input-s" : ""}
81
- ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: '705ba8d623ff1279edb392709caf8bc4dffa9239', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
82
- h("div", { key: 'b7eba477a90d5bbef26a21c5a132dd33964147be', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
83
- h("div", { key: '3acbde335088938f94a7174794dad57dd92f99be', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
81
+ ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'fafe1d0613d54b47ae8899412a70e654b7141ec2', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
82
+ h("div", { key: '3da6b9848cdd149eafd1180dd3220e09602a4ed1', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
83
+ h("div", { key: 'c8fba8ec0503ef2daed7aaf2725cc0a8f7b31d04', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
84
84
  }
85
85
  static get formAssociated() { return true; }
86
86
  get el() { return getElement(this); }
@@ -13,7 +13,7 @@ const Status = class {
13
13
  var _a;
14
14
  const effectiveColor = ((_a = this.color) === null || _a === void 0 ? void 0 : _a.trim()) ? this.color : 'orange-500';
15
15
  const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';
16
- return (h("div", { key: '0537cea5ff8d9b92bf309e601d32657de3a3d81c', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '0afda2ddc5bf64ac2b6c09317ceb4d73cfb39cf8', class: `dot ${effectiveColor}` }), h("p", { key: 'bb64b4b6595ae980d98d74ea9116c4c040e72ff5', class: "text" }, this.label)));
16
+ return (h("div", { key: '5584af4d19e2ed3e4c43937254b6496ac3498bab', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'd6ea110d9b65e05257f2a58220c78833af2e61c5', class: `dot ${effectiveColor}` }), h("p", { key: '4593faaff5f1a430d7c1ef77dd182ffac5dcdfe1', class: "text" }, this.label)));
17
17
  }
18
18
  };
19
19
  Status.style = IfxStatusStyle0;
@@ -47,7 +47,7 @@ const Step = class {
47
47
  }
48
48
  }
49
49
  render() {
50
- return (h("div", { key: 'a286ec01fede1f1887f7c0b4796805618c8f5ecc', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
50
+ return (h("div", { key: '89bf8ebdda8d27e4d64eb115375f101e6bd63a47', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
51
51
  ${this.error ? 'error' : ''}
52
52
  ${this.stepperState.variant}
53
53
  ${this.complete ? 'complete' : ''}
@@ -55,11 +55,11 @@ const Step = class {
55
55
  indicator-${this.stepperState.indicatorPosition}
56
56
  ${this.active ? 'active' : ''}
57
57
  ${this.clickable ? 'clickable' : ''}
58
- ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'd8230818a17da9e6a84a140c3b2b912313884967', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '4d8c49a1ee892eedd31aa645da8f57aa655b7a65', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
59
- h("div", { key: 'a6263bf57f9ce8bc615e8d611b0128e075d148b9', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '17ecbfc2a12141e58e2481efc54bd86683f5e995', icon: 'check16' }), this.active && h("span", { key: 'd0139442be7227f075c6ab065cffc991a87296c9', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '867418f5a3f7e5958521cde8634ed03e68f43921', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: 'a97d98c73df0e64937dd10fca6b456e19000a509', class: `step-connector-r ${this.active ? 'active' : ''}` })),
58
+ ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '7d132907a091474aab641783df974ef713d2e082', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: 'addc3091c2c1bff1f15bff47b688b41503ac0170', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
59
+ h("div", { key: '36ea1c2447f4d1315c67c1d7c55c008ada016eb7', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '7f9cd53a08acdb8a91c636a033d4728159857533', icon: 'check16' }), this.active && h("span", { key: 'fd7461691611746decffa1f53a6d7c5d3401e267', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '47b3af98bab586eb434a8161fe1b3954268aa7ab', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: '1e67448a5a81c2dfb049ac20f0dd353dd83e3ab6', class: `step-connector-r ${this.active ? 'active' : ''}` })),
60
60
  /* Step labels */
61
61
  (this.stepperState.variant !== 'compact' || (this.stepperState.variant === 'compact' && (this.active || this.stepId === this.stepperState.activeStep + 1))) &&
62
- h("div", { key: 'dc6560632dc1edbaa8ebdec515717a26064a2d8d', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: '3ef384da05179cc06434b7ab707b12352f292cfe' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '6368938443c139f025aa0e37295f6a4002aab7d0' }))));
62
+ h("div", { key: 'fc375ac7341cdae182d5cdb32e03a7ca93dd10aa', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: '40fc3dfa9690e41aa522857c67e07765f68251dc' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '5d43cd127b2a67b63d976084ef8265d048c27b2a' }))));
63
63
  }
64
64
  ;
65
65
  static get watchers() { return {
@@ -122,10 +122,10 @@ const Stepper = class {
122
122
  this.syncIfxSteps();
123
123
  }
124
124
  render() {
125
- return (h("div", { key: 'ae5ee9d781797a4c1a501a407875f34e8e5d52ed', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
125
+ return (h("div", { key: '719914f95d3ad6cdd1a691e850a87eb071bd8cce', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
126
126
  /* Progress bar for compact variant. */
127
127
  (this.variant === 'compact') &&
128
- h("div", { key: 'e9b93653f41f8c147ea0e1ab9b9b378982bb7ac6', class: 'stepper-progress' }, h("div", { key: '801055fddd1117838e8632dd5b6c4737f7333848', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '524ddcf264251bd8d232eed88f9e6fe5bb70127c', class: `stepper-wrapper` }, h("slot", { key: '8a4272a508f426430b11b2f650989b5989157071' }))));
128
+ h("div", { key: 'c4ebfb6dc14d0d80c1b5ad564fedacab324773d7', class: 'stepper-progress' }, h("div", { key: 'dffd68985729abdcd767270d85232eb83422fa2c', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '1b5016a54756a1d000449c185c1ee116dcf0acf2', class: `stepper-wrapper` }, h("slot", { key: '923375c6e3929b63796198d1956e702ee7cc456e' }))));
129
129
  }
130
130
  ;
131
131
  componentDidRender() {
@@ -76,7 +76,7 @@ const Switch = class {
76
76
  this.internals.setFormValue(null);
77
77
  }
78
78
  render() {
79
- return (h("div", { key: '6b56f571bf38be441aed96967afad78b5a8c1218', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '54c0602b247bacae3bc8112515ac348e723c2d4a', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'ea15edde0e7f03cc58d5ccf1b57d5bf10670f467', class: "switch__checkbox-wrapper" }, h("input", { key: 'c072e35bceda6b9288cea93af77f10c5462831a4', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '0278ce31ef374e478cae26befe6fbd95be087ded', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'e8de289b1b12ea9de9d7b5b076c9e258eeeba733', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '335b0fca0d94f0ac43dee1571a4866d4f75fb70b', htmlFor: "switch" }, h("slot", { key: 'd34f2450a877604ab63b6a6d2125810f2a877965', onSlotchange: () => this.toggleLabelGap() })))));
79
+ return (h("div", { key: '360fc8c66c42ca0abe29a8a1c7f719d7584ff84f', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '13f5e32ddc32582010d9e1c27f4c030b86e36712', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: '0f931031b5d338598f95dad4ce43a5fca6a0d8a3', class: "switch__checkbox-wrapper" }, h("input", { key: '86731f8df0ad982510263794f1c498066f89e3f9', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '2c26fa3bbc7b2a095b51dc89088906c7fa069fb9', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '1136f618847607a27671e4a6ddf98a6506bafcbb', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'bec0ca4982b7d978f54633341464820f18015603', htmlFor: "switch" }, h("slot", { key: '83948bfbeec352d2666d96299302a9ba01d3c7d2', onSlotchange: () => this.toggleLabelGap() })))));
80
80
  }
81
81
  static get formAssociated() { return true; }
82
82
  get el() { return getElement(this); }
@@ -14,7 +14,7 @@ const IfxTab = class {
14
14
  this.tabHeaderChange.emit(this.header);
15
15
  }
16
16
  render() {
17
- return h("slot", { key: '3f3568c625f064beb9e5911ea61f1f65f9d168a6' });
17
+ return h("slot", { key: '37043a27bd989be177366265767fcd7a9ed21e87' });
18
18
  }
19
19
  get el() { return getElement(this); }
20
20
  };
@@ -454,12 +454,12 @@ const Table = class {
454
454
  };
455
455
  }
456
456
  const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
457
- return (h(Host, { key: 'c627e6b4cdfe422a9a22951c55559c8211b9f0e2' }, h("div", { key: 'a17e6119540a54231423bb692416843875139809', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '31cddd9f670e81a0bea14509623660eec40819de', class: "sidebar-btn" }, h("ifx-button", { key: '681e1e3322f3b5809967da25a381e09bbcae1de5', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '7cd6d160dd507fbf3e5163df9358a34a768b3f04', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '0739bdbe36dff5c853e7fa6dd2877e8b0813af76', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '5ae0ba03d0b84abe6405b4ae467c03f9c38a7629', class: "sidebar-container" }, h("div", { key: '75b53b2dd1adbc2df228834559378d77a000e836', class: "filters-title-container" }, h("span", { key: '69519979d1dd7ccdd8770855dbd98abb4d7f7f9d', class: "filters-title" }, "Filters")), h("div", { key: 'cd301d4ef561a62cbc84efe9cc900151d4c20e06', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '2d17e663f4c4cd32f4ba32d43528b266aa194304', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '7ee05a23c7b97755eee231f87cb6a826ec678687', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '6839faf226e307066b1e7e5483776bd931f107a6', name: "topbar-filter" })))), h("div", { key: '83a73a230c5aebccdc2b09623df1ff4cfc02877f', class: "table-pagination-wrapper" }, h("div", { key: '0284a5944f1e7eb044460a7c514518cf0938deb2', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
457
+ return (h(Host, { key: 'ca27d66579b36a35943b42f26c152355337fd7e0' }, h("div", { key: 'a8441afd7cc158dcb845ef0e08e92a6f253295d4', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '4562d5b52546a66bb44ed20d141770b82babe011', class: "sidebar-btn" }, h("ifx-button", { key: '2b1ca677c2d8534ef7e0019d9c0fee6a4c7ebeb2', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '4edc158cec10a16b3fdcec3389cbb726247219cc', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'd82c1a1d8d7c25f0c5d4301e552a1f07febc345c', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '5000c0f4b4c342ce863d0c63042c41c7b10e71d0', class: "sidebar-container" }, h("div", { key: '971fa35458bbe4391b2bca5673bb4395db9ffb5c', class: "filters-title-container" }, h("span", { key: '71be790bc93bdefe9df3087de7d5f40f37a51b71', class: "filters-title" }, "Filters")), h("div", { key: 'e6e11f96cfdc23dd1e10441c5a68583f9f5e61a6', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '6fcc1e285a543c59c0c1d2b542ff10d28700af5d', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '2ee1540762249a77400aa3cb509742ec12443eaa', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '33e466bc340c5de4be400dcf4d7a0afd3ed3f323', name: "topbar-filter" })))), h("div", { key: 'f9d150eb60941ffa62cfd1fc31d302078da8e4a4', class: "table-pagination-wrapper" }, h("div", { key: '984fe856aa3e3df884c0adbe0a7aef7b218af0d5', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
458
458
  const filter = this.currentFilters[name];
459
459
  const filterValues = filter.filterValues;
460
460
  const isMultiSelect = filter.type !== 'text';
461
461
  return filterValues.length > 0 ? (h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? "multi" : "single", readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
462
- })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: '2911c9c2d002b6d2a20f3c74700b32c5e23ef6b6', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '540073573af36c1dfed465afe0dce1289e054bd8', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: 'f3314d8879e35b69da07e676d9ec0f6acd9c86c3', class: "matching-results-container" }, h("span", { key: '5236eae7043e7cc53f2847ca3ecda820da464e01', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'f6d7b849edb5e05e1ca517c1029d2f790fc4a882', class: "matching-results-text" }, "matching results"))), h("div", { key: 'f3f25d93a715bf3ad581a3818572a0cf8bc76f55', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '7703f7f97e31147de6de96643aeadf6a22cf91d4', id: `ifxTable-${this.uniqueKey}`, class: 'ifx-ag-grid', style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
462
+ })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: '15ddf1b9ec292abcdeef5df58e1915bcb1c0cbc7', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '2a61e609ae85ee9a9cf7b58fc980377285172c6e', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: 'b6e47ae8fdf63b9c290892007365fc8d016c48f2', class: "matching-results-container" }, h("span", { key: '6d446c83abea3b3975666b590beee51676deb99b', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '6dfee4e96e729a799a63f567631eacbaf8ccc6db', class: "matching-results-text" }, "matching results"))), h("div", { key: '06ae73e8b0f9ee655d7e85b8a87e0b6f96bd1173', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '22a918d161d6b827030d2c7a41f43586fea5de0b', id: `ifxTable-${this.uniqueKey}`, class: 'ifx-ag-grid', style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
463
463
  }
464
464
  hasButtonCol() {
465
465
  return this.getColData().some(column => column.field === 'button');
@@ -197,9 +197,9 @@ const IfxTabs = class {
197
197
  }
198
198
  render() {
199
199
  var _a;
200
- return (h("div", { key: '9769492731965486ef137d7cd608fc93f5b035d0', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '32c22cdb57314fccb9e85439d1d02805bdd26cf7', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
200
+ return (h("div", { key: 'f2663abe44d99b51791ae20c24fd6d8255bf80b5', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '0b949be9e67da9496346bf619af9c322236c8fd3', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
201
201
  _a.map((tab, index) => (h("li", { class: this.getTabItemClass(index), ref: (el) => (this.tabHeaderRefs[index] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index), "aria-selected": index === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
202
- tab.header))), h("div", { key: 'f0e57c02187b3dca86e3f8f80ae6c0901fe2e000', class: "active-border" })), h("div", { key: 'ebaf0baf4c0d5d021a7908be3ec417e77652f9ec', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
202
+ tab.header))), h("div", { key: '2caa33a941a3aaa5b6a9d2e6f748f7880f1037cf', class: "active-border" })), h("div", { key: '9dc32106ee0e5dda07ed4e33c829a67772463c9d', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
203
203
  }
204
204
  get el() { return getElement(this); }
205
205
  static get watchers() { return {
@@ -8,7 +8,7 @@ const Tag = class {
8
8
  registerInstance(this, hostRef);
9
9
  }
10
10
  render() {
11
- return (h("div", { key: 'c57a3b790f8b1baaa7bce8d9e4d645cd60aaae23', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '0c2f9a8dfd9bd368a771681cd44ff55f7b3e5cd1', icon: this.icon })), h("a", { key: '33510241f8f7472d520ae8449489881932e94a11', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '45e9f1c2fdd345c3c3f7c2d9983afe601950369f', class: "label" }, h("slot", { key: 'f4f9b734e69537de9b5ae714175294d49f17895d' })))));
11
+ return (h("div", { key: '77c20a8047f83ad313438cefde30e0bc5b6551ef', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'd13d992176898e60faf045c1ebec0967e44d0825', icon: this.icon })), h("a", { key: '2507414c6bb49499c9f9c0361575b6df1fbb55f6', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '946daf5532025ce4da084044bb14e1cbd7032ad0', class: "label" }, h("slot", { key: 'fe49bdfd098c349cfdcbfa414717a34dc28ef617' })))));
12
12
  }
13
13
  };
14
14
  Tag.style = IfxTagStyle0;
@@ -45,7 +45,7 @@ const TemplatesUI = class {
45
45
  alertWrapper.classList.remove('show');
46
46
  }
47
47
  render() {
48
- return (h("div", { key: 'b737ea67c4af14995d07d8c0843b2cae553f74ba', class: 'templates__container' }, h("div", { key: '3cf98be4ca65810802329b9a6fa7904c4149240e', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '47f87c266bc628a90e6436178922fbd38ee342b4', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '77a4f676d8acf4337c30ba922e69c23dc60d272e', class: "alert__wrapper" }, h("ifx-alert", { key: '85402b05d5dd23e9a6d483a333bc52c019e35e8e', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: '17a4171cdc85b4c8cd0cf72faad43bab272f259a', class: "templates__title" }, "Choose your template"), h("div", { key: '0c16ba839a65520132c70c08dbd271107c8f1508', class: "templates__wrapper" }, h("ifx-template", { key: '51b962bbd46d480a10ed6bd53effbd9ed8b6acd5', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '68788742b3514cd36c0530bd48a48b5b0d319c2d', name: 'template-02', thumbnail: this.wizardTemplate }))));
48
+ return (h("div", { key: 'bf4c5ead310d88f7fe5c9bc213e40267bf429cb8', class: 'templates__container' }, h("div", { key: 'e248745b8db68d2b1512202fa134d042edeb010e', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'f10c5d5b37071427b674f11a4debd5a80df1af5e', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'e5960d85b1e46f37580a3b62547164d0356cf575', class: "alert__wrapper" }, h("ifx-alert", { key: 'ea1ce75c12f68e79f688e5bca76f40cf25fd72f9', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: '8bbfa839ab5da993bc89ff3371e8bc64460f1c68', class: "templates__title" }, "Choose your template"), h("div", { key: '9f30ea639383bde71678215f0b80ee7111c4c5b1', class: "templates__wrapper" }, h("ifx-template", { key: '06d4725d8707904e4af6c4e302fbd00900cb0d9b', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '755c2d29318c854be38e364d6c971b9931da19c6', name: 'template-02', thumbnail: this.wizardTemplate }))));
49
49
  }
50
50
  static get assetsDirs() { return ["assets"]; }
51
51
  get el() { return getElement(this); }
@@ -57,7 +57,7 @@ const TextArea = class {
57
57
  }
58
58
  render() {
59
59
  var _a, _b;
60
- return (h(Host, { key: '518ad3c1cc1ff2650025953cfde72fe0642502a4', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '072edb66bd59e6313594b28ef7d9944c8eee9553', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '413d0d9874d345c9de1813cd14565c5c5e9bdcc5', class: 'wrapper__textarea' }, h("textarea", { key: '93eb5a2e5310acdc0d1d462b0fd5e2997dad25c1', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'f26e904e2923baa12a39e4356b1d4a265039e4c6', class: 'wrapper__caption' }, this.caption.trim()))));
60
+ return (h(Host, { key: '146538196346541c8b375878f2f2160375acd65a', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '04ef3fae2b80fff2a201cc9525794fa9eaaf3e24', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '385249e168003aa04ad324959849f48efecfbab5', class: 'wrapper__textarea' }, h("textarea", { key: 'f4a39d7c68dae8ea6dde67c1d11a7d5c94d41487', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'b6d6d4127b5db04d80031fda02a4a34ccc61c439', class: 'wrapper__caption' }, this.caption.trim()))));
61
61
  }
62
62
  static get formAssociated() { return true; }
63
63
  get el() { return getElement(this); }
@@ -152,10 +152,10 @@ const Tooltip = class {
152
152
  'tooltip-extended': true,
153
153
  'visible': this.tooltipVisible,
154
154
  };
155
- return (h("div", { key: 'ab97b747161bbd8cccae4061d56e6aec53f5d0d0', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '566c4a775d0de05cb964d0daff3c6fe973f75122' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '595e980be542656ac0ef0c1a2520f5c5dbd6aef8', class: tooltipDismissible }, h("button", { key: '1a8dc9665f25e0ffab1523bfef2833b626711336', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '5144f3c868241ae54830d4c969e412b1581ebc50', icon: "cross16" })), h("div", { key: '875688b2279802a2420fc513cdffc35dbbe52bd0', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '44e25f2a25294917f0e92781360017cced7bec0f', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'b6635791aae8b81cd755aeeca8c4a60af613fb1e', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '50f8e789537437016dbc88e4686906a97cda746a', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '946fcdb126540af7417995e1dedb9feae25c959b', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
156
- h("div", { key: 'ff3e50afcc9a9353771b65077aa3cb3b411088b0', class: tooltipCompact }, this.text, h("svg", { key: '0604812956f992a7e129d85ba4a38d4d7c1c68e7', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8d1ac7737d6b968f30295d2407f6319883ec93d3', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
157
- h("div", { key: '2322d56defc798e4eb74e05ca393e3d1c46cd8fa', class: tooltipExtended }, h("slot", { key: '8cb7bd4a46d36742a715859bfea802a16b236853', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
158
- h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: 'c93a6e78ea884f87062212623c9c6435512428f3', class: "tooltip-extended-content" }, this.header && h("div", { key: '064b5a2f9e7bf3a34fa1af1875f8b7694d45bc38', class: "tooltip-extended-header" }, this.header), h("div", { key: '9ac1d8fdecb7074aef0764e08510c7cdf496bbbd', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '5ea56ffdebd23b3e4b820dd78bdd75137d45a389', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f5eedc9e4921bae0b53db22de97ab3f9d53edbcd', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
155
+ return (h("div", { key: '506af35d3cc603e10da9e7e876b0cbb8f178848f', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'b9e4ba99abe1e3a8f6b565bdc7e0d474aea87978' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'c456b23ba375682d6034372ac7b6bf4f7859c043', class: tooltipDismissible }, h("button", { key: '65a84189cbdad93b6089e272f9e13338eb0108b4', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '3955b9bfb5df89fc6c66d711fa4656150611a7f1', icon: "cross16" })), h("div", { key: '03258c50dbb13154e924243871ffbccb6928dc38', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'ba48e4e73733a42793612ebbca4b06c84d3956c7', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '46bdcbb01fb37b5891d3aa0c488a6c92e07541d2', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '7aa9ebdb6c80cd5bab576416049f6c3b81973502', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7556ea74cff95938870d45dc451034d7446cc229', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
156
+ h("div", { key: '1352f2d81b04fb79aa5bb4c280839a819264f00c', class: tooltipCompact }, this.text, h("svg", { key: '386e78fbd87ddd0b69a5689bc6fee904a4600326', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '84b1f1ff3fd5087f4a324846d0709aebb8f26a94', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
157
+ h("div", { key: 'ede68a870e45f4f643d7eac689e88a9d20d1d758', class: tooltipExtended }, h("slot", { key: '1243ab83fc3c6290e7f27c0246d5e1e71e1c4264', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
158
+ h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '58c82f5021968d4a92c2009d0ba6f4049b50681f', class: "tooltip-extended-content" }, this.header && h("div", { key: '455b7a234ae4516b452a0b95c318a18ef8f7f3ec', class: "tooltip-extended-header" }, this.header), h("div", { key: '8fb07ece39017c45e43becf4754055356fb506fb', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '1b72fb690cdcfd11c33df69539b54daf0944c607', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f2f6f5b41a8bb22821a89f9cdb62873c5323f1a9', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
159
159
  }
160
160
  get el() { return getElement(this); }
161
161
  static get watchers() { return {
@@ -1,2 +1,2 @@
1
- import{p as e,H as t,b as a}from"./p-c808c7d2.js";export{s as setNonce}from"./p-c808c7d2.js";import{g as i}from"./p-e1255160.js";var n=()=>{{o(t.prototype)}const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};var o=e=>{const t=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return t.call(this,e)}const a=t.call(this,false);const i=this.childNodes;if(e){for(let e=0;e<i.length;e++){if(i[e].nodeType!==2){a.appendChild(i[e].cloneNode(true))}}}return a}};n().then((async e=>{await i();return a(JSON.parse('[["p-504e2445",[[1,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"filterOrientation":[1,"filter-orientation"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"onBtShowLoading":[64]},[[0,"ifxChange","handleChipChange"]],{"buttonRendererOptions":["onButtonRendererOptionsChanged"]}]]],["p-bf9cd342",[[1,"ifx-templates-ui",null,[[0,"fieldError","handleError"],[0,"toggleTemplates","filterTemplates"]]]]],["p-7b2c1304",[[1,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-26b3022c",[[1,"ifx-faq"]]],["p-2ad3b594",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["p-5e9f471c",[[1,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["p-19ebd7a9",[[1,"ifx-overview-table"]]],["p-1b5ebeef",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-760821b1",[[1,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-78abaef5",[[1,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["p-02bff047",[[1,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":["valueChanged"]}]]],["p-bdbf64bd",[[1,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":["handleTypeChange"],"resetTrigger":["resetTriggerChanged"]}]]],["p-c85dc125",[[1,"ifx-modal",{"opened":[1540],"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["p-368f2d4e",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["p-6167fe81",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[2,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"handleItemClick":[16],"showIcon":[32],"showIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"]}]]],["p-400349f4",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"href":[1],"target":[1]}]]],["p-a1d3859e",[[65,"ifx-checkbox-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleCheckboxError"]]]]],["p-fcec715a",[[65,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"AriaLabel":[1,"aria-label"],"value":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1]}]]],["p-188274f9",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["p-bb5fbeb8",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxOpen","handleSearchBarToggle"]]]]],["p-00baeb0a",[[1,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-1715a11f",[[65,"ifx-radio-button-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleRadioButtonError"]]]]],["p-11e74a1c",[[1,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-57268492",[[1,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-d121416b",[[1,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[2],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["p-3246cb71",[[1,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["p-63f61cb7",[[1,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"fullWidth":[4,"full-width"],"internalOrientation":[32],"internalActiveTabIndex":[32],"internalFocusedTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"disabledTabs":[32],"tabObjects":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["p-c09d77d6",[[1,"ifx-tag",{"icon":[1]}]]],["p-daa2d68b",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["p-9426653d",[[1,"ifx-badge"]]],["p-79762454",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-9c0053ac",[[1,"ifx-breadcrumb"]]],["p-3a51929e",[[1,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-43ada584",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"AriaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-51cc820c",[[1,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-3f577fe9",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["p-5b050055",[[1,"ifx-card-links"]]],["p-3d4e2597",[[1,"ifx-card-overline"]]],["p-0bb1a6fb",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["p-de532a77",[[1,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-5c144c40",[[1,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-757132ca",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["p-8edfc4d5",[[1,"ifx-dropdown-header"]]],["p-7721aa73",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-88a3c2e8",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-ccbab299",[[1,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-fc9a13fa",[[1,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-bfd26211",[[1,"ifx-footer-column"]]],["p-cc859294",[[1,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-8c0927d0",[[1,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["p-d3957af9",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"target":[1],"copyrightText":[1,"copyright-text"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]]]]],["p-733bcf3d",[[1,"ifx-sidebar-title"]]],["p-647a5858",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-ec7116c4",[[1,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["p-0c23a1af",[[65,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["p-8475e064",[[4,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["p-e819ac3f",[[65,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"fullWidth":[513,"full-width"],"reset":[64]}]]],["p-e2f76634",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"maxlength":[2],"insideDropdown":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]],{"value":["valueWatcher"]}]]],["p-52c46b22",[[1,"ifx-dropdown-separator"]]],["p-951f9063",[[65,"ifx-multiselect",{"name":[1],"options":[1],"batchSize":[2,"batch-size"],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"placeholder":[1],"maxItemCount":[2,"max-item-count"],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"internalError":[32],"internalErrorMessage":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32],"isLoading":[32],"loadedOptions":[32],"filteredOptions":[32],"optionCount":[32],"optionsProcessed":[32]},null,{"options":["updateOptions"],"error":["updateInternalError"],"errorMessage":["updateInternalErrorMessage"],"loadedOptions":["loadedOptionsChanged"],"persistentSelectedOptions":["onSelectionChange"]}]]],["p-cffc5d17",[[1,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-e0b21b23",[[65,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[513],"name":[513],"checked":[1028],"internalChecked":[32],"hasSlot":[32]},[[0,"keydown","handleKeyDown"],[4,"change","handleExternalChange"]],{"checked":["handleCheckedChange"],"internalChecked":["updateFormValue"],"error":["errorChanged"]}]]],["p-3ac58e09",[[1,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4]}],[65,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"optional":[4],"success":[4],"disabled":[4],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"reset":[64]},null,{"value":["valueWatcher"]}]]],["p-40466219",[[1,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["p-fd866344",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]],["p-cce5d1dc",[[1,"ifx-template",{"name":[1],"thumbnail":[1],"repoDetails":[32],"repoUrl":[32],"showDetails":[32],"isTemplatePage":[32],"isLoading":[32],"repoError":[32],"toggleTemplate":[64]}],[1,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["p-be94b72d",[[1,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLevel":[2,"aria-level"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[17,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxOpen","onItemOpen"]]]]],["p-7a9662ce",[[0,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"disabled":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"selectedOption":[32],"optionIsSelected":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["p-4d1670ed",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]},[[2,"click","handleClick"]]]]],["p-4701832b",[[65,"ifx-checkbox",{"disabled":[4],"checked":[4],"error":[4],"size":[1],"indeterminate":[4],"value":[1],"internalChecked":[32],"internalIndeterminate":[32],"isChecked":[64],"toggleCheckedState":[64]},null,{"checked":["valueChanged"],"error":["errorChanged"],"indeterminate":["indeterminateChanged"]}]]],["p-35979bd9",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["p-4ea09b73",[[1,"ifx-pagination",{"currentPage":[2,"current-page"],"total":[2],"itemsPerPage":[1,"items-per-page"],"internalPage":[32],"internalItemsPerPage":[32],"numberOfPages":[32],"filteredItemsPerPage":[32]},[[0,"ifxSelect","setItemsPerPage"]]],[1,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"readOnly":[4,"read-only"],"AriaLabel":[1,"aria-label"],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[1,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["p-7ceb3a10",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"AriaLabel":[1,"aria-label"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":["setInternalHref"]}]]]]'),e)}));
1
+ import{p as e,H as t,b as a}from"./p-c808c7d2.js";export{s as setNonce}from"./p-c808c7d2.js";import{g as i}from"./p-e1255160.js";var n=()=>{{o(t.prototype)}const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};var o=e=>{const t=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return t.call(this,e)}const a=t.call(this,false);const i=this.childNodes;if(e){for(let e=0;e<i.length;e++){if(i[e].nodeType!==2){a.appendChild(i[e].cloneNode(true))}}}return a}};n().then((async e=>{await i();return a(JSON.parse('[["p-1d4fc278",[[1,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"filterOrientation":[1,"filter-orientation"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"onBtShowLoading":[64]},[[0,"ifxChange","handleChipChange"]],{"buttonRendererOptions":["onButtonRendererOptionsChanged"]}]]],["p-a2616b8d",[[1,"ifx-templates-ui",null,[[0,"fieldError","handleError"],[0,"toggleTemplates","filterTemplates"]]]]],["p-7b2c1304",[[1,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-0ed489eb",[[1,"ifx-faq"]]],["p-2ad3b594",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["p-ece5ec08",[[1,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["p-71b5d16a",[[1,"ifx-overview-table"]]],["p-1b5ebeef",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-2c83ff9d",[[1,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-62396204",[[1,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["p-daa1ac45",[[1,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":["valueChanged"]}]]],["p-bdbf64bd",[[1,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":["handleTypeChange"],"resetTrigger":["resetTriggerChanged"]}]]],["p-c85dc125",[[1,"ifx-modal",{"opened":[1540],"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["p-c70eddd7",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["p-6167fe81",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[2,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"handleItemClick":[16],"showIcon":[32],"showIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"]}]]],["p-400349f4",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"href":[1],"target":[1]}]]],["p-a1d3859e",[[65,"ifx-checkbox-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleCheckboxError"]]]]],["p-fcec715a",[[65,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"AriaLabel":[1,"aria-label"],"value":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1]}]]],["p-188274f9",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["p-bb5fbeb8",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxOpen","handleSearchBarToggle"]]]]],["p-00baeb0a",[[1,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-e5b0bae9",[[65,"ifx-radio-button-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleRadioButtonError"]]]]],["p-0682ec9e",[[1,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-48701f83",[[1,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-bb2885be",[[1,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[2],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["p-ebef8ea8",[[1,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["p-b4982f52",[[1,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"fullWidth":[4,"full-width"],"internalOrientation":[32],"internalActiveTabIndex":[32],"internalFocusedTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"disabledTabs":[32],"tabObjects":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["p-6ede583b",[[1,"ifx-tag",{"icon":[1]}]]],["p-44c3ef6d",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["p-9426653d",[[1,"ifx-badge"]]],["p-8a92bb07",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-9c0053ac",[[1,"ifx-breadcrumb"]]],["p-3a51929e",[[1,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-43ada584",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"AriaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-51cc820c",[[1,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-3f577fe9",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["p-5b050055",[[1,"ifx-card-links"]]],["p-3d4e2597",[[1,"ifx-card-overline"]]],["p-0bb1a6fb",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["p-de532a77",[[1,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-5c144c40",[[1,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-757132ca",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["p-8edfc4d5",[[1,"ifx-dropdown-header"]]],["p-7721aa73",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-88a3c2e8",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-42103a85",[[1,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-fc9a13fa",[[1,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-bfd26211",[[1,"ifx-footer-column"]]],["p-cc859294",[[1,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-e69d348c",[[1,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["p-d3957af9",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"target":[1],"copyrightText":[1,"copyright-text"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]]]]],["p-733bcf3d",[[1,"ifx-sidebar-title"]]],["p-137b4109",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-9bc3708f",[[1,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["p-484ab7c4",[[65,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["p-778a65ae",[[4,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["p-6cf93534",[[65,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"fullWidth":[513,"full-width"],"reset":[64]}]]],["p-a8fdba36",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"maxlength":[2],"insideDropdown":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]],{"value":["valueWatcher"]}]]],["p-52c46b22",[[1,"ifx-dropdown-separator"]]],["p-951f9063",[[65,"ifx-multiselect",{"name":[1],"options":[1],"batchSize":[2,"batch-size"],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"placeholder":[1],"maxItemCount":[2,"max-item-count"],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"internalError":[32],"internalErrorMessage":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32],"isLoading":[32],"loadedOptions":[32],"filteredOptions":[32],"optionCount":[32],"optionsProcessed":[32]},null,{"options":["updateOptions"],"error":["updateInternalError"],"errorMessage":["updateInternalErrorMessage"],"loadedOptions":["loadedOptionsChanged"],"persistentSelectedOptions":["onSelectionChange"]}]]],["p-cffc5d17",[[1,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-9631e187",[[65,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[513],"name":[513],"checked":[1028],"internalChecked":[32],"hasSlot":[32]},[[0,"keydown","handleKeyDown"],[4,"change","handleExternalChange"]],{"checked":["handleCheckedChange"],"internalChecked":["updateFormValue"],"error":["errorChanged"]}]]],["p-e58a1c25",[[1,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4]}],[65,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"optional":[4],"success":[4],"disabled":[4],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"reset":[64]},null,{"value":["valueWatcher"]}]]],["p-40466219",[[1,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["p-fd866344",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]],["p-ce37b499",[[1,"ifx-template",{"name":[1],"thumbnail":[1],"repoDetails":[32],"repoUrl":[32],"showDetails":[32],"isTemplatePage":[32],"isLoading":[32],"repoError":[32],"toggleTemplate":[64]}],[1,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["p-be94b72d",[[1,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLevel":[2,"aria-level"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[17,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxOpen","onItemOpen"]]]]],["p-724a6be7",[[0,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"disabled":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"selectedOption":[32],"optionIsSelected":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["p-4d1670ed",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]},[[2,"click","handleClick"]]]]],["p-4701832b",[[65,"ifx-checkbox",{"disabled":[4],"checked":[4],"error":[4],"size":[1],"indeterminate":[4],"value":[1],"internalChecked":[32],"internalIndeterminate":[32],"isChecked":[64],"toggleCheckedState":[64]},null,{"checked":["valueChanged"],"error":["errorChanged"],"indeterminate":["indeterminateChanged"]}]]],["p-35979bd9",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["p-73b7e3a5",[[1,"ifx-pagination",{"currentPage":[2,"current-page"],"total":[2],"itemsPerPage":[1,"items-per-page"],"internalPage":[32],"internalItemsPerPage":[32],"numberOfPages":[32],"filteredItemsPerPage":[32]},[[0,"ifxSelect","setItemsPerPage"]]],[1,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"readOnly":[4,"read-only"],"AriaLabel":[1,"aria-label"],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[1,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["p-7ceb3a10",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"AriaLabel":[1,"aria-label"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":["setInternalHref"]}]]]]'),e)}));
2
2
  //# sourceMappingURL=infineon-design-system-stencil.esm.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,h as o}from"./p-c808c7d2.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:""}';const n=s;const i=class{constructor(o){e(this,o);this.segmentSelect=t(this,"segmentSelect",5);this.selected=false}handleSegmentClick(){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}}render(){return o("div",{key:"316acecd8e676dbcd6f55010bb791d0746cf4937",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},o("ifx-icon",{key:"86adc66b777780630ebe3e4157244c2c81ceb5d2",icon:this.icon})," ",o("slot",{key:"72319efb1d2b4cde4a922957d71ad388b35d276c"}))}};i.style=n;export{i as ifx_segment};
2
- //# sourceMappingURL=p-11e74a1c.entry.js.map
1
+ import{r as e,c as t,h as o}from"./p-c808c7d2.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:""}';const n=s;const i=class{constructor(o){e(this,o);this.segmentSelect=t(this,"segmentSelect",5);this.selected=false}handleSegmentClick(){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}}render(){return o("div",{key:"2faaac48b77184cbd62852220903045cbf815a67",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},o("ifx-icon",{key:"a69957b7ff87a6a4f717371b9227ddf3885e3878",icon:this.icon})," ",o("slot",{key:"ae2b9b7a9d2a2bce3b0b28f907df5755e32dcc4f"}))}};i.style=n;export{i as ifx_segment};
2
+ //# sourceMappingURL=p-0682ec9e.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,h as o}from"./p-c808c7d2.js";const n=".container{padding-top:10px}";const t=n;const i=class{constructor(o){e(this,o)}render(){return o("div",{key:"ed2b964d8b6d86428a4082f5e8dbffa0cc206c32",class:"container"},o("ifx-accordion",{key:"05776795e60612b86c642c9409a2054ac5a93c65"},o("ifx-accordion-item",{key:"ee3cd70a0bb1c2bf91d88c418c6b8ea009e8779f",caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be."),o("ifx-accordion-item",{key:"f5b06ede165b9e00a9a46a0ce5bc6cb604968420",caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),o("ifx-accordion-item",{key:"238f19788c3d9a3846fec9414f50c8ae88e71dce",caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),o("ifx-accordion-item",{key:"0025520755db27597711d03507e0dbe4939c8619",caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),o("ifx-accordion-item",{key:"9ec6e66ee9454d2d0cd8b28d7234caa7fe28b61a",caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};i.style=t;export{i as ifx_faq};
2
- //# sourceMappingURL=p-26b3022c.entry.js.map
1
+ import{r as e,h as o}from"./p-c808c7d2.js";const n=".container{padding-top:10px}";const t=n;const i=class{constructor(o){e(this,o)}render(){return o("div",{key:"5f0fb2266001020eec3a46734b6eb0867c3408fe",class:"container"},o("ifx-accordion",{key:"cc8ebd2417bdc019abe542d84587bc11e73603ed"},o("ifx-accordion-item",{key:"6bde62b3de164cef42be357364a55cce92ece3f4",caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be."),o("ifx-accordion-item",{key:"ccaf49b6c7965ff699ac77ea87d37fbda26ba71c",caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),o("ifx-accordion-item",{key:"9e8b5e03cc359268b094a8bef1eb911ccda09918",caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),o("ifx-accordion-item",{key:"0c54a1ff3a9dcafe8f1e60c854574363630437b2",caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),o("ifx-accordion-item",{key:"6451a7b861ffdb7a679f910820d69b3cdb0068b6",caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};i.style=t;export{i as ifx_faq};
2
+ //# sourceMappingURL=p-0ed489eb.entry.js.map