@siemens/element-ng 47.6.0 → 47.7.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 (415) hide show
  1. package/README.md +4 -1
  2. package/about/index.d.ts +7 -0
  3. package/about/package.json +3 -0
  4. package/about/si-about-data.model.d.ts +49 -0
  5. package/about/si-about.component.d.ts +71 -0
  6. package/about/si-about.module.d.ts +7 -0
  7. package/accordion/index.d.ts +1 -1
  8. package/accordion/si-accordion.component.d.ts +1 -1
  9. package/accordion/si-collapsible-panel.component.d.ts +1 -1
  10. package/action-modal/index.d.ts +1 -1
  11. package/action-modal/si-action-dialog.types.d.ts +1 -1
  12. package/application-header/index.d.ts +1 -1
  13. package/application-header/launchpad/si-launchpad.model.d.ts +1 -1
  14. package/application-header/si-header-action-item-icon-base.directive.d.ts +1 -1
  15. package/application-header/si-header-action-item.base.d.ts +1 -1
  16. package/application-header/si-header-logo.directive.d.ts +1 -1
  17. package/assets/images/landing-page-steel.webp +0 -0
  18. package/auto-collapsable-list/index.d.ts +1 -1
  19. package/auto-collapsable-list/si-auto-collapsable-list-item.directive.d.ts +1 -1
  20. package/auto-collapsable-list/si-auto-collapsable-list-measurable.class.d.ts +1 -1
  21. package/auto-collapsable-list/si-auto-collapsable-list.directive.d.ts +1 -1
  22. package/autocomplete/index.d.ts +1 -1
  23. package/autocomplete/si-autocomplete-option.directive.d.ts +1 -1
  24. package/autocomplete/si-autocomplete.model.d.ts +1 -1
  25. package/avatar/index.d.ts +1 -1
  26. package/avatar/si-avatar-background-color.directive.d.ts +1 -1
  27. package/badge/index.d.ts +1 -1
  28. package/breadcrumb/breadcrumb-item.model.d.ts +1 -1
  29. package/breadcrumb/index.d.ts +1 -1
  30. package/breadcrumb-router/index.d.ts +1 -1
  31. package/breadcrumb-router/si-breadcrumb-router.component.d.ts +1 -1
  32. package/breadcrumb-router/si-breadcrumb-router.model.d.ts +1 -1
  33. package/card/index.d.ts +1 -1
  34. package/circle-status/index.d.ts +1 -1
  35. package/color-picker/index.d.ts +1 -1
  36. package/column-selection-dialog/index.d.ts +1 -1
  37. package/column-selection-dialog/si-column-selection-dialog.types.d.ts +1 -1
  38. package/common/decorators/index.d.ts +1 -1
  39. package/common/decorators/webcomponent.decorator.d.ts +1 -1
  40. package/common/helpers/animation.helpers.d.ts +1 -1
  41. package/common/helpers/global-events.helpers.d.ts +1 -1
  42. package/common/helpers/index.d.ts +1 -1
  43. package/common/helpers/overlay-helper.d.ts +1 -1
  44. package/common/helpers/rtl.d.ts +1 -1
  45. package/common/helpers/track-by.helper.d.ts +1 -1
  46. package/common/index.d.ts +1 -1
  47. package/common/models/color-variant.model.d.ts +1 -1
  48. package/common/models/index.d.ts +1 -1
  49. package/common/models/menu.model.d.ts +1 -1
  50. package/common/models/positions.model.d.ts +1 -1
  51. package/common/models/status-type.model.d.ts +1 -1
  52. package/common/services/index.d.ts +1 -1
  53. package/connection-strength/index.d.ts +1 -1
  54. package/content-action-bar/index.d.ts +1 -1
  55. package/content-action-bar/si-content-action-bar.component.d.ts +1 -1
  56. package/content-action-bar/si-content-action-bar.model.d.ts +3 -3
  57. package/copyright-notice/index.d.ts +1 -1
  58. package/copyright-notice/si-copyright-notice.d.ts +1 -1
  59. package/datatable/index.d.ts +1 -1
  60. package/datatable/si-datatable-interaction.directive.d.ts +1 -1
  61. package/date-range-filter/index.d.ts +1 -1
  62. package/date-range-filter/si-date-range-filter.types.d.ts +1 -1
  63. package/date-range-filter/si-relative-date.component.d.ts +1 -1
  64. package/datepicker/components/si-calendar-date-cell.directive.d.ts +1 -1
  65. package/datepicker/components/si-initial-focus.component.d.ts +1 -1
  66. package/datepicker/index.d.ts +1 -1
  67. package/datepicker/si-datepicker.directive.d.ts +1 -1
  68. package/datepicker/si-datepicker.model.d.ts +1 -1
  69. package/datepicker/si-timepicker.component.d.ts +1 -1
  70. package/electron-titlebar/electron.helpers.d.ts +1 -1
  71. package/electron-titlebar/index.d.ts +1 -1
  72. package/empty-state/index.d.ts +1 -1
  73. package/fesm2022/siemens-element-ng-about.mjs +157 -0
  74. package/fesm2022/siemens-element-ng-about.mjs.map +1 -0
  75. package/fesm2022/siemens-element-ng-accordion.mjs +11 -12
  76. package/fesm2022/siemens-element-ng-accordion.mjs.map +1 -1
  77. package/fesm2022/siemens-element-ng-action-modal.mjs +15 -16
  78. package/fesm2022/siemens-element-ng-action-modal.mjs.map +1 -1
  79. package/fesm2022/siemens-element-ng-application-header.mjs +29 -30
  80. package/fesm2022/siemens-element-ng-application-header.mjs.map +1 -1
  81. package/fesm2022/siemens-element-ng-auto-collapsable-list.mjs +7 -7
  82. package/fesm2022/siemens-element-ng-auto-collapsable-list.mjs.map +1 -1
  83. package/fesm2022/siemens-element-ng-autocomplete.mjs +5 -5
  84. package/fesm2022/siemens-element-ng-autocomplete.mjs.map +1 -1
  85. package/fesm2022/siemens-element-ng-avatar.mjs +4 -4
  86. package/fesm2022/siemens-element-ng-avatar.mjs.map +1 -1
  87. package/fesm2022/siemens-element-ng-badge.mjs +2 -2
  88. package/fesm2022/siemens-element-ng-badge.mjs.map +1 -1
  89. package/fesm2022/siemens-element-ng-breadcrumb-router.mjs +5 -5
  90. package/fesm2022/siemens-element-ng-breadcrumb-router.mjs.map +1 -1
  91. package/fesm2022/siemens-element-ng-breadcrumb.mjs +8 -9
  92. package/fesm2022/siemens-element-ng-breadcrumb.mjs.map +1 -1
  93. package/fesm2022/siemens-element-ng-card.mjs +7 -8
  94. package/fesm2022/siemens-element-ng-card.mjs.map +1 -1
  95. package/fesm2022/siemens-element-ng-circle-status.mjs +6 -7
  96. package/fesm2022/siemens-element-ng-circle-status.mjs.map +1 -1
  97. package/fesm2022/siemens-element-ng-color-picker.mjs +6 -7
  98. package/fesm2022/siemens-element-ng-color-picker.mjs.map +1 -1
  99. package/fesm2022/siemens-element-ng-column-selection-dialog.mjs +11 -12
  100. package/fesm2022/siemens-element-ng-column-selection-dialog.mjs.map +1 -1
  101. package/fesm2022/siemens-element-ng-common.mjs +14 -14
  102. package/fesm2022/siemens-element-ng-common.mjs.map +1 -1
  103. package/fesm2022/siemens-element-ng-connection-strength.mjs +3 -3
  104. package/fesm2022/siemens-element-ng-connection-strength.mjs.map +1 -1
  105. package/fesm2022/siemens-element-ng-content-action-bar.mjs +9 -10
  106. package/fesm2022/siemens-element-ng-content-action-bar.mjs.map +1 -1
  107. package/fesm2022/siemens-element-ng-copyright-notice.mjs +4 -4
  108. package/fesm2022/siemens-element-ng-copyright-notice.mjs.map +1 -1
  109. package/fesm2022/siemens-element-ng-datatable.mjs +2 -2
  110. package/fesm2022/siemens-element-ng-datatable.mjs.map +1 -1
  111. package/fesm2022/siemens-element-ng-date-range-filter.mjs +13 -15
  112. package/fesm2022/siemens-element-ng-date-range-filter.mjs.map +1 -1
  113. package/fesm2022/siemens-element-ng-datepicker.mjs +48 -54
  114. package/fesm2022/siemens-element-ng-datepicker.mjs.map +1 -1
  115. package/fesm2022/siemens-element-ng-electron-titlebar.mjs +7 -8
  116. package/fesm2022/siemens-element-ng-electron-titlebar.mjs.map +1 -1
  117. package/fesm2022/siemens-element-ng-empty-state.mjs +6 -7
  118. package/fesm2022/siemens-element-ng-empty-state.mjs.map +1 -1
  119. package/fesm2022/siemens-element-ng-file-uploader.mjs +9 -10
  120. package/fesm2022/siemens-element-ng-file-uploader.mjs.map +1 -1
  121. package/fesm2022/siemens-element-ng-filter-bar.mjs +10 -11
  122. package/fesm2022/siemens-element-ng-filter-bar.mjs.map +1 -1
  123. package/fesm2022/siemens-element-ng-filtered-search.mjs +19 -20
  124. package/fesm2022/siemens-element-ng-filtered-search.mjs.map +1 -1
  125. package/fesm2022/siemens-element-ng-footer.mjs +7 -8
  126. package/fesm2022/siemens-element-ng-footer.mjs.map +1 -1
  127. package/fesm2022/siemens-element-ng-form.mjs +20 -23
  128. package/fesm2022/siemens-element-ng-form.mjs.map +1 -1
  129. package/fesm2022/siemens-element-ng-formly.mjs +46 -53
  130. package/fesm2022/siemens-element-ng-formly.mjs.map +1 -1
  131. package/fesm2022/siemens-element-ng-header-dropdown.mjs +8 -9
  132. package/fesm2022/siemens-element-ng-header-dropdown.mjs.map +1 -1
  133. package/fesm2022/siemens-element-ng-icon-status.mjs +3 -3
  134. package/fesm2022/siemens-element-ng-icon-status.mjs.map +1 -1
  135. package/fesm2022/siemens-element-ng-icon.mjs +17 -18
  136. package/fesm2022/siemens-element-ng-icon.mjs.map +1 -1
  137. package/fesm2022/siemens-element-ng-info-page.mjs +5 -6
  138. package/fesm2022/siemens-element-ng-info-page.mjs.map +1 -1
  139. package/fesm2022/siemens-element-ng-inline-notification.mjs +6 -7
  140. package/fesm2022/siemens-element-ng-inline-notification.mjs.map +1 -1
  141. package/fesm2022/siemens-element-ng-ip-input.mjs +4 -4
  142. package/fesm2022/siemens-element-ng-ip-input.mjs.map +1 -1
  143. package/fesm2022/siemens-element-ng-landing-page.mjs +121 -0
  144. package/fesm2022/siemens-element-ng-landing-page.mjs.map +1 -0
  145. package/fesm2022/siemens-element-ng-language-switcher.mjs +9 -10
  146. package/fesm2022/siemens-element-ng-language-switcher.mjs.map +1 -1
  147. package/fesm2022/siemens-element-ng-link.mjs +6 -6
  148. package/fesm2022/siemens-element-ng-link.mjs.map +1 -1
  149. package/fesm2022/siemens-element-ng-list-details.mjs +15 -16
  150. package/fesm2022/siemens-element-ng-list-details.mjs.map +1 -1
  151. package/fesm2022/siemens-element-ng-loading-spinner.mjs +13 -14
  152. package/fesm2022/siemens-element-ng-loading-spinner.mjs.map +1 -1
  153. package/fesm2022/siemens-element-ng-localization.mjs +6 -6
  154. package/fesm2022/siemens-element-ng-localization.mjs.map +1 -1
  155. package/fesm2022/siemens-element-ng-main-detail-container.mjs +6 -7
  156. package/fesm2022/siemens-element-ng-main-detail-container.mjs.map +1 -1
  157. package/fesm2022/siemens-element-ng-menu.mjs +22 -22
  158. package/fesm2022/siemens-element-ng-menu.mjs.map +1 -1
  159. package/fesm2022/siemens-element-ng-modal.mjs +4 -4
  160. package/fesm2022/siemens-element-ng-modal.mjs.map +1 -1
  161. package/fesm2022/siemens-element-ng-navbar-vertical.mjs +31 -32
  162. package/fesm2022/siemens-element-ng-navbar-vertical.mjs.map +1 -1
  163. package/fesm2022/siemens-element-ng-navbar.mjs +11 -12
  164. package/fesm2022/siemens-element-ng-navbar.mjs.map +1 -1
  165. package/fesm2022/siemens-element-ng-number-input.mjs +7 -8
  166. package/fesm2022/siemens-element-ng-number-input.mjs.map +1 -1
  167. package/fesm2022/siemens-element-ng-pagination.mjs +6 -7
  168. package/fesm2022/siemens-element-ng-pagination.mjs.map +1 -1
  169. package/fesm2022/siemens-element-ng-password-strength.mjs +6 -6
  170. package/fesm2022/siemens-element-ng-password-strength.mjs.map +1 -1
  171. package/fesm2022/siemens-element-ng-password-toggle.mjs +8 -9
  172. package/fesm2022/siemens-element-ng-password-toggle.mjs.map +1 -1
  173. package/fesm2022/siemens-element-ng-phone-number.mjs +16 -17
  174. package/fesm2022/siemens-element-ng-phone-number.mjs.map +1 -1
  175. package/fesm2022/siemens-element-ng-photo-upload.mjs +7 -9
  176. package/fesm2022/siemens-element-ng-photo-upload.mjs.map +1 -1
  177. package/fesm2022/siemens-element-ng-pills-input.mjs +14 -15
  178. package/fesm2022/siemens-element-ng-pills-input.mjs.map +1 -1
  179. package/fesm2022/siemens-element-ng-popover-next.mjs +5 -5
  180. package/fesm2022/siemens-element-ng-popover-next.mjs.map +1 -1
  181. package/fesm2022/siemens-element-ng-popover.mjs +3 -3
  182. package/fesm2022/siemens-element-ng-popover.mjs.map +1 -1
  183. package/fesm2022/siemens-element-ng-progressbar.mjs +7 -8
  184. package/fesm2022/siemens-element-ng-progressbar.mjs.map +1 -1
  185. package/fesm2022/siemens-element-ng-resize-observer.mjs +5 -5
  186. package/fesm2022/siemens-element-ng-resize-observer.mjs.map +1 -1
  187. package/fesm2022/siemens-element-ng-result-details-list.mjs +6 -7
  188. package/fesm2022/siemens-element-ng-result-details-list.mjs.map +1 -1
  189. package/fesm2022/siemens-element-ng-search-bar.mjs +6 -6
  190. package/fesm2022/siemens-element-ng-search-bar.mjs.map +1 -1
  191. package/fesm2022/siemens-element-ng-select.mjs +39 -40
  192. package/fesm2022/siemens-element-ng-select.mjs.map +1 -1
  193. package/fesm2022/siemens-element-ng-shadow-root.mjs +2 -2
  194. package/fesm2022/siemens-element-ng-shadow-root.mjs.map +1 -1
  195. package/fesm2022/siemens-element-ng-side-panel.mjs +12 -13
  196. package/fesm2022/siemens-element-ng-side-panel.mjs.map +1 -1
  197. package/fesm2022/siemens-element-ng-skip-links.mjs +7 -8
  198. package/fesm2022/siemens-element-ng-skip-links.mjs.map +1 -1
  199. package/fesm2022/siemens-element-ng-slider.mjs +7 -8
  200. package/fesm2022/siemens-element-ng-slider.mjs.map +1 -1
  201. package/fesm2022/siemens-element-ng-sort-bar.mjs +6 -7
  202. package/fesm2022/siemens-element-ng-sort-bar.mjs.map +1 -1
  203. package/fesm2022/siemens-element-ng-split.mjs +6 -7
  204. package/fesm2022/siemens-element-ng-split.mjs.map +1 -1
  205. package/fesm2022/siemens-element-ng-status-bar.mjs +13 -14
  206. package/fesm2022/siemens-element-ng-status-bar.mjs.map +1 -1
  207. package/fesm2022/siemens-element-ng-status-toggle.mjs +5 -6
  208. package/fesm2022/siemens-element-ng-status-toggle.mjs.map +1 -1
  209. package/fesm2022/siemens-element-ng-summary-chip.mjs +5 -6
  210. package/fesm2022/siemens-element-ng-summary-chip.mjs.map +1 -1
  211. package/fesm2022/siemens-element-ng-summary-widget.mjs +5 -6
  212. package/fesm2022/siemens-element-ng-summary-widget.mjs.map +1 -1
  213. package/fesm2022/siemens-element-ng-system-banner.mjs +5 -6
  214. package/fesm2022/siemens-element-ng-system-banner.mjs.map +1 -1
  215. package/fesm2022/siemens-element-ng-tabs-next.mjs +16 -17
  216. package/fesm2022/siemens-element-ng-tabs-next.mjs.map +1 -1
  217. package/fesm2022/siemens-element-ng-tabs.mjs +9 -16
  218. package/fesm2022/siemens-element-ng-tabs.mjs.map +1 -1
  219. package/fesm2022/siemens-element-ng-theme.mjs +3 -3
  220. package/fesm2022/siemens-element-ng-theme.mjs.map +1 -1
  221. package/fesm2022/siemens-element-ng-threshold.mjs +11 -12
  222. package/fesm2022/siemens-element-ng-threshold.mjs.map +1 -1
  223. package/fesm2022/siemens-element-ng-toast-notification.mjs +9 -10
  224. package/fesm2022/siemens-element-ng-toast-notification.mjs.map +1 -1
  225. package/fesm2022/siemens-element-ng-tooltip.mjs +7 -8
  226. package/fesm2022/siemens-element-ng-tooltip.mjs.map +1 -1
  227. package/fesm2022/siemens-element-ng-tour.mjs +7 -8
  228. package/fesm2022/siemens-element-ng-tour.mjs.map +1 -1
  229. package/fesm2022/siemens-element-ng-translate.mjs +1 -1
  230. package/fesm2022/siemens-element-ng-translate.mjs.map +1 -1
  231. package/fesm2022/siemens-element-ng-tree-view.mjs +22 -23
  232. package/fesm2022/siemens-element-ng-tree-view.mjs.map +1 -1
  233. package/fesm2022/siemens-element-ng-typeahead.mjs +12 -13
  234. package/fesm2022/siemens-element-ng-typeahead.mjs.map +1 -1
  235. package/fesm2022/siemens-element-ng-unauthorized-page.mjs +6 -7
  236. package/fesm2022/siemens-element-ng-unauthorized-page.mjs.map +1 -1
  237. package/fesm2022/siemens-element-ng-wizard.mjs +8 -9
  238. package/fesm2022/siemens-element-ng-wizard.mjs.map +1 -1
  239. package/fesm2022/siemens-element-ng.mjs +1 -1
  240. package/fesm2022/siemens-element-ng.mjs.map +1 -1
  241. package/file-uploader/index.d.ts +1 -1
  242. package/file-uploader/si-file-uploader.model.d.ts +1 -1
  243. package/filter-bar/filter.d.ts +1 -1
  244. package/filter-bar/index.d.ts +1 -1
  245. package/filtered-search/index.d.ts +1 -1
  246. package/filtered-search/si-filtered-search-value.component.d.ts +1 -1
  247. package/filtered-search/si-filtered-search.component.d.ts +1 -1
  248. package/filtered-search/si-filtered-search.model.d.ts +1 -1
  249. package/filtered-search/values/si-filtered-search-value.base.d.ts +1 -1
  250. package/filtered-search/values/typeahead/si-filtered-search-typeahead.component.d.ts +1 -1
  251. package/footer/index.d.ts +1 -1
  252. package/form/form-fieldset/si-form-fieldset.component.d.ts +1 -1
  253. package/form/index.d.ts +1 -1
  254. package/form/si-form-container/si-form-container.component.d.ts +24 -24
  255. package/form/si-form-item/si-form-field-native.control.d.ts +1 -1
  256. package/form/si-form-item.control.d.ts +1 -1
  257. package/form/si-form-validation-error.model.d.ts +1 -1
  258. package/form/si-form-validation-error.provider.d.ts +1 -1
  259. package/form/si-form-validation-tooltip/si-form-validation-tooltip.component.d.ts +1 -1
  260. package/form/si-form-validation-tooltip/si-form-validation-tooltip.directive.d.ts +1 -1
  261. package/form/si-form.module.d.ts +1 -1
  262. package/formly/fields/datetime/si-formly-datetime.component.d.ts +1 -1
  263. package/formly/fields/textarea/si-formly-textarea.component.d.ts +1 -1
  264. package/formly/fields/time/si-formly-time.component.d.ts +1 -1
  265. package/formly/index.d.ts +1 -1
  266. package/formly/si-formly-translate.extension.d.ts +1 -3
  267. package/formly/si-formly.component.d.ts +1 -1
  268. package/formly/structural/si-formly-accordion/si-formly-accordion.component.d.ts +1 -1
  269. package/formly/structural/si-formly-object-grid/si-formly-object-grid.component.d.ts +1 -1
  270. package/formly/structural/si-formly-object-grid/si-formly-object-grid.model.d.ts +1 -1
  271. package/formly/utils.d.ts +1 -1
  272. package/formly/wrapper/si-formly-form-field-provider.directive.d.ts +1 -1
  273. package/header-dropdown/index.d.ts +1 -1
  274. package/header-dropdown/si-header.model.d.ts +1 -1
  275. package/icon/element-icons.d.ts +1 -1
  276. package/icon/icon-status.d.ts +1 -1
  277. package/icon/index.d.ts +1 -1
  278. package/icon-status/index.d.ts +1 -1
  279. package/info-page/index.d.ts +1 -1
  280. package/inline-notification/index.d.ts +1 -1
  281. package/ip-input/address-utils.d.ts +1 -1
  282. package/ip-input/address-validators.d.ts +1 -1
  283. package/ip-input/index.d.ts +1 -1
  284. package/ip-input/si-ip-input.directive.d.ts +1 -1
  285. package/landing-page/alert-config.model.d.ts +15 -0
  286. package/landing-page/index.d.ts +7 -0
  287. package/landing-page/package.json +3 -0
  288. package/landing-page/si-landing-page.component.d.ts +74 -0
  289. package/landing-page/si-landing-page.module.d.ts +7 -0
  290. package/language-switcher/index.d.ts +1 -1
  291. package/language-switcher/iso-language-value.d.ts +1 -1
  292. package/language-switcher/si-language-switcher.component.d.ts +1 -2
  293. package/link/aria-current.model.d.ts +1 -1
  294. package/link/index.d.ts +1 -1
  295. package/link/link.model.d.ts +1 -1
  296. package/list-details/index.d.ts +1 -1
  297. package/list-details/si-details-pane-header/si-details-pane-header.component.d.ts +1 -1
  298. package/loading-spinner/index.d.ts +1 -1
  299. package/localization/index.d.ts +1 -1
  300. package/localization/si-directionality.d.ts +1 -1
  301. package/localization/si-locale-store.d.ts +1 -1
  302. package/main-detail-container/index.d.ts +1 -1
  303. package/menu/index.d.ts +1 -1
  304. package/menu/si-menu-action.service.d.ts +1 -1
  305. package/menu/si-menu-factory.component.d.ts +1 -1
  306. package/menu/si-menu-item-checkbox.component.d.ts +2 -1
  307. package/menu/si-menu-model.d.ts +1 -1
  308. package/modal/index.d.ts +1 -1
  309. package/modal/modal.helpers.d.ts +1 -1
  310. package/modal/modalref.d.ts +1 -1
  311. package/navbar/account.model.d.ts +1 -1
  312. package/navbar/index.d.ts +1 -1
  313. package/navbar/si-navbar-item/index.d.ts +1 -1
  314. package/navbar/si-navbar-primary/index.d.ts +1 -1
  315. package/navbar/si-navbar-primary/si-navbar-primary.model.d.ts +1 -1
  316. package/navbar-vertical/index.d.ts +1 -1
  317. package/navbar-vertical/si-navbar-vertical.model.d.ts +1 -1
  318. package/navbar-vertical/si-navbar-vertical.provider.d.ts +1 -1
  319. package/number-input/index.d.ts +1 -1
  320. package/number-input/si-number-input.component.d.ts +1 -1
  321. package/package.json +11 -3
  322. package/pagination/index.d.ts +1 -1
  323. package/password-strength/index.d.ts +1 -1
  324. package/password-strength/si-password-strength.component.d.ts +1 -1
  325. package/password-toggle/index.d.ts +1 -1
  326. package/phone-number/index.d.ts +1 -1
  327. package/phone-number/si-phone-number-input.models.d.ts +1 -1
  328. package/photo-upload/index.d.ts +1 -1
  329. package/pills-input/index.d.ts +1 -1
  330. package/pills-input/si-pills-input-pattern-base.d.ts +1 -1
  331. package/pills-input/si-pills-input.component.d.ts +1 -1
  332. package/popover/index.d.ts +1 -1
  333. package/popover/si-popover.component.d.ts +1 -1
  334. package/popover-next/index.d.ts +1 -1
  335. package/progressbar/index.d.ts +1 -1
  336. package/public-api.d.ts +1 -1
  337. package/resize-observer/index.d.ts +1 -1
  338. package/resize-observer/si-resize-observer.directive.d.ts +1 -1
  339. package/resize-observer/si-responsive-container.directive.d.ts +1 -1
  340. package/result-details-list/index.d.ts +1 -1
  341. package/result-details-list/si-result-details-list.datamodel.d.ts +1 -1
  342. package/search-bar/index.d.ts +1 -1
  343. package/search-bar/si-search-bar.component.d.ts +1 -1
  344. package/select/index.d.ts +1 -1
  345. package/select/options/si-select-complex-options.directive.d.ts +1 -1
  346. package/select/options/si-select-lazy-options.directive.d.ts +1 -1
  347. package/select/options/si-select-option.source.d.ts +1 -1
  348. package/select/options/si-select-options-strategy.base.d.ts +1 -1
  349. package/select/options/si-select-options-strategy.d.ts +1 -1
  350. package/select/options/si-select-simple-options.directive.d.ts +1 -1
  351. package/select/select-input/si-select-input.component.d.ts +1 -1
  352. package/select/select-list/si-select-list.base.d.ts +1 -1
  353. package/select/select-list/si-select-list.component.d.ts +1 -1
  354. package/select/select-option/si-select-option-row.component.d.ts +1 -1
  355. package/select/selection/si-select-selection-strategy.d.ts +1 -1
  356. package/select/si-select.types.d.ts +1 -1
  357. package/shadow-root/index.d.ts +1 -1
  358. package/shadow-root/si-shadow-root.directive.d.ts +1 -1
  359. package/side-panel/index.d.ts +1 -1
  360. package/side-panel/si-side-panel.service.d.ts +1 -1
  361. package/side-panel/side-panel.model.d.ts +1 -1
  362. package/skip-links/index.d.ts +1 -1
  363. package/skip-links/si-skip-link-target.directive.d.ts +1 -1
  364. package/slider/index.d.ts +1 -1
  365. package/sort-bar/index.d.ts +1 -1
  366. package/sort-bar/si-sort-bar.component.d.ts +1 -1
  367. package/split/index.d.ts +1 -1
  368. package/split/si-split.interfaces.d.ts +1 -1
  369. package/status-bar/index.d.ts +1 -1
  370. package/status-bar/si-status-bar-item/index.d.ts +1 -1
  371. package/status-bar/si-status-bar-item/si-status-bar-item.model.d.ts +1 -1
  372. package/status-toggle/index.d.ts +1 -1
  373. package/status-toggle/status-toggle.model.d.ts +1 -1
  374. package/summary-chip/index.d.ts +1 -1
  375. package/summary-widget/index.d.ts +1 -1
  376. package/system-banner/index.d.ts +1 -1
  377. package/tabs/index.d.ts +1 -1
  378. package/tabs/si-tab/index.d.ts +1 -1
  379. package/tabs/si-tab/si-tab.component.d.ts +1 -1
  380. package/tabs/si-tabset/index.d.ts +1 -1
  381. package/tabs-next/index.d.ts +1 -1
  382. package/tabs-next/si-tab-next-base.directive.d.ts +1 -1
  383. package/tabs-next/si-tabs-tokens.d.ts +1 -1
  384. package/tabs-next/si-tabset-next.component.d.ts +1 -1
  385. package/theme/index.d.ts +1 -1
  386. package/theme/si-theme-store.d.ts +1 -1
  387. package/theme/si-theme.model.d.ts +1 -1
  388. package/threshold/index.d.ts +1 -1
  389. package/toast-notification/index.d.ts +1 -1
  390. package/toast-notification/si-toast.model.d.ts +1 -1
  391. package/tooltip/index.d.ts +1 -1
  392. package/tooltip/si-tooltip.component.d.ts +1 -1
  393. package/tooltip/si-tooltip.directive.d.ts +1 -1
  394. package/tooltip/si-tooltip.service.d.ts +1 -1
  395. package/tour/index.d.ts +1 -1
  396. package/tour/si-tour-token.model.d.ts +1 -1
  397. package/tour/si-tour.model.d.ts +1 -1
  398. package/translate/index.d.ts +1 -1
  399. package/translate/si-translatable-overrides.provider.d.ts +1 -1
  400. package/tree-view/drag-drop.util.d.ts +1 -1
  401. package/tree-view/index.d.ts +1 -1
  402. package/tree-view/si-tree-view-item/si-tree-view-item.component.d.ts +1 -1
  403. package/tree-view/si-tree-view-item/si-tree-view-item.directive.d.ts +1 -1
  404. package/tree-view/si-tree-view-item-context.d.ts +1 -1
  405. package/tree-view/si-tree-view-item-height.service.d.ts +1 -1
  406. package/tree-view/si-tree-view-item-template.directive.d.ts +1 -1
  407. package/tree-view/si-tree-view.model.d.ts +1 -1
  408. package/tree-view/si-tree-view.service.d.ts +1 -1
  409. package/tree-view/si-tree-view.utils.d.ts +1 -1
  410. package/typeahead/index.d.ts +1 -1
  411. package/typeahead/si-typeahead.directive.d.ts +1 -1
  412. package/typeahead/si-typeahead.model.d.ts +1 -1
  413. package/typeahead/si-typeahead.sorting.d.ts +1 -1
  414. package/unauthorized-page/index.d.ts +1 -1
  415. package/wizard/index.d.ts +1 -1
