ux4g-components-angular 1.4.0 → 1.5.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 (273) hide show
  1. package/README.md +330 -48
  2. package/dist/accessibility-bar/README.md +330 -48
  3. package/dist/accordion/README.md +330 -48
  4. package/dist/alert/README.md +330 -48
  5. package/dist/avatar/README.md +330 -48
  6. package/dist/badge/README.md +330 -48
  7. package/dist/breadcrumb/README.md +330 -48
  8. package/dist/button/README.md +330 -48
  9. package/dist/card/README.md +330 -48
  10. package/dist/carousel/README.md +330 -48
  11. package/dist/checkbox/README.md +330 -48
  12. package/dist/chip/README.md +330 -48
  13. package/dist/chip-group/README.md +330 -48
  14. package/dist/combobox/README.md +330 -48
  15. package/dist/date-time-picker/README.md +330 -48
  16. package/dist/divider/README.md +330 -48
  17. package/dist/draft-status-banner/README.md +330 -48
  18. package/dist/drawer/README.md +330 -48
  19. package/dist/dropdown/README.md +330 -48
  20. package/dist/empty-state/README.md +330 -48
  21. package/dist/feedback/README.md +330 -48
  22. package/dist/file-upload/README.md +330 -48
  23. package/dist/footer/README.md +330 -48
  24. package/dist/form-field-group/README.md +330 -48
  25. package/dist/icon-button/README.md +330 -48
  26. package/dist/image/README.md +330 -48
  27. package/dist/input/README.md +330 -48
  28. package/dist/journey-timeline/README.md +330 -48
  29. package/dist/link/README.md +330 -48
  30. package/dist/list/README.md +330 -48
  31. package/dist/mega-menu/README.md +330 -48
  32. package/dist/modal/README.md +330 -48
  33. package/dist/native/accordion/README.md +1541 -0
  34. package/dist/native/accordion/fesm2022/ux4g-components-angular-native-accordion.mjs +85 -0
  35. package/dist/native/accordion/fesm2022/ux4g-components-angular-native-accordion.mjs.map +1 -0
  36. package/dist/native/accordion/index.d.ts +6 -0
  37. package/dist/native/accordion/public-api.d.ts +3 -0
  38. package/dist/native/accordion/public-api.d.ts.map +1 -0
  39. package/dist/native/accordion/ux4g-components-angular-native-accordion.d.ts.map +1 -0
  40. package/dist/native/accordion/ux4g-native-accordion.component.d.ts +31 -0
  41. package/dist/native/accordion/ux4g-native-accordion.component.d.ts.map +1 -0
  42. package/dist/native/accordion/ux4g-native-accordion.module.d.ts +12 -0
  43. package/dist/native/accordion/ux4g-native-accordion.module.d.ts.map +1 -0
  44. package/dist/native/avatar/README.md +1541 -0
  45. package/dist/native/avatar/fesm2022/ux4g-components-angular-native-avatar.mjs +81 -0
  46. package/dist/native/avatar/fesm2022/ux4g-components-angular-native-avatar.mjs.map +1 -0
  47. package/dist/native/avatar/index.d.ts +6 -0
  48. package/dist/native/avatar/public-api.d.ts +3 -0
  49. package/dist/native/avatar/public-api.d.ts.map +1 -0
  50. package/dist/native/avatar/ux4g-components-angular-native-avatar.d.ts.map +1 -0
  51. package/dist/native/avatar/ux4g-native-avatar.component.d.ts +34 -0
  52. package/dist/native/avatar/ux4g-native-avatar.component.d.ts.map +1 -0
  53. package/dist/native/avatar/ux4g-native-avatar.module.d.ts +8 -0
  54. package/dist/native/avatar/ux4g-native-avatar.module.d.ts.map +1 -0
  55. package/dist/native/carousel/README.md +1541 -0
  56. package/dist/native/carousel/fesm2022/ux4g-components-angular-native-carousel.mjs +91 -0
  57. package/dist/native/carousel/fesm2022/ux4g-components-angular-native-carousel.mjs.map +1 -0
  58. package/dist/native/carousel/index.d.ts +6 -0
  59. package/dist/native/carousel/public-api.d.ts +3 -0
  60. package/dist/native/carousel/public-api.d.ts.map +1 -0
  61. package/dist/native/carousel/ux4g-components-angular-native-carousel.d.ts.map +1 -0
  62. package/dist/native/carousel/ux4g-native-carousel.component.d.ts +34 -0
  63. package/dist/native/carousel/ux4g-native-carousel.component.d.ts.map +1 -0
  64. package/dist/native/carousel/ux4g-native-carousel.module.d.ts +8 -0
  65. package/dist/native/carousel/ux4g-native-carousel.module.d.ts.map +1 -0
  66. package/dist/native/chip/README.md +1541 -0
  67. package/dist/native/chip/fesm2022/ux4g-components-angular-native-chip.mjs +99 -0
  68. package/dist/native/chip/fesm2022/ux4g-components-angular-native-chip.mjs.map +1 -0
  69. package/dist/native/chip/index.d.ts +6 -0
  70. package/dist/native/chip/public-api.d.ts +3 -0
  71. package/dist/native/chip/public-api.d.ts.map +1 -0
  72. package/dist/native/chip/ux4g-components-angular-native-chip.d.ts.map +1 -0
  73. package/dist/native/chip/ux4g-native-chip.component.d.ts +34 -0
  74. package/dist/native/chip/ux4g-native-chip.component.d.ts.map +1 -0
  75. package/dist/native/chip/ux4g-native-chip.module.d.ts +8 -0
  76. package/dist/native/chip/ux4g-native-chip.module.d.ts.map +1 -0
  77. package/dist/native/combobox/README.md +1541 -0
  78. package/dist/native/combobox/fesm2022/ux4g-components-angular-native-combobox.mjs +107 -0
  79. package/dist/native/combobox/fesm2022/ux4g-components-angular-native-combobox.mjs.map +1 -0
  80. package/dist/native/combobox/index.d.ts +6 -0
  81. package/dist/native/combobox/public-api.d.ts +3 -0
  82. package/dist/native/combobox/public-api.d.ts.map +1 -0
  83. package/dist/native/combobox/ux4g-components-angular-native-combobox.d.ts.map +1 -0
  84. package/dist/native/combobox/ux4g-native-combobox.component.d.ts +30 -0
  85. package/dist/native/combobox/ux4g-native-combobox.component.d.ts.map +1 -0
  86. package/dist/native/combobox/ux4g-native-combobox.module.d.ts +8 -0
  87. package/dist/native/combobox/ux4g-native-combobox.module.d.ts.map +1 -0
  88. package/dist/native/date-picker/README.md +1541 -0
  89. package/dist/native/date-picker/fesm2022/ux4g-components-angular-native-date-picker.mjs +181 -0
  90. package/dist/native/date-picker/fesm2022/ux4g-components-angular-native-date-picker.mjs.map +1 -0
  91. package/dist/native/date-picker/index.d.ts +6 -0
  92. package/dist/native/date-picker/public-api.d.ts +3 -0
  93. package/dist/native/date-picker/public-api.d.ts.map +1 -0
  94. package/dist/native/date-picker/ux4g-components-angular-native-date-picker.d.ts.map +1 -0
  95. package/dist/native/date-picker/ux4g-native-date-picker.component.d.ts +39 -0
  96. package/dist/native/date-picker/ux4g-native-date-picker.component.d.ts.map +1 -0
  97. package/dist/native/date-picker/ux4g-native-date-picker.module.d.ts +12 -0
  98. package/dist/native/date-picker/ux4g-native-date-picker.module.d.ts.map +1 -0
  99. package/dist/native/drawer/README.md +1541 -0
  100. package/dist/native/drawer/fesm2022/ux4g-components-angular-native-drawer.mjs +159 -0
  101. package/dist/native/drawer/fesm2022/ux4g-components-angular-native-drawer.mjs.map +1 -0
  102. package/dist/native/drawer/index.d.ts +6 -0
  103. package/dist/native/drawer/public-api.d.ts +3 -0
  104. package/dist/native/drawer/public-api.d.ts.map +1 -0
  105. package/dist/native/drawer/ux4g-components-angular-native-drawer.d.ts.map +1 -0
  106. package/dist/native/drawer/ux4g-native-drawer.component.d.ts +37 -0
  107. package/dist/native/drawer/ux4g-native-drawer.component.d.ts.map +1 -0
  108. package/dist/native/drawer/ux4g-native-drawer.module.d.ts +12 -0
  109. package/dist/native/drawer/ux4g-native-drawer.module.d.ts.map +1 -0
  110. package/dist/native/dropdown/README.md +1541 -0
  111. package/dist/native/dropdown/fesm2022/ux4g-components-angular-native-dropdown.mjs +108 -0
  112. package/dist/native/dropdown/fesm2022/ux4g-components-angular-native-dropdown.mjs.map +1 -0
  113. package/dist/native/dropdown/index.d.ts +6 -0
  114. package/dist/native/dropdown/public-api.d.ts +3 -0
  115. package/dist/native/dropdown/public-api.d.ts.map +1 -0
  116. package/dist/native/dropdown/ux4g-components-angular-native-dropdown.d.ts.map +1 -0
  117. package/dist/native/dropdown/ux4g-native-dropdown.component.d.ts +32 -0
  118. package/dist/native/dropdown/ux4g-native-dropdown.component.d.ts.map +1 -0
  119. package/dist/native/dropdown/ux4g-native-dropdown.module.d.ts +8 -0
  120. package/dist/native/dropdown/ux4g-native-dropdown.module.d.ts.map +1 -0
  121. package/dist/native/file-upload/README.md +1541 -0
  122. package/dist/native/file-upload/fesm2022/ux4g-components-angular-native-file-upload.mjs +193 -0
  123. package/dist/native/file-upload/fesm2022/ux4g-components-angular-native-file-upload.mjs.map +1 -0
  124. package/dist/native/file-upload/index.d.ts +6 -0
  125. package/dist/native/file-upload/public-api.d.ts +3 -0
  126. package/dist/native/file-upload/public-api.d.ts.map +1 -0
  127. package/dist/native/file-upload/ux4g-components-angular-native-file-upload.d.ts.map +1 -0
  128. package/dist/native/file-upload/ux4g-native-file-upload.component.d.ts +40 -0
  129. package/dist/native/file-upload/ux4g-native-file-upload.component.d.ts.map +1 -0
  130. package/dist/native/file-upload/ux4g-native-file-upload.module.d.ts +8 -0
  131. package/dist/native/file-upload/ux4g-native-file-upload.module.d.ts.map +1 -0
  132. package/dist/native/modal/README.md +1541 -0
  133. package/dist/native/modal/fesm2022/ux4g-components-angular-native-modal.mjs +219 -0
  134. package/dist/native/modal/fesm2022/ux4g-components-angular-native-modal.mjs.map +1 -0
  135. package/dist/native/modal/index.d.ts +6 -0
  136. package/dist/native/modal/public-api.d.ts +3 -0
  137. package/dist/native/modal/public-api.d.ts.map +1 -0
  138. package/dist/native/modal/ux4g-components-angular-native-modal.d.ts.map +1 -0
  139. package/dist/native/modal/ux4g-native-modal.component.d.ts +42 -0
  140. package/dist/native/modal/ux4g-native-modal.component.d.ts.map +1 -0
  141. package/dist/native/modal/ux4g-native-modal.module.d.ts +12 -0
  142. package/dist/native/modal/ux4g-native-modal.module.d.ts.map +1 -0
  143. package/dist/native/otp/README.md +1541 -0
  144. package/dist/native/otp/fesm2022/ux4g-components-angular-native-otp.mjs +176 -0
  145. package/dist/native/otp/fesm2022/ux4g-components-angular-native-otp.mjs.map +1 -0
  146. package/dist/native/otp/index.d.ts +6 -0
  147. package/dist/native/otp/public-api.d.ts +3 -0
  148. package/dist/native/otp/public-api.d.ts.map +1 -0
  149. package/dist/native/otp/ux4g-components-angular-native-otp.d.ts.map +1 -0
  150. package/dist/native/otp/ux4g-native-otp.component.d.ts +32 -0
  151. package/dist/native/otp/ux4g-native-otp.component.d.ts.map +1 -0
  152. package/dist/native/otp/ux4g-native-otp.module.d.ts +8 -0
  153. package/dist/native/otp/ux4g-native-otp.module.d.ts.map +1 -0
  154. package/dist/native/popover/README.md +1541 -0
  155. package/dist/native/popover/fesm2022/ux4g-components-angular-native-popover.mjs +75 -0
  156. package/dist/native/popover/fesm2022/ux4g-components-angular-native-popover.mjs.map +1 -0
  157. package/dist/native/popover/index.d.ts +6 -0
  158. package/dist/native/popover/public-api.d.ts +3 -0
  159. package/dist/native/popover/public-api.d.ts.map +1 -0
  160. package/dist/native/popover/ux4g-components-angular-native-popover.d.ts.map +1 -0
  161. package/dist/native/popover/ux4g-native-popover.component.d.ts +29 -0
  162. package/dist/native/popover/ux4g-native-popover.component.d.ts.map +1 -0
  163. package/dist/native/popover/ux4g-native-popover.module.d.ts +8 -0
  164. package/dist/native/popover/ux4g-native-popover.module.d.ts.map +1 -0
  165. package/dist/native/progress/README.md +1541 -0
  166. package/dist/native/progress/fesm2022/ux4g-components-angular-native-progress.mjs +79 -0
  167. package/dist/native/progress/fesm2022/ux4g-components-angular-native-progress.mjs.map +1 -0
  168. package/dist/native/progress/index.d.ts +6 -0
  169. package/dist/native/progress/public-api.d.ts +3 -0
  170. package/dist/native/progress/public-api.d.ts.map +1 -0
  171. package/dist/native/progress/ux4g-components-angular-native-progress.d.ts.map +1 -0
  172. package/dist/native/progress/ux4g-native-progress.component.d.ts +29 -0
  173. package/dist/native/progress/ux4g-native-progress.component.d.ts.map +1 -0
  174. package/dist/native/progress/ux4g-native-progress.module.d.ts +8 -0
  175. package/dist/native/progress/ux4g-native-progress.module.d.ts.map +1 -0
  176. package/dist/native/search/README.md +1541 -0
  177. package/dist/native/search/fesm2022/ux4g-components-angular-native-search.mjs +148 -0
  178. package/dist/native/search/fesm2022/ux4g-components-angular-native-search.mjs.map +1 -0
  179. package/dist/native/search/index.d.ts +6 -0
  180. package/dist/native/search/public-api.d.ts +3 -0
  181. package/dist/native/search/public-api.d.ts.map +1 -0
  182. package/dist/native/search/ux4g-components-angular-native-search.d.ts.map +1 -0
  183. package/dist/native/search/ux4g-native-search.component.d.ts +46 -0
  184. package/dist/native/search/ux4g-native-search.component.d.ts.map +1 -0
  185. package/dist/native/search/ux4g-native-search.module.d.ts +8 -0
  186. package/dist/native/search/ux4g-native-search.module.d.ts.map +1 -0
  187. package/dist/native/shared/README.md +1541 -0
  188. package/dist/native/shared/base-native.component.d.ts +38 -0
  189. package/dist/native/shared/base-native.component.d.ts.map +1 -0
  190. package/dist/native/shared/fesm2022/ux4g-components-angular-native-shared.mjs +113 -0
  191. package/dist/native/shared/fesm2022/ux4g-components-angular-native-shared.mjs.map +1 -0
  192. package/dist/native/shared/index.d.ts +6 -0
  193. package/dist/native/shared/public-api.d.ts +3 -0
  194. package/dist/native/shared/public-api.d.ts.map +1 -0
  195. package/dist/native/shared/render-descriptor.d.ts +8 -0
  196. package/dist/native/shared/render-descriptor.d.ts.map +1 -0
  197. package/dist/native/shared/ux4g-components-angular-native-shared.d.ts.map +1 -0
  198. package/dist/native/stepper/README.md +1541 -0
  199. package/dist/native/stepper/fesm2022/ux4g-components-angular-native-stepper.mjs +92 -0
  200. package/dist/native/stepper/fesm2022/ux4g-components-angular-native-stepper.mjs.map +1 -0
  201. package/dist/native/stepper/index.d.ts +6 -0
  202. package/dist/native/stepper/public-api.d.ts +3 -0
  203. package/dist/native/stepper/public-api.d.ts.map +1 -0
  204. package/dist/native/stepper/ux4g-components-angular-native-stepper.d.ts.map +1 -0
  205. package/dist/native/stepper/ux4g-native-stepper.component.d.ts +35 -0
  206. package/dist/native/stepper/ux4g-native-stepper.component.d.ts.map +1 -0
  207. package/dist/native/stepper/ux4g-native-stepper.module.d.ts +8 -0
  208. package/dist/native/stepper/ux4g-native-stepper.module.d.ts.map +1 -0
  209. package/dist/native/table/README.md +1541 -0
  210. package/dist/native/table/fesm2022/ux4g-components-angular-native-table.mjs +91 -0
  211. package/dist/native/table/fesm2022/ux4g-components-angular-native-table.mjs.map +1 -0
  212. package/dist/native/table/index.d.ts +6 -0
  213. package/dist/native/table/public-api.d.ts +3 -0
  214. package/dist/native/table/public-api.d.ts.map +1 -0
  215. package/dist/native/table/ux4g-components-angular-native-table.d.ts.map +1 -0
  216. package/dist/native/table/ux4g-native-table.component.d.ts +32 -0
  217. package/dist/native/table/ux4g-native-table.component.d.ts.map +1 -0
  218. package/dist/native/table/ux4g-native-table.module.d.ts +12 -0
  219. package/dist/native/table/ux4g-native-table.module.d.ts.map +1 -0
  220. package/dist/native/tabs/README.md +1541 -0
  221. package/dist/native/tabs/fesm2022/ux4g-components-angular-native-tabs.mjs +190 -0
  222. package/dist/native/tabs/fesm2022/ux4g-components-angular-native-tabs.mjs.map +1 -0
  223. package/dist/native/tabs/index.d.ts +6 -0
  224. package/dist/native/tabs/public-api.d.ts +3 -0
  225. package/dist/native/tabs/public-api.d.ts.map +1 -0
  226. package/dist/native/tabs/ux4g-components-angular-native-tabs.d.ts.map +1 -0
  227. package/dist/native/tabs/ux4g-native-tabs.component.d.ts +43 -0
  228. package/dist/native/tabs/ux4g-native-tabs.component.d.ts.map +1 -0
  229. package/dist/native/tabs/ux4g-native-tabs.module.d.ts +12 -0
  230. package/dist/native/tabs/ux4g-native-tabs.module.d.ts.map +1 -0
  231. package/dist/native/time-picker/README.md +1541 -0
  232. package/dist/native/time-picker/fesm2022/ux4g-components-angular-native-time-picker.mjs +104 -0
  233. package/dist/native/time-picker/fesm2022/ux4g-components-angular-native-time-picker.mjs.map +1 -0
  234. package/dist/native/time-picker/index.d.ts +6 -0
  235. package/dist/native/time-picker/public-api.d.ts +3 -0
  236. package/dist/native/time-picker/public-api.d.ts.map +1 -0
  237. package/dist/native/time-picker/ux4g-components-angular-native-time-picker.d.ts.map +1 -0
  238. package/dist/native/time-picker/ux4g-native-time-picker.component.d.ts +27 -0
  239. package/dist/native/time-picker/ux4g-native-time-picker.component.d.ts.map +1 -0
  240. package/dist/native/time-picker/ux4g-native-time-picker.module.d.ts +8 -0
  241. package/dist/native/time-picker/ux4g-native-time-picker.module.d.ts.map +1 -0
  242. package/dist/native/tooltip/README.md +1541 -0
  243. package/dist/native/tooltip/fesm2022/ux4g-components-angular-native-tooltip.mjs +80 -0
  244. package/dist/native/tooltip/fesm2022/ux4g-components-angular-native-tooltip.mjs.map +1 -0
  245. package/dist/native/tooltip/index.d.ts +6 -0
  246. package/dist/native/tooltip/public-api.d.ts +3 -0
  247. package/dist/native/tooltip/public-api.d.ts.map +1 -0
  248. package/dist/native/tooltip/ux4g-components-angular-native-tooltip.d.ts.map +1 -0
  249. package/dist/native/tooltip/ux4g-native-tooltip.component.d.ts +31 -0
  250. package/dist/native/tooltip/ux4g-native-tooltip.component.d.ts.map +1 -0
  251. package/dist/native/tooltip/ux4g-native-tooltip.module.d.ts +8 -0
  252. package/dist/native/tooltip/ux4g-native-tooltip.module.d.ts.map +1 -0
  253. package/dist/navbar/README.md +330 -48
  254. package/dist/otp-input/README.md +330 -48
  255. package/dist/pagination/README.md +330 -48
  256. package/dist/popover/README.md +330 -48
  257. package/dist/progress-indicator/README.md +330 -48
  258. package/dist/radio/README.md +330 -48
  259. package/dist/result-list-row/README.md +330 -48
  260. package/dist/search/README.md +330 -48
  261. package/dist/sla-progress-indicator/README.md +330 -48
  262. package/dist/slider/README.md +330 -48
  263. package/dist/slot-grid/README.md +330 -48
  264. package/dist/social-links/README.md +330 -48
  265. package/dist/spinner/README.md +330 -48
  266. package/dist/status-pipeline/README.md +330 -48
  267. package/dist/stepper/README.md +330 -48
  268. package/dist/switch/README.md +330 -48
  269. package/dist/tab/README.md +330 -48
  270. package/dist/table/README.md +330 -48
  271. package/dist/tag/README.md +330 -48
  272. package/dist/tooltip/README.md +330 -48
  273. package/package.json +176 -3