@@ -5,8 +5,7 @@ import { FormsModule } from '@angular/forms';
5
5
  import { isRTL } from '@siemens/element-ng/common';
6
6
  import { addIcons, elementCancel, SiIconNextComponent, elementSearch } from '@siemens/element-ng/icon';
7
7
  import { SiTypeaheadDirective } from '@siemens/element-ng/typeahead';
8
- import * as i2 from '@siemens/element-translate-ng/translate';
9
- import { SiTranslateModule, SiTranslateService } from '@siemens/element-translate-ng/translate';
8
+ import { SiTranslatePipe, injectSiTranslateService } from '@siemens/element-translate-ng/translate';
10
9
  import { BehaviorSubject, switchMap, of, Subject } from 'rxjs';
11
10
  import { debounceTime, map, tap, first, takeUntil } from 'rxjs/operators';
12
11
  import { formatDate, DatePipe } from '@angular/common';
@@ -15,7 +14,7 @@ import { CdkMonitorFocus } from '@angular/cdk/a11y';
15
14
  import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
16
15
 
17
16
  /**
18
- * Copyright Siemens 2016 - 2025.
17
+ * Copyright (c) Siemens 2016 - 2025
19
18
  * SPDX-License-Identifier: MIT
20
19
  */
21
20
  /** Convert options to option criterions */
@@ -54,7 +53,7 @@ const getISODateString = (date, format, locale) => {
54
53
  };
55
54
 
56
55
  /**
57
- * Copyright Siemens 2016 - 2025.
56
+ * Copyright (c) Siemens 2016 - 2025
58
57
  * SPDX-License-Identifier: MIT
59
58
  */
60
59
  class SiFilteredSearchValueBase {
@@ -96,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
96
95
  }] });
97
96
 
98
97
  /**
99
- * Copyright Siemens 2016 - 2025.
98
+ * Copyright (c) Siemens 2016 - 2025
100
99
  * SPDX-License-Identifier: MIT
101
100
  */
102
101
  class SiFilteredSearchDateValueComponent extends SiFilteredSearchValueBase {
@@ -154,17 +153,17 @@ class SiFilteredSearchDateValueComponent extends SiFilteredSearchValueBase {
154
153
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchDateValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
155
154
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFilteredSearchDateValueComponent, isStandalone: true, selector: "si-filtered-search-date-value", providers: [
156
155
  { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchDateValueComponent }
157
- ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }, { propertyName: "datepickerOverlay", first: true, predicate: SiDatepickerOverlayDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let dateValue = criterionValue().dateValue;\n@if (!active()) {\n <div\n class=\"criterion-value-text focus-inside px-4\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (keydown.enter)=\"editValue.emit()\"\n (click)=\"editValue.emit()\"\n >\n @if (!validFormat()) {\n <!-- DatePipe throws an error if the date is invalid, so we have to do it on our own. -->\n <!-- We may should have a better solution here. Ideally we would keep the broken string so that a user can fix it later. -->\n <!-- eslint-disable-next-line @angular-eslint/template/no-any -->\n {{ $any(dateValue).toString() }}\n } @else if (!disableTime() || definition().validationType === 'date-time') {\n {{ dateValue | date: dateFormat() }}\n } @else {\n {{ dateValue | date: shortDateFormat }}\n }\n </div>\n} @else {\n <input\n #valueInput\n type=\"text\"\n siDatepicker\n class=\"px-4 py-0 border-0 focus-inside\"\n [attr.aria-label]=\"searchLabel() | translate\"\n [siDatepickerConfig]=\"dateConfig()\"\n [ngModel]=\"dateValue\"\n (keydown.backspace)=\"valueBackspace()\"\n (keydown.enter)=\"valueEnter()\"\n (siDatepickerDisabledTime)=\"disableTime.set($event)\"\n (ngModelChange)=\"valueDateSelect($event)\"\n />\n}\n", styles: ["input{background:transparent}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SiDatepickerDirective, selector: "[siDatepicker]", inputs: ["autoClose", "triggeringInput"], exportAs: ["siDatepicker"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i2.SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
156
+ ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }, { propertyName: "datepickerOverlay", first: true, predicate: SiDatepickerOverlayDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let dateValue = criterionValue().dateValue;\n@if (!active()) {\n <div\n class=\"criterion-value-text focus-inside px-4\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (keydown.enter)=\"editValue.emit()\"\n (click)=\"editValue.emit()\"\n >\n @if (!validFormat()) {\n <!-- DatePipe throws an error if the date is invalid, so we have to do it on our own. -->\n <!-- We may should have a better solution here. Ideally we would keep the broken string so that a user can fix it later. -->\n <!-- eslint-disable-next-line @angular-eslint/template/no-any -->\n {{ $any(dateValue).toString() }}\n } @else if (!disableTime() || definition().validationType === 'date-time') {\n {{ dateValue | date: dateFormat() }}\n } @else {\n {{ dateValue | date: shortDateFormat }}\n }\n </div>\n} @else {\n <input\n #valueInput\n type=\"text\"\n siDatepicker\n class=\"px-4 py-0 border-0 focus-inside\"\n [attr.aria-label]=\"searchLabel() | translate\"\n [siDatepickerConfig]=\"dateConfig()\"\n [ngModel]=\"dateValue\"\n (keydown.backspace)=\"valueBackspace()\"\n (keydown.enter)=\"valueEnter()\"\n (siDatepickerDisabledTime)=\"disableTime.set($event)\"\n (ngModelChange)=\"valueDateSelect($event)\"\n />\n}\n", styles: ["input{background:transparent}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SiDatepickerDirective, selector: "[siDatepicker]", inputs: ["autoClose", "triggeringInput"], exportAs: ["siDatepicker"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
158
157
  }
159
158
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchDateValueComponent, decorators: [{
160
159
  type: Component,
161
- args: [{ selector: 'si-filtered-search-date-value', imports: [DatePipe, FormsModule, SiDatepickerDirective, SiTranslateModule], providers: [
160
+ args: [{ selector: 'si-filtered-search-date-value', imports: [DatePipe, FormsModule, SiDatepickerDirective, SiTranslatePipe], providers: [
162
161
  { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchDateValueComponent }
163
162
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let dateValue = criterionValue().dateValue;\n@if (!active()) {\n <div\n class=\"criterion-value-text focus-inside px-4\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (keydown.enter)=\"editValue.emit()\"\n (click)=\"editValue.emit()\"\n >\n @if (!validFormat()) {\n <!-- DatePipe throws an error if the date is invalid, so we have to do it on our own. -->\n <!-- We may should have a better solution here. Ideally we would keep the broken string so that a user can fix it later. -->\n <!-- eslint-disable-next-line @angular-eslint/template/no-any -->\n {{ $any(dateValue).toString() }}\n } @else if (!disableTime() || definition().validationType === 'date-time') {\n {{ dateValue | date: dateFormat() }}\n } @else {\n {{ dateValue | date: shortDateFormat }}\n }\n </div>\n} @else {\n <input\n #valueInput\n type=\"text\"\n siDatepicker\n class=\"px-4 py-0 border-0 focus-inside\"\n [attr.aria-label]=\"searchLabel() | translate\"\n [siDatepickerConfig]=\"dateConfig()\"\n [ngModel]=\"dateValue\"\n (keydown.backspace)=\"valueBackspace()\"\n (keydown.enter)=\"valueEnter()\"\n (siDatepickerDisabledTime)=\"disableTime.set($event)\"\n (ngModelChange)=\"valueDateSelect($event)\"\n />\n}\n", styles: ["input{background:transparent}\n"] }]
164
163
  }], ctorParameters: () => [] });
165
164
 
166
165
  /**
167
- * Copyright Siemens 2016 - 2025.
166
+ * Copyright (c) Siemens 2016 - 2025
168
167
  * SPDX-License-Identifier: MIT
169
168
  */
170
169
  class SiFilteredSearchTypeaheadComponent extends SiFilteredSearchValueBase {
@@ -183,7 +182,7 @@ class SiFilteredSearchTypeaheadComponent extends SiFilteredSearchValueBase {
183
182
  valueInput = viewChild('valueInput');
184
183
  optionValue = signal([]);
185
184
  destroyRef = inject(DestroyRef);
186
- translateService = inject(SiTranslateService);
185
+ translateService = injectSiTranslateService();
187
186
  inputType = computed(() => this.definition().validationType === 'integer' || this.definition().validationType === 'float'
188
187
  ? 'number'
189
188
  : 'text');
@@ -357,17 +356,17 @@ class SiFilteredSearchTypeaheadComponent extends SiFilteredSearchValueBase {
357
356
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchTypeaheadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
358
357
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFilteredSearchTypeaheadComponent, isStandalone: true, selector: "si-filtered-search-typeahead", inputs: { lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: true, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, isStrictOrOnlySelectValue: { classPropertyName: "isStrictOrOnlySelectValue", publicName: "isStrictOrOnlySelectValue", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
359
358
  { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchTypeaheadComponent }
360
- ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let value = criterionValue().value;\n@if (!active()) {\n <div\n class=\"criterion-value-text focus-inside px-4\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (keydown.enter)=\"editValue.emit()\"\n (click)=\"editValue.emit()\"\n >\n @if (!!value && hasMultiSelections()) {\n @if (itemCountText()) {\n {{ itemCountText() | translate: { itemCount: value.length } }}\n } @else {\n {{ value!.length }} {{ items() | translate }}\n }\n } @else if (optionValue()[0]) {\n {{ optionValue()[0].label ?? optionValue()[0].value | translate }}\n } @else {\n {{ value }}\n }\n </div>\n} @else {\n <input\n #valueInput\n typeaheadOptionField=\"translatedLabel\"\n class=\"px-4 py-0 border-0 focus-inside\"\n typeaheadScrollable\n [type]=\"inputType()\"\n [step]=\"step()\"\n [ngModel]=\"valueLabel()\"\n [siTypeahead]=\"options() ?? []\"\n [typeaheadProcess]=\"definition().multiSelect || !onlySelectValue()\"\n [typeaheadMultiSelect]=\"definition().multiSelect\"\n [typeaheadMinLength]=\"0\"\n [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n [typeaheadAutoSelectIndex]=\"definition().multiSelect || value?.length ? 0 : -1\"\n [readOnly]=\"\n readonly() || onlySelectValue() || (definition().onlySelectValue && !definition().multiSelect)\n \"\n [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n [attr.aria-label]=\"searchLabel() | translate\"\n (keydown)=\"valueFilterKeys($event)\"\n (keydown.backspace)=\"valueBackspace()\"\n (keydown.enter)=\"valueEnter()\"\n (ngModelChange)=\"valueChange($event)\"\n (typeaheadOnFullMatch)=\"valueTypeaheadFullMatch($event)\"\n (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n />\n}\n", styles: ["input{background:transparent;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnMultiselectClose", "typeaheadOnFullMatch", "typeaheadClosed", "typeaheadOpenChange"], exportAs: ["si-typeahead"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i2.SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
359
+ ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let value = criterionValue().value;\n@if (!active()) {\n <div\n class=\"criterion-value-text focus-inside px-4\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (keydown.enter)=\"editValue.emit()\"\n (click)=\"editValue.emit()\"\n >\n @if (!!value && hasMultiSelections()) {\n @if (itemCountText()) {\n {{ itemCountText() | translate: { itemCount: value.length } }}\n } @else {\n {{ value!.length }} {{ items() | translate }}\n }\n } @else if (optionValue()[0]) {\n {{ optionValue()[0].label ?? optionValue()[0].value | translate }}\n } @else {\n {{ value }}\n }\n </div>\n} @else {\n <input\n #valueInput\n typeaheadOptionField=\"translatedLabel\"\n class=\"px-4 py-0 border-0 focus-inside\"\n typeaheadScrollable\n [type]=\"inputType()\"\n [step]=\"step()\"\n [ngModel]=\"valueLabel()\"\n [siTypeahead]=\"options() ?? []\"\n [typeaheadProcess]=\"definition().multiSelect || !onlySelectValue()\"\n [typeaheadMultiSelect]=\"definition().multiSelect\"\n [typeaheadMinLength]=\"0\"\n [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n [typeaheadAutoSelectIndex]=\"definition().multiSelect || value?.length ? 0 : -1\"\n [readOnly]=\"\n readonly() || onlySelectValue() || (definition().onlySelectValue && !definition().multiSelect)\n \"\n [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n [attr.aria-label]=\"searchLabel() | translate\"\n (keydown)=\"valueFilterKeys($event)\"\n (keydown.backspace)=\"valueBackspace()\"\n (keydown.enter)=\"valueEnter()\"\n (ngModelChange)=\"valueChange($event)\"\n (typeaheadOnFullMatch)=\"valueTypeaheadFullMatch($event)\"\n (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n />\n}\n", styles: ["input{background:transparent;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnMultiselectClose", "typeaheadOnFullMatch", "typeaheadClosed", "typeaheadOpenChange"], exportAs: ["si-typeahead"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
361
360
  }
362
361
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchTypeaheadComponent, decorators: [{
363
362
  type: Component,
364
- args: [{ selector: 'si-filtered-search-typeahead', imports: [SiTypeaheadDirective, FormsModule, SiTranslateModule], providers: [
363
+ args: [{ selector: 'si-filtered-search-typeahead', imports: [SiTypeaheadDirective, FormsModule, SiTranslatePipe], providers: [
365
364
  { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchTypeaheadComponent }
366
365
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let value = criterionValue().value;\n@if (!active()) {\n <div\n class=\"criterion-value-text focus-inside px-4\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (keydown.enter)=\"editValue.emit()\"\n (click)=\"editValue.emit()\"\n >\n @if (!!value && hasMultiSelections()) {\n @if (itemCountText()) {\n {{ itemCountText() | translate: { itemCount: value.length } }}\n } @else {\n {{ value!.length }} {{ items() | translate }}\n }\n } @else if (optionValue()[0]) {\n {{ optionValue()[0].label ?? optionValue()[0].value | translate }}\n } @else {\n {{ value }}\n }\n </div>\n} @else {\n <input\n #valueInput\n typeaheadOptionField=\"translatedLabel\"\n class=\"px-4 py-0 border-0 focus-inside\"\n typeaheadScrollable\n [type]=\"inputType()\"\n [step]=\"step()\"\n [ngModel]=\"valueLabel()\"\n [siTypeahead]=\"options() ?? []\"\n [typeaheadProcess]=\"definition().multiSelect || !onlySelectValue()\"\n [typeaheadMultiSelect]=\"definition().multiSelect\"\n [typeaheadMinLength]=\"0\"\n [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n [typeaheadAutoSelectIndex]=\"definition().multiSelect || value?.length ? 0 : -1\"\n [readOnly]=\"\n readonly() || onlySelectValue() || (definition().onlySelectValue && !definition().multiSelect)\n \"\n [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n [attr.aria-label]=\"searchLabel() | translate\"\n (keydown)=\"valueFilterKeys($event)\"\n (keydown.backspace)=\"valueBackspace()\"\n (keydown.enter)=\"valueEnter()\"\n (ngModelChange)=\"valueChange($event)\"\n (typeaheadOnFullMatch)=\"valueTypeaheadFullMatch($event)\"\n (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n />\n}\n", styles: ["input{background:transparent;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"] }]
367
366
  }] });
368
367
 
369
368
  /**
370
- * Copyright Siemens 2016 - 2025.
369
+ * Copyright (c) Siemens 2016 - 2025
371
370
  * SPDX-License-Identifier: MIT
372
371
  */
373
372
  class SiFilteredSearchValueComponent {
@@ -492,7 +491,7 @@ class SiFilteredSearchValueComponent {
492
491
  }));
493
492
  }
494
493
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
495
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFilteredSearchValueComponent, isStandalone: true, selector: "si-filtered-search-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: true, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, invalidCriterion: { classPropertyName: "invalidCriterion", publicName: "invalidCriterion", isSignal: true, isRequired: true, transformFunction: null }, isStrictOrOnlySelectValue: { classPropertyName: "isStrictOrOnlySelectValue", publicName: "isStrictOrOnlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, editOnCreation: { classPropertyName: "editOnCreation", publicName: "editOnCreation", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { value: "valueChange", deleteCriterion: "deleteCriterion", submitCriterion: "submitCriterion" }, viewQueries: [{ propertyName: "operatorInput", first: true, predicate: ["operatorInput"], descendants: true, isSignal: true }, { propertyName: "valueInput", first: true, predicate: SiFilteredSearchValueBase, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n cdkMonitorSubtreeFocus\n class=\"criteria pill-group\"\n [class.disabled]=\"disabled()\"\n [attr.aria-disabled]=\"disabled()\"\n [class.invalid-criterion]=\"invalidCriterion()\"\n (cdkFocusChange)=\"focusChange($event)\"\n>\n <div class=\"pill pill-interactive criterion-label si-title-2\" (click)=\"edit()\">\n {{ definition().label | translate }}\n </div>\n @if (definition().operators?.length) {\n <div class=\"pill pill-interactive px-0 criterion-operator-section\">\n <!-- criterion operator input -->\n @if (active()) {\n <input\n #operatorInput\n type=\"text\"\n class=\"focus-inside operator-input py-0 border-0\"\n [siTypeahead]=\"definition().operators!\"\n [typeaheadProcess]=\"false\"\n [typeaheadAutoSelectIndex]=\"selectedOperatorIndex()\"\n [typeaheadMinLength]=\"0\"\n [typeaheadOptionsLimit]=\"0\"\n [readOnly]=\"false\"\n [typeaheadScrollable]=\"true\"\n [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n [attr.aria-label]=\"searchLabel() | translate\"\n [attr.size]=\"longestOperatorLength()\"\n [ngModel]=\"value().operator\"\n (ngModelChange)=\"operatorUpdate($event)\"\n (keydown.backspace)=\"operatorBackspace()\"\n (keydown.enter)=\"operatorEnter()\"\n (typeaheadOnSelect)=\"operatorEnter()\"\n (blur)=\"operatorBlur()\"\n />\n } @else {\n <!-- criterion operator field -->\n <div\n class=\"criterion-operator-text px-2 focus-inside\"\n [tabindex]=\"!disabled() ? 0 : -1\"\n (keydown.enter)=\"edit('operator')\"\n (click)=\"edit('operator')\"\n >\n {{ value().operator }}\n </div>\n }\n </div>\n }\n @switch (type()) {\n @case ('date') {\n <si-filtered-search-date-value\n [definition]=\"definition()\"\n [disabled]=\"disabled()\"\n [searchLabel]=\"searchLabel()\"\n [(active)]=\"active\"\n [(criterionValue)]=\"value\"\n (backspaceOverflow)=\"backspaceOverflow()\"\n (editValue)=\"edit('value')\"\n (submitValue)=\"submitCriterion.emit($event)\"\n />\n }\n @case ('typeahead') {\n <si-filtered-search-typeahead\n [definition]=\"definition()\"\n [disabled]=\"disabled()\"\n [searchLabel]=\"searchLabel()\"\n [searchDebounceTime]=\"searchDebounceTime()\"\n [onlySelectValue]=\"onlySelectValue()\"\n [optionsInScrollableView]=\"optionsInScrollableView()\"\n [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n [lazyValueProvider]=\"lazyValueProvider()\"\n [itemCountText]=\"itemCountText()\"\n [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n [items]=\"items()\"\n [readonly]=\"readonly()\"\n [(active)]=\"active\"\n [(criterionValue)]=\"value\"\n (backspaceOverflow)=\"backspaceOverflow()\"\n (editValue)=\"edit('value')\"\n (submitValue)=\"submitCriterion.emit($event)\"\n />\n }\n }\n @if (!readonly()) {\n <div class=\"pill px-0 ms-n1\">\n <button\n type=\"button\"\n class=\"btn btn-circle btn-xs btn-ghost focus-inside\"\n [attr.aria-label]=\"clearButtonLabel() | translate\"\n [disabled]=\"disabled()\"\n (click)=\"clear()\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <si-icon-next [icon]=\"icons.elementCancel\" />\n </button>\n </div>\n }\n</div>\n", styles: [":host-context(.disabled) input,:host-context(.disabled) ::placeholder{color:var(--element-text-disabled)}.pill{background:var(--filter-pill-background-color)}.criteria{display:flex;cursor:pointer;white-space:nowrap;border-radius:12px}.criteria.invalid-criterion{box-shadow:0 0 0 1px var(--element-status-danger)}.criteria:not(.invalid-criterion) .invalid-criterion{box-shadow:inset 0 0 0 1px var(--element-status-danger)}.criteria.disabled{cursor:inherit;pointer-events:none}.operator-input{background:var(--filter-pill-background-color);padding-inline:4px;inline-size:calc(1ch + 8px)}input{background:transparent}\n"], dependencies: [{ kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnMultiselectClose", "typeaheadOnFullMatch", "typeaheadClosed", "typeaheadOpenChange"], exportAs: ["si-typeahead"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i2.SiTranslatePipe, name: "translate" }, { kind: "component", type: SiFilteredSearchDateValueComponent, selector: "si-filtered-search-date-value" }, { kind: "component", type: SiFilteredSearchTypeaheadComponent, selector: "si-filtered-search-typeahead", inputs: ["lazyValueProvider", "searchDebounceTime", "itemCountText", "items", "onlySelectValue", "maxCriteriaOptions", "optionsInScrollableView", "readonly", "disableSelectionByColonAndSemicolon", "isStrictOrOnlySelectValue"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
494
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFilteredSearchValueComponent, isStandalone: true, selector: "si-filtered-search-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: true, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, invalidCriterion: { classPropertyName: "invalidCriterion", publicName: "invalidCriterion", isSignal: true, isRequired: true, transformFunction: null }, isStrictOrOnlySelectValue: { classPropertyName: "isStrictOrOnlySelectValue", publicName: "isStrictOrOnlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, editOnCreation: { classPropertyName: "editOnCreation", publicName: "editOnCreation", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { value: "valueChange", deleteCriterion: "deleteCriterion", submitCriterion: "submitCriterion" }, viewQueries: [{ propertyName: "operatorInput", first: true, predicate: ["operatorInput"], descendants: true, isSignal: true }, { propertyName: "valueInput", first: true, predicate: SiFilteredSearchValueBase, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n cdkMonitorSubtreeFocus\n class=\"criteria pill-group\"\n [class.disabled]=\"disabled()\"\n [attr.aria-disabled]=\"disabled()\"\n [class.invalid-criterion]=\"invalidCriterion()\"\n (cdkFocusChange)=\"focusChange($event)\"\n>\n <div class=\"pill pill-interactive criterion-label si-title-2\" (click)=\"edit()\">\n {{ definition().label | translate }}\n </div>\n @if (definition().operators?.length) {\n <div class=\"pill pill-interactive px-0 criterion-operator-section\">\n <!-- criterion operator input -->\n @if (active()) {\n <input\n #operatorInput\n type=\"text\"\n class=\"focus-inside operator-input py-0 border-0\"\n [siTypeahead]=\"definition().operators!\"\n [typeaheadProcess]=\"false\"\n [typeaheadAutoSelectIndex]=\"selectedOperatorIndex()\"\n [typeaheadMinLength]=\"0\"\n [typeaheadOptionsLimit]=\"0\"\n [readOnly]=\"false\"\n [typeaheadScrollable]=\"true\"\n [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n [attr.aria-label]=\"searchLabel() | translate\"\n [attr.size]=\"longestOperatorLength()\"\n [ngModel]=\"value().operator\"\n (ngModelChange)=\"operatorUpdate($event)\"\n (keydown.backspace)=\"operatorBackspace()\"\n (keydown.enter)=\"operatorEnter()\"\n (typeaheadOnSelect)=\"operatorEnter()\"\n (blur)=\"operatorBlur()\"\n />\n } @else {\n <!-- criterion operator field -->\n <div\n class=\"criterion-operator-text px-2 focus-inside\"\n [tabindex]=\"!disabled() ? 0 : -1\"\n (keydown.enter)=\"edit('operator')\"\n (click)=\"edit('operator')\"\n >\n {{ value().operator }}\n </div>\n }\n </div>\n }\n @switch (type()) {\n @case ('date') {\n <si-filtered-search-date-value\n [definition]=\"definition()\"\n [disabled]=\"disabled()\"\n [searchLabel]=\"searchLabel()\"\n [(active)]=\"active\"\n [(criterionValue)]=\"value\"\n (backspaceOverflow)=\"backspaceOverflow()\"\n (editValue)=\"edit('value')\"\n (submitValue)=\"submitCriterion.emit($event)\"\n />\n }\n @case ('typeahead') {\n <si-filtered-search-typeahead\n [definition]=\"definition()\"\n [disabled]=\"disabled()\"\n [searchLabel]=\"searchLabel()\"\n [searchDebounceTime]=\"searchDebounceTime()\"\n [onlySelectValue]=\"onlySelectValue()\"\n [optionsInScrollableView]=\"optionsInScrollableView()\"\n [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n [lazyValueProvider]=\"lazyValueProvider()\"\n [itemCountText]=\"itemCountText()\"\n [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n [items]=\"items()\"\n [readonly]=\"readonly()\"\n [(active)]=\"active\"\n [(criterionValue)]=\"value\"\n (backspaceOverflow)=\"backspaceOverflow()\"\n (editValue)=\"edit('value')\"\n (submitValue)=\"submitCriterion.emit($event)\"\n />\n }\n }\n @if (!readonly()) {\n <div class=\"pill px-0 ms-n1\">\n <button\n type=\"button\"\n class=\"btn btn-circle btn-xs btn-ghost focus-inside\"\n [attr.aria-label]=\"clearButtonLabel() | translate\"\n [disabled]=\"disabled()\"\n (click)=\"clear()\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <si-icon-next [icon]=\"icons.elementCancel\" />\n </button>\n </div>\n }\n</div>\n", styles: [":host-context(.disabled) input,:host-context(.disabled) ::placeholder{color:var(--element-text-disabled)}.pill{background:var(--filter-pill-background-color)}.criteria{display:flex;cursor:pointer;white-space:nowrap;border-radius:12px}.criteria.invalid-criterion{box-shadow:0 0 0 1px var(--element-status-danger)}.criteria:not(.invalid-criterion) .invalid-criterion{box-shadow:inset 0 0 0 1px var(--element-status-danger)}.criteria.disabled{cursor:inherit;pointer-events:none}.operator-input{background:var(--filter-pill-background-color);padding-inline:4px;inline-size:calc(1ch + 8px)}input{background:transparent}\n"], dependencies: [{ kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnMultiselectClose", "typeaheadOnFullMatch", "typeaheadClosed", "typeaheadOpenChange"], exportAs: ["si-typeahead"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiFilteredSearchDateValueComponent, selector: "si-filtered-search-date-value" }, { kind: "component", type: SiFilteredSearchTypeaheadComponent, selector: "si-filtered-search-typeahead", inputs: ["lazyValueProvider", "searchDebounceTime", "itemCountText", "items", "onlySelectValue", "maxCriteriaOptions", "optionsInScrollableView", "readonly", "disableSelectionByColonAndSemicolon", "isStrictOrOnlySelectValue"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
496
495
  }
497
496
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchValueComponent, decorators: [{
498
497
  type: Component,
@@ -500,7 +499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
500
499
  CdkMonitorFocus,
501
500
  SiTypeaheadDirective,
502
501
  FormsModule,
503
- SiTranslateModule,
502
+ SiTranslatePipe,
504
503
  SiFilteredSearchDateValueComponent,
505
504
  SiFilteredSearchTypeaheadComponent,
506
505
  SiIconNextComponent
@@ -508,7 +507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
508
507
  }] });
509
508
 
510
509
  /**
511
- * Copyright Siemens 2016 - 2025.
510
+ * Copyright (c) Siemens 2016 - 2025
512
511
  * SPDX-License-Identifier: MIT
513
512
  */
514
513
  class SiFilteredSearchComponent {
@@ -772,7 +771,7 @@ class SiFilteredSearchComponent {
772
771
  searchEmitQueue = new Subject();
773
772
  destroySubscriptions = new Subject();
774
773
  cdRef = inject(ChangeDetectorRef);
775
- translateService = inject(SiTranslateService);
774
+ translateService = injectSiTranslateService();
776
775
  locale = inject(LOCALE_ID).toString();
777
776
  /**
778
777
  * The cache is used to control when the interceptDisplayedCriteria event needs to be called.
@@ -1093,7 +1092,7 @@ class SiFilteredSearchComponent {
1093
1092
  }
1094
1093
  }
1095
1094
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1096
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFilteredSearchComponent, isStandalone: true, selector: "si-filtered-search", inputs: { doSearchOnInputChange: { classPropertyName: "doSearchOnInputChange", publicName: "doSearchOnInputChange", isSignal: true, isRequired: false, transformFunction: null }, lazyCriterionProvider: { classPropertyName: "lazyCriterionProvider", publicName: "lazyCriterionProvider", isSignal: true, isRequired: false, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, strictCriterion: { classPropertyName: "strictCriterion", publicName: "strictCriterion", isSignal: true, isRequired: false, transformFunction: null }, strictValue: { classPropertyName: "strictValue", publicName: "strictValue", isSignal: true, isRequired: false, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadingDebounceTime: { classPropertyName: "lazyLoadingDebounceTime", publicName: "lazyLoadingDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, submitText: { classPropertyName: "submitText", publicName: "submitText", isSignal: true, isRequired: false, transformFunction: null }, selectedCriteriaIndex: { classPropertyName: "selectedCriteriaIndex", publicName: "selectedCriteriaIndex", isSignal: true, isRequired: false, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: false, transformFunction: null }, searchCriteria: { classPropertyName: "searchCriteria", publicName: "searchCriteria", isSignal: true, isRequired: false, transformFunction: null }, criteria: { classPropertyName: "criteria", publicName: "criteria", isSignal: true, isRequired: false, transformFunction: null }, exclusiveCriteria: { classPropertyName: "exclusiveCriteria", publicName: "exclusiveCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteria: { classPropertyName: "maxCriteria", publicName: "maxCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, submitButtonLabel: { classPropertyName: "submitButtonLabel", publicName: "submitButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, disableFreeTextSearch: { classPropertyName: "disableFreeTextSearch", publicName: "disableFreeTextSearch", isSignal: true, isRequired: false, transformFunction: null }, typeaheadOptionsLimit: { classPropertyName: "typeaheadOptionsLimit", publicName: "typeaheadOptionsLimit", isSignal: true, isRequired: false, transformFunction: null }, noMatchingCriteriaText: { classPropertyName: "noMatchingCriteriaText", publicName: "noMatchingCriteriaText", isSignal: true, isRequired: false, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { doSearch: "doSearch", searchCriteria: "searchCriteriaChange", interceptDisplayedCriteria: "interceptDisplayedCriteria" }, host: { properties: { "class.disabled": "disabled()", "class.dark-background": "colorVariant() === 'base-0'" } }, viewQueries: [{ propertyName: "freeTextInputElement", first: true, predicate: ["freeTextInputElement"], descendants: true, isSignal: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "valueComponents", predicate: SiFilteredSearchValueComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\n #scrollContainer\n class=\"search-container d-flex align-items-center overflow-auto py-2 w-100 ps-2 pe-2\"\n>\n @for (criterion of values; track criterion) {\n <si-filtered-search-value\n [editOnCreation]=\"autoEditCriteria\"\n [definition]=\"criterion.config\"\n [value]=\"criterion.value\"\n [invalidCriterion]=\"!validateCriterionLabel(criterion.config)\"\n [disabled]=\"disabled()\"\n [items]=\"items()\"\n [clearButtonLabel]=\"clearButtonLabel()\"\n [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n [itemCountText]=\"itemCountText()\"\n [lazyValueProvider]=\"lazyValueProvider()\"\n [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n [optionsInScrollableView]=\"optionsInScrollableView()\"\n [readonly]=\"readonly()\"\n [searchLabel]=\"searchLabel()\"\n [onlySelectValue]=\"onlySelectValue()\"\n [searchDebounceTime]=\"searchDebounceTime()\"\n (submitCriterion)=\"focusNext($index, $event)\"\n (deleteCriterion)=\"deleteCriterion(criterion.value, $index, $event)\"\n (valueChange)=\"valueChange($event, criterion)\"\n />\n }\n <!-- criterion input -->\n <input\n #freeTextInputElement\n type=\"text\"\n class=\"value-input ps-2 me-2 flex-grow-1\"\n typeaheadOptionField=\"translatedLabel\"\n [siTypeahead]=\"dataSource\"\n [typeaheadMinLength]=\"readonly() ? 1 : 0\"\n [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n [typeaheadScrollable]=\"true\"\n [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n [typeaheadAutoSelectIndex]=\"selectedCriteriaIndex() ?? (searchValue ? 0 : -1)\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n [placeholder]=\"placeholder()\"\n [attr.aria-label]=\"searchLabel() | translate\"\n [value]=\"searchValue\"\n (focus)=\"freeTextFocus()\"\n (input)=\"freeTextInput($event)\"\n (keydown.backspace)=\"freeTextBackspace($event)\"\n (keydown.enter)=\"submit()\"\n (typeaheadOnSelect)=\"typeaheadOnSelectCriterion($event.option)\"\n />\n</div>\n<!-- clear all searchCriteria -->\n@if ((values.length || searchValue.length) && !readonly()) {\n <div class=\"clear-button-container\">\n <button\n type=\"button\"\n class=\"btn btn-circle btn-xs btn-ghost mx-2\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"clearButtonLabel() | translate\"\n (click)=\"deleteAllCriteria($event)\"\n >\n <si-icon-next [icon]=\"icons.elementCancel\" />\n </button>\n </div>\n}\n\n@if (!disabled()) {\n <button\n type=\"button\"\n class=\"search-button btn btn-circle btn-xs btn-secondary focus-inside\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"submitButtonLabel() | translate\"\n (click)=\"submit()\"\n >\n <si-icon-next [icon]=\"icons.elementSearch\" />\n </button>\n}\n", styles: [":host{--search-bar-icon-color: var(--element-text-primary);--input-background-color: var(--element-base-1);--input-background-hover-color: var(--element-base-1);--filter-search-background-color: var(--element-base-1);--filter-pill-background-color: var(--element-base-0);display:flex;align-items:center;line-height:24px;min-inline-size:0}:host.dark-background{--input-background-color: var(--element-base-0);--input-background-hover-color: var(--element-ui-4);--filter-search-background-color: var(--element-base-0);--filter-pill-background-color: var(--element-base-1)}:host.disabled{color:var(--element-text-disabled)}:host.disabled input,:host.disabled ::placeholder{color:var(--element-text-disabled)}:host si-filtered-search-value+input::placeholder{color:transparent}.search-container{border-start-start-radius:4px;border-end-start-radius:4px;background-color:var(--filter-search-background-color);gap:4px}input{background:transparent;border:0;padding-block:0}input:hover::placeholder{opacity:1}:host(.disabled) input::placeholder{opacity:var(--element-action-disabled-opacity)}.clear-button-container{display:flex;align-items:flex-start;align-self:stretch;padding-block:4px;background-color:var(--filter-search-background-color)}.search-button{align-self:stretch;background-color:var(--filter-search-background-color);border:0;border-radius:0;border-end-end-radius:4px;border-start-end-radius:4px;margin-block:0;margin-inline:1px 0;block-size:auto;inline-size:auto;padding-inline:4px!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnMultiselectClose", "typeaheadOnFullMatch", "typeaheadClosed", "typeaheadOpenChange"], exportAs: ["si-typeahead"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i2.SiTranslatePipe, name: "translate" }, { kind: "component", type: SiFilteredSearchValueComponent, selector: "si-filtered-search-value", inputs: ["value", "definition", "disabled", "readonly", "onlySelectValue", "maxCriteriaOptions", "optionsInScrollableView", "clearButtonLabel", "lazyValueProvider", "searchDebounceTime", "itemCountText", "items", "disableSelectionByColonAndSemicolon", "searchLabel", "invalidCriterion", "isStrictOrOnlySelectValue", "editOnCreation"], outputs: ["valueChange", "deleteCriterion", "submitCriterion"] }] });
1095
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFilteredSearchComponent, isStandalone: true, selector: "si-filtered-search", inputs: { doSearchOnInputChange: { classPropertyName: "doSearchOnInputChange", publicName: "doSearchOnInputChange", isSignal: true, isRequired: false, transformFunction: null }, lazyCriterionProvider: { classPropertyName: "lazyCriterionProvider", publicName: "lazyCriterionProvider", isSignal: true, isRequired: false, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, strictCriterion: { classPropertyName: "strictCriterion", publicName: "strictCriterion", isSignal: true, isRequired: false, transformFunction: null }, strictValue: { classPropertyName: "strictValue", publicName: "strictValue", isSignal: true, isRequired: false, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadingDebounceTime: { classPropertyName: "lazyLoadingDebounceTime", publicName: "lazyLoadingDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, submitText: { classPropertyName: "submitText", publicName: "submitText", isSignal: true, isRequired: false, transformFunction: null }, selectedCriteriaIndex: { classPropertyName: "selectedCriteriaIndex", publicName: "selectedCriteriaIndex", isSignal: true, isRequired: false, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: false, transformFunction: null }, searchCriteria: { classPropertyName: "searchCriteria", publicName: "searchCriteria", isSignal: true, isRequired: false, transformFunction: null }, criteria: { classPropertyName: "criteria", publicName: "criteria", isSignal: true, isRequired: false, transformFunction: null }, exclusiveCriteria: { classPropertyName: "exclusiveCriteria", publicName: "exclusiveCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteria: { classPropertyName: "maxCriteria", publicName: "maxCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, submitButtonLabel: { classPropertyName: "submitButtonLabel", publicName: "submitButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, disableFreeTextSearch: { classPropertyName: "disableFreeTextSearch", publicName: "disableFreeTextSearch", isSignal: true, isRequired: false, transformFunction: null }, typeaheadOptionsLimit: { classPropertyName: "typeaheadOptionsLimit", publicName: "typeaheadOptionsLimit", isSignal: true, isRequired: false, transformFunction: null }, noMatchingCriteriaText: { classPropertyName: "noMatchingCriteriaText", publicName: "noMatchingCriteriaText", isSignal: true, isRequired: false, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { doSearch: "doSearch", searchCriteria: "searchCriteriaChange", interceptDisplayedCriteria: "interceptDisplayedCriteria" }, host: { properties: { "class.disabled": "disabled()", "class.dark-background": "colorVariant() === 'base-0'" } }, viewQueries: [{ propertyName: "freeTextInputElement", first: true, predicate: ["freeTextInputElement"], descendants: true, isSignal: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "valueComponents", predicate: SiFilteredSearchValueComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\n #scrollContainer\n class=\"search-container d-flex align-items-center overflow-auto py-2 w-100 ps-2 pe-2\"\n>\n @for (criterion of values; track criterion) {\n <si-filtered-search-value\n [editOnCreation]=\"autoEditCriteria\"\n [definition]=\"criterion.config\"\n [value]=\"criterion.value\"\n [invalidCriterion]=\"!validateCriterionLabel(criterion.config)\"\n [disabled]=\"disabled()\"\n [items]=\"items()\"\n [clearButtonLabel]=\"clearButtonLabel()\"\n [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n [itemCountText]=\"itemCountText()\"\n [lazyValueProvider]=\"lazyValueProvider()\"\n [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n [optionsInScrollableView]=\"optionsInScrollableView()\"\n [readonly]=\"readonly()\"\n [searchLabel]=\"searchLabel()\"\n [onlySelectValue]=\"onlySelectValue()\"\n [searchDebounceTime]=\"searchDebounceTime()\"\n (submitCriterion)=\"focusNext($index, $event)\"\n (deleteCriterion)=\"deleteCriterion(criterion.value, $index, $event)\"\n (valueChange)=\"valueChange($event, criterion)\"\n />\n }\n <!-- criterion input -->\n <input\n #freeTextInputElement\n type=\"text\"\n class=\"value-input ps-2 me-2 flex-grow-1\"\n typeaheadOptionField=\"translatedLabel\"\n [siTypeahead]=\"dataSource\"\n [typeaheadMinLength]=\"readonly() ? 1 : 0\"\n [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n [typeaheadScrollable]=\"true\"\n [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n [typeaheadAutoSelectIndex]=\"selectedCriteriaIndex() ?? (searchValue ? 0 : -1)\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n [placeholder]=\"placeholder()\"\n [attr.aria-label]=\"searchLabel() | translate\"\n [value]=\"searchValue\"\n (focus)=\"freeTextFocus()\"\n (input)=\"freeTextInput($event)\"\n (keydown.backspace)=\"freeTextBackspace($event)\"\n (keydown.enter)=\"submit()\"\n (typeaheadOnSelect)=\"typeaheadOnSelectCriterion($event.option)\"\n />\n</div>\n<!-- clear all searchCriteria -->\n@if ((values.length || searchValue.length) && !readonly()) {\n <div class=\"clear-button-container\">\n <button\n type=\"button\"\n class=\"btn btn-circle btn-xs btn-ghost mx-2\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"clearButtonLabel() | translate\"\n (click)=\"deleteAllCriteria($event)\"\n >\n <si-icon-next [icon]=\"icons.elementCancel\" />\n </button>\n </div>\n}\n\n@if (!disabled()) {\n <button\n type=\"button\"\n class=\"search-button btn btn-circle btn-xs btn-secondary focus-inside\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"submitButtonLabel() | translate\"\n (click)=\"submit()\"\n >\n <si-icon-next [icon]=\"icons.elementSearch\" />\n </button>\n}\n", styles: [":host{--search-bar-icon-color: var(--element-text-primary);--input-background-color: var(--element-base-1);--input-background-hover-color: var(--element-base-1);--filter-search-background-color: var(--element-base-1);--filter-pill-background-color: var(--element-base-0);display:flex;align-items:center;line-height:24px;min-inline-size:0}:host.dark-background{--input-background-color: var(--element-base-0);--input-background-hover-color: var(--element-ui-4);--filter-search-background-color: var(--element-base-0);--filter-pill-background-color: var(--element-base-1)}:host.disabled{color:var(--element-text-disabled)}:host.disabled input,:host.disabled ::placeholder{color:var(--element-text-disabled)}:host si-filtered-search-value+input::placeholder{color:transparent}.search-container{border-start-start-radius:4px;border-end-start-radius:4px;background-color:var(--filter-search-background-color);gap:4px}input{background:transparent;border:0;padding-block:0}input:hover::placeholder{opacity:1}:host(.disabled) input::placeholder{opacity:var(--element-action-disabled-opacity)}.clear-button-container{display:flex;align-items:flex-start;align-self:stretch;padding-block:4px;background-color:var(--filter-search-background-color)}.search-button{align-self:stretch;background-color:var(--filter-search-background-color);border:0;border-radius:0;border-end-end-radius:4px;border-start-end-radius:4px;margin-block:0;margin-inline:1px 0;block-size:auto;inline-size:auto;padding-inline:4px!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnMultiselectClose", "typeaheadOnFullMatch", "typeaheadClosed", "typeaheadOpenChange"], exportAs: ["si-typeahead"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiFilteredSearchValueComponent, selector: "si-filtered-search-value", inputs: ["value", "definition", "disabled", "readonly", "onlySelectValue", "maxCriteriaOptions", "optionsInScrollableView", "clearButtonLabel", "lazyValueProvider", "searchDebounceTime", "itemCountText", "items", "disableSelectionByColonAndSemicolon", "searchLabel", "invalidCriterion", "isStrictOrOnlySelectValue", "editOnCreation"], outputs: ["valueChange", "deleteCriterion", "submitCriterion"] }] });
1097
1096
  }
1098
1097
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFilteredSearchComponent, decorators: [{
1099
1098
  type: Component,
@@ -1101,7 +1100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
1101
1100
  FormsModule,
1102
1101
  SiIconNextComponent,
1103
1102
  SiTypeaheadDirective,
1104
- SiTranslateModule,
1103
+ SiTranslatePipe,
1105
1104
  SiFilteredSearchValueComponent
1106
1105
  ], host: {
1107
1106
  '[class.disabled]': 'disabled()',
@@ -1110,7 +1109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
1110
1109
  }], ctorParameters: () => [] });
1111
1110
 
1112
1111
  /**
1113
- * Copyright Siemens 2016 - 2025.
1112
+ * Copyright (c) Siemens 2016 - 2025
1114
1113
  * SPDX-License-Identifier: MIT
1115
1114
  */
1116
1115
  class SiFilteredSearchModule {
@@ -1127,7 +1126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
1127
1126
  }] });
1128
1127
 
1129
1128
  /**
1130
- * Copyright Siemens 2016 - 2025.
1129
+ * Copyright (c) Siemens 2016 - 2025
1131
1130
  * SPDX-License-Identifier: MIT
1132
1131
  */
1133
1132