@@ -0,0 +1,148 @@
1
+ import * as i0 from '@angular/core';
2
+ import { EventEmitter, Output, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
3
+ import { generateSearchDOM } from 'ux4g-components-web/dom-generators';
4
+ import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
5
+
6
+ /**
7
+ * UX4G Native Search — Angular Native Wrapper for the UX4G Search component.
8
+ *
9
+ * Generates the complete search DOM with input, clear button, and suggestions
10
+ * listbox using the shared DOM Generator. Produces ARIA-compliant markup with
11
+ * `role="searchbox"` and `role="listbox"` for suggestions.
12
+ *
13
+ * Usage:
14
+ * ```html
15
+ * <ux4g-native-search
16
+ * [placeholder]="'Search...'"
17
+ * [suggestions]="suggestions"
18
+ * [showSuggestions]="true"
19
+ * size="m"
20
+ * (searchChange)="onSearch($event)"
21
+ * (clear)="onClear()"
22
+ * (suggestionSelect)="onSelect($event)">
23
+ * </ux4g-native-search>
24
+ * ```
25
+ */
26
+ class UX4GNativeSearchComponent extends BaseNativeComponent {
27
+ constructor() {
28
+ super(...arguments);
29
+ this.placeholder = 'Search...';
30
+ this.suggestions = [];
31
+ this.showSuggestions = false;
32
+ this.size = 'm';
33
+ this.searchChange = new EventEmitter();
34
+ this.clear = new EventEmitter();
35
+ this.suggestionSelect = new EventEmitter();
36
+ this.inputListener = null;
37
+ this.clickListener = null;
38
+ }
39
+ ngOnChanges(_changes) {
40
+ this.renderComponent();
41
+ }
42
+ renderComponent() {
43
+ super.renderComponent();
44
+ const descriptor = generateSearchDOM({
45
+ value: this.value || '',
46
+ placeholder: this.placeholder,
47
+ suggestions: this.suggestions,
48
+ showSuggestions: this.showSuggestions,
49
+ size: this.size,
50
+ });
51
+ const hostEl = this.elementRef.nativeElement;
52
+ renderDescriptorToDOM(this.renderer, descriptor, hostEl);
53
+ this.attachEventListeners();
54
+ }
55
+ attachEventListeners() {
56
+ this.removeEventListeners();
57
+ const hostEl = this.elementRef.nativeElement;
58
+ // Listen for input changes on the search input
59
+ this.inputListener = this.renderer.listen(hostEl, 'input', (event) => {
60
+ const target = event.target;
61
+ if (target.classList.contains('ux4g-search-input')) {
62
+ const newValue = target.value;
63
+ this.notifyChange(newValue);
64
+ this.searchChange.emit(newValue);
65
+ }
66
+ });
67
+ // Click delegation for clear button and suggestion items
68
+ this.clickListener = this.renderer.listen(hostEl, 'click', (event) => {
69
+ const target = event.target;
70
+ // Clear button
71
+ if (target.closest('.ux4g-search-clear')) {
72
+ this.notifyChange('');
73
+ this.clear.emit();
74
+ this.renderComponent();
75
+ return;
76
+ }
77
+ // Suggestion selection
78
+ const suggestionEl = target.closest('.ux4g-search-suggestion');
79
+ if (suggestionEl) {
80
+ const selectedValue = suggestionEl.getAttribute('data-value');
81
+ if (selectedValue) {
82
+ this.notifyChange(selectedValue);
83
+ this.suggestionSelect.emit(selectedValue);
84
+ this.renderComponent();
85
+ }
86
+ }
87
+ });
88
+ }
89
+ removeEventListeners() {
90
+ if (this.inputListener) {
91
+ this.inputListener();
92
+ this.inputListener = null;
93
+ }
94
+ if (this.clickListener) {
95
+ this.clickListener();
96
+ this.clickListener = null;
97
+ }
98
+ }
99
+ ngOnDestroy() {
100
+ this.removeEventListeners();
101
+ super.ngOnDestroy();
102
+ }
103
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
104
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeSearchComponent, isStandalone: true, selector: "ux4g-native-search", inputs: { placeholder: "placeholder", suggestions: "suggestions", showSuggestions: "showSuggestions", size: "size" }, outputs: { searchChange: "searchChange", clear: "clear", suggestionSelect: "suggestionSelect" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
105
+ }
106
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeSearchComponent, decorators: [{
107
+ type: Component,
108
+ args: [{
109
+ selector: 'ux4g-native-search',
110
+ standalone: true,
111
+ template: '',
112
+ encapsulation: ViewEncapsulation.None,
113
+ }]
114
+ }], propDecorators: { placeholder: [{
115
+ type: Input
116
+ }], suggestions: [{
117
+ type: Input
118
+ }], showSuggestions: [{
119
+ type: Input
120
+ }], size: [{
121
+ type: Input
122
+ }], searchChange: [{
123
+ type: Output
124
+ }], clear: [{
125
+ type: Output
126
+ }], suggestionSelect: [{
127
+ type: Output
128
+ }] } });
129
+
130
+ class UX4GNativeSearchModule {
131
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
132
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeSearchModule, imports: [UX4GNativeSearchComponent], exports: [UX4GNativeSearchComponent] }); }
133
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeSearchModule }); }
134
+ }
135
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeSearchModule, decorators: [{
136
+ type: NgModule,
137
+ args: [{
138
+ imports: [UX4GNativeSearchComponent],
139
+ exports: [UX4GNativeSearchComponent],
140
+ }]
141
+ }] });
142
+
143
+ /**
144
+ * Generated bundle index. Do not edit.
145
+ */
146
+
147
+ export { UX4GNativeSearchComponent, UX4GNativeSearchModule };
148
+ //# sourceMappingURL=ux4g-components-angular-native-search.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ux4g-components-angular-native-search.mjs","sources":["../../../../src/native/search/ux4g-native-search.component.ts","../../../../src/native/search/ux4g-native-search.module.ts","../../../../src/native/search/ux4g-components-angular-native-search.ts"],"sourcesContent":["import {\r\n Component,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n ViewEncapsulation,\r\n OnChanges,\r\n SimpleChanges,\r\n OnDestroy,\r\n} from '@angular/core';\r\nimport { generateSearchDOM } from 'ux4g-components-web/dom-generators';\r\nimport { SearchSize } from 'ux4g-components-web/types';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * UX4G Native Search — Angular Native Wrapper for the UX4G Search component.\r\n *\r\n * Generates the complete search DOM with input, clear button, and suggestions\r\n * listbox using the shared DOM Generator. Produces ARIA-compliant markup with\r\n * `role=\"searchbox\"` and `role=\"listbox\"` for suggestions.\r\n *\r\n * Usage:\r\n * ```html\r\n * <ux4g-native-search\r\n * [placeholder]=\"'Search...'\"\r\n * [suggestions]=\"suggestions\"\r\n * [showSuggestions]=\"true\"\r\n * size=\"m\"\r\n * (searchChange)=\"onSearch($event)\"\r\n * (clear)=\"onClear()\"\r\n * (suggestionSelect)=\"onSelect($event)\">\r\n * </ux4g-native-search>\r\n * ```\r\n */\r\n@Component({\r\n selector: 'ux4g-native-search',\r\n standalone: true,\r\n template: '',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GNativeSearchComponent extends BaseNativeComponent implements OnChanges, OnDestroy {\r\n @Input() placeholder: string = 'Search...';\r\n @Input() suggestions: Array<{ label: string; value: string }> = [];\r\n @Input() showSuggestions: boolean = false;\r\n @Input() size: SearchSize = 'm';\r\n\r\n @Output() searchChange = new EventEmitter<string>();\r\n @Output() clear = new EventEmitter<void>();\r\n @Output() suggestionSelect = new EventEmitter<string>();\r\n\r\n private inputListener: (() => void) | null = null;\r\n private clickListener: (() => void) | null = null;\r\n\r\n ngOnChanges(_changes: SimpleChanges): void {\r\n this.renderComponent();\r\n }\r\n\r\n protected override renderComponent(): void {\r\n super.renderComponent();\r\n\r\n const descriptor = generateSearchDOM({\r\n value: this.value || '',\r\n placeholder: this.placeholder,\r\n suggestions: this.suggestions,\r\n showSuggestions: this.showSuggestions,\r\n size: this.size,\r\n });\r\n\r\n const hostEl = this.elementRef.nativeElement;\r\n renderDescriptorToDOM(this.renderer, descriptor, hostEl);\r\n\r\n this.attachEventListeners();\r\n }\r\n\r\n private attachEventListeners(): void {\r\n this.removeEventListeners();\r\n\r\n const hostEl = this.elementRef.nativeElement;\r\n\r\n // Listen for input changes on the search input\r\n this.inputListener = this.renderer.listen(hostEl, 'input', (event: Event) => {\r\n const target = event.target as HTMLInputElement;\r\n if (target.classList.contains('ux4g-search-input')) {\r\n const newValue = target.value;\r\n this.notifyChange(newValue);\r\n this.searchChange.emit(newValue);\r\n }\r\n });\r\n\r\n // Click delegation for clear button and suggestion items\r\n this.clickListener = this.renderer.listen(hostEl, 'click', (event: Event) => {\r\n const target = event.target as HTMLElement;\r\n\r\n // Clear button\r\n if (target.closest('.ux4g-search-clear')) {\r\n this.notifyChange('');\r\n this.clear.emit();\r\n this.renderComponent();\r\n return;\r\n }\r\n\r\n // Suggestion selection\r\n const suggestionEl = target.closest('.ux4g-search-suggestion') as HTMLElement | null;\r\n if (suggestionEl) {\r\n const selectedValue = suggestionEl.getAttribute('data-value');\r\n if (selectedValue) {\r\n this.notifyChange(selectedValue);\r\n this.suggestionSelect.emit(selectedValue);\r\n this.renderComponent();\r\n }\r\n }\r\n });\r\n }\r\n\r\n private removeEventListeners(): void {\r\n if (this.inputListener) {\r\n this.inputListener();\r\n this.inputListener = null;\r\n }\r\n if (this.clickListener) {\r\n this.clickListener();\r\n this.clickListener = null;\r\n }\r\n }\r\n\r\n override ngOnDestroy(): void {\r\n this.removeEventListeners();\r\n super.ngOnDestroy();\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeSearchComponent } from './ux4g-native-search.component';\r\n\r\n@NgModule({\r\n imports: [UX4GNativeSearchComponent],\r\n exports: [UX4GNativeSearchComponent],\r\n})\r\nexport class UX4GNativeSearchModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAcA;;;;;;;;;;;;;;;;;;;AAmBG;AAOG,MAAO,yBAA0B,SAAQ,mBAAmB,CAAA;AANlE,IAAA,WAAA,GAAA;;QAOW,IAAA,CAAA,WAAW,GAAW,WAAW;QACjC,IAAA,CAAA,WAAW,GAA4C,EAAE;QACzD,IAAA,CAAA,eAAe,GAAY,KAAK;QAChC,IAAA,CAAA,IAAI,GAAe,GAAG;AAErB,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAU;AACzC,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAAQ;AAChC,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAU;QAE/C,IAAA,CAAA,aAAa,GAAwB,IAAI;QACzC,IAAA,CAAA,aAAa,GAAwB,IAAI;AA8ElD,IAAA;AA5EC,IAAA,WAAW,CAAC,QAAuB,EAAA;QACjC,IAAI,CAAC,eAAe,EAAE;IACxB;IAEmB,eAAe,GAAA;QAChC,KAAK,CAAC,eAAe,EAAE;QAEvB,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACnC,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CAAC;AAEF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QAC5C,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;QAExD,IAAI,CAAC,oBAAoB,EAAE;IAC7B;IAEQ,oBAAoB,GAAA;QAC1B,IAAI,CAAC,oBAAoB,EAAE;AAE3B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;;AAG5C,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,KAAY,KAAI;AAC1E,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;YAC/C,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE;AAClD,gBAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK;AAC7B,gBAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;AAC3B,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC;YAClC;AACF,QAAA,CAAC,CAAC;;AAGF,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,KAAY,KAAI;AAC1E,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;AAG1C,YAAA,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE;AACxC,gBAAA,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;AACrB,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACjB,IAAI,CAAC,eAAe,EAAE;gBACtB;YACF;;YAGA,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,yBAAyB,CAAuB;YACpF,IAAI,YAAY,EAAE;gBAChB,MAAM,aAAa,GAAG,YAAY,CAAC,YAAY,CAAC,YAAY,CAAC;gBAC7D,IAAI,aAAa,EAAE;AACjB,oBAAA,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;AAChC,oBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC;oBACzC,IAAI,CAAC,eAAe,EAAE;gBACxB;YACF;AACF,QAAA,CAAC,CAAC;IACJ;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QAC3B;AACA,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QAC3B;IACF;IAES,WAAW,GAAA;QAClB,IAAI,CAAC,oBAAoB,EAAE;QAC3B,KAAK,CAAC,WAAW,EAAE;IACrB;+GAxFW,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,iVAH1B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGD,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,WAAW,EAAA,CAAA;sBAAnB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,eAAe,EAAA,CAAA;sBAAvB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBAES,YAAY,EAAA,CAAA;sBAArB;gBACS,KAAK,EAAA,CAAA;sBAAd;gBACS,gBAAgB,EAAA,CAAA;sBAAzB;;;MCzCU,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAtB,sBAAsB,EAAA,OAAA,EAAA,CAHvB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CACzB,yBAAyB,CAAA,EAAA,CAAA,CAAA;gHAExB,sBAAsB,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,OAAO,EAAE,CAAC,yBAAyB,CAAC;AACrC,iBAAA;;;ACND;;AAEG;;;;"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="ux4g-components-angular" />
5
+ export * from './public-api';
6
+ //# sourceMappingURL=ux4g-components-angular-native-search.d.ts.map
@@ -0,0 +1,3 @@
1
+ export { UX4GNativeSearchComponent } from './ux4g-native-search.component';
2
+ export { UX4GNativeSearchModule } from './ux4g-native-search.module';
3
+ //# sourceMappingURL=public-api.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/search/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ux4g-components-angular-native-search.d.ts","sourceRoot":"","sources":["../../../src/native/search/ux4g-components-angular-native-search.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}
@@ -0,0 +1,46 @@
1
+ import { EventEmitter, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
2
+ import { SearchSize } from 'ux4g-components-web/types';
3
+ import { BaseNativeComponent } from '@ux4g-native-shared';
4
+ import * as i0 from "@angular/core";
5
+ /**
6
+ * UX4G Native Search — Angular Native Wrapper for the UX4G Search component.
7
+ *
8
+ * Generates the complete search DOM with input, clear button, and suggestions
9
+ * listbox using the shared DOM Generator. Produces ARIA-compliant markup with
10
+ * `role="searchbox"` and `role="listbox"` for suggestions.
11
+ *
12
+ * Usage:
13
+ * ```html
14
+ * <ux4g-native-search
15
+ * [placeholder]="'Search...'"
16
+ * [suggestions]="suggestions"
17
+ * [showSuggestions]="true"
18
+ * size="m"
19
+ * (searchChange)="onSearch($event)"
20
+ * (clear)="onClear()"
21
+ * (suggestionSelect)="onSelect($event)">
22
+ * </ux4g-native-search>
23
+ * ```
24
+ */
25
+ export declare class UX4GNativeSearchComponent extends BaseNativeComponent implements OnChanges, OnDestroy {
26
+ placeholder: string;
27
+ suggestions: Array<{
28
+ label: string;
29
+ value: string;
30
+ }>;
31
+ showSuggestions: boolean;
32
+ size: SearchSize;
33
+ searchChange: EventEmitter<string>;
34
+ clear: EventEmitter<void>;
35
+ suggestionSelect: EventEmitter<string>;
36
+ private inputListener;
37
+ private clickListener;
38
+ ngOnChanges(_changes: SimpleChanges): void;
39
+ protected renderComponent(): void;
40
+ private attachEventListeners;
41
+ private removeEventListeners;
42
+ ngOnDestroy(): void;
43
+ static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeSearchComponent, never>;
44
+ static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeSearchComponent, "ux4g-native-search", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "searchChange": "searchChange"; "clear": "clear"; "suggestionSelect": "suggestionSelect"; }, never, never, true, never>;
45
+ }
46
+ //# sourceMappingURL=ux4g-native-search.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ux4g-native-search.component.d.ts","sourceRoot":"","sources":["../../../src/native/search/ux4g-native-search.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAEjF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAMa,yBAA0B,SAAQ,mBAAoB,YAAW,SAAS,EAAE,SAAS;IACvF,WAAW,EAAE,MAAM,CAAe;IAClC,WAAW,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAC1D,eAAe,EAAE,OAAO,CAAS;IACjC,IAAI,EAAE,UAAU,CAAO;IAEtB,YAAY,uBAA8B;IAC1C,KAAK,qBAA4B;IACjC,gBAAgB,uBAA8B;IAExD,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,aAAa,CAA6B;IAElD,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;cAIvB,eAAe,IAAI,IAAI;IAiB1C,OAAO,CAAC,oBAAoB;IAwC5B,OAAO,CAAC,oBAAoB;IAWnB,WAAW,IAAI,IAAI;yCArFjB,yBAAyB;2CAAzB,yBAAyB;CAyFrC"}
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ux4g-native-search.component";
3
+ export declare class UX4GNativeSearchModule {
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeSearchModule, never>;
5
+ static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeSearchModule, never, [typeof i1.UX4GNativeSearchComponent], [typeof i1.UX4GNativeSearchComponent]>;
6
+ static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeSearchModule>;
7
+ }
8
+ //# sourceMappingURL=ux4g-native-search.module.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ux4g-native-search.module.d.ts","sourceRoot":"","sources":["../../../src/native/search/ux4g-native-search.module.ts"],"names":[],"mappings":";;AAGA,qBAIa,sBAAsB;yCAAtB,sBAAsB;0CAAtB,sBAAsB;0CAAtB,sBAAsB;CAAG"}