@verisoft/ui-primeng 19.0.1-1 → 20.1.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 (280) hide show
  1. package/.eslintrc.json +43 -0
  2. package/README.md +377 -3
  3. package/assets/.gitkeep +0 -0
  4. package/assets/sass/main.scss +9 -26
  5. package/assets/sass/themes/_verisoft_theme.scss +2 -0
  6. package/assets/sass/vendors/_bootstrap.scss +2 -2
  7. package/assets/sass/vendors/_primeng.scss +1 -2
  8. package/jest.config.ts +22 -0
  9. package/ng-package.json +14 -0
  10. package/package.json +14 -27
  11. package/project.json +36 -0
  12. package/{index.d.ts → src/index.ts} +4 -0
  13. package/src/lib/components/breadcrumb/breadcrumb.component.html +11 -0
  14. package/src/lib/components/breadcrumb/breadcrumb.component.scss +18 -0
  15. package/src/lib/components/breadcrumb/breadcrumb.component.spec.ts +21 -0
  16. package/src/lib/components/breadcrumb/breadcrumb.component.stories.ts +36 -0
  17. package/src/lib/components/breadcrumb/breadcrumb.component.ts +27 -0
  18. package/src/lib/components/breadcrumb/breadcrumb.pipe.ts +13 -0
  19. package/src/lib/components/button/button-severity.pipe.ts +20 -0
  20. package/src/lib/components/button/button.component.html +20 -0
  21. package/src/lib/components/button/button.component.scss +0 -0
  22. package/src/lib/components/button/button.component.spec.ts +21 -0
  23. package/src/lib/components/button/button.component.ts +49 -0
  24. package/src/lib/components/calendar/calendar.component.html +53 -0
  25. package/src/lib/components/calendar/calendar.component.scss +0 -0
  26. package/src/lib/components/calendar/calendar.component.spec.ts +21 -0
  27. package/src/lib/components/calendar/calendar.component.ts +70 -0
  28. package/src/lib/components/checkbox/checkbox.component.html +20 -0
  29. package/src/lib/components/checkbox/checkbox.component.scss +15 -0
  30. package/src/lib/components/checkbox/checkbox.component.spec.ts +21 -0
  31. package/src/lib/components/checkbox/checkbox.component.stories.ts +72 -0
  32. package/src/lib/components/checkbox/checkbox.component.ts +46 -0
  33. package/src/lib/components/confirm-dialog/confirm-dialog.component.html +51 -0
  34. package/src/lib/components/confirm-dialog/confirm-dialog.component.scss +3 -0
  35. package/src/lib/components/confirm-dialog/confirm-dialog.component.spec.ts +21 -0
  36. package/src/lib/components/confirm-dialog/confirm-dialog.component.stories.ts +74 -0
  37. package/src/lib/components/confirm-dialog/confirm-dialog.component.ts +73 -0
  38. package/src/lib/components/dropdown/dropdown.component.html +93 -0
  39. package/src/lib/components/dropdown/dropdown.component.scss +16 -0
  40. package/src/lib/components/dropdown/dropdown.component.spec.ts +21 -0
  41. package/src/lib/components/dropdown/dropdown.component.ts +139 -0
  42. package/src/lib/components/dropdown-button/dropdown-button.component.html +1 -0
  43. package/src/lib/components/dropdown-button/dropdown-button.component.ts +20 -0
  44. package/src/lib/components/dropdown-button/index.ts +1 -0
  45. package/src/lib/components/errors/error.component.html +7 -0
  46. package/src/lib/components/errors/error.component.scss +3 -0
  47. package/src/lib/components/errors/error.component.ts +34 -0
  48. package/src/lib/components/errors/index.ts +1 -0
  49. package/src/lib/components/feature-list/directives/feature-list-column.directive.ts +32 -0
  50. package/src/lib/components/feature-list/directives/feature-list-filter-field.directive.ts +8 -0
  51. package/src/lib/components/feature-list/feature-list-filter.pipe.ts +21 -0
  52. package/src/lib/components/feature-list/feature-list-page.component.ts +32 -0
  53. package/src/lib/components/feature-list/feature-list-page.model.ts +42 -0
  54. package/src/lib/components/feature-list/feature-list.component.html +59 -0
  55. package/src/lib/components/feature-list/feature-list.component.scss +10 -0
  56. package/src/lib/components/feature-list/feature-list.component.ts +341 -0
  57. package/src/lib/components/filter/directives/filter-field.directive.ts +34 -0
  58. package/src/lib/components/filter/filter.component.html +68 -0
  59. package/src/lib/components/filter/filter.component.scss +0 -0
  60. package/src/lib/components/filter/filter.component.spec.ts +21 -0
  61. package/src/lib/components/filter/filter.component.stories.ts +23 -0
  62. package/src/lib/components/filter/filter.component.ts +281 -0
  63. package/src/lib/components/filter/filter.model.ts +18 -0
  64. package/src/lib/components/form-field/form-field.component.html +42 -0
  65. package/src/lib/components/form-field/form-field.component.scss +0 -0
  66. package/src/lib/components/form-field/form-field.component.spec.ts +21 -0
  67. package/src/lib/components/form-field/form-field.component.stories.ts +69 -0
  68. package/src/lib/components/form-field/form-field.component.ts +37 -0
  69. package/src/lib/components/header/header.component.html +84 -0
  70. package/src/lib/components/header/header.component.scss +0 -0
  71. package/src/lib/components/header/header.component.spec.ts +21 -0
  72. package/src/lib/components/header/header.component.stories.ts +24 -0
  73. package/src/lib/components/header/header.component.ts +65 -0
  74. package/src/lib/components/header/services/header-provider.service.ts +15 -0
  75. package/src/lib/components/icon/icon.component.html +2 -0
  76. package/src/lib/components/icon/icon.component.scss +51 -0
  77. package/src/lib/components/icon/icon.component.ts +86 -0
  78. package/src/lib/components/icon/index.ts +2 -0
  79. package/src/lib/components/input-group/input-group.component.html +34 -0
  80. package/src/lib/components/input-group/input-group.component.spec.ts +21 -0
  81. package/src/lib/components/input-group/input-group.component.ts +58 -0
  82. package/src/lib/components/loader/loader.component.html +5 -0
  83. package/src/lib/components/loader/loader.component.scss +0 -0
  84. package/src/lib/components/loader/loader.component.spec.ts +21 -0
  85. package/src/lib/components/loader/loader.component.ts +16 -0
  86. package/src/lib/components/multiselect/multiselect.component.html +67 -0
  87. package/src/lib/components/multiselect/multiselect.component.scss +0 -0
  88. package/src/lib/components/multiselect/multiselect.component.spec.ts +21 -0
  89. package/src/lib/components/multiselect/multiselect.component.ts +120 -0
  90. package/src/lib/components/number-input/number-input.component.html +22 -0
  91. package/src/lib/components/number-input/number-input.component.spec.ts +21 -0
  92. package/src/lib/components/number-input/number-input.component.ts +55 -0
  93. package/src/lib/components/page-header/page-header.component.html +35 -0
  94. package/src/lib/components/page-header/page-header.component.scss +0 -0
  95. package/src/lib/components/page-header/page-header.component.spec.ts +21 -0
  96. package/src/lib/components/page-header/page-header.component.ts +31 -0
  97. package/src/lib/components/password/password.component.html +24 -0
  98. package/src/lib/components/password/password.component.scss +0 -0
  99. package/src/lib/components/password/password.component.spec.ts +21 -0
  100. package/src/lib/components/password/password.component.ts +56 -0
  101. package/src/lib/components/radiobutton/radiobutton.component.html +34 -0
  102. package/src/lib/components/radiobutton/radiobutton.component.scss +6 -0
  103. package/src/lib/components/radiobutton/radiobutton.component.spec.ts +21 -0
  104. package/src/lib/components/radiobutton/radiobutton.component.stories.ts +71 -0
  105. package/src/lib/components/radiobutton/radiobutton.component.ts +61 -0
  106. package/src/lib/components/section/section.component.html +25 -0
  107. package/src/lib/components/section/section.component.scss +0 -0
  108. package/src/lib/components/section/section.component.spec.ts +21 -0
  109. package/src/lib/components/section/section.component.ts +31 -0
  110. package/src/lib/components/shared-components/.eslintrc.json +42 -0
  111. package/src/lib/components/shared-components/action-button-group/action-button-group.component.html +25 -0
  112. package/src/lib/components/shared-components/action-button-group/action-button-group.component.scss +0 -0
  113. package/src/lib/components/shared-components/action-button-group/action-button-group.component.spec.ts +21 -0
  114. package/src/lib/components/shared-components/action-button-group/action-button-group.component.ts +111 -0
  115. package/src/lib/components/shared-components/action-button-group/components/action-button/action-button.component.html +10 -0
  116. package/src/lib/components/shared-components/action-button-group/components/action-button/action-button.component.scss +0 -0
  117. package/src/lib/components/shared-components/action-button-group/components/action-button/action-button.component.spec.ts +21 -0
  118. package/src/lib/components/shared-components/action-button-group/components/action-button/action-button.component.ts +69 -0
  119. package/src/lib/components/shared-components/dynamic-component/dynamic-component-factory.service.ts +142 -0
  120. package/src/lib/components/shared-components/dynamic-component/dynamic-component.component.ts +56 -0
  121. package/{lib/components/shared-components/dynamic-component/index.d.ts → src/lib/components/shared-components/dynamic-component/index.ts} +2 -2
  122. package/src/lib/components/shared-components/generic-field/generic-field.component.html +98 -0
  123. package/src/lib/components/shared-components/generic-field/generic-field.component.spec.ts +21 -0
  124. package/src/lib/components/shared-components/generic-field/generic-field.component.ts +90 -0
  125. package/{lib/components/shared-components/generic-field/index.d.ts → src/lib/components/shared-components/generic-field/index.ts} +1 -1
  126. package/src/lib/components/shared-components/generic-form/generic-form.component.html +46 -0
  127. package/src/lib/components/shared-components/generic-form/generic-form.component.spec.ts +21 -0
  128. package/src/lib/components/shared-components/generic-form/generic-form.component.ts +56 -0
  129. package/src/lib/components/shared-components/generic-form/generic-form.model.spec.ts +82 -0
  130. package/src/lib/components/shared-components/generic-form/generic-form.model.ts +68 -0
  131. package/{lib/components/shared-components/generic-form/index.d.ts → src/lib/components/shared-components/generic-form/index.ts} +2 -2
  132. package/{lib/components/shared-components/index.d.ts → src/lib/components/shared-components/index.ts} +4 -6
  133. package/src/lib/components/side-menu/side-menu.component.html +53 -0
  134. package/src/lib/components/side-menu/side-menu.component.scss +0 -0
  135. package/src/lib/components/side-menu/side-menu.component.spec.ts +21 -0
  136. package/src/lib/components/side-menu/side-menu.component.ts +96 -0
  137. package/src/lib/components/side-menu/side-menu.module.ts +66 -0
  138. package/src/lib/components/slider/slider.component.html +19 -0
  139. package/src/lib/components/slider/slider.component.spec.ts +21 -0
  140. package/src/lib/components/slider/slider.component.ts +56 -0
  141. package/src/lib/components/snackbar/services/snackbar.service.ts +45 -0
  142. package/src/lib/components/snackbar/snackbar.component.html +3 -0
  143. package/src/lib/components/snackbar/snackbar.component.scss +0 -0
  144. package/src/lib/components/snackbar/snackbar.component.spec.ts +21 -0
  145. package/src/lib/components/snackbar/snackbar.component.stories.ts +70 -0
  146. package/src/lib/components/snackbar/snackbar.component.ts +25 -0
  147. package/src/lib/components/stepper/stepper.component.html +35 -0
  148. package/src/lib/components/stepper/stepper.component.spec.ts +21 -0
  149. package/src/lib/components/stepper/stepper.component.ts +39 -0
  150. package/src/lib/components/switch/switch.component.html +18 -0
  151. package/src/lib/components/switch/switch.component.scss +0 -0
  152. package/src/lib/components/switch/switch.component.spec.ts +21 -0
  153. package/src/lib/components/switch/switch.component.stories.ts +65 -0
  154. package/src/lib/components/switch/switch.component.ts +52 -0
  155. package/src/lib/components/tab-view/tab-view-item.component.ts +22 -0
  156. package/src/lib/components/tab-view/tab-view.component.html +41 -0
  157. package/src/lib/components/tab-view/tab-view.component.ts +55 -0
  158. package/src/lib/components/table/table-filter.pipe.ts +59 -0
  159. package/src/lib/components/table/table.component.html +127 -0
  160. package/src/lib/components/table/table.component.scss +11 -0
  161. package/src/lib/components/table/table.component.spec.ts +21 -0
  162. package/src/lib/components/table/table.component.stories.ts +55 -0
  163. package/src/lib/components/table/table.component.ts +288 -0
  164. package/src/lib/components/table/table.models.ts +26 -0
  165. package/src/lib/components/tag/index.ts +2 -0
  166. package/src/lib/components/tag/tag.component.html +12 -0
  167. package/src/lib/components/tag/tag.component.scss +33 -0
  168. package/src/lib/components/tag/tag.component.ts +83 -0
  169. package/src/lib/components/textarea/textarea.component.html +40 -0
  170. package/src/lib/components/textarea/textarea.component.scss +5 -0
  171. package/src/lib/components/textarea/textarea.component.spec.ts +21 -0
  172. package/src/lib/components/textarea/textarea.component.stories.ts +98 -0
  173. package/src/lib/components/textarea/textarea.component.ts +62 -0
  174. package/src/lib/components/textfield/textfield.component.html +82 -0
  175. package/src/lib/components/textfield/textfield.component.scss +23 -0
  176. package/src/lib/components/textfield/textfield.component.spec.ts +21 -0
  177. package/src/lib/components/textfield/textfield.component.stories.ts +85 -0
  178. package/src/lib/components/textfield/textfield.component.ts +68 -0
  179. package/src/lib/components/tooltip/index.ts +1 -0
  180. package/src/lib/components/tooltip/tooltip.component.html +3 -0
  181. package/src/lib/components/tooltip/tooltip.component.ts +17 -0
  182. package/src/lib/icons.ts +36 -0
  183. package/src/lib/interceptors/http-error-message.interceptor.ts +35 -0
  184. package/src/lib/pages/not-found-page/not-found-page.component.html +26 -0
  185. package/src/lib/pages/not-found-page/not-found-page.component.scss +0 -0
  186. package/src/lib/pages/not-found-page/not-found-page.component.spec.ts +21 -0
  187. package/src/lib/pages/not-found-page/not-found-page.component.ts +16 -0
  188. package/src/tab-view.ts +1 -0
  189. package/src/test-setup.ts +8 -0
  190. package/tsconfig.json +29 -0
  191. package/tsconfig.lib.json +18 -0
  192. package/tsconfig.lib.prod.json +9 -0
  193. package/tsconfig.spec.json +16 -0
  194. package/fesm2022/verisoft-ui-primeng.mjs +0 -2880
  195. package/fesm2022/verisoft-ui-primeng.mjs.map +0 -1
  196. package/lib/components/breadcrumb/breadcrumb.component.d.ts +0 -6
  197. package/lib/components/breadcrumb/breadcrumb.pipe.d.ts +0 -9
  198. package/lib/components/button/button-severity.pipe.d.ts +0 -9
  199. package/lib/components/button/button.component.d.ts +0 -20
  200. package/lib/components/calendar/calendar.component.d.ts +0 -17
  201. package/lib/components/checkbox/checkbox.component.d.ts +0 -10
  202. package/lib/components/confirm-dialog/confirm-dialog.component.d.ts +0 -15
  203. package/lib/components/dropdown/dropdown.component.d.ts +0 -38
  204. package/lib/components/dropdown-button/dropdown-button.component.d.ts +0 -14
  205. package/lib/components/dropdown-button/index.d.ts +0 -1
  206. package/lib/components/errors/error.component.d.ts +0 -16
  207. package/lib/components/errors/index.d.ts +0 -1
  208. package/lib/components/form-field/form-field.component.d.ts +0 -12
  209. package/lib/components/header/header.component.d.ts +0 -23
  210. package/lib/components/header/services/header-provider.service.d.ts +0 -10
  211. package/lib/components/input-group/input-group.component.d.ts +0 -9
  212. package/lib/components/loader/loader.component.d.ts +0 -6
  213. package/lib/components/multiselect/multiselect.component.d.ts +0 -34
  214. package/lib/components/number-input/number-input.component.d.ts +0 -14
  215. package/lib/components/page-header/page-header.component.d.ts +0 -10
  216. package/lib/components/password/password.component.d.ts +0 -11
  217. package/lib/components/radiobutton/radiobutton.component.d.ts +0 -10
  218. package/lib/components/section/section.component.d.ts +0 -12
  219. package/lib/components/shared-components/action-button-group/action-button-group.component.d.ts +0 -28
  220. package/lib/components/shared-components/action-button-group/components/action-button/action-button.component.d.ts +0 -24
  221. package/lib/components/shared-components/dynamic-component/dynamic-component-factory.service.d.ts +0 -17
  222. package/lib/components/shared-components/dynamic-component/dynamic-component.component.d.ts +0 -16
  223. package/lib/components/shared-components/feature-list/directives/feature-list-column.directive.d.ts +0 -10
  224. package/lib/components/shared-components/feature-list/directives/feature-list-filter-field.directive.d.ts +0 -6
  225. package/lib/components/shared-components/feature-list/feature-list-filter.pipe.d.ts +0 -9
  226. package/lib/components/shared-components/feature-list/feature-list-page.component.d.ts +0 -9
  227. package/lib/components/shared-components/feature-list/feature-list-page.model.d.ts +0 -23
  228. package/lib/components/shared-components/feature-list/feature-list.component.d.ts +0 -62
  229. package/lib/components/shared-components/filter/directives/filter-field.directive.d.ts +0 -20
  230. package/lib/components/shared-components/filter/filter.component.d.ts +0 -53
  231. package/lib/components/shared-components/filter/filter.model.d.ts +0 -2
  232. package/lib/components/shared-components/generic-field/generic-field.component.d.ts +0 -28
  233. package/lib/components/shared-components/generic-form/generic-form.component.d.ts +0 -15
  234. package/lib/components/shared-components/generic-form/generic-form.model.d.ts +0 -4
  235. package/lib/components/side-menu/side-menu.component.d.ts +0 -27
  236. package/lib/components/side-menu/side-menu.module.d.ts +0 -13
  237. package/lib/components/slider/slider.component.d.ts +0 -12
  238. package/lib/components/snackbar/services/snackbar.service.d.ts +0 -12
  239. package/lib/components/snackbar/snackbar.component.d.ts +0 -9
  240. package/lib/components/stepper/stepper.component.d.ts +0 -17
  241. package/lib/components/switch/switch.component.d.ts +0 -9
  242. package/lib/components/tab-view/tab-view-item.component.d.ts +0 -12
  243. package/lib/components/tab-view/tab-view.component.d.ts +0 -17
  244. package/lib/components/table/table-filter.pipe.d.ts +0 -13
  245. package/lib/components/table/table.component.d.ts +0 -67
  246. package/lib/components/table/table.models.d.ts +0 -4
  247. package/lib/components/textarea/textarea.component.d.ts +0 -12
  248. package/lib/components/textfield/textfield.component.d.ts +0 -12
  249. package/lib/components/tooltip/index.d.ts +0 -1
  250. package/lib/components/tooltip/tooltip.component.d.ts +0 -10
  251. package/lib/icons.d.ts +0 -2
  252. package/lib/interceptors/http-error-message.interceptor.d.ts +0 -11
  253. /package/{lib/components/breadcrumb/index.d.ts → src/lib/components/breadcrumb/index.ts} +0 -0
  254. /package/{lib/components/button/index.d.ts → src/lib/components/button/index.ts} +0 -0
  255. /package/{lib/components/calendar/index.d.ts → src/lib/components/calendar/index.ts} +0 -0
  256. /package/{lib/components/checkbox/index.d.ts → src/lib/components/checkbox/index.ts} +0 -0
  257. /package/{lib/components/confirm-dialog/index.d.ts → src/lib/components/confirm-dialog/index.ts} +0 -0
  258. /package/{lib/components/dropdown/index.d.ts → src/lib/components/dropdown/index.ts} +0 -0
  259. /package/{lib/components/shared-components/feature-list/index.d.ts → src/lib/components/feature-list/index.ts} +0 -0
  260. /package/{lib/components/shared-components/filter/index.d.ts → src/lib/components/filter/index.ts} +0 -0
  261. /package/{lib/components/form-field/index.d.ts → src/lib/components/form-field/index.ts} +0 -0
  262. /package/{lib/components/header/index.d.ts → src/lib/components/header/index.ts} +0 -0
  263. /package/{lib/components/input-group/index.d.ts → src/lib/components/input-group/index.ts} +0 -0
  264. /package/{lib/components/loader/index.d.ts → src/lib/components/loader/index.ts} +0 -0
  265. /package/{lib/components/multiselect/index.d.ts → src/lib/components/multiselect/index.ts} +0 -0
  266. /package/{lib/components/number-input/index.d.ts → src/lib/components/number-input/index.ts} +0 -0
  267. /package/{lib/components/page-header/index.d.ts → src/lib/components/page-header/index.ts} +0 -0
  268. /package/{lib/components/password/index.d.ts → src/lib/components/password/index.ts} +0 -0
  269. /package/{lib/components/radiobutton/index.d.ts → src/lib/components/radiobutton/index.ts} +0 -0
  270. /package/{lib/components/section/index.d.ts → src/lib/components/section/index.ts} +0 -0
  271. /package/{lib/components/shared-components/action-button-group/index.d.ts → src/lib/components/shared-components/action-button-group/index.ts} +0 -0
  272. /package/{lib/components/side-menu/index.d.ts → src/lib/components/side-menu/index.ts} +0 -0
  273. /package/{lib/components/slider/index.d.ts → src/lib/components/slider/index.ts} +0 -0
  274. /package/{lib/components/snackbar/index.d.ts → src/lib/components/snackbar/index.ts} +0 -0
  275. /package/{lib/components/stepper/index.d.ts → src/lib/components/stepper/index.ts} +0 -0
  276. /package/{lib/components/switch/index.d.ts → src/lib/components/switch/index.ts} +0 -0
  277. /package/{lib/components/tab-view/index.d.ts → src/lib/components/tab-view/index.ts} +0 -0
  278. /package/{lib/components/table/index.d.ts → src/lib/components/table/index.ts} +0 -0
  279. /package/{lib/components/textarea/index.d.ts → src/lib/components/textarea/index.ts} +0 -0
  280. /package/{lib/components/textfield/index.d.ts → src/lib/components/textfield/index.ts} +0 -0
@@ -1,2880 +0,0 @@
1
- import * as i2 from '@angular/common';
2
- import { CommonModule, NgClass, AsyncPipe, NgIf, NgTemplateOutlet } from '@angular/common';
3
- import * as i0 from '@angular/core';
4
- import { inject, Input, Optional, Self, Component, forwardRef, ChangeDetectionStrategy, Pipe, input, ViewEncapsulation, Inject, Injectable, EventEmitter, ViewChild, Output, NgModule, ChangeDetectorRef, ContentChild, ContentChildren, Directive, InjectionToken, SimpleChange, Injector, ViewContainerRef } from '@angular/core';
5
- import * as i1 from '@angular/forms';
6
- import { ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
7
- import * as i1$2 from '@verisoft/ui-core';
8
- import { BaseFormInputComponent, WarningPipe, BaseInputControls, INPUT_GROUP_COMPONENT_TOKEN, SlotPosition, FieldSize, FieldType, TEXTFIELD_COMPONENT_TOKEN, BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, CALENDAR_COMPONENT_TOKEN, PASSWORD_COMPONENT_TOKEN, ControlSeverity, IconPosition, BUTTON_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, DROPDOWN_BUTTON_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, SETTINGS_MENU, UnsubscribeComponent, HEADER_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, SNACKBAR_COMPONENT_TOKEN, SideMenuService, ScreenSizeService, MENU_TOKEN, SideMenuProviderService, SIDE_MENU_COMPONENT_TOKEN, SIDE_MENU_STATE_TOKEN, ColumnModel, RowModel, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, queryListChanged, DROPDOWN_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, DialogService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableSelectionMode, downloadFile, TableDatasourceDirective, TableFilterDirective, TableColumnDirective, PageHeaderCoreComponent, PAGE_HEADER_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, SLIDER_COMPONENT_TOKEN, CONFIRM_DIALOG_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, TAB_VIEW_COMPONENT_TOKEN } from '@verisoft/ui-core';
9
- import * as i4 from 'primeng/inputgroup';
10
- import { InputGroupModule } from 'primeng/inputgroup';
11
- import * as i3$1 from 'primeng/inputgroupaddon';
12
- import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
13
- import * as i5 from 'primeng/inputtext';
14
- import { InputTextModule } from 'primeng/inputtext';
15
- import { ERROR_PROVIDER_TOKEN, DEFAULT_SEARCH_LIMIT, SortDirection, BASE_URL_PATH, BaseHttpService, convertDatasource, DEFAULT_PAGE_SIZE } from '@verisoft/core';
16
- import * as i2$1 from 'primeng/message';
17
- import { MessageModule } from 'primeng/message';
18
- import * as i3 from 'primeng/tooltip';
19
- import { TooltipModule } from 'primeng/tooltip';
20
- import * as i4$1 from 'primeng/floatlabel';
21
- import { FloatLabelModule } from 'primeng/floatlabel';
22
- import * as i2$2 from 'primeng/breadcrumb';
23
- import { BreadcrumbModule } from 'primeng/breadcrumb';
24
- import * as i3$2 from 'primeng/checkbox';
25
- import { CheckboxModule } from 'primeng/checkbox';
26
- import * as i3$3 from 'primeng/calendar';
27
- import { CalendarModule } from 'primeng/calendar';
28
- import * as i2$3 from 'primeng/password';
29
- import { PasswordModule } from 'primeng/password';
30
- import * as i2$4 from '@angular/router';
31
- import { RouterModule, Router, ActivatedRoute, RouterOutlet, RouterLink } from '@angular/router';
32
- import * as i1$1 from 'primeng/button';
33
- import { ButtonModule } from 'primeng/button';
34
- import * as i6 from 'primeng/ripple';
35
- import { RippleModule } from 'primeng/ripple';
36
- import * as i3$4 from 'primeng/radiobutton';
37
- import { RadioButtonModule } from 'primeng/radiobutton';
38
- import * as i2$5 from 'primeng/inputnumber';
39
- import { InputNumberModule } from 'primeng/inputnumber';
40
- import * as i4$2 from 'primeng/avatar';
41
- import { AvatarModule } from 'primeng/avatar';
42
- import { Textarea } from 'primeng/textarea';
43
- import * as i1$3 from 'primeng/progressspinner';
44
- import { ProgressSpinnerModule } from 'primeng/progressspinner';
45
- import * as i1$4 from 'primeng/api';
46
- import * as i2$6 from 'primeng/toast';
47
- import { ToastModule } from 'primeng/toast';
48
- import * as i3$6 from '@ngx-translate/core';
49
- import { TranslateModule } from '@ngx-translate/core';
50
- import * as i1$5 from 'primeng/tree';
51
- import { TreeModule } from 'primeng/tree';
52
- import * as i2$7 from 'primeng/table';
53
- import { TableModule } from 'primeng/table';
54
- import { Subject, takeUntil, combineLatestWith, BehaviorSubject, startWith, map, debounceTime, distinctUntilChanged, take, switchMap, forkJoin, of, catchError, throwError } from 'rxjs';
55
- import * as i3$5 from 'primeng/dropdown';
56
- import { DropdownModule } from 'primeng/dropdown';
57
- import * as i4$3 from 'primeng/multiselect';
58
- import { MultiSelectModule } from 'primeng/multiselect';
59
- import { HttpClient } from '@angular/common/http';
60
- import * as i2$8 from 'primeng/stepper';
61
- import { StepperModule } from 'primeng/stepper';
62
- import * as i2$9 from 'primeng/slider';
63
- import { SliderModule } from 'primeng/slider';
64
- import * as i3$7 from 'primeng/dialog';
65
- import { DialogModule } from 'primeng/dialog';
66
- import * as i2$a from 'primeng/inputswitch';
67
- import { InputSwitchModule } from 'primeng/inputswitch';
68
- import { v4 } from 'uuid';
69
- import * as i1$6 from 'primeng/tabs';
70
- import { TabsModule } from 'primeng/tabs';
71
-
72
- const Icons = {
73
- add: 'pi pi-plus',
74
- minus: 'pi pi-minus',
75
- delete: 'pi pi-trash',
76
- filter: 'pi pi-filter',
77
- download: 'pi pi-download',
78
- save: 'pi pi-save',
79
- print: 'pi pi-print',
80
- calendar: 'pi pi-calendar',
81
- edit: 'pi pi-pencil',
82
- settings: 'pi pi-cog',
83
- house: 'pi pi-home',
84
- chevronRight: 'pi pi-chevron-right',
85
- chevronLeft: 'pi pi-chevron-left',
86
- chevronDown: 'pi pi-chevron-down',
87
- chevronUp: 'pi pi-chevron-up',
88
- checkbox: 'pi pi-check',
89
- warning: 'pi pi-exclamation-triangle',
90
- search: 'pi pi-search',
91
- action: 'pi pi-bars',
92
- user: 'pi pi-user',
93
- logout: 'pi pi-user',
94
- crossCircle: 'pi pi-times-circle',
95
- infoCircle: 'pi pi-info-circle',
96
- cross: 'pi pi-times',
97
- arrowLeft: 'pi pi-arrow-left',
98
- arrowRight: 'pi pi-arrow-right',
99
- questionCircle: 'pi pi-question-circle',
100
- checkCircle: 'pi pi-check-circle',
101
- sitemap: 'pi pi-sitemap',
102
- check: 'pi pi-check',
103
- envelope: 'pi pi-envelope',
104
- loader: 'pi pi-loader',
105
- };
106
-
107
- class FormFieldComponent extends BaseFormInputComponent {
108
- constructor(ngControl) {
109
- super(ngControl);
110
- this.display = 'block';
111
- this.errorProvider = inject(ERROR_PROVIDER_TOKEN);
112
- this.icons = Icons;
113
- }
114
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FormFieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
115
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: FormFieldComponent, isStandalone: true, selector: "v-form-field", inputs: { display: "display", variant: "variant" }, usesInheritance: true, ngImport: i0, template: "<div class=\"v-form-field mt-3\" [attr.data-testId]=\"testId\">\n <div [ngClass]=\"{ 'd-block d-md-flex': display === 'flex', 'd-lg-flex': display === 'block' }\">\n <div class=\"col-12 col-md-4 d-flex align-items-center\">\n <label\n class=\"v-formfield-label d-flex align-items-center\"\n [ngClass]=\"{\n 'pb-2': display === 'block',\n 'text-error': (errorProvider.mapError(ngControl?.errors ?? [])) && ngControl?.dirty, \n 'text-warning': (ngControl?.errors | warning) && ngControl?.dirty,\n 'text-default': !ngControl?.invalid && !ngControl?.dirty,\n 'text-secondary': !ngControl?.invalid && ngControl?.dirty\n }\"\n >{{ label }}<span *ngIf=\"label\">:</span>\n <span *ngIf=\"required\" class=\"text-error ps-1\">*</span>\n </label>\n <i *ngIf=\"tooltip\"\n [pTooltip]=\"tooltip\"\n class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\n ></i>\n </div>\n <div \n class=\"col-sm-12 col-md-8 col-lg-8\"\n >\n <div \n class=\"v-form-field-content align-items-center w-100\"\n [ngClass]=\"{ 'd-flex': display === 'flex', 'd-block': display === 'block', 'input-warning': ngControl?.errors | warning }\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n <div class=\"align-content-center\">\n <ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: WarningPipe, name: "warning" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
116
- }
117
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FormFieldComponent, decorators: [{
118
- type: Component,
119
- args: [{ selector: 'v-form-field', imports: [
120
- CommonModule,
121
- WarningPipe,
122
- ReactiveFormsModule,
123
- MessageModule,
124
- TooltipModule,
125
- ], template: "<div class=\"v-form-field mt-3\" [attr.data-testId]=\"testId\">\n <div [ngClass]=\"{ 'd-block d-md-flex': display === 'flex', 'd-lg-flex': display === 'block' }\">\n <div class=\"col-12 col-md-4 d-flex align-items-center\">\n <label\n class=\"v-formfield-label d-flex align-items-center\"\n [ngClass]=\"{\n 'pb-2': display === 'block',\n 'text-error': (errorProvider.mapError(ngControl?.errors ?? [])) && ngControl?.dirty, \n 'text-warning': (ngControl?.errors | warning) && ngControl?.dirty,\n 'text-default': !ngControl?.invalid && !ngControl?.dirty,\n 'text-secondary': !ngControl?.invalid && ngControl?.dirty\n }\"\n >{{ label }}<span *ngIf=\"label\">:</span>\n <span *ngIf=\"required\" class=\"text-error ps-1\">*</span>\n </label>\n <i *ngIf=\"tooltip\"\n [pTooltip]=\"tooltip\"\n class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\n ></i>\n </div>\n <div \n class=\"col-sm-12 col-md-8 col-lg-8\"\n >\n <div \n class=\"v-form-field-content align-items-center w-100\"\n [ngClass]=\"{ 'd-flex': display === 'flex', 'd-block': display === 'block', 'input-warning': ngControl?.errors | warning }\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n <div class=\"align-content-center\">\n <ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n" }]
126
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
127
- type: Optional
128
- }, {
129
- type: Self
130
- }] }], propDecorators: { display: [{
131
- type: Input
132
- }], variant: [{
133
- type: Input
134
- }] } });
135
-
136
- class InputGroupComponent extends BaseFormInputComponent {
137
- constructor(ngControl) {
138
- super(ngControl);
139
- }
140
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: InputGroupComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
141
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: InputGroupComponent, isStandalone: true, selector: "v-input-group", inputs: { items: "items" }, providers: [
142
- {
143
- provide: BaseInputControls,
144
- useExisting: forwardRef(() => InputGroupComponent),
145
- },
146
- {
147
- provide: INPUT_GROUP_COMPONENT_TOKEN,
148
- useExisting: InputGroupComponent,
149
- },
150
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-input-group w-100\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\" >\n <p-inputGroup>\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n </p-inputGroup>\n </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i3$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
151
- }
152
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: InputGroupComponent, decorators: [{
153
- type: Component,
154
- args: [{ selector: 'v-input-group', imports: [
155
- CommonModule,
156
- InputGroupAddonModule,
157
- InputGroupModule,
158
- InputTextModule,
159
- ReactiveFormsModule,
160
- FormFieldComponent,
161
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
162
- {
163
- provide: BaseInputControls,
164
- useExisting: forwardRef(() => InputGroupComponent),
165
- },
166
- {
167
- provide: INPUT_GROUP_COMPONENT_TOKEN,
168
- useExisting: InputGroupComponent,
169
- },
170
- ], template: "<div class=\"v-input-group w-100\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\" >\n <p-inputGroup>\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n </p-inputGroup>\n </v-form-field>\n</div>\n" }]
171
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
172
- type: Optional
173
- }, {
174
- type: Self
175
- }] }], propDecorators: { items: [{
176
- type: Input
177
- }] } });
178
-
179
- class ErrorComponent {
180
- constructor() {
181
- this.errorSlot = SlotPosition.bottom;
182
- this.messageSlot = SlotPosition.bottom;
183
- this.variant = 'simple';
184
- this.severity = 'error';
185
- this.errorService = inject(ERROR_PROVIDER_TOKEN);
186
- this.icons = Icons;
187
- }
188
- getErrorMessage(errors) {
189
- return this.errorService.mapError(errors);
190
- }
191
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
192
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot", variant: "variant", severity: "severity" }, ngImport: i0, template: "\n<p-message\n *ngIf=\"ngControl && ngControl.errors\" \n [severity]=\"severity\"\n text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n</p-message>\n", styles: [".p-message-content{color:#e60017}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] }); }
193
- }
194
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ErrorComponent, decorators: [{
195
- type: Component,
196
- args: [{ selector: "v-validation-message", imports: [CommonModule, MessageModule], template: "\n<p-message\n *ngIf=\"ngControl && ngControl.errors\" \n [severity]=\"severity\"\n text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n</p-message>\n", styles: [".p-message-content{color:#e60017}\n"] }]
197
- }], propDecorators: { ngControl: [{
198
- type: Input,
199
- args: [{ required: true }]
200
- }], errorSlot: [{
201
- type: Input
202
- }], messageSlot: [{
203
- type: Input
204
- }], variant: [{
205
- type: Input
206
- }], severity: [{
207
- type: Input
208
- }] } });
209
-
210
- class TextfieldComponent extends BaseFormInputComponent {
211
- constructor(ngControl) {
212
- super(ngControl);
213
- this.icons = Icons;
214
- this.size = FieldSize.medium;
215
- this.type = FieldType.text;
216
- this.floatLabel = false;
217
- }
218
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextfieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
219
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TextfieldComponent, isStandalone: true, selector: "v-textfield", inputs: { size: "size", type: "type", floatLabel: "floatLabel" }, providers: [
220
- {
221
- provide: BaseInputControls,
222
- useExisting: forwardRef(() => TextfieldComponent),
223
- },
224
- {
225
- provide: TEXTFIELD_COMPONENT_TOKEN,
226
- useExisting: TextfieldComponent,
227
- },
228
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-text-field\">\n <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <input\n pInputText\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [type]=\"type === 'search' ? 'text' : type\"\n class=\"w-100 flex-grow-1 v-text-field\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [title]=\"label\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-template #floatLabelInput>\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <p-floatLabel>\n <input\n pInputText\n type=\"text\"\n [id]=\"inputId\"\n class=\"w-100 flex-grow-1\"\n [required]=\"isRequired()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\n </p-floatLabel>\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </ng-template>\n</div>\n", styles: [".p-inputtext:focus .ng-invalid.ng-dirty{border-color:var(--error-color)}.p-inputtext.ng-dirty.ng-invalid{border-color:var(--error-color)}.verisoft-text-field{justify-content:center;width:100%}.p-input-icon-right i.pi-times:hover{cursor:pointer}.p-inputtext.p-inputtext-lg{font-size:1rem;padding:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
229
- }
230
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextfieldComponent, decorators: [{
231
- type: Component,
232
- args: [{ selector: 'v-textfield', imports: [
233
- CommonModule,
234
- InputTextModule,
235
- ReactiveFormsModule,
236
- FormFieldComponent,
237
- FloatLabelModule,
238
- ErrorComponent
239
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
240
- {
241
- provide: BaseInputControls,
242
- useExisting: forwardRef(() => TextfieldComponent),
243
- },
244
- {
245
- provide: TEXTFIELD_COMPONENT_TOKEN,
246
- useExisting: TextfieldComponent,
247
- },
248
- ], template: "<div class=\"v-text-field\">\n <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <input\n pInputText\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [type]=\"type === 'search' ? 'text' : type\"\n class=\"w-100 flex-grow-1 v-text-field\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [title]=\"label\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-template #floatLabelInput>\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <p-floatLabel>\n <input\n pInputText\n type=\"text\"\n [id]=\"inputId\"\n class=\"w-100 flex-grow-1\"\n [required]=\"isRequired()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\n </p-floatLabel>\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </ng-template>\n</div>\n", styles: [".p-inputtext:focus .ng-invalid.ng-dirty{border-color:var(--error-color)}.p-inputtext.ng-dirty.ng-invalid{border-color:var(--error-color)}.verisoft-text-field{justify-content:center;width:100%}.p-input-icon-right i.pi-times:hover{cursor:pointer}.p-inputtext.p-inputtext-lg{font-size:1rem;padding:.75rem}\n"] }]
249
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
250
- type: Optional
251
- }, {
252
- type: Self
253
- }] }], propDecorators: { size: [{
254
- type: Input
255
- }], type: [{
256
- type: Input
257
- }], floatLabel: [{
258
- type: Input
259
- }] } });
260
-
261
- class ConvertMenuItemPipe {
262
- transform(items) {
263
- return items.map(i => i);
264
- }
265
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConvertMenuItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
266
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: ConvertMenuItemPipe, isStandalone: true, name: "menuItem" }); }
267
- }
268
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConvertMenuItemPipe, decorators: [{
269
- type: Pipe,
270
- args: [{
271
- name: 'menuItem',
272
- standalone: true,
273
- }]
274
- }] });
275
-
276
- class BreadcrumbComponent extends BreadcrumbCoreComponent {
277
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: BreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
278
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: BreadcrumbComponent, isStandalone: true, selector: "v-breadcrumb", providers: [
279
- {
280
- provide: BREADCRUMB_COMPONENT_TOKEN,
281
- useExisting: BreadcrumbComponent
282
- },
283
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-breadcrumb card flex justify-content-center\">\n <ng-container *ngIf=\"useHomeRoute; else default\">\n <p-breadcrumb\n class=\"max-w-full\"\n [model]=\"items | menuItem\"\n [home]=\"home\"\n ></p-breadcrumb>\n </ng-container>\n <ng-template #default>\n <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\n </ng-template>\n</div>\n", styles: ["p-breadcrumb>nav{border:none}p-breadcrumb>nav>ol{align-items:stretch;font-weight:600;font-size:1rem}p-breadcrumb>nav a[aria-current=page]>span{color:var(--primary-color)!important}.p-menuitem-link{gap:.5rem;text-align:center}.p-menuitem-text{align-self:baseline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i2$2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "pipe", type: ConvertMenuItemPipe, name: "menuItem" }] }); }
284
- }
285
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: BreadcrumbComponent, decorators: [{
286
- type: Component,
287
- args: [{ selector: 'v-breadcrumb', imports: [
288
- CommonModule,
289
- BreadcrumbModule,
290
- ConvertMenuItemPipe,
291
- ], providers: [
292
- {
293
- provide: BREADCRUMB_COMPONENT_TOKEN,
294
- useExisting: BreadcrumbComponent
295
- },
296
- ], template: "<div class=\"v-breadcrumb card flex justify-content-center\">\n <ng-container *ngIf=\"useHomeRoute; else default\">\n <p-breadcrumb\n class=\"max-w-full\"\n [model]=\"items | menuItem\"\n [home]=\"home\"\n ></p-breadcrumb>\n </ng-container>\n <ng-template #default>\n <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\n </ng-template>\n</div>\n", styles: ["p-breadcrumb>nav{border:none}p-breadcrumb>nav>ol{align-items:stretch;font-weight:600;font-size:1rem}p-breadcrumb>nav a[aria-current=page]>span{color:var(--primary-color)!important}.p-menuitem-link{gap:.5rem;text-align:center}.p-menuitem-text{align-self:baseline}\n"] }]
297
- }] });
298
-
299
- class CheckboxComponent extends BaseFormInputComponent {
300
- constructor(ngControl) {
301
- super(ngControl);
302
- this.indeterminate = input(false);
303
- this.icon = Icons;
304
- }
305
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
306
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.9", type: CheckboxComponent, isStandalone: true, selector: "v-checkbox", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
307
- {
308
- provide: BaseInputControls,
309
- useExisting: CheckboxComponent,
310
- },
311
- {
312
- provide: CHECKBOX_COMPONENT_TOKEN,
313
- useExisting: CheckboxComponent,
314
- },
315
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-checkbox\n [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [binary]=\"true\"\n [readonly]=\"readonly\"\n [indeterminate]=\"indeterminate()\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
316
- }
317
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CheckboxComponent, decorators: [{
318
- type: Component,
319
- args: [{ selector: 'v-checkbox', imports: [CommonModule, CheckboxModule, ReactiveFormsModule, FormFieldComponent, ErrorComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
320
- {
321
- provide: BaseInputControls,
322
- useExisting: CheckboxComponent,
323
- },
324
- {
325
- provide: CHECKBOX_COMPONENT_TOKEN,
326
- useExisting: CheckboxComponent,
327
- },
328
- ], template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-checkbox\n [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [binary]=\"true\"\n [readonly]=\"readonly\"\n [indeterminate]=\"indeterminate()\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"] }]
329
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
330
- type: Optional
331
- }, {
332
- type: Self
333
- }] }] });
334
-
335
- class CalendarComponent extends BaseFormInputComponent {
336
- constructor(ngControl) {
337
- super(ngControl);
338
- this.icon = Icons.calendar;
339
- this.selectionMode = 'single';
340
- this.icons = Icons;
341
- this.formDisplay = "block";
342
- }
343
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
344
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: CalendarComponent, isStandalone: true, selector: "v-calendar", inputs: { maxDate: "maxDate", icon: "icon", minDate: "minDate", header: "header", footer: "footer", floatLabel: "floatLabel", selectionMode: "selectionMode" }, providers: [
345
- {
346
- provide: BaseInputControls,
347
- useExisting: forwardRef(() => CalendarComponent),
348
- },
349
- {
350
- provide: CALENDAR_COMPONENT_TOKEN,
351
- useExisting: CalendarComponent,
352
- },
353
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-calendar w-100\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [dataType]=\"'string'\"\n [selectionMode]=\"selectionMode\"\n [icon]=\"icon\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n [showIcon]=\"formControl && !formControl.value\"\n iconDisplay=\"input\"\n />\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [icon]=\"icon\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n iconDisplay=\"input\"\n />\n <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\n </p-floatLabel>\n </ng-container>\n</div>\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i3$3.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
354
- }
355
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CalendarComponent, decorators: [{
356
- type: Component,
357
- args: [{ selector: 'v-calendar', imports: [
358
- CommonModule,
359
- ReactiveFormsModule,
360
- CalendarModule,
361
- FormFieldComponent,
362
- FloatLabelModule,
363
- ErrorComponent,
364
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
365
- {
366
- provide: BaseInputControls,
367
- useExisting: forwardRef(() => CalendarComponent),
368
- },
369
- {
370
- provide: CALENDAR_COMPONENT_TOKEN,
371
- useExisting: CalendarComponent,
372
- },
373
- ], template: "<div class=\"v-calendar w-100\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [dataType]=\"'string'\"\n [selectionMode]=\"selectionMode\"\n [icon]=\"icon\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n [showIcon]=\"formControl && !formControl.value\"\n iconDisplay=\"input\"\n />\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [icon]=\"icon\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n iconDisplay=\"input\"\n />\n <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\n </p-floatLabel>\n </ng-container>\n</div>\n\n" }]
374
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
375
- type: Optional
376
- }, {
377
- type: Self
378
- }] }], propDecorators: { maxDate: [{
379
- type: Input
380
- }], icon: [{
381
- type: Input
382
- }], minDate: [{
383
- type: Input
384
- }], header: [{
385
- type: Input
386
- }], footer: [{
387
- type: Input
388
- }], floatLabel: [{
389
- type: Input
390
- }], selectionMode: [{
391
- type: Input
392
- }] } });
393
-
394
- class PasswordComponent extends BaseFormInputComponent {
395
- constructor(ngControl) {
396
- super(ngControl);
397
- this.toggleMask = true;
398
- this.feedback = false;
399
- this.formDisplay = "block";
400
- }
401
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PasswordComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
402
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: PasswordComponent, isStandalone: true, selector: "v-password", inputs: { toggleMask: "toggleMask", feedback: "feedback" }, providers: [
403
- {
404
- provide: BaseInputControls,
405
- useExisting: PasswordComponent,
406
- },
407
- {
408
- provide: PASSWORD_COMPONENT_TOKEN,
409
- useExisting: PasswordComponent,
410
- },
411
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-password d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-password\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [showClear]=\"clearable\"\n [feedback]=\"feedback\"\n [required]=\"isRequired()\"\n [label]=\"label\"\n [id]=\"inputId\"\n [toggleMask]=\"toggleMask\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i2$3.Password, selector: "p-password", inputs: ["ariaLabel", "fluid", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "size", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant", "tabindex"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
412
- }
413
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PasswordComponent, decorators: [{
414
- type: Component,
415
- args: [{ selector: 'v-password', imports: [
416
- CommonModule,
417
- ReactiveFormsModule,
418
- PasswordModule,
419
- FloatLabelModule,
420
- FormFieldComponent,
421
- ErrorComponent
422
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
423
- {
424
- provide: BaseInputControls,
425
- useExisting: PasswordComponent,
426
- },
427
- {
428
- provide: PASSWORD_COMPONENT_TOKEN,
429
- useExisting: PasswordComponent,
430
- },
431
- ], template: "<div class=\"v-password d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-password\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [showClear]=\"clearable\"\n [feedback]=\"feedback\"\n [required]=\"isRequired()\"\n [label]=\"label\"\n [id]=\"inputId\"\n [toggleMask]=\"toggleMask\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n" }]
432
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
433
- type: Optional
434
- }, {
435
- type: Self
436
- }] }], propDecorators: { toggleMask: [{
437
- type: Input
438
- }], feedback: [{
439
- type: Input
440
- }] } });
441
-
442
- class ButtonSeverityPipe {
443
- transform(severity) {
444
- if (severity === undefined || severity === null) {
445
- return null;
446
- }
447
- if (severity === ControlSeverity.warning) {
448
- return 'warn';
449
- }
450
- return severity;
451
- }
452
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonSeverityPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
453
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: ButtonSeverityPipe, isStandalone: true, name: "buttonSeverity" }); }
454
- }
455
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonSeverityPipe, decorators: [{
456
- type: Pipe,
457
- args: [{
458
- name: 'buttonSeverity'
459
- }]
460
- }] });
461
-
462
- class ButtonComponent {
463
- constructor() {
464
- this.iconPos = IconPosition.right;
465
- }
466
- fireClick(event) {
467
- if (this.disabled) {
468
- event.stopPropagation();
469
- event.stopImmediatePropagation();
470
- }
471
- }
472
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
473
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: ButtonComponent, isStandalone: true, selector: "v-button", inputs: { label: "label", icon: "icon", badge: "badge", iconPos: "iconPos", disabled: "disabled", rounded: "rounded", outlined: "outlined", raised: "raised", severity: "severity", routerLink: "routerLink", size: "size", queryParams: "queryParams" }, providers: [
474
- {
475
- provide: BUTTON_COMPONENT_TOKEN,
476
- useExisting: ButtonComponent,
477
- },
478
- ], ngImport: i0, template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n <a\n [routerLink]=\"routerLink ? routerLink : undefined\"\n [queryParams]=\"queryParams ? queryParams : undefined\"\n >\n <p-button\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [badge]=\"badge\"\n [outlined]=\"outlined\"\n [rounded]=\"rounded\"\n [raised]=\"raised\"\n [label]=\"label\"\n [size]=\"$any(size)\"\n [severity]=\"severity | buttonSeverity\"\n [iconPos]=\"iconPos\"\n />\n </a>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: ButtonSeverityPipe, name: "buttonSeverity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
479
- }
480
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
481
- type: Component,
482
- args: [{ selector: 'v-button', imports: [CommonModule, ButtonModule, RippleModule, RouterModule, ButtonSeverityPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
483
- {
484
- provide: BUTTON_COMPONENT_TOKEN,
485
- useExisting: ButtonComponent,
486
- },
487
- ], template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n <a\n [routerLink]=\"routerLink ? routerLink : undefined\"\n [queryParams]=\"queryParams ? queryParams : undefined\"\n >\n <p-button\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [badge]=\"badge\"\n [outlined]=\"outlined\"\n [rounded]=\"rounded\"\n [raised]=\"raised\"\n [label]=\"label\"\n [size]=\"$any(size)\"\n [severity]=\"severity | buttonSeverity\"\n [iconPos]=\"iconPos\"\n />\n </a>\n</div>\n" }]
488
- }], propDecorators: { label: [{
489
- type: Input
490
- }], icon: [{
491
- type: Input
492
- }], badge: [{
493
- type: Input
494
- }], iconPos: [{
495
- type: Input
496
- }], disabled: [{
497
- type: Input
498
- }], rounded: [{
499
- type: Input
500
- }], outlined: [{
501
- type: Input
502
- }], raised: [{
503
- type: Input
504
- }], severity: [{
505
- type: Input
506
- }], routerLink: [{
507
- type: Input
508
- }], size: [{
509
- type: Input
510
- }], queryParams: [{
511
- type: Input
512
- }] } });
513
-
514
- class SectionComponent {
515
- constructor() {
516
- this.showContent = true;
517
- this.icons = Icons;
518
- this.icon = Icons.chevronDown;
519
- }
520
- toggle() {
521
- this.showContent = !this.showContent;
522
- this.icon = this.showContent ? Icons.chevronDown : Icons.chevronUp;
523
- }
524
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
525
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SectionComponent, isStandalone: true, selector: "v-section", inputs: { title: "title", showContent: "showContent", backgroundColor: "backgroundColor" }, providers: [
526
- { provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
527
- ], ngImport: i0, template: "<div class=\"v-section\">\n <div\n class=\"v-section-header text-align-center d-flex\"\n [ngStyle]=\"{ 'background-color': backgroundColor }\"\n >\n <p\n class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\n >\n {{ title }}\n </p>\n <div class=\"d-flex\">\n <ng-content select=\"[actions]\"></ng-content>\n <v-button\n size=\"small\"\n [icon]=\"icon\"\n (click)=\"toggle()\"\n />\n </div>\n </div>\n <div class=\"v-section-content\" *ngIf=\"showContent\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
528
- }
529
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SectionComponent, decorators: [{
530
- type: Component,
531
- args: [{ selector: 'v-section', imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
532
- { provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
533
- ], template: "<div class=\"v-section\">\n <div\n class=\"v-section-header text-align-center d-flex\"\n [ngStyle]=\"{ 'background-color': backgroundColor }\"\n >\n <p\n class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\n >\n {{ title }}\n </p>\n <div class=\"d-flex\">\n <ng-content select=\"[actions]\"></ng-content>\n <v-button\n size=\"small\"\n [icon]=\"icon\"\n (click)=\"toggle()\"\n />\n </div>\n </div>\n <div class=\"v-section-content\" *ngIf=\"showContent\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
534
- }], propDecorators: { title: [{
535
- type: Input
536
- }], showContent: [{
537
- type: Input
538
- }], backgroundColor: [{
539
- type: Input
540
- }] } });
541
-
542
- class DropdownButtonComponent {
543
- constructor() {
544
- this.label = input();
545
- this.icon = input();
546
- this.rounded = input(false);
547
- this.raised = input(false);
548
- this.outlined = input(false);
549
- this.severity = input(ControlSeverity.primary);
550
- this.size = input();
551
- this.items = input(undefined);
552
- }
553
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
554
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.9", type: DropdownButtonComponent, isStandalone: true, selector: "v-dropdown-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
555
- { provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
556
- ], ngImport: i0, template: "<p>NOT implemented </p>" }); }
557
- }
558
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownButtonComponent, decorators: [{
559
- type: Component,
560
- args: [{ selector: 'v-dropdown-button', providers: [
561
- { provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
562
- ], template: "<p>NOT implemented </p>" }]
563
- }] });
564
-
565
- class RadioButtonComponent extends BaseFormInputComponent {
566
- constructor(ngControl) {
567
- super(ngControl);
568
- this.radioGroupName = Math.random().toString();
569
- this.items = [];
570
- }
571
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
572
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: RadioButtonComponent, isStandalone: true, selector: "v-radiobutton", inputs: { radioGroupName: "radioGroupName", items: "items" }, providers: [
573
- {
574
- provide: BaseInputControls,
575
- useExisting: RadioButtonComponent,
576
- },
577
- {
578
- provide: RADIOBUTTON_COMPONENT_TOKEN,
579
- useExisting: RadioButtonComponent,
580
- },
581
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-radiobutton\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\"\n [testId]=\"testId\"\n >\n <div class=\"d-flex align-items-center gap-3\">\n <div *ngFor=\"let item of items\">\n <p-radioButton\n [inputId]=\"item.id\"\n [ngClass]=\"{\n 'radio-error': ngControl?.invalid && ngControl?.dirty,\n }\"\n [name]=\"radioGroupName\"\n [value]=\"item.value\"\n [formControl]=\"formControl\"\n />\n <label [for]=\"item.id\" class=\"ps-2\">\n <span\n [ngClass]=\"{\n 'text-error': ngControl?.invalid && ngControl?.dirty,\n 'text-primary': ngControl?.value === item.value\n }\"\n >{{ item.value }}</span\n >\n </label>\n </div>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </div>\n </v-form-field>\n</div>\n", styles: [".radio-error .p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--error-color);background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$4.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
582
- }
583
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: RadioButtonComponent, decorators: [{
584
- type: Component,
585
- args: [{ selector: 'v-radiobutton', imports: [
586
- CommonModule,
587
- FormFieldComponent,
588
- RadioButtonModule,
589
- ReactiveFormsModule,
590
- ErrorComponent
591
- ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
592
- {
593
- provide: BaseInputControls,
594
- useExisting: RadioButtonComponent,
595
- },
596
- {
597
- provide: RADIOBUTTON_COMPONENT_TOKEN,
598
- useExisting: RadioButtonComponent,
599
- },
600
- ], template: "<div class=\"v-radiobutton\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\"\n [testId]=\"testId\"\n >\n <div class=\"d-flex align-items-center gap-3\">\n <div *ngFor=\"let item of items\">\n <p-radioButton\n [inputId]=\"item.id\"\n [ngClass]=\"{\n 'radio-error': ngControl?.invalid && ngControl?.dirty,\n }\"\n [name]=\"radioGroupName\"\n [value]=\"item.value\"\n [formControl]=\"formControl\"\n />\n <label [for]=\"item.id\" class=\"ps-2\">\n <span\n [ngClass]=\"{\n 'text-error': ngControl?.invalid && ngControl?.dirty,\n 'text-primary': ngControl?.value === item.value\n }\"\n >{{ item.value }}</span\n >\n </label>\n </div>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </div>\n </v-form-field>\n</div>\n", styles: [".radio-error .p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--error-color);background:var(--error-color)}\n"] }]
601
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
602
- type: Optional
603
- }, {
604
- type: Self
605
- }] }], propDecorators: { radioGroupName: [{
606
- type: Input
607
- }], items: [{
608
- type: Input
609
- }] } });
610
-
611
- class NumberInputComponent extends BaseFormInputComponent {
612
- constructor(ngControl) {
613
- super(ngControl);
614
- this.step = 1;
615
- this.errorMessage = 'test';
616
- }
617
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
618
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: NumberInputComponent, isStandalone: true, selector: "v-number-input", inputs: { mode: "mode", currency: "currency", min: "min", max: "max", step: "step", errorMessage: "errorMessage" }, providers: [
619
- {
620
- provide: BaseInputControls,
621
- useExisting: forwardRef(() => NumberInputComponent),
622
- },
623
- {
624
- provide: NUMBER_INPUT_COMPONENT_TOKEN,
625
- useExisting: NumberInputComponent,
626
- },
627
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"mode\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [currency]=\"currency\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
628
- }
629
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: NumberInputComponent, decorators: [{
630
- type: Component,
631
- args: [{ selector: 'v-number-input', imports: [
632
- CommonModule,
633
- InputNumberModule,
634
- ReactiveFormsModule,
635
- FormFieldComponent,
636
- ErrorComponent,
637
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
638
- {
639
- provide: BaseInputControls,
640
- useExisting: forwardRef(() => NumberInputComponent),
641
- },
642
- {
643
- provide: NUMBER_INPUT_COMPONENT_TOKEN,
644
- useExisting: NumberInputComponent,
645
- },
646
- ], template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"mode\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [currency]=\"currency\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n" }]
647
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
648
- type: Optional
649
- }, {
650
- type: Self
651
- }] }], propDecorators: { mode: [{
652
- type: Input
653
- }], currency: [{
654
- type: Input
655
- }], min: [{
656
- type: Input
657
- }], max: [{
658
- type: Input
659
- }], step: [{
660
- type: Input
661
- }], errorMessage: [{
662
- type: Input
663
- }] } });
664
-
665
- class HeaderProviderService {
666
- constructor(settingsMenu) {
667
- this.settingsMenu = settingsMenu;
668
- this.menu = [];
669
- }
670
- init() {
671
- this.menu = this.settingsMenu;
672
- }
673
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderProviderService, deps: [{ token: SETTINGS_MENU }], target: i0.ɵɵFactoryTarget.Injectable }); }
674
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderProviderService, providedIn: 'root' }); }
675
- }
676
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderProviderService, decorators: [{
677
- type: Injectable,
678
- args: [{
679
- providedIn: 'root',
680
- }]
681
- }], ctorParameters: () => [{ type: undefined, decorators: [{
682
- type: Inject,
683
- args: [SETTINGS_MENU]
684
- }] }] });
685
-
686
- class HeaderComponent extends UnsubscribeComponent {
687
- constructor(providerService, screenSizeService, cdr) {
688
- super();
689
- this.providerService = providerService;
690
- this.screenSizeService = screenSizeService;
691
- this.cdr = cdr;
692
- this.exampleHeader = false;
693
- this.icons = Icons;
694
- this.menuVisible = false;
695
- }
696
- ngOnInit() {
697
- this.providerService.init();
698
- }
699
- toggleMenu() {
700
- if (this.menuRef) {
701
- this.menuVisible = !this.menuVisible;
702
- this.menuRef.classList.toggle('menu-visible');
703
- this.cdr.detectChanges();
704
- }
705
- }
706
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderComponent, deps: [{ token: HeaderProviderService }, { token: i1$2.ScreenSizeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
707
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: HeaderComponent, isStandalone: true, selector: "v-header", inputs: { title: "title", logoUrl: "logoUrl", userName: "userName", userRole: "userRole", menuRef: "menuRef", exampleHeader: "exampleHeader" }, providers: [
708
- { provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
709
- ], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-header d-flex w-100 text-align-end\"\n [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"burger-menu\">\n <v-button\n [icon]=\"menuVisible ? icons.cross : icons.action\"\n (click)=\"toggleMenu()\"\n />\n <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\"/>\n </div>\n </div>\n </ng-container>\n <div class=\"v-header-title col-auto\">\n <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\n {{ title }}\n </p>\n <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\n <ng-content select=\"[module]\"></ng-content>\n </div>\n </div>\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"w-100 text-start justify-content-start align-content-center\">\n <ng-content select=\"[breadcrumbs]\"></ng-content>\n </div>\n <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\n <div class=\"d-flex aling-items-center\">\n <p-avatar\n image=\"assets/primeng/images/_global/jara.png\"\n styleClass=\"me-2\"\n size=\"large\"\n shape=\"circle\"\n />\n <div class=\"card align-content-center pe-3\">\n <p\n class=\"text-primary m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center\">\n <ng-content select=\"[useractions]\"/>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"user-info-container d-flex align-items-center\">\n <div class=\"d-flex\">\n <div class=\"card pe-3 align-content-center\">\n <p-avatar\n image=\"assets/images/_global/jara.png\"\n styleClass=\"mr-2\"\n size=\"large\"\n shape=\"circle\"\n ></p-avatar>\n </div>\n <div class=\"card align-content-center pe-3 d-flex\">\n <div class=\"user-info\">\n <p\n class=\"text-default m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n <div class=\"user-actions\">\n <ng-content select=\"[useractions]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n <ng-content select=\"[dbcontext]\" />\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i4$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
710
- }
711
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderComponent, decorators: [{
712
- type: Component,
713
- args: [{ selector: 'v-header', imports: [CommonModule, AvatarModule, ButtonComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
714
- { provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
715
- ], template: "<div\n class=\"v-header d-flex w-100 text-align-end\"\n [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"burger-menu\">\n <v-button\n [icon]=\"menuVisible ? icons.cross : icons.action\"\n (click)=\"toggleMenu()\"\n />\n <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\"/>\n </div>\n </div>\n </ng-container>\n <div class=\"v-header-title col-auto\">\n <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\n {{ title }}\n </p>\n <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\n <ng-content select=\"[module]\"></ng-content>\n </div>\n </div>\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"w-100 text-start justify-content-start align-content-center\">\n <ng-content select=\"[breadcrumbs]\"></ng-content>\n </div>\n <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\n <div class=\"d-flex aling-items-center\">\n <p-avatar\n image=\"assets/primeng/images/_global/jara.png\"\n styleClass=\"me-2\"\n size=\"large\"\n shape=\"circle\"\n />\n <div class=\"card align-content-center pe-3\">\n <p\n class=\"text-primary m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center\">\n <ng-content select=\"[useractions]\"/>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"user-info-container d-flex align-items-center\">\n <div class=\"d-flex\">\n <div class=\"card pe-3 align-content-center\">\n <p-avatar\n image=\"assets/images/_global/jara.png\"\n styleClass=\"mr-2\"\n size=\"large\"\n shape=\"circle\"\n ></p-avatar>\n </div>\n <div class=\"card align-content-center pe-3 d-flex\">\n <div class=\"user-info\">\n <p\n class=\"text-default m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n <div class=\"user-actions\">\n <ng-content select=\"[useractions]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n <ng-content select=\"[dbcontext]\" />\n </div>\n </div>\n </ng-container>\n</div>\n" }]
716
- }], ctorParameters: () => [{ type: HeaderProviderService }, { type: i1$2.ScreenSizeService }, { type: i0.ChangeDetectorRef }], propDecorators: { title: [{
717
- type: Input
718
- }], logoUrl: [{
719
- type: Input
720
- }], userName: [{
721
- type: Input
722
- }], userRole: [{
723
- type: Input
724
- }], menuRef: [{
725
- type: Input
726
- }], exampleHeader: [{
727
- type: Input
728
- }] } });
729
-
730
- class TextareaComponent extends BaseFormInputComponent {
731
- constructor(ngControl) {
732
- super(ngControl);
733
- this.rows = 5;
734
- this.cols = 30;
735
- this.autoResize = false;
736
- }
737
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextareaComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
738
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TextareaComponent, isStandalone: true, selector: "v-textarea", inputs: { rows: "rows", cols: "cols", autoResize: "autoResize", floatLabel: "floatLabel" }, providers: [
739
- {
740
- provide: BaseInputControls,
741
- useExisting: TextareaComponent,
742
- },
743
- {
744
- provide: TEXTAREA_COMPONENT_TOKEN,
745
- useExisting: TextareaComponent,
746
- },
747
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-textarea\">\n <ng-container *ngIf=\"!floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
748
- }
749
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextareaComponent, decorators: [{
750
- type: Component,
751
- args: [{ selector: 'v-textarea', imports: [
752
- CommonModule,
753
- Textarea,
754
- ReactiveFormsModule,
755
- FormFieldComponent,
756
- FloatLabelModule,
757
- ErrorComponent
758
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
759
- {
760
- provide: BaseInputControls,
761
- useExisting: TextareaComponent,
762
- },
763
- {
764
- provide: TEXTAREA_COMPONENT_TOKEN,
765
- useExisting: TextareaComponent,
766
- },
767
- ], template: "<div class=\"v-textarea\">\n <ng-container *ngIf=\"!floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"] }]
768
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
769
- type: Optional
770
- }, {
771
- type: Self
772
- }] }], propDecorators: { rows: [{
773
- type: Input
774
- }], cols: [{
775
- type: Input
776
- }], autoResize: [{
777
- type: Input
778
- }], floatLabel: [{
779
- type: Input
780
- }] } });
781
-
782
- class LoaderComponent {
783
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
784
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: LoaderComponent, isStandalone: true, selector: "v-loader", providers: [
785
- { provide: LOADER_COMPONENT_TOKEN, useExisting: LoaderComponent },
786
- ], ngImport: i0, template: "<div class=\"v-loader d-flex justify-content-center\">\n <div>\n <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$3.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
787
- }
788
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
789
- type: Component,
790
- args: [{ selector: 'v-loader', imports: [CommonModule, ProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
791
- { provide: LOADER_COMPONENT_TOKEN, useExisting: LoaderComponent },
792
- ], template: "<div class=\"v-loader d-flex justify-content-center\">\n <div>\n <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\n </div>\n</div>\n" }]
793
- }] });
794
-
795
- class SnackbarService {
796
- constructor(messageService) {
797
- this.messageService = messageService;
798
- }
799
- showSuccess(message, icon) {
800
- this.messageService.add({
801
- severity: 'success',
802
- summary: 'Success',
803
- detail: message,
804
- icon: icon,
805
- });
806
- }
807
- showInfo(message, icon) {
808
- this.messageService.add({
809
- severity: 'info',
810
- summary: 'Info',
811
- detail: message,
812
- icon: icon,
813
- });
814
- }
815
- showWarn(message, icon) {
816
- this.messageService.add({
817
- severity: 'warn',
818
- summary: 'Warn',
819
- detail: message,
820
- icon: icon,
821
- });
822
- }
823
- showError(message, icon) {
824
- this.messageService.add({
825
- severity: 'error',
826
- summary: 'Error',
827
- detail: message,
828
- icon: icon,
829
- });
830
- }
831
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarService, deps: [{ token: i1$4.MessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
832
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarService, providedIn: 'root' }); }
833
- }
834
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarService, decorators: [{
835
- type: Injectable,
836
- args: [{
837
- providedIn: 'root',
838
- }]
839
- }], ctorParameters: () => [{ type: i1$4.MessageService }] });
840
-
841
- class SnackbarComponent {
842
- constructor(snackbarService) {
843
- this.snackbarService = snackbarService;
844
- }
845
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarComponent, deps: [{ token: SnackbarService }], target: i0.ɵɵFactoryTarget.Component }); }
846
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SnackbarComponent, isStandalone: true, selector: "v-snackbar", providers: [
847
- SnackbarService,
848
- {
849
- provide: SNACKBAR_COMPONENT_TOKEN,
850
- useExisting: SnackbarComponent,
851
- },
852
- ], ngImport: i0, template: "<div class=\"v-snackbar\">\n <p-toast />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$6.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: RippleModule }] }); }
853
- }
854
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarComponent, decorators: [{
855
- type: Component,
856
- args: [{ selector: 'v-snackbar', imports: [CommonModule, ToastModule, RippleModule], providers: [
857
- SnackbarService,
858
- {
859
- provide: SNACKBAR_COMPONENT_TOKEN,
860
- useExisting: SnackbarComponent,
861
- },
862
- ], template: "<div class=\"v-snackbar\">\n <p-toast />\n</div>\n" }]
863
- }], ctorParameters: () => [{ type: SnackbarService }] });
864
-
865
- class SideMenuComponent extends UnsubscribeComponent {
866
- constructor() {
867
- super(...arguments);
868
- this.items = [];
869
- this.logoUrl = '';
870
- this.minimalized = new EventEmitter();
871
- this.itemSelected = new EventEmitter();
872
- this.menuService = inject(SideMenuService);
873
- this.router = inject(Router);
874
- this.icons = Icons;
875
- this.screenSizeService = inject(ScreenSizeService);
876
- this.isMinimalized = false;
877
- }
878
- ngAfterContentInit() {
879
- if (this.menuService.menuMinimalized) {
880
- this.setMenuMinimalized(this.menu);
881
- }
882
- }
883
- menuMinimalize(menu) {
884
- const audit = document.getElementsByClassName('detail-audit');
885
- if (audit.length > 0) {
886
- audit.item(0)?.classList.toggle('menu-close__audit');
887
- }
888
- if (menu) {
889
- menu.classList.toggle('menu-closed');
890
- this.isMinimalized = menu.classList.contains('menu-closed');
891
- this.menuService.saveMinimalizedState(this.isMinimalized);
892
- this.minimalized.emit(this.isMinimalized);
893
- }
894
- }
895
- onSelectionChange(event) {
896
- const item = event.node;
897
- if (item.label) {
898
- this.menuService.saveExpandedState(item);
899
- }
900
- }
901
- onNodeSelect(event) {
902
- const item = event.node;
903
- if (item.url) {
904
- this.router.navigateByUrl(item.url);
905
- }
906
- }
907
- setMenuMinimalized(menu) {
908
- if (menu) {
909
- menu.nativeElement.classList.add("menu-closed");
910
- this.minimalized.emit(true);
911
- }
912
- }
913
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
914
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SideMenuComponent, isStandalone: true, selector: "v-side-menu", inputs: { items: "items", logoUrl: "logoUrl", userName: "userName", userRole: "userRole" }, outputs: { minimalized: "minimalized", itemSelected: "itemSelected" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["sidemenu"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"v-side-menu\" #sidemenu>\n <div\n [ngClass]=\"\n (screenSizeService.isMobileBlock | async)\n ? 'v-side-menu-container__mobile'\n : 'v-side-menu-container'\n \"\n >\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"v-side-menu-header pb-3 text-center\">\n <div class=\"logo\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\" />\n </div>\n <hr />\n </div>\n </ng-container>\n <div\n [ngClass]=\"{\n 'v-side-menu-body__mobile': screenSizeService.isMobileBlock | async,\n 'v-side-menu-body': (screenSizeService.isMobileBlock | async) === false\n }\"\n class=\"text-center\"\n >\n <p-tree\n selectionMode=\"single\"\n [value]=\"items\"\n (onNodeExpand)=\"onSelectionChange($event)\"\n (onNodeCollapse)=\"onSelectionChange($event)\"\n (onNodeSelect)=\"onNodeSelect($event)\"\n >\n </p-tree>\n </div>\n <div\n class=\"text-center py-3 d-flex justify-content-end flex-column support\"\n >\n <hr class=\"mx-4 divider\" />\n <v-button\n class=\"support-button\"\n [label]=\"isMinimalized ? undefined : 'Support'\"\n severity=\"primary\"\n [icon]=\"icons.questionCircle\"\n ></v-button>\n </div>\n </div>\n <div\n *ngIf=\"(screenSizeService.isMobileBlock | async) === false\"\n class=\"close-button\"\n (click)=\"menuMinimalize(sidemenu)\"\n >\n <i class=\"pi pi-chevron-left text-white close-icon\"></i>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1$5.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
915
- }
916
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuComponent, decorators: [{
917
- type: Component,
918
- args: [{ selector: 'v-side-menu', imports: [
919
- NgClass,
920
- AsyncPipe,
921
- NgIf,
922
- TreeModule,
923
- ButtonComponent,
924
- TranslateModule,
925
- AvatarModule,
926
- RouterModule,
927
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-side-menu\" #sidemenu>\n <div\n [ngClass]=\"\n (screenSizeService.isMobileBlock | async)\n ? 'v-side-menu-container__mobile'\n : 'v-side-menu-container'\n \"\n >\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"v-side-menu-header pb-3 text-center\">\n <div class=\"logo\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\" />\n </div>\n <hr />\n </div>\n </ng-container>\n <div\n [ngClass]=\"{\n 'v-side-menu-body__mobile': screenSizeService.isMobileBlock | async,\n 'v-side-menu-body': (screenSizeService.isMobileBlock | async) === false\n }\"\n class=\"text-center\"\n >\n <p-tree\n selectionMode=\"single\"\n [value]=\"items\"\n (onNodeExpand)=\"onSelectionChange($event)\"\n (onNodeCollapse)=\"onSelectionChange($event)\"\n (onNodeSelect)=\"onNodeSelect($event)\"\n >\n </p-tree>\n </div>\n <div\n class=\"text-center py-3 d-flex justify-content-end flex-column support\"\n >\n <hr class=\"mx-4 divider\" />\n <v-button\n class=\"support-button\"\n [label]=\"isMinimalized ? undefined : 'Support'\"\n severity=\"primary\"\n [icon]=\"icons.questionCircle\"\n ></v-button>\n </div>\n </div>\n <div\n *ngIf=\"(screenSizeService.isMobileBlock | async) === false\"\n class=\"close-button\"\n (click)=\"menuMinimalize(sidemenu)\"\n >\n <i class=\"pi pi-chevron-left text-white close-icon\"></i>\n </div>\n</div>\n" }]
928
- }], propDecorators: { items: [{
929
- type: Input
930
- }], logoUrl: [{
931
- type: Input
932
- }], userName: [{
933
- type: Input
934
- }], userRole: [{
935
- type: Input
936
- }], minimalized: [{
937
- type: Output
938
- }], itemSelected: [{
939
- type: Output
940
- }], menu: [{
941
- type: ViewChild,
942
- args: ['sidemenu', { static: true }]
943
- }] } });
944
-
945
- class SideMenuModule extends UnsubscribeComponent {
946
- constructor(service) {
947
- super();
948
- this.service = service;
949
- }
950
- static forRoot(config) {
951
- const moduleWithProvider = {
952
- ngModule: SideMenuModule,
953
- };
954
- if (config?.items) {
955
- moduleWithProvider.providers = [
956
- {
957
- provide: MENU_TOKEN,
958
- useValue: config.items,
959
- },
960
- ];
961
- }
962
- return moduleWithProvider;
963
- }
964
- static forChild(menu) {
965
- return {
966
- ngModule: SideMenuModule,
967
- providers: [
968
- {
969
- provide: MENU_TOKEN,
970
- useValue: menu,
971
- },
972
- ],
973
- };
974
- }
975
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, deps: [{ token: i1$2.SideMenuProviderService }], target: i0.ɵɵFactoryTarget.NgModule }); }
976
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, imports: [SideMenuComponent], exports: [SideMenuComponent] }); }
977
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, providers: [
978
- SideMenuProviderService,
979
- {
980
- provide: SIDE_MENU_COMPONENT_TOKEN,
981
- useExisting: SideMenuComponent,
982
- },
983
- {
984
- provide: SIDE_MENU_STATE_TOKEN,
985
- useValue: localStorage.getItem('SideMenuStateToken') ?? {
986
- expanded: [],
987
- minimalized: false,
988
- },
989
- },
990
- ], imports: [SideMenuComponent] }); }
991
- }
992
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, decorators: [{
993
- type: NgModule,
994
- args: [{
995
- imports: [SideMenuComponent],
996
- exports: [SideMenuComponent],
997
- providers: [
998
- SideMenuProviderService,
999
- {
1000
- provide: SIDE_MENU_COMPONENT_TOKEN,
1001
- useExisting: SideMenuComponent,
1002
- },
1003
- {
1004
- provide: SIDE_MENU_STATE_TOKEN,
1005
- useValue: localStorage.getItem('SideMenuStateToken') ?? {
1006
- expanded: [],
1007
- minimalized: false,
1008
- },
1009
- },
1010
- ],
1011
- }]
1012
- }], ctorParameters: () => [{ type: i1$2.SideMenuProviderService }] });
1013
-
1014
- class TableFilterPipe {
1015
- transform(value) {
1016
- if (value == undefined) {
1017
- return undefined;
1018
- }
1019
- return Object.entries(value)
1020
- .filter((x) => x[0] != undefined)
1021
- .reduce((currentFilter, [key, value]) => {
1022
- const filterValue = this.convertToFilterMetadata(value);
1023
- if (filterValue) {
1024
- if (key === 'searchField') {
1025
- key = 'global';
1026
- }
1027
- currentFilter[key] = filterValue;
1028
- }
1029
- return currentFilter;
1030
- }, {});
1031
- }
1032
- convertToFilterMetadata(value) {
1033
- if (value == undefined) {
1034
- return undefined;
1035
- }
1036
- if (typeof value == 'string') {
1037
- return {
1038
- matchMode: 'contains',
1039
- value: value,
1040
- };
1041
- }
1042
- if (Array.isArray(value)) {
1043
- return value.map((x) => this.convertToFilterMetadata(x));
1044
- }
1045
- return {
1046
- matchMode: 'equals',
1047
- value: value,
1048
- };
1049
- }
1050
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
1051
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: TableFilterPipe, isStandalone: true, name: "primengFilter" }); }
1052
- }
1053
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableFilterPipe, decorators: [{
1054
- type: Pipe,
1055
- args: [{
1056
- name: 'primengFilter',
1057
- standalone: true,
1058
- }]
1059
- }] });
1060
-
1061
- function convertToFilter(value) {
1062
- if (value == undefined) {
1063
- return undefined;
1064
- }
1065
- const filter = {};
1066
- Object.keys(value).map((key) => {
1067
- const filterValue = value[key];
1068
- if (filterValue != undefined && typeof filterValue === 'object') {
1069
- filter[key] = filterValue.value;
1070
- }
1071
- else {
1072
- filter[key] = filterValue;
1073
- }
1074
- });
1075
- return filter;
1076
- }
1077
-
1078
- class TableComponent {
1079
- constructor() {
1080
- this.total = 0;
1081
- this.scrollable = true;
1082
- this.pageSize = DEFAULT_SEARCH_LIMIT;
1083
- this.showPaginator = true;
1084
- this.sortMultiple = false;
1085
- this.lazy = false;
1086
- this.showPageSizePicker = true;
1087
- this.maximumColumnLength = 0;
1088
- this.disableCustomClicks = false;
1089
- this.selection = [];
1090
- this.pageSizeChange = new EventEmitter();
1091
- this.selectionChange = new EventEmitter();
1092
- this.pageChange = new EventEmitter();
1093
- this.sortChange = new EventEmitter();
1094
- this.lazyLoad = new EventEmitter();
1095
- this.cdRef = inject(ChangeDetectorRef);
1096
- this.tableColumns = [];
1097
- this.tableRows = [];
1098
- this.expandedRows = {};
1099
- this.router = inject(Router);
1100
- this.route = inject(ActivatedRoute);
1101
- this.icons = Icons;
1102
- }
1103
- set columns(value) {
1104
- this._columns = value;
1105
- this.tableColumns = (value ?? []).map((x) => new ColumnModel(x));
1106
- }
1107
- get columns() {
1108
- return this._columns;
1109
- }
1110
- ngOnChanges(changes) {
1111
- if (changes['data']) {
1112
- this.updateRowModels();
1113
- }
1114
- if (changes['selection'] || changes['data']) {
1115
- this.tableSelection = this.selection
1116
- ? this.tableRows.filter((x) => this.selection.includes(x.row))
1117
- : undefined;
1118
- }
1119
- if (changes['filter'] && !changes['filter'].isFirstChange()) {
1120
- this.globalFilterFields = this.columns.filter(x => x.id).map(x => 'row.' + x.id);
1121
- setTimeout(() => {
1122
- this.table?._filter();
1123
- }, 0);
1124
- }
1125
- }
1126
- ngAfterViewInit() {
1127
- if (this.viewColumns?.length) {
1128
- const templateColumnModel = this.viewColumns
1129
- .toArray()
1130
- .map((provider) => new ColumnModel(provider.getDefinition()));
1131
- this.tableColumns = [...this.tableColumns, ...templateColumnModel];
1132
- }
1133
- this.expansionTemplate = {
1134
- template: this.rowDetailTemplate,
1135
- };
1136
- this.cdRef.detectChanges();
1137
- }
1138
- updateRowModels() {
1139
- this.tableRows = (this.data ?? []).map((x) => new RowModel(x, false, false));
1140
- }
1141
- pageChanged(page) {
1142
- this.pageChange.emit(page);
1143
- }
1144
- pageSizeChanged(pageSize) {
1145
- this.pageSizeChange.emit(pageSize);
1146
- this.pageSize = pageSize;
1147
- }
1148
- sortChanged(event) {
1149
- let eventEmiterArg;
1150
- if (event.field) {
1151
- const singleEvent = event;
1152
- eventEmiterArg = this.getSorts([singleEvent]);
1153
- this.sortMeta = undefined;
1154
- this.sortSignleColumn = singleEvent;
1155
- }
1156
- else {
1157
- const multiEvent = event;
1158
- eventEmiterArg = this.getSorts(multiEvent.multisortmeta);
1159
- this.sortMeta = multiEvent.multisortmeta;
1160
- this.sortSignleColumn = undefined;
1161
- }
1162
- this.sortChange.emit(eventEmiterArg);
1163
- }
1164
- selectionChanged(event) {
1165
- this.tableSelection = event;
1166
- if (this.selectionMode) {
1167
- const eventArgArray = Array.isArray(event) ? event : [event];
1168
- const selection = event ? eventArgArray.map((x) => x.row) : [];
1169
- this.selectionChange.emit(selection);
1170
- }
1171
- }
1172
- fireLazyLoad(event) {
1173
- if (this.lazy) {
1174
- const sort = this.sortSignleColumn
1175
- ? this.getSorts([this.sortSignleColumn])
1176
- : this.sortMeta
1177
- ? this.getSorts(this.sortMeta)
1178
- : undefined;
1179
- const lazyLoadEvent = {
1180
- sort,
1181
- offset: event.first ?? 0,
1182
- limit: event.rows ?? this.pageSize,
1183
- filter: convertToFilter(event.filters),
1184
- };
1185
- this.lazyLoad.emit(lazyLoadEvent);
1186
- }
1187
- }
1188
- removePrefix(input, prefix) {
1189
- return input.startsWith(prefix) ? input.slice(prefix.length) : input;
1190
- }
1191
- convertToSortDirection(value) {
1192
- return value === 1 ? SortDirection.asc : SortDirection.desc;
1193
- }
1194
- getSorts(value) {
1195
- return value
1196
- ? value.map((x) => ({
1197
- field: this.removePrefix(x.field, 'row.'),
1198
- direction: this.convertToSortDirection(x.order),
1199
- }))
1200
- : undefined;
1201
- }
1202
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1203
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: TableComponent, isStandalone: true, selector: "v-table", inputs: { data: "data", total: "total", filter: "filter", loading: "loading", scrollable: "scrollable", pageSize: "pageSize", currentPage: "currentPage", showPaginator: "showPaginator", sortMultiple: "sortMultiple", lazy: "lazy", selectionMode: "selectionMode", showPageSizePicker: "showPageSizePicker", entityKey: "entityKey", maximumColumnLength: "maximumColumnLength", disableCustomClicks: "disableCustomClicks", columns: "columns", selection: "selection" }, outputs: { pageSizeChange: "pageSizeChange", selectionChange: "selectionChange", pageChange: "pageChange", sortChange: "sortChange", lazyLoad: "lazyLoad" }, providers: [
1204
- {
1205
- provide: TABLE_COMPONENT_TOKEN,
1206
- useExisting: TableComponent,
1207
- },
1208
- ], queries: [{ propertyName: "rowDetailTemplate", first: true, predicate: ["rowDetail"], descendants: true }, { propertyName: "viewColumns", predicate: TABLE_COLUMN_PROVIDER }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"v-table\">\n <p-table\n #table\n class=\"v-table\"\n [value]=\"tableRows\"\n [filters]=\"filter | primengFilter\"\n [paginator]=\"showPaginator\"\n [rows]=\"pageSize\"\n [totalRecords]=\"total\"\n [loading]=\"loading\"\n [lazy]=\"lazy\"\n dataKey=\"id\"\n [scrollable]=\"scrollable\"\n [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\n [scrollHeight]=\"'flex'\"\n [selectionMode]=\"selectionMode\"\n [selection]=\"tableSelection\"\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n [expandedRowKeys]=\"expandedRows\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\n [customSort]=\"lazy\"\n [multiSortMeta]=\"sortMeta\"\n [resizableColumns]=\"true\"\n columnResizeMode=\"expand\"\n [globalFilterFields]=\"globalFilterFields\"\n (onPage)=\"pageChanged($event)\"\n (onSort)=\"sortChanged($event)\"\n (selectionChange)=\"selectionChanged($event)\"\n (onLazyLoad)=\"fireLazyLoad($event)\"\n >\n <ng-template pTemplate=\"header\">\n <tr>\n @if (selectionMode === 'multiple') {\n <th>\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n </th>\n } @for (column of tableColumns; track column; let index = $index) {\n <th\n *ngIf=\"column.sortable\"\n pResizableColumn\n [pSortableColumn]=\"'row.' + column.id\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\n </th>\n <th\n *ngIf=\"!column.sortable\"\n pResizableColumn\n [class.v-auto-cell]=\"column.template\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n </th>\n } @if (rowDetailTemplate){\n <th></th>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\n <tr\n [pSelectableRow]=\"row\"\n [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\n (dblclick)=\"\n router.navigate(['./' + row.row[entityKey ?? 'id']], {\n relativeTo: route\n })\n \"\n >\n @if (selectionMode === 'multiple'){\n <td>\n <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\n </td>\n }\n <td\n *ngFor=\"let cd of tableColumns; let index = index\"\n [class]=\"cd.columnClass!\"\n [class.v-auto-cell]=\"cd.template\"\n >\n <ng-container *ngIf=\"cd.template\">\n <ng-container\n *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n ></ng-container>\n </ng-container>\n <span\n *ngIf=\"!row.template\"\n [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\n [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\n [innerHTML]=\"cd.valueGetter(row.row, index)\"\n ></span>\n </td>\n @if (rowDetailTemplate){\n <td>\n <p-button\n type=\"button\"\n pRipple\n severity=\"primary\"\n [pRowToggler]=\"row\"\n [text]=\"true\"\n [rounded]=\"true\"\n [plain]=\"true\"\n [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\n />\n </td>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-row>\n <tr>\n <td [attr.colspan]=\"tableColumns.length + 1\">\n <ng-container\n class=\"w-100\"\n *ngTemplateOutlet=\"\n expansionTemplate.template;\n context: { $implicit: row.row }\n \"\n ></ng-container>\n </td>\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: [".v-auto-cell{width:1%;white-space:nowrap}.v-table{display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$7.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$7.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2$7.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i2$7.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i2$7.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i2$7.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$7.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$7.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: TableFilterPipe, name: "primengFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1209
- }
1210
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableComponent, decorators: [{
1211
- type: Component,
1212
- args: [{ selector: 'v-table', imports: [
1213
- CommonModule,
1214
- TableModule,
1215
- RouterModule,
1216
- ButtonModule,
1217
- RippleModule,
1218
- TableFilterPipe,
1219
- ], providers: [
1220
- {
1221
- provide: TABLE_COMPONENT_TOKEN,
1222
- useExisting: TableComponent,
1223
- },
1224
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-table\">\n <p-table\n #table\n class=\"v-table\"\n [value]=\"tableRows\"\n [filters]=\"filter | primengFilter\"\n [paginator]=\"showPaginator\"\n [rows]=\"pageSize\"\n [totalRecords]=\"total\"\n [loading]=\"loading\"\n [lazy]=\"lazy\"\n dataKey=\"id\"\n [scrollable]=\"scrollable\"\n [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\n [scrollHeight]=\"'flex'\"\n [selectionMode]=\"selectionMode\"\n [selection]=\"tableSelection\"\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n [expandedRowKeys]=\"expandedRows\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\n [customSort]=\"lazy\"\n [multiSortMeta]=\"sortMeta\"\n [resizableColumns]=\"true\"\n columnResizeMode=\"expand\"\n [globalFilterFields]=\"globalFilterFields\"\n (onPage)=\"pageChanged($event)\"\n (onSort)=\"sortChanged($event)\"\n (selectionChange)=\"selectionChanged($event)\"\n (onLazyLoad)=\"fireLazyLoad($event)\"\n >\n <ng-template pTemplate=\"header\">\n <tr>\n @if (selectionMode === 'multiple') {\n <th>\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n </th>\n } @for (column of tableColumns; track column; let index = $index) {\n <th\n *ngIf=\"column.sortable\"\n pResizableColumn\n [pSortableColumn]=\"'row.' + column.id\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\n </th>\n <th\n *ngIf=\"!column.sortable\"\n pResizableColumn\n [class.v-auto-cell]=\"column.template\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n </th>\n } @if (rowDetailTemplate){\n <th></th>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\n <tr\n [pSelectableRow]=\"row\"\n [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\n (dblclick)=\"\n router.navigate(['./' + row.row[entityKey ?? 'id']], {\n relativeTo: route\n })\n \"\n >\n @if (selectionMode === 'multiple'){\n <td>\n <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\n </td>\n }\n <td\n *ngFor=\"let cd of tableColumns; let index = index\"\n [class]=\"cd.columnClass!\"\n [class.v-auto-cell]=\"cd.template\"\n >\n <ng-container *ngIf=\"cd.template\">\n <ng-container\n *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n ></ng-container>\n </ng-container>\n <span\n *ngIf=\"!row.template\"\n [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\n [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\n [innerHTML]=\"cd.valueGetter(row.row, index)\"\n ></span>\n </td>\n @if (rowDetailTemplate){\n <td>\n <p-button\n type=\"button\"\n pRipple\n severity=\"primary\"\n [pRowToggler]=\"row\"\n [text]=\"true\"\n [rounded]=\"true\"\n [plain]=\"true\"\n [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\n />\n </td>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-row>\n <tr>\n <td [attr.colspan]=\"tableColumns.length + 1\">\n <ng-container\n class=\"w-100\"\n *ngTemplateOutlet=\"\n expansionTemplate.template;\n context: { $implicit: row.row }\n \"\n ></ng-container>\n </td>\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: [".v-auto-cell{width:1%;white-space:nowrap}.v-table{display:flex;flex-direction:column;height:100%}\n"] }]
1225
- }], propDecorators: { viewColumns: [{
1226
- type: ContentChildren,
1227
- args: [TABLE_COLUMN_PROVIDER]
1228
- }], table: [{
1229
- type: ViewChild,
1230
- args: ['table']
1231
- }], rowDetailTemplate: [{
1232
- type: ContentChild,
1233
- args: ['rowDetail', { static: false }]
1234
- }], data: [{
1235
- type: Input
1236
- }], total: [{
1237
- type: Input
1238
- }], filter: [{
1239
- type: Input
1240
- }], loading: [{
1241
- type: Input
1242
- }], scrollable: [{
1243
- type: Input
1244
- }], pageSize: [{
1245
- type: Input
1246
- }], currentPage: [{
1247
- type: Input
1248
- }], showPaginator: [{
1249
- type: Input
1250
- }], sortMultiple: [{
1251
- type: Input
1252
- }], lazy: [{
1253
- type: Input
1254
- }], selectionMode: [{
1255
- type: Input
1256
- }], showPageSizePicker: [{
1257
- type: Input
1258
- }], entityKey: [{
1259
- type: Input
1260
- }], maximumColumnLength: [{
1261
- type: Input
1262
- }], disableCustomClicks: [{
1263
- type: Input
1264
- }], columns: [{
1265
- type: Input
1266
- }], selection: [{
1267
- type: Input
1268
- }], pageSizeChange: [{
1269
- type: Output
1270
- }], selectionChange: [{
1271
- type: Output
1272
- }], pageChange: [{
1273
- type: Output
1274
- }], sortChange: [{
1275
- type: Output
1276
- }], lazyLoad: [{
1277
- type: Output
1278
- }] } });
1279
-
1280
- class ActionButtonComponent {
1281
- constructor() {
1282
- this.disabled = false;
1283
- this.outlined = false;
1284
- this.raised = false;
1285
- // eslint-disable-next-line @angular-eslint/no-output-native
1286
- this.click = new EventEmitter();
1287
- this.icons = Icons;
1288
- this.propertyChangeSubject = new Subject();
1289
- this.propertyChanged = this.propertyChangeSubject.asObservable();
1290
- this.buttonGroup = inject(ACTION_BUTTON_GROUP_COMPONENT_TOKEN, {
1291
- optional: true,
1292
- });
1293
- }
1294
- ngOnChanges(changes) {
1295
- const isValueChange = Object.keys(changes).some((x) => !changes[x].firstChange);
1296
- if (isValueChange) {
1297
- this.propertyChangeSubject.next(null);
1298
- }
1299
- }
1300
- handleClick(event) {
1301
- event.stopPropagation();
1302
- this.click.emit(event);
1303
- }
1304
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1305
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: ActionButtonComponent, isStandalone: true, selector: "v-action-button", inputs: { disabled: "disabled", toolTip: "toolTip", id: "id", icon: "icon", outlined: "outlined", raised: "raised", severity: "severity", label: "label", size: "size" }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: "<v-button\n [label]=\"label\"\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [outlined]=\"outlined\"\n tooltipPosition=\"bottom\"\n [size]=\"size\"\n [severity]=\"severity\"\n (click)=\"handleClick($event)\"\n></v-button>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1306
- }
1307
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonComponent, decorators: [{
1308
- type: Component,
1309
- args: [{ selector: 'v-action-button', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<v-button\n [label]=\"label\"\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [outlined]=\"outlined\"\n tooltipPosition=\"bottom\"\n [size]=\"size\"\n [severity]=\"severity\"\n (click)=\"handleClick($event)\"\n></v-button>\n" }]
1310
- }], propDecorators: { disabled: [{
1311
- type: Input
1312
- }], toolTip: [{
1313
- type: Input
1314
- }], id: [{
1315
- type: Input
1316
- }], icon: [{
1317
- type: Input
1318
- }], outlined: [{
1319
- type: Input
1320
- }], raised: [{
1321
- type: Input
1322
- }], severity: [{
1323
- type: Input
1324
- }], label: [{
1325
- type: Input
1326
- }], size: [{
1327
- type: Input
1328
- }], click: [{
1329
- type: Output
1330
- }] } });
1331
-
1332
- class ActionButtonGroupComponent extends UnsubscribeComponent {
1333
- constructor(changeDetectorRef, screenSizeService) {
1334
- super();
1335
- this.changeDetectorRef = changeDetectorRef;
1336
- this.screenSizeService = screenSizeService;
1337
- this.maxItems = 3;
1338
- this.maxItemsMobile = 0;
1339
- this.items = [];
1340
- this.menuIconPos = 'right';
1341
- this.menuIcon = Icons.action;
1342
- this.icons = Icons;
1343
- this.allItems = [];
1344
- this.visibleActions = [];
1345
- this.menuItems = [];
1346
- }
1347
- ngAfterContentInit() {
1348
- this.subscribeItemChange();
1349
- }
1350
- fireClick(item, event) {
1351
- event.stopPropagation();
1352
- item.click.emit();
1353
- }
1354
- subscribeItemChange() {
1355
- const screenResize$ = this.screenSizeService.isMobileBlock;
1356
- const actions$ = queryListChanged(this.actions);
1357
- screenResize$
1358
- .pipe(takeUntil(this.destroyed$), combineLatestWith(actions$))
1359
- .subscribe(([isMobile, actions]) => {
1360
- this.computeItems(actions, isMobile);
1361
- });
1362
- }
1363
- computeItems(actions, isMobile) {
1364
- const allItems = [...(this.items ?? []), ...actions];
1365
- const maxItems = isMobile ? this.maxItemsMobile : this.maxItems;
1366
- this.visibleActions = allItems.slice(0, maxItems);
1367
- this.menuItems = allItems.slice(maxItems).map(this.convertToMenuItem);
1368
- this.changeDetectorRef.detectChanges();
1369
- }
1370
- convertToMenuItem(item) {
1371
- return {
1372
- label: item.label,
1373
- icon: item.icon,
1374
- command: () => {
1375
- item.click.emit();
1376
- },
1377
- };
1378
- }
1379
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component }); }
1380
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: ActionButtonGroupComponent, isStandalone: true, selector: "v-action-button-group", inputs: { maxItems: "maxItems", maxItemsMobile: "maxItemsMobile", items: "items", menuIconPos: "menuIconPos", menuIcon: "menuIcon", label: "label", icon: "icon" }, providers: [
1381
- {
1382
- provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
1383
- useExisting: ActionButtonGroupComponent,
1384
- },
1385
- ], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n <div class=\"v-action-button-group__actions d-flex gap-2\">\n @for (action of visibleActions; track action) {\n <v-action-button\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [id]=\"action.id\"\n [outlined]=\"action.outlined\"\n [raised]=\"action.raised\"\n [toolTip]=\"action.toolTip || action.label\"\n [severity]=\"action.severity\"\n [size]=\"action.size\"\n (click)=\"fireClick(action, $event)\"\n ></v-action-button>\n } @if (actions.length > visibleActions.length) {\n <v-dropdown-button\n [label]=\"label\"\n [icon]=\"menuIcon\"\n [items]=\"menuItems\"\n />\n }\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "component", type: DropdownButtonComponent, selector: "v-dropdown-button", inputs: ["label", "icon", "rounded", "raised", "outlined", "severity", "size", "items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1386
- }
1387
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
1388
- type: Component,
1389
- args: [{ selector: 'v-action-button-group', imports: [ActionButtonComponent, DropdownButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
1390
- {
1391
- provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
1392
- useExisting: ActionButtonGroupComponent,
1393
- },
1394
- ], template: "<div\n class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n <div class=\"v-action-button-group__actions d-flex gap-2\">\n @for (action of visibleActions; track action) {\n <v-action-button\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [id]=\"action.id\"\n [outlined]=\"action.outlined\"\n [raised]=\"action.raised\"\n [toolTip]=\"action.toolTip || action.label\"\n [severity]=\"action.severity\"\n [size]=\"action.size\"\n (click)=\"fireClick(action, $event)\"\n ></v-action-button>\n } @if (actions.length > visibleActions.length) {\n <v-dropdown-button\n [label]=\"label\"\n [icon]=\"menuIcon\"\n [items]=\"menuItems\"\n />\n }\n </div>\n</div>\n" }]
1395
- }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.ScreenSizeService }], propDecorators: { actions: [{
1396
- type: ContentChildren,
1397
- args: [ActionButtonComponent]
1398
- }], maxItems: [{
1399
- type: Input
1400
- }], maxItemsMobile: [{
1401
- type: Input
1402
- }], items: [{
1403
- type: Input
1404
- }], menuIconPos: [{
1405
- type: Input
1406
- }], menuIcon: [{
1407
- type: Input
1408
- }], label: [{
1409
- type: Input
1410
- }], icon: [{
1411
- type: Input
1412
- }] } });
1413
-
1414
- class DropdownComponent extends BaseFormInputComponent {
1415
- constructor(ngControl) {
1416
- super(ngControl);
1417
- this.options = [];
1418
- this.editable = false;
1419
- this.loading = false;
1420
- this.lazy = false;
1421
- this.filter = true;
1422
- this.forceMinWidth = false;
1423
- this.showFilter = false;
1424
- this.localSearch = false;
1425
- this.showed = new EventEmitter();
1426
- this.cleared = new EventEmitter();
1427
- this.lazyLoad = new EventEmitter();
1428
- this.filtered = new EventEmitter();
1429
- this.destroy$ = new Subject();
1430
- this.virtualOptionSize = 37.5;
1431
- }
1432
- ngOnChanges(changes) {
1433
- if (changes['lazy'] || changes['loading']) {
1434
- this.virtualScrollOptions = this.lazy
1435
- ? {
1436
- showLoader: this.loading,
1437
- lazy: true,
1438
- onLazyLoad: this.onLazyLoad.bind(this),
1439
- }
1440
- : undefined;
1441
- }
1442
- }
1443
- ngOnDestroy() {
1444
- this.destroy$.next();
1445
- this.destroy$.complete();
1446
- }
1447
- onLazyLoad(event) {
1448
- this.lazyLoad.emit({
1449
- offset: event.first,
1450
- limit: event.last - event.first,
1451
- });
1452
- }
1453
- filterChange(event) {
1454
- this.filtered.emit({
1455
- filter: event.filter,
1456
- });
1457
- }
1458
- onDropdownShow() {
1459
- this.showed.emit();
1460
- }
1461
- onDropdownClear() {
1462
- this.cleared.emit();
1463
- }
1464
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
1465
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: DropdownComponent, isStandalone: true, selector: "v-dropdown", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", loading: "loading", lazy: "lazy", filter: "filter", forceMinWidth: "forceMinWidth", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
1466
- {
1467
- provide: BaseInputControls,
1468
- useExisting: forwardRef(() => DropdownComponent),
1469
- multi: true,
1470
- },
1471
- {
1472
- provide: DROPDOWN_COMPONENT_TOKEN,
1473
- useExisting: DropdownComponent,
1474
- },
1475
- ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-dropdown\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ?? ''\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"!label && !floatLabel\">\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </ng-container>\n <ng-container *ngIf=\"floatLabel && !label\">\n <p-floatLabel>\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [filter]=\"filter\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n (lazyLoad)=\"onLazyLoad($any($event))\"\n >\n </p-dropdown>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>", styles: [".v-dropdown{justify-content:center;width:100%}.p-dropdown-items-wrapper,.p-scroller-viewport,.p-scroller{min-width:8rem!important;overflow-x:hidden;overflow-y:auto}.p-dropdown{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1476
- }
1477
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownComponent, decorators: [{
1478
- type: Component,
1479
- args: [{ selector: 'v-dropdown', imports: [
1480
- CommonModule,
1481
- ReactiveFormsModule,
1482
- DropdownModule,
1483
- TooltipModule,
1484
- FormFieldComponent,
1485
- MessageModule,
1486
- FloatLabelModule,
1487
- ErrorComponent
1488
- ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
1489
- {
1490
- provide: BaseInputControls,
1491
- useExisting: forwardRef(() => DropdownComponent),
1492
- multi: true,
1493
- },
1494
- {
1495
- provide: DROPDOWN_COMPONENT_TOKEN,
1496
- useExisting: DropdownComponent,
1497
- },
1498
- ], template: "<div class=\"v-dropdown\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ?? ''\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"!label && !floatLabel\">\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </ng-container>\n <ng-container *ngIf=\"floatLabel && !label\">\n <p-floatLabel>\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [filter]=\"filter\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n (lazyLoad)=\"onLazyLoad($any($event))\"\n >\n </p-dropdown>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>", styles: [".v-dropdown{justify-content:center;width:100%}.p-dropdown-items-wrapper,.p-scroller-viewport,.p-scroller{min-width:8rem!important;overflow-x:hidden;overflow-y:auto}.p-dropdown{width:100%}\n"] }]
1499
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
1500
- type: Optional
1501
- }, {
1502
- type: Self
1503
- }] }], propDecorators: { options: [{
1504
- type: Input
1505
- }], optionLabel: [{
1506
- type: Input
1507
- }], optionValue: [{
1508
- type: Input
1509
- }], dropdownIcon: [{
1510
- type: Input
1511
- }], floatLabel: [{
1512
- type: Input
1513
- }], editable: [{
1514
- type: Input
1515
- }], loading: [{
1516
- type: Input
1517
- }], lazy: [{
1518
- type: Input
1519
- }], filter: [{
1520
- type: Input
1521
- }], forceMinWidth: [{
1522
- type: Input
1523
- }], showFilter: [{
1524
- type: Input
1525
- }], localSearch: [{
1526
- type: Input
1527
- }], showed: [{
1528
- type: Output
1529
- }], cleared: [{
1530
- type: Output
1531
- }], lazyLoad: [{
1532
- type: Output
1533
- }], filtered: [{
1534
- type: Output
1535
- }] } });
1536
-
1537
- class MultiselectComponent extends BaseFormInputComponent {
1538
- constructor(ngControl) {
1539
- super(ngControl);
1540
- this.options = [];
1541
- this.editable = true;
1542
- this.loading = false;
1543
- this.lazy = false;
1544
- this.filter = true;
1545
- this.size = FieldSize.medium;
1546
- this.changed = new EventEmitter();
1547
- this.showed = new EventEmitter();
1548
- this.cleared = new EventEmitter();
1549
- this.lazyLoad = new EventEmitter();
1550
- this.filtered = new EventEmitter();
1551
- this.virtualOptionSize = 37.5;
1552
- }
1553
- ngOnChanges(changes) {
1554
- if (changes['lazy'] || changes['loading']) {
1555
- this.virtualScrollOptions = this.lazy
1556
- ? {
1557
- showLoader: this.loading,
1558
- lazy: true,
1559
- onLazyLoad: this.onLazyLoad.bind(this),
1560
- }
1561
- : undefined;
1562
- }
1563
- }
1564
- onLazyLoad(event) {
1565
- this.lazyLoad.emit({
1566
- offset: event.first,
1567
- limit: event.last - event.first,
1568
- });
1569
- }
1570
- selectionChange(event) {
1571
- this.cleared.emit(event);
1572
- }
1573
- onDropdownShow() {
1574
- this.showed.emit();
1575
- }
1576
- onDropdownClear() {
1577
- this.cleared.emit();
1578
- }
1579
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: MultiselectComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
1580
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: MultiselectComponent, isStandalone: true, selector: "v-multiselect", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", loading: "loading", lazy: "lazy", filter: "filter", size: "size" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
1581
- {
1582
- provide: BaseInputControls,
1583
- useExisting: forwardRef(() => MultiselectComponent),
1584
- multi: true,
1585
- },
1586
- {
1587
- provide: MULTISELECT_COMPONENT_TOKEN,
1588
- useExisting: MultiselectComponent,
1589
- },
1590
- ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-multiple-select\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n display=\"chip\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [inputId]=\"inputId\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i4$3.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1591
- }
1592
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: MultiselectComponent, decorators: [{
1593
- type: Component,
1594
- args: [{ selector: 'v-multiselect', imports: [
1595
- CommonModule,
1596
- ReactiveFormsModule,
1597
- FloatLabelModule,
1598
- MultiSelectModule,
1599
- ErrorComponent,
1600
- FormFieldComponent,
1601
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
1602
- {
1603
- provide: BaseInputControls,
1604
- useExisting: forwardRef(() => MultiselectComponent),
1605
- multi: true,
1606
- },
1607
- {
1608
- provide: MULTISELECT_COMPONENT_TOKEN,
1609
- useExisting: MultiselectComponent,
1610
- },
1611
- ], template: "<div class=\"v-multiple-select\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n display=\"chip\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [inputId]=\"inputId\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n" }]
1612
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
1613
- type: Optional
1614
- }, {
1615
- type: Self
1616
- }] }], propDecorators: { options: [{
1617
- type: Input
1618
- }], optionLabel: [{
1619
- type: Input
1620
- }], optionValue: [{
1621
- type: Input
1622
- }], dropdownIcon: [{
1623
- type: Input
1624
- }], floatLabel: [{
1625
- type: Input
1626
- }], editable: [{
1627
- type: Input
1628
- }], loading: [{
1629
- type: Input
1630
- }], lazy: [{
1631
- type: Input
1632
- }], filter: [{
1633
- type: Input
1634
- }], size: [{
1635
- type: Input
1636
- }], changed: [{
1637
- type: Output
1638
- }], showed: [{
1639
- type: Output
1640
- }], cleared: [{
1641
- type: Output
1642
- }], lazyLoad: [{
1643
- type: Output
1644
- }], filtered: [{
1645
- type: Output
1646
- }] } });
1647
-
1648
- class GenericFieldComponent extends BaseFormInputComponent {
1649
- constructor() {
1650
- super(...arguments);
1651
- this.type = GenericFieldType.text;
1652
- this.size = FieldSize.medium;
1653
- this.loading = false;
1654
- this.lazy = false;
1655
- this.filter = true;
1656
- this.changed = new EventEmitter();
1657
- this.showed = new EventEmitter();
1658
- this.cleared = new EventEmitter();
1659
- this.lazyLoad = new EventEmitter();
1660
- this.filtered = new EventEmitter();
1661
- this.fieldTypes = GenericFieldType;
1662
- this.icons = Icons;
1663
- }
1664
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1665
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: GenericFieldComponent, isStandalone: true, selector: "v-generic-field", inputs: { type: "type", floatLabel: "floatLabel", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", size: "size", loading: "loading", lazy: "lazy", filter: "filter", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
1666
- {
1667
- provide: GENERIC_FIELD_COMPONENT_TOKEN,
1668
- useExisting: GenericFieldComponent,
1669
- },
1670
- ], usesInheritance: true, ngImport: i0, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n [label]=\"label\"\n [floatLabel]=\"floatLabel === true\"\n [size]=\"size\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [forceMinWidth]=\"true\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n <v-dropdown\n useDatasource\n [forceMinWidth]=\"true\"\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [filterField]=\"filterField ?? 'fulltext'\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n useDatasource\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [indeterminate]=\"true\"\n/>\n} @else if (type === fieldTypes.simplecheckbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.calendar) {\n<v-calendar\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [icon]=\"icons.calendar\"\n/>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DropdownComponent, selector: "v-dropdown", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "editable", "loading", "lazy", "filter", "forceMinWidth", "showFilter", "localSearch"], outputs: ["showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: CalendarComponent, selector: "v-calendar", inputs: ["maxDate", "icon", "minDate", "header", "footer", "floatLabel", "selectionMode"] }, { kind: "component", type: MultiselectComponent, selector: "v-multiselect", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "editable", "loading", "lazy", "filter", "size"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["size", "type", "floatLabel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CheckboxComponent, selector: "v-checkbox", inputs: ["indeterminate"] }, { kind: "directive", type: DatasourceDirective, selector: "v-dropdown[useDatasource], v-multiselect[useDatasource], v-generic-field[useDatasource]", inputs: ["datasource", "autoBind", "loadingText", "filterField", "transformFn", "extraFilter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1671
- }
1672
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFieldComponent, decorators: [{
1673
- type: Component,
1674
- args: [{ selector: 'v-generic-field', imports: [
1675
- CommonModule,
1676
- DropdownComponent,
1677
- CalendarComponent,
1678
- MultiselectComponent,
1679
- TextfieldComponent,
1680
- ReactiveFormsModule,
1681
- CheckboxComponent,
1682
- DatasourceDirective,
1683
- ], providers: [
1684
- {
1685
- provide: GENERIC_FIELD_COMPONENT_TOKEN,
1686
- useExisting: GenericFieldComponent,
1687
- },
1688
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n [label]=\"label\"\n [floatLabel]=\"floatLabel === true\"\n [size]=\"size\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [forceMinWidth]=\"true\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n <v-dropdown\n useDatasource\n [forceMinWidth]=\"true\"\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [filterField]=\"filterField ?? 'fulltext'\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n useDatasource\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [indeterminate]=\"true\"\n/>\n} @else if (type === fieldTypes.simplecheckbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.calendar) {\n<v-calendar\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [icon]=\"icons.calendar\"\n/>\n}\n" }]
1689
- }], propDecorators: { type: [{
1690
- type: Input
1691
- }], floatLabel: [{
1692
- type: Input
1693
- }], optionLabel: [{
1694
- type: Input
1695
- }], optionValue: [{
1696
- type: Input
1697
- }], options: [{
1698
- type: Input
1699
- }], size: [{
1700
- type: Input
1701
- }], loading: [{
1702
- type: Input
1703
- }], lazy: [{
1704
- type: Input
1705
- }], filter: [{
1706
- type: Input
1707
- }], datasource: [{
1708
- type: Input
1709
- }], filterField: [{
1710
- type: Input
1711
- }], showFilter: [{
1712
- type: Input
1713
- }], localSearch: [{
1714
- type: Input
1715
- }], changed: [{
1716
- type: Output
1717
- }], showed: [{
1718
- type: Output
1719
- }], cleared: [{
1720
- type: Output
1721
- }], lazyLoad: [{
1722
- type: Output
1723
- }], filtered: [{
1724
- type: Output
1725
- }] } });
1726
-
1727
- function generateFormGroup(fields, lastGroupValue, inputGroup, inputGroupChanged = false) {
1728
- const formGroup = (inputGroupChanged
1729
- ? inputGroup ?? lastGroupValue
1730
- : lastGroupValue ?? inputGroup) ?? new UntypedFormGroup({});
1731
- fields?.forEach((field) => {
1732
- const control = formGroup.get(field.name);
1733
- if (!control) {
1734
- formGroup.addControl(field.name, new UntypedFormControl(field.value, field.validator));
1735
- }
1736
- else if (control && control.value !== field.value) {
1737
- control.setValue(field.value);
1738
- control.setValidators(field.validator ?? null);
1739
- }
1740
- else {
1741
- control.setValidators(field.validator ?? null);
1742
- }
1743
- if (field.readonly && (control || formGroup.get(field.name))) {
1744
- formGroup.get(field.name)?.disable();
1745
- }
1746
- });
1747
- if (!inputGroupChanged) {
1748
- for (const field in formGroup.controls) {
1749
- const control = fields?.find((x) => x.name == field);
1750
- if (!control) {
1751
- formGroup.removeControl(field);
1752
- }
1753
- }
1754
- }
1755
- return formGroup;
1756
- }
1757
- function getColumnClass(value) {
1758
- if (!value) {
1759
- return undefined;
1760
- }
1761
- switch (value) {
1762
- case 1:
1763
- return 'col-12';
1764
- case 2:
1765
- return 'col-12 col-md-6';
1766
- case 3:
1767
- return 'col-12 col-md-4';
1768
- case 4:
1769
- return 'col-12 col-md-3';
1770
- case 6:
1771
- return 'col-12 col-md-2';
1772
- }
1773
- return 'col-12 col-md-1';
1774
- }
1775
-
1776
- class GenericFormComponent {
1777
- ngOnChanges(changes) {
1778
- if (changes['fields'] || changes['formGroup']) {
1779
- this.formGroupComputed = generateFormGroup(this.fields, this.formGroupComputed, this.formGroup, !!changes['formGroup']);
1780
- }
1781
- if (changes['columns']) {
1782
- this.columnClass = getColumnClass(this.columns);
1783
- }
1784
- }
1785
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1786
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: GenericFormComponent, isStandalone: true, selector: "v-generic-form", inputs: { formGroup: "formGroup", fields: "fields", columns: "columns", showAsRow: "showAsRow" }, usesOnChanges: true, ngImport: i0, template: "@if (formGroupComputed) {\r\n <div\r\n class=\"v-generic-form\"\r\n [ngClass]=\"showAsRow ? 'd-flex flex-row' : 'row'\"\r\n [formGroup]=\"formGroupComputed\"\r\n >\r\n @for(field of fields; track field) { @if (columnClass) {\r\n <div class=\"v-generic-form__column {{ columnClass }}\">\r\n <v-generic-field\r\n [type]=\"field.type\"\r\n [label]=\"field.label ?? 'NOT SET' | translate\"\r\n [floatLabel]=\"field.floatLabel\"\r\n [testId]=\"field.testId\"\r\n [options]=\"field.options\"\r\n [optionLabel]=\"field.optionLabel\"\r\n [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n [options]=\"field.options\"\r\n [size]=\"field.size\"\r\n [formControlName]=\"field.name\"\r\n [datasource]=\"field.datasource\"\r\n [showFilter]=\"field.showFilter\"\r\n [filterField]=\"field.filterField\"\r\n [localSearch]=\"field.localSearch\"\r\n ></v-generic-field>\r\n </div>\r\n } @else {\r\n <v-generic-field\r\n class=\"me-4\"\r\n [type]=\"field.type\"\r\n [label]=\"field.label ?? 'NOT SET' | translate\"\r\n [floatLabel]=\"field.floatLabel\"\r\n [testId]=\"field.testId\"\r\n [options]=\"field.options\"\r\n [optionLabel]=\"field.optionLabel\"\r\n [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n [options]=\"field.options\"\r\n [size]=\"field.size\"\r\n [formControlName]=\"field.name\"\r\n [datasource]=\"field.datasource\"\r\n [showFilter]=\"field.showFilter\"\r\n [filterField]=\"field.filterField\"\r\n [localSearch]=\"field.localSearch\"\r\n ></v-generic-field>\r\n } }\r\n </div>\r\n }\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GenericFieldComponent, selector: "v-generic-field", inputs: ["type", "floatLabel", "optionLabel", "optionValue", "options", "size", "loading", "lazy", "filter", "datasource", "filterField", "showFilter", "localSearch"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1787
- }
1788
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFormComponent, decorators: [{
1789
- type: Component,
1790
- args: [{ selector: 'v-generic-form', imports: [
1791
- CommonModule,
1792
- GenericFieldComponent,
1793
- ReactiveFormsModule,
1794
- TranslateModule,
1795
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (formGroupComputed) {\r\n <div\r\n class=\"v-generic-form\"\r\n [ngClass]=\"showAsRow ? 'd-flex flex-row' : 'row'\"\r\n [formGroup]=\"formGroupComputed\"\r\n >\r\n @for(field of fields; track field) { @if (columnClass) {\r\n <div class=\"v-generic-form__column {{ columnClass }}\">\r\n <v-generic-field\r\n [type]=\"field.type\"\r\n [label]=\"field.label ?? 'NOT SET' | translate\"\r\n [floatLabel]=\"field.floatLabel\"\r\n [testId]=\"field.testId\"\r\n [options]=\"field.options\"\r\n [optionLabel]=\"field.optionLabel\"\r\n [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n [options]=\"field.options\"\r\n [size]=\"field.size\"\r\n [formControlName]=\"field.name\"\r\n [datasource]=\"field.datasource\"\r\n [showFilter]=\"field.showFilter\"\r\n [filterField]=\"field.filterField\"\r\n [localSearch]=\"field.localSearch\"\r\n ></v-generic-field>\r\n </div>\r\n } @else {\r\n <v-generic-field\r\n class=\"me-4\"\r\n [type]=\"field.type\"\r\n [label]=\"field.label ?? 'NOT SET' | translate\"\r\n [floatLabel]=\"field.floatLabel\"\r\n [testId]=\"field.testId\"\r\n [options]=\"field.options\"\r\n [optionLabel]=\"field.optionLabel\"\r\n [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n [options]=\"field.options\"\r\n [size]=\"field.size\"\r\n [formControlName]=\"field.name\"\r\n [datasource]=\"field.datasource\"\r\n [showFilter]=\"field.showFilter\"\r\n [filterField]=\"field.filterField\"\r\n [localSearch]=\"field.localSearch\"\r\n ></v-generic-field>\r\n } }\r\n </div>\r\n }\r\n" }]
1796
- }], propDecorators: { formGroup: [{
1797
- type: Input
1798
- }], fields: [{
1799
- type: Input
1800
- }], columns: [{
1801
- type: Input
1802
- }], showAsRow: [{
1803
- type: Input
1804
- }] } });
1805
-
1806
- class FilterFieldDirective {
1807
- constructor() {
1808
- this.type = GenericFieldType.text;
1809
- }
1810
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
1811
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: FilterFieldDirective, isStandalone: true, selector: "v-filter-field", inputs: { name: "name", type: "type", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", value: "value", validator: "validator", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, ngImport: i0 }); }
1812
- }
1813
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterFieldDirective, decorators: [{
1814
- type: Directive,
1815
- args: [{
1816
- // eslint-disable-next-line @angular-eslint/directive-selector
1817
- selector: 'v-filter-field',
1818
- standalone: true,
1819
- }]
1820
- }], propDecorators: { name: [{
1821
- type: Input,
1822
- args: [{ required: true }]
1823
- }], type: [{
1824
- type: Input
1825
- }], label: [{
1826
- type: Input
1827
- }], optionLabel: [{
1828
- type: Input
1829
- }], optionValue: [{
1830
- type: Input
1831
- }], options: [{
1832
- type: Input
1833
- }], value: [{
1834
- type: Input
1835
- }], validator: [{
1836
- type: Input
1837
- }], datasource: [{
1838
- type: Input
1839
- }], filterField: [{
1840
- type: Input
1841
- }], showFilter: [{
1842
- type: Input
1843
- }], localSearch: [{
1844
- type: Input
1845
- }] } });
1846
-
1847
- function getFilledControlCount(formGroup) {
1848
- let count = 0;
1849
- Object.keys(formGroup.controls).forEach((key) => {
1850
- const control = formGroup.get(key);
1851
- if (control?.value) {
1852
- if (typeof control.value === 'boolean') {
1853
- count++;
1854
- }
1855
- if (typeof control.value === 'string' && control.value.trim() !== '') {
1856
- count++;
1857
- }
1858
- }
1859
- });
1860
- return count;
1861
- }
1862
-
1863
- class FilterComponent extends UnsubscribeComponent {
1864
- constructor() {
1865
- super(...arguments);
1866
- this.fields = [];
1867
- this.filters = [];
1868
- this.fulltextFieldName = 'searchField';
1869
- this.showFulltext = true;
1870
- this.showFilters = true;
1871
- this.autoBind = true;
1872
- this.debounceTime = DEFAULT_DEBOUNCE_TIME;
1873
- this.icons = Icons;
1874
- this.searchField = {
1875
- name: this.fulltextFieldName,
1876
- };
1877
- this.inputFields$ = new BehaviorSubject([...this.fields ?? [], ...this.filters ?? []]);
1878
- this.FieldSize = FieldSize;
1879
- this.screenSizeService = inject(ScreenSizeService);
1880
- this.changeDetectorRef = inject(ChangeDetectorRef);
1881
- this.dialogService = inject(DialogService);
1882
- this.formGroup = new FormGroup({});
1883
- this.filledFiltersCount$ = this.formGroup.valueChanges.pipe(startWith(this.formGroup), map(() => getFilledControlCount(this.formGroup).toString()));
1884
- this.lastFormFields = [];
1885
- }
1886
- ngOnInit() {
1887
- this.formGroup.valueChanges
1888
- .pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime ?? DEFAULT_DEBOUNCE_TIME), map((x) => this.convertFilter(x)), distinctUntilChanged())
1889
- .subscribe((value) => this.onChange?.(value));
1890
- }
1891
- ngOnChanges(changes) {
1892
- if (changes['fields'] || changes['filters']) {
1893
- this.inputFields$.next([...this.fields ?? [], ...this.filters ?? []]);
1894
- }
1895
- }
1896
- ngAfterContentInit() {
1897
- const fieldDeclaratios$ = this.fieldDeclarations.changes.pipe(startWith({}), map(() => this.fieldDeclarations.toArray()));
1898
- this.fieldDefinitios$ = this.inputFields$.pipe(combineLatestWith(fieldDeclaratios$), map(([inputs, views]) => {
1899
- this.searchField.name = this.fulltextFieldName;
1900
- this.lastFormFields = [this.searchField, ...(inputs ?? []), ...views];
1901
- return this.lastFormFields;
1902
- }));
1903
- this.simpleFormFieldDefinitions$ = this.fieldDefinitios$.pipe(map((fields) => {
1904
- return fields
1905
- .filter((x) => x.name !== this.fulltextFieldName)
1906
- .map((x) => ({ ...x, floatLabel: true, size: FieldSize.large }));
1907
- }));
1908
- this.formGroup$ = this.fieldDefinitios$.pipe(map((fields) => generateFormGroup(fields, this.formGroup, undefined, false)));
1909
- this.changeDetectorRef.detectChanges();
1910
- }
1911
- openFilter() {
1912
- const fields = this.lastFormFields.map((x) => ({
1913
- ...x,
1914
- label: x.name === this.fulltextFieldName ? 'Fulltext' : x.label ?? x.name,
1915
- }));
1916
- const formGroup = generateFormGroup(this.lastFormFields, undefined, undefined, false);
1917
- formGroup.patchValue(this.formGroup.value);
1918
- this.dialogService.showDialog({
1919
- title: 'Set filters',
1920
- headerIcon: this.icons.filter,
1921
- severity: 'primary',
1922
- componentType: GenericFormComponent,
1923
- data: {
1924
- formGroup,
1925
- fields: fields,
1926
- columns: 1,
1927
- },
1928
- confirmButtonFn: () => this.setFilterValues(formGroup),
1929
- confirmButtonText: 'Apply',
1930
- cancelButtonFn: () => this.clear(),
1931
- cancelButtonText: 'Clear all',
1932
- showCancelButton: true,
1933
- closable: false,
1934
- });
1935
- }
1936
- openSearch() {
1937
- this.dialogService.showDialog({
1938
- headerIcon: 'pi pi-search',
1939
- severity: 'primary',
1940
- innerHTML: '<p>Search</p>',
1941
- confirmButtonFn: () => this.submitValue(),
1942
- confirmButtonText: 'Apply',
1943
- cancelButtonFn: () => this.clear(),
1944
- cancelButtonText: 'Clear all',
1945
- showCancelButton: true,
1946
- closable: false,
1947
- });
1948
- }
1949
- writeValue(data) {
1950
- this.formGroup.patchValue(data);
1951
- }
1952
- registerOnChange(fn) {
1953
- this.onChange = fn;
1954
- }
1955
- registerOnTouched(fn) {
1956
- this.onTouch = fn;
1957
- }
1958
- setDisabledState(isDisabled) {
1959
- isDisabled ? this.formGroup.disable() : this.formGroup.enable();
1960
- }
1961
- submitValue() {
1962
- if (!this.autoBind) {
1963
- this.onChange?.(this.formGroup.value);
1964
- }
1965
- }
1966
- setFilterValues(dialogFormGroup) {
1967
- this.formGroup.setValue(dialogFormGroup.value);
1968
- this.submitValue();
1969
- }
1970
- clear() {
1971
- this.formGroup.reset();
1972
- this.submitValue();
1973
- }
1974
- convertFilter(value) {
1975
- if (value == undefined) {
1976
- return undefined;
1977
- }
1978
- const isEmpty = isFilterEmpty(value);
1979
- if (isEmpty) {
1980
- return undefined;
1981
- }
1982
- return value;
1983
- }
1984
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1985
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { fields: "fields", filters: "filters", title: "title", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", debounceTime: "debounceTime" }, providers: [
1986
- {
1987
- provide: NG_VALUE_ACCESSOR,
1988
- useExisting: forwardRef(() => FilterComponent),
1989
- multi: true,
1990
- },
1991
- {
1992
- provide: FILTER_COMPONENT_TOKEN,
1993
- useExisting: FilterComponent,
1994
- },
1995
- ], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\n @if (formGroup$ | async; as formGroup){\n <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\n @if (title) {\n <div class=\"v-filter_title pe-4\">\n <h2 class=\"text-white m-0\">{{ title }}</h2>\n </div>\n }\n <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n @if (showFulltext){\n <v-textfield\n class=\"d-none d-lg-block\"\n placeholder=\"Search\"\n size=\"large\"\n formControlName=\"searchField\"\n type=\"search\"\n [clearable]=\"true\"\n >\n </v-textfield>\n }\n </div>\n @if (simpleFormFieldDefinitions$ | async; as declaration){\n @if (showFilters)\n {\n <div class=\"v-filter_filters d-none d-sm-block me-2\">\n <v-generic-form\n [fields]=\"declaration\"\n [formGroup]=\"formGroup\"\n ></v-generic-form>\n <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\n </div>\n }\n <div class=\"v-filter_action-buttons d-flex\">\n @if (declaration.length && !showFilters) {\n <v-button \n class=\"me-4\"\n [icon]=\"icons.filter\"\n [label]=\"$any(filledFiltersCount$ | async)\"\n (click)=\"openFilter()\"\n />\n } @if (!autoBind) {\n <v-button\n useShortCut\n [shortCutFn]=\"submitValue.bind(this)\"\n shortCutKey=\"Enter\"\n class=\"text-white mx-2\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Apply\"\n (click)=\"submitValue()\"\n ></v-button>\n <v-button\n useShortCut\n [shortCutFn]=\"clear.bind(this)\"\n shortCutKey=\"Escape\"\n class=\"text-white\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Clear\"\n (click)=\"clear()\"\n ></v-button>\n } \n </div>\n }\n <ng-content select=\"v-action-button-group\"></ng-content>\n </form>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["size", "type", "floatLabel"] }, { kind: "component", type: GenericFormComponent, selector: "v-generic-form", inputs: ["formGroup", "fields", "columns", "showAsRow"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "directive", type: ButtonShortCutDirective, selector: "v-button[useShortCut]", inputs: ["shortCutFn", "shortCutKey"], exportAs: ["useShortCut"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1996
- }
1997
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterComponent, decorators: [{
1998
- type: Component,
1999
- args: [{ selector: 'v-filter', imports: [
2000
- AsyncPipe,
2001
- ReactiveFormsModule,
2002
- TextfieldComponent,
2003
- GenericFormComponent,
2004
- ButtonComponent,
2005
- ButtonShortCutDirective,
2006
- ], providers: [
2007
- {
2008
- provide: NG_VALUE_ACCESSOR,
2009
- useExisting: forwardRef(() => FilterComponent),
2010
- multi: true,
2011
- },
2012
- {
2013
- provide: FILTER_COMPONENT_TOKEN,
2014
- useExisting: FilterComponent,
2015
- },
2016
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\n @if (formGroup$ | async; as formGroup){\n <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\n @if (title) {\n <div class=\"v-filter_title pe-4\">\n <h2 class=\"text-white m-0\">{{ title }}</h2>\n </div>\n }\n <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n @if (showFulltext){\n <v-textfield\n class=\"d-none d-lg-block\"\n placeholder=\"Search\"\n size=\"large\"\n formControlName=\"searchField\"\n type=\"search\"\n [clearable]=\"true\"\n >\n </v-textfield>\n }\n </div>\n @if (simpleFormFieldDefinitions$ | async; as declaration){\n @if (showFilters)\n {\n <div class=\"v-filter_filters d-none d-sm-block me-2\">\n <v-generic-form\n [fields]=\"declaration\"\n [formGroup]=\"formGroup\"\n ></v-generic-form>\n <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\n </div>\n }\n <div class=\"v-filter_action-buttons d-flex\">\n @if (declaration.length && !showFilters) {\n <v-button \n class=\"me-4\"\n [icon]=\"icons.filter\"\n [label]=\"$any(filledFiltersCount$ | async)\"\n (click)=\"openFilter()\"\n />\n } @if (!autoBind) {\n <v-button\n useShortCut\n [shortCutFn]=\"submitValue.bind(this)\"\n shortCutKey=\"Enter\"\n class=\"text-white mx-2\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Apply\"\n (click)=\"submitValue()\"\n ></v-button>\n <v-button\n useShortCut\n [shortCutFn]=\"clear.bind(this)\"\n shortCutKey=\"Escape\"\n class=\"text-white\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Clear\"\n (click)=\"clear()\"\n ></v-button>\n } \n </div>\n }\n <ng-content select=\"v-action-button-group\"></ng-content>\n </form>\n }\n</div>\n" }]
2017
- }], propDecorators: { fieldDeclarations: [{
2018
- type: ContentChildren,
2019
- args: [FilterFieldDirective]
2020
- }], fields: [{
2021
- type: Input
2022
- }], filters: [{
2023
- type: Input
2024
- }], title: [{
2025
- type: Input
2026
- }], fulltextFieldName: [{
2027
- type: Input
2028
- }], showFulltext: [{
2029
- type: Input
2030
- }], showFilters: [{
2031
- type: Input
2032
- }], autoBind: [{
2033
- type: Input
2034
- }], debounceTime: [{
2035
- type: Input
2036
- }] } });
2037
-
2038
- class FeatureListFilterFieldDirective extends FilterFieldDirective {
2039
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterFieldDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
2040
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: FeatureListFilterFieldDirective, isStandalone: true, selector: "v-feature-list-filter-field", usesInheritance: true, ngImport: i0 }); }
2041
- }
2042
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterFieldDirective, decorators: [{
2043
- type: Directive,
2044
- args: [{
2045
- // eslint-disable-next-line @angular-eslint/directive-selector
2046
- selector: 'v-feature-list-filter-field',
2047
- standalone: true,
2048
- }]
2049
- }] });
2050
-
2051
- class FeatureListFilterPipe {
2052
- transform(value) {
2053
- if (!value) {
2054
- return undefined;
2055
- }
2056
- return value.filter(x => x.filter).map((x, index) => ({
2057
- name: x.id,
2058
- label: typeof x.headerName === 'function' ? x.headerName(x.id, index) : x.headerName ?? '',
2059
- type: x.type,
2060
- }));
2061
- }
2062
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
2063
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterPipe, isStandalone: true, name: "featureListColumn" }); }
2064
- }
2065
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterPipe, decorators: [{
2066
- type: Pipe,
2067
- args: [{
2068
- name: 'featureListColumn',
2069
- standalone: true,
2070
- }]
2071
- }] });
2072
-
2073
- class FeatureListPageComponent {
2074
- constructor(activatedRoute) {
2075
- this.config =
2076
- activatedRoute.snapshot.data[FEATURE_LIST_PAGE_CONFIG_PROPERTY];
2077
- }
2078
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListPageComponent, deps: [{ token: i2$4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
2079
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: FeatureListPageComponent, isStandalone: true, selector: "v-feature-list-page", ngImport: i0, template: `
2080
- <v-feature-list
2081
- [title]="config.title"
2082
- [tableName]="config.tableName"
2083
- [showAdd]="config.showAdd ?? true"
2084
- [showDownload]="config.showDownload ?? true"
2085
- [showDelete]="config.showDelete ?? true"
2086
- >
2087
- </v-feature-list>
2088
- `, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] }); }
2089
- }
2090
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListPageComponent, decorators: [{
2091
- type: Component,
2092
- args: [{
2093
- selector: 'v-feature-list-page',
2094
- imports: [FeatureListComponent],
2095
- template: `
2096
- <v-feature-list
2097
- [title]="config.title"
2098
- [tableName]="config.tableName"
2099
- [showAdd]="config.showAdd ?? true"
2100
- [showDownload]="config.showDownload ?? true"
2101
- [showDelete]="config.showDelete ?? true"
2102
- >
2103
- </v-feature-list>
2104
- `
2105
- }]
2106
- }], ctorParameters: () => [{ type: i2$4.ActivatedRoute }] });
2107
-
2108
- const FEATURE_LIST_PAGE_CONFIG_PROPERTY = 'feature_list_config';
2109
- function addFeatureListPage(value) {
2110
- const { config, ...route } = value;
2111
- return {
2112
- component: FeatureListPageComponent,
2113
- ...route,
2114
- data: {
2115
- [FEATURE_LIST_PAGE_CONFIG_PROPERTY]: config,
2116
- ...(route.data ?? {}),
2117
- },
2118
- };
2119
- }
2120
- const FEATURE_LIST_COLUMN_PROVIDER = new InjectionToken('FEATURE_LIST_COLUMN_PROVIDER');
2121
-
2122
- class FeatureListComponent {
2123
- constructor() {
2124
- this.autoBind = true;
2125
- this.maxVisibleActions = 2;
2126
- this.maxVisibleMobileActions = 0;
2127
- this.showExtendedFilter = false;
2128
- this.showDownload = false;
2129
- this.showDelete = false;
2130
- this.showAdd = false;
2131
- this.canDownload = true;
2132
- this.canDelete = true;
2133
- this.canAdd = true;
2134
- this.useRouterFilter = true;
2135
- this.fulltextFieldName = 'searchField';
2136
- this.showFulltext = true;
2137
- this.autoDeleteEnabled = true;
2138
- this.autoDownloadEnabled = true;
2139
- this.downloadFileName = 'export.csv';
2140
- this.disableCustomClicks = false;
2141
- this.maximumColumnLength = MAX_COLUMN_CHAR_COUNT;
2142
- this.addClick = new EventEmitter();
2143
- this.downloadClick = new EventEmitter();
2144
- this.deleteClick = new EventEmitter();
2145
- this.selectionChange = new EventEmitter();
2146
- this.icons = Icons;
2147
- this.httpClient = inject(HttpClient);
2148
- this.baseUrl = inject(BASE_URL_PATH);
2149
- this.cdRef = inject(ChangeDetectorRef);
2150
- this.dialogService = inject(DialogService);
2151
- this.selection = [];
2152
- }
2153
- set selectionMode(mode) {
2154
- this._selectionMode = mode;
2155
- }
2156
- get selectionMode() {
2157
- return this.canDelete
2158
- ? TableSelectionMode.single
2159
- : this._selectionMode;
2160
- }
2161
- ngAfterViewInit() {
2162
- if (this.viewColumns?.length) {
2163
- const vewColumns = this.viewColumns
2164
- ?.toArray()
2165
- .map((x) => x.getDefinition());
2166
- this.columns = [...(this.columns ?? []), ...(vewColumns ?? [])];
2167
- this.cdRef.detectChanges();
2168
- }
2169
- if (this.fieldDeclarations?.length) {
2170
- this.filters = this.fieldDeclarations?.toArray();
2171
- }
2172
- this.cdRef.detectChanges();
2173
- }
2174
- selectItems(items) {
2175
- this.selection = items ?? [];
2176
- if (this.selectionMode !== undefined) {
2177
- this.selectionChange.emit(this.selectionMode === 'multiple'
2178
- ? this.selection
2179
- : this.selection[0]);
2180
- }
2181
- }
2182
- startDeleteItems() {
2183
- if (!this.selection.length) {
2184
- return;
2185
- }
2186
- if (this.deleteConfirmMessage) {
2187
- const message = this.deleteConfirmMessage;
2188
- this.dialogService.showDialog({
2189
- innerHTML: message,
2190
- confirmButtonFn: () => this.deleteItems(this.selection),
2191
- });
2192
- }
2193
- else {
2194
- this.deleteItems(this.selection);
2195
- }
2196
- }
2197
- startDownload() {
2198
- this.downloadClick.emit();
2199
- if (!this.autoDownloadEnabled) {
2200
- return;
2201
- }
2202
- const dowloadFn = this.createDownloadFn(this.datasource);
2203
- if (dowloadFn) {
2204
- this.tableDatasourceDirective.params$
2205
- .pipe(take(1), switchMap((params) => dowloadFn(params)))
2206
- .subscribe((blob) => {
2207
- downloadFile(this.downloadFileName, blob);
2208
- });
2209
- }
2210
- }
2211
- deleteItems(items) {
2212
- if (!this.autoDeleteEnabled) {
2213
- this.deleteClick.emit(items);
2214
- }
2215
- else {
2216
- this.forceDelete(items);
2217
- }
2218
- }
2219
- forceDelete(items) {
2220
- const deleteFn = this.createDeleteFn(this.datasource);
2221
- if (deleteFn) {
2222
- const deleteMethods = items.map((x) => deleteFn(x));
2223
- forkJoin(deleteMethods)
2224
- .pipe(take(1))
2225
- .subscribe(() => this.finishDeletion(items));
2226
- }
2227
- else {
2228
- this.finishDeletion(items);
2229
- }
2230
- }
2231
- createDeleteFn(datasource) {
2232
- if (!datasource) {
2233
- return undefined;
2234
- }
2235
- if (typeof datasource === 'string') {
2236
- const service = new BaseHttpService(this.httpClient, this.baseUrl, datasource);
2237
- return (item) => service.delete(item.id);
2238
- }
2239
- if (datasource instanceof BaseHttpService) {
2240
- return (item) => datasource.delete(item.id);
2241
- }
2242
- return undefined;
2243
- }
2244
- createDownloadFn(datasource) {
2245
- if (!datasource) {
2246
- return undefined;
2247
- }
2248
- if (typeof datasource === 'string') {
2249
- const service = new BaseHttpService(this.httpClient, this.baseUrl, datasource);
2250
- return (request) => service.export(request);
2251
- }
2252
- if (datasource instanceof BaseHttpService) {
2253
- return (request) => datasource.export(request);
2254
- }
2255
- const fetchFunction = convertDatasource(datasource, this.baseUrl, this.httpClient);
2256
- return (request) => {
2257
- const allData = [];
2258
- let offset = 0;
2259
- const fetchAllData = () => {
2260
- return fetchFunction({
2261
- ...request,
2262
- offset,
2263
- limit: DEFAULT_PAGE_SIZE,
2264
- }).pipe(take(1), switchMap((response) => {
2265
- allData.push(...response.data);
2266
- if (allData.length < response.total) {
2267
- offset = offset + DEFAULT_PAGE_SIZE;
2268
- return fetchAllData();
2269
- }
2270
- else {
2271
- return of(this.convertToBlob(allData));
2272
- }
2273
- }));
2274
- };
2275
- return fetchAllData();
2276
- };
2277
- }
2278
- finishDeletion(items) {
2279
- if (this.datasource && Array.isArray(this.datasource)) {
2280
- this.datasource = this.datasource.filter((x) => !items.includes(x));
2281
- }
2282
- else {
2283
- this.tableDatasourceDirective.reload();
2284
- }
2285
- this.deleteClick.emit(items);
2286
- }
2287
- convertToBlob(data) {
2288
- const columnModel = this.columns.map((x) => new ColumnModel(x));
2289
- const headers = columnModel.map((x, index) => x.headerGetter(x.id, index));
2290
- const dataValues = data.map((row, rowIndex) => columnModel.map((column) => column.valueGetter(row, rowIndex)));
2291
- const csvData = [headers, ...dataValues]
2292
- .map((row) => row.join(','))
2293
- .join('\n');
2294
- return new Blob([csvData], { type: 'text/csv' });
2295
- }
2296
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2297
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\n <v-filter\n #filter\n [title]=\"title\"\n [fields]=\"columns | featureListColumn\"\n [filters]=\"filters\"\n [fulltextFieldName]=\"fulltextFieldName\"\n [showFulltext]=\"showFulltext\"\n [showFilters]=\"showExtendedFilter\"\n >\n <v-action-button-group\n [maxItems]=\"maxVisibleActions\"\n [maxItemsMobile]=\"maxVisibleMobileActions\"\n >\n @if (showAdd) {\n <v-action-button\n [icon]=\"icons.add\"\n label=\"Add\"\n [disabled]=\"!canAdd\"\n (click)=\"addClick.emit()\"\n ></v-action-button>\n } @if (showDelete){\n <v-action-button\n [icon]=\"icons.delete\"\n label=\"Delete\"\n [disabled]=\"!canDelete || !selection.length\"\n (click)=\"startDeleteItems()\"\n ></v-action-button>\n } @if (showDownload){\n <v-action-button\n [icon]=\"icons.download\"\n label=\"Download\"\n [disabled]=\"!canDownload\"\n (click)=\"startDownload()\"\n ></v-action-button>\n }\n </v-action-button-group>\n </v-filter>\n <div class=\"feature-list__table-container full-height-container\">\n <div class=\"full-height-container\">\n <v-table\n useDatasource\n useFilter\n [filterComponent]=\"filter\"\n class=\"full-height-container\"\n [selectionMode]=\"selectionMode\"\n [tableName]=\"tableName\"\n [autoBind]=\"true\"\n [datasource]=\"datasource\"\n [columns]=\"columns\"\n [extraFilter]=\"extraFilter\"\n [maximumColumnLength]=\"maximumColumnLength\"\n [disableCustomClicks]=\"disableCustomClicks\"\n (selectionChange)=\"selectItems($event)\"\n >\n </v-table>\n </div>\n </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["data", "total", "filter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "sortMultiple", "lazy", "selectionMode", "showPageSizePicker", "entityKey", "maximumColumnLength", "disableCustomClicks", "columns", "selection"], outputs: ["pageSizeChange", "selectionChange", "pageChange", "sortChange", "lazyLoad"] }, { kind: "directive", type: TableDatasourceDirective, selector: "v-table[useDatasource]", inputs: ["autoBind", "tableName", "debounceTime", "datasource", "extraFilter", "transformFn"], exportAs: ["useDatasource"] }, { kind: "component", type: FilterComponent, selector: "v-filter", inputs: ["fields", "filters", "title", "fulltextFieldName", "showFulltext", "showFilters", "autoBind", "debounceTime"] }, { kind: "directive", type: TableFilterDirective, selector: "v-table[useFilter]", inputs: ["filterComponent"], exportAs: ["tableFilterDirective"] }, { kind: "component", type: ActionButtonGroupComponent, selector: "v-action-button-group", inputs: ["maxItems", "maxItemsMobile", "items", "menuIconPos", "menuIcon", "label", "icon"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "pipe", type: FeatureListFilterPipe, name: "featureListColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2298
- }
2299
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListComponent, decorators: [{
2300
- type: Component,
2301
- args: [{ selector: 'v-feature-list', imports: [
2302
- TableComponent,
2303
- TableDatasourceDirective,
2304
- FilterComponent,
2305
- TableFilterDirective,
2306
- ActionButtonGroupComponent,
2307
- ActionButtonComponent,
2308
- FeatureListFilterPipe,
2309
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n <v-filter\n #filter\n [title]=\"title\"\n [fields]=\"columns | featureListColumn\"\n [filters]=\"filters\"\n [fulltextFieldName]=\"fulltextFieldName\"\n [showFulltext]=\"showFulltext\"\n [showFilters]=\"showExtendedFilter\"\n >\n <v-action-button-group\n [maxItems]=\"maxVisibleActions\"\n [maxItemsMobile]=\"maxVisibleMobileActions\"\n >\n @if (showAdd) {\n <v-action-button\n [icon]=\"icons.add\"\n label=\"Add\"\n [disabled]=\"!canAdd\"\n (click)=\"addClick.emit()\"\n ></v-action-button>\n } @if (showDelete){\n <v-action-button\n [icon]=\"icons.delete\"\n label=\"Delete\"\n [disabled]=\"!canDelete || !selection.length\"\n (click)=\"startDeleteItems()\"\n ></v-action-button>\n } @if (showDownload){\n <v-action-button\n [icon]=\"icons.download\"\n label=\"Download\"\n [disabled]=\"!canDownload\"\n (click)=\"startDownload()\"\n ></v-action-button>\n }\n </v-action-button-group>\n </v-filter>\n <div class=\"feature-list__table-container full-height-container\">\n <div class=\"full-height-container\">\n <v-table\n useDatasource\n useFilter\n [filterComponent]=\"filter\"\n class=\"full-height-container\"\n [selectionMode]=\"selectionMode\"\n [tableName]=\"tableName\"\n [autoBind]=\"true\"\n [datasource]=\"datasource\"\n [columns]=\"columns\"\n [extraFilter]=\"extraFilter\"\n [maximumColumnLength]=\"maximumColumnLength\"\n [disableCustomClicks]=\"disableCustomClicks\"\n (selectionChange)=\"selectItems($event)\"\n >\n </v-table>\n </div>\n </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
2310
- }], propDecorators: { viewColumns: [{
2311
- type: ContentChildren,
2312
- args: [FEATURE_LIST_COLUMN_PROVIDER]
2313
- }], fieldDeclarations: [{
2314
- type: ContentChildren,
2315
- args: [FeatureListFilterFieldDirective]
2316
- }], tableDatasourceDirective: [{
2317
- type: ViewChild,
2318
- args: [TableDatasourceDirective]
2319
- }], autoBind: [{
2320
- type: Input
2321
- }], title: [{
2322
- type: Input
2323
- }], columns: [{
2324
- type: Input
2325
- }], filters: [{
2326
- type: Input
2327
- }], maxVisibleActions: [{
2328
- type: Input
2329
- }], tableName: [{
2330
- type: Input,
2331
- args: [{ required: true }]
2332
- }], ngrxFeatureKey: [{
2333
- type: Input
2334
- }], maxVisibleMobileActions: [{
2335
- type: Input
2336
- }], showExtendedFilter: [{
2337
- type: Input
2338
- }], showDownload: [{
2339
- type: Input
2340
- }], showDelete: [{
2341
- type: Input
2342
- }], showAdd: [{
2343
- type: Input
2344
- }], canDownload: [{
2345
- type: Input
2346
- }], canDelete: [{
2347
- type: Input
2348
- }], canAdd: [{
2349
- type: Input
2350
- }], useRouterFilter: [{
2351
- type: Input
2352
- }], fulltextFieldName: [{
2353
- type: Input
2354
- }], showFulltext: [{
2355
- type: Input
2356
- }], deleteConfirmMessage: [{
2357
- type: Input
2358
- }], autoDeleteEnabled: [{
2359
- type: Input
2360
- }], autoDownloadEnabled: [{
2361
- type: Input
2362
- }], downloadFileName: [{
2363
- type: Input
2364
- }], datasource: [{
2365
- type: Input
2366
- }], extraFilter: [{
2367
- type: Input
2368
- }], disableCustomClicks: [{
2369
- type: Input
2370
- }], maximumColumnLength: [{
2371
- type: Input
2372
- }], addClick: [{
2373
- type: Output
2374
- }], downloadClick: [{
2375
- type: Output
2376
- }], deleteClick: [{
2377
- type: Output
2378
- }], selectionChange: [{
2379
- type: Output
2380
- }], selectionMode: [{
2381
- type: Input
2382
- }] } });
2383
-
2384
- class FeatureListColumnDirective extends TableColumnDirective {
2385
- constructor() {
2386
- super(...arguments);
2387
- this.filter = false;
2388
- this.type = GenericFieldType.text;
2389
- }
2390
- getDefinition() {
2391
- const definition = super.getDefinition();
2392
- definition.filter = this.filter;
2393
- definition.type = this.type;
2394
- definition.format = this.format;
2395
- return definition;
2396
- }
2397
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
2398
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: FeatureListColumnDirective, isStandalone: true, selector: "v-feature-list-column", inputs: { filter: "filter", type: "type" }, providers: [
2399
- {
2400
- provide: FEATURE_LIST_COLUMN_PROVIDER,
2401
- useExisting: FeatureListColumnDirective,
2402
- multi: true,
2403
- },
2404
- ], usesInheritance: true, ngImport: i0 }); }
2405
- }
2406
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListColumnDirective, decorators: [{
2407
- type: Directive,
2408
- args: [{
2409
- // eslint-disable-next-line @angular-eslint/directive-selector
2410
- selector: 'v-feature-list-column',
2411
- standalone: true,
2412
- providers: [
2413
- {
2414
- provide: FEATURE_LIST_COLUMN_PROVIDER,
2415
- useExisting: FeatureListColumnDirective,
2416
- multi: true,
2417
- },
2418
- ],
2419
- }]
2420
- }], propDecorators: { filter: [{
2421
- type: Input
2422
- }], type: [{
2423
- type: Input
2424
- }] } });
2425
-
2426
- /* eslint-disable @typescript-eslint/no-explicit-any */
2427
- class DynamicComponentFactoryService {
2428
- constructor(componentFactoryResolver) {
2429
- this.componentFactoryResolver = componentFactoryResolver;
2430
- }
2431
- ngOnDestroy() {
2432
- this.unsubscribeComponentEvents(this);
2433
- }
2434
- async createDynamicComponent(componentType, viewContainerRef, inputs, injector = undefined) {
2435
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
2436
- viewContainerRef.clear();
2437
- const component = viewContainerRef.createComponent(componentFactory, undefined, injector);
2438
- this.setComponentDataInt(componentFactory, component, inputs);
2439
- this.fireComponentEvents(component.instance, inputs);
2440
- return component;
2441
- }
2442
- setComponentData(component, inputs) {
2443
- const factory = this.componentFactoryResolver.resolveComponentFactory(component.componentType);
2444
- this.setComponentDataInt(factory, component, inputs);
2445
- }
2446
- unsubscribeComponentEvents(instance) {
2447
- const subscriptionStoreKey = '__outputSubscriptions__';
2448
- const subscriptions = instance[subscriptionStoreKey];
2449
- if (subscriptions) {
2450
- subscriptions.forEach((sub) => sub.unsubscribe());
2451
- subscriptions.clear();
2452
- }
2453
- }
2454
- fireComponentEvents(instance, inputs) {
2455
- if (!instance || typeof instance !== 'object')
2456
- return;
2457
- this.fireInputComponentEvents(instance, inputs);
2458
- this.fireOutputComponentEvents(instance, inputs);
2459
- }
2460
- setComponentDataInt(factory, component, inputs) {
2461
- if (inputs) {
2462
- const propertyNames = factory.inputs.map((x) => x.propName);
2463
- const inputsHash = new Set(propertyNames);
2464
- Object.keys(inputs)
2465
- .filter((x) => inputsHash.has(x))
2466
- .forEach((x) => {
2467
- component.instance[x] = inputs[x];
2468
- });
2469
- }
2470
- }
2471
- fireInputComponentEvents(instance, inputs) {
2472
- const onChangeComponent = instance;
2473
- if (onChangeComponent.ngOnChanges && inputs) {
2474
- const changeEventArgs = Object.keys(inputs).reduce((changes, key) => {
2475
- const inputValue = inputs[key];
2476
- changes[key] = new SimpleChange(undefined, inputValue, true);
2477
- return changes;
2478
- }, {});
2479
- onChangeComponent.ngOnChanges(changeEventArgs);
2480
- }
2481
- }
2482
- fireOutputComponentEvents(instance, inputs) {
2483
- const outputs = Object.keys(inputs).filter((key) => {
2484
- const emitter = instance[key];
2485
- return emitter instanceof EventEmitter;
2486
- });
2487
- const subscriptionStoreKey = '__outputSubscriptions__';
2488
- if (!(subscriptionStoreKey in instance)) {
2489
- instance[subscriptionStoreKey] = new Map();
2490
- }
2491
- const subscriptions = instance[subscriptionStoreKey];
2492
- for (const outputKey of outputs) {
2493
- const eventEmitter = instance[outputKey];
2494
- const callback = inputs[outputKey];
2495
- if (eventEmitter && typeof callback === 'function') {
2496
- if (subscriptions.has(outputKey)) {
2497
- subscriptions.get(outputKey).unsubscribe();
2498
- }
2499
- const subscription = eventEmitter.subscribe((value) => callback(value));
2500
- subscriptions.set(outputKey, subscription);
2501
- }
2502
- }
2503
- }
2504
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponentFactoryService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
2505
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponentFactoryService, providedIn: 'root' }); }
2506
- }
2507
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponentFactoryService, decorators: [{
2508
- type: Injectable,
2509
- args: [{
2510
- providedIn: 'root',
2511
- }]
2512
- }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }] });
2513
-
2514
- class DynamicComponent {
2515
- constructor() {
2516
- this.factoryServices = inject(DynamicComponentFactoryService);
2517
- this.changeDetectorRef = inject(ChangeDetectorRef);
2518
- this.injector = inject(Injector);
2519
- }
2520
- ngOnChanges() {
2521
- this.createComponent();
2522
- }
2523
- ngAfterViewInit() {
2524
- this.createComponent();
2525
- this.changeDetectorRef.detectChanges();
2526
- }
2527
- createComponent() {
2528
- if (this.container) {
2529
- this.factoryServices.createDynamicComponent(this.componentType, this.container, this.data, this.injector);
2530
- }
2531
- }
2532
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2533
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: DynamicComponent, isStandalone: true, selector: "v-dynamic-component", inputs: { componentType: "componentType", data: "data" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<ng-container #dynamicContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2534
- }
2535
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponent, decorators: [{
2536
- type: Component,
2537
- args: [{
2538
- selector: 'v-dynamic-component',
2539
- standalone: true,
2540
- changeDetection: ChangeDetectionStrategy.OnPush,
2541
- template: `<ng-container #dynamicContainer></ng-container>`,
2542
- }]
2543
- }], propDecorators: { componentType: [{
2544
- type: Input
2545
- }], data: [{
2546
- type: Input
2547
- }], container: [{
2548
- type: ViewChild,
2549
- args: ['dynamicContainer', { read: ViewContainerRef, static: true }]
2550
- }] } });
2551
-
2552
- class PageHeaderComponent extends PageHeaderCoreComponent {
2553
- constructor() {
2554
- super(...arguments);
2555
- this.icons = Icons;
2556
- }
2557
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
2558
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: PageHeaderComponent, isStandalone: true, selector: "v-page-header", providers: [
2559
- { provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
2560
- ], queries: [{ propertyName: "buttonGroup", first: true, predicate: ActionButtonGroupComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-page-header d-block d-md-flex px-3 w-100 gap-0 gap-md-4 align-items-center text-center text-md-start\"\n>\n <v-button\n *ngIf=\"showBackButton\"\n size=\"small\"\n [icon]=\"icons.arrowLeft\"\n label=\"Back\"\n [outlined]=\"true\"\n (click)=\"locationBack()\"\n ></v-button>\n <div\n class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\n >\n <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\n <div\n *ngIf=\"subtitle\"\n class=\"d-flex gap-2 align-items-center text-center text-md-start\"\n >\n <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\n <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\n </div>\n </div>\n <div\n class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n >\n <div *ngIf=\"buttonGroup\">\n <ng-content [select]=\"buttonGroup\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2561
- }
2562
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PageHeaderComponent, decorators: [{
2563
- type: Component,
2564
- args: [{ selector: 'v-page-header', imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
2565
- { provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
2566
- ], template: "<div\n class=\"v-page-header d-block d-md-flex px-3 w-100 gap-0 gap-md-4 align-items-center text-center text-md-start\"\n>\n <v-button\n *ngIf=\"showBackButton\"\n size=\"small\"\n [icon]=\"icons.arrowLeft\"\n label=\"Back\"\n [outlined]=\"true\"\n (click)=\"locationBack()\"\n ></v-button>\n <div\n class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\n >\n <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\n <div\n *ngIf=\"subtitle\"\n class=\"d-flex gap-2 align-items-center text-center text-md-start\"\n >\n <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\n <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\n </div>\n </div>\n <div\n class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n >\n <div *ngIf=\"buttonGroup\">\n <ng-content [select]=\"buttonGroup\"></ng-content>\n </div>\n </div>\n</div>\n" }]
2567
- }], propDecorators: { buttonGroup: [{
2568
- type: ContentChild,
2569
- args: [ActionButtonGroupComponent]
2570
- }] } });
2571
-
2572
- class StepperComponent {
2573
- constructor() {
2574
- this.icons = Icons;
2575
- this.size = FieldSize.medium;
2576
- this.layout = LayoutType.horizontal;
2577
- this.activeIndex = 0;
2578
- this.activeIndexChange = new EventEmitter();
2579
- }
2580
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2581
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: StepperComponent, isStandalone: true, selector: "v-stepper", inputs: { items: "items", prefix: "prefix", label: "label", size: "size", layout: "layout", icon: "icon", activeIndex: "activeIndex", annotation: "annotation" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
2582
- { provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
2583
- ], ngImport: i0, template: "<div class=\"v-stepper\">\n <p-stepper>\n <p-step-list>\n @for(item of items; track item; let idx = $index) {\n <p-step [value]=\"idx\">{{ item.header }}</p-step>\n }\n </p-step-list>\n <p-step-panels>\n @for(item of items; track item; let idx = $index) {\n <p-step-panel [value]=\"idx\">\n <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\"\n let-index=\"index\">\n <ng-container *ngIf=\"item.template && item.template.elementRef\">\n <ng-template *ngTemplateOutlet=\"\n item.template;\n context: { item: item, index: index }\n \" />\n </ng-container>\n <div class=\"d-flex pt-4 justify-content-between\">\n <v-button *ngIf=\"index > 0\" label=\"Back\" [icon]=\"icons.arrowLeft\" size=\"small\" [outlined]=\"true\"\n (click)=\"prevCallback.emit()\" />\n\n <v-button *ngIf=\"index < items.length - 1\" label=\"Next\" size=\"small\" [icon]=\"icons.arrowRight\"\n iconPos=\"right\" (click)=\"nextCallback.emit()\" />\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-panels>\n </p-stepper>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: StepperModule }, { kind: "component", type: i2$8.Stepper, selector: "p-stepper", inputs: ["value", "linear", "transitionOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$8.StepList, selector: "p-step-list" }, { kind: "component", type: i2$8.StepPanels, selector: "p-step-panels" }, { kind: "component", type: i2$8.StepPanel, selector: "p-step-panel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: i2$8.Step, selector: "p-step", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2584
- }
2585
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: StepperComponent, decorators: [{
2586
- type: Component,
2587
- args: [{ selector: 'v-stepper', imports: [CommonModule, ButtonComponent, StepperModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
2588
- { provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
2589
- ], template: "<div class=\"v-stepper\">\n <p-stepper>\n <p-step-list>\n @for(item of items; track item; let idx = $index) {\n <p-step [value]=\"idx\">{{ item.header }}</p-step>\n }\n </p-step-list>\n <p-step-panels>\n @for(item of items; track item; let idx = $index) {\n <p-step-panel [value]=\"idx\">\n <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\"\n let-index=\"index\">\n <ng-container *ngIf=\"item.template && item.template.elementRef\">\n <ng-template *ngTemplateOutlet=\"\n item.template;\n context: { item: item, index: index }\n \" />\n </ng-container>\n <div class=\"d-flex pt-4 justify-content-between\">\n <v-button *ngIf=\"index > 0\" label=\"Back\" [icon]=\"icons.arrowLeft\" size=\"small\" [outlined]=\"true\"\n (click)=\"prevCallback.emit()\" />\n\n <v-button *ngIf=\"index < items.length - 1\" label=\"Next\" size=\"small\" [icon]=\"icons.arrowRight\"\n iconPos=\"right\" (click)=\"nextCallback.emit()\" />\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-panels>\n </p-stepper>\n</div>" }]
2590
- }], propDecorators: { items: [{
2591
- type: Input
2592
- }], prefix: [{
2593
- type: Input
2594
- }], label: [{
2595
- type: Input
2596
- }], size: [{
2597
- type: Input
2598
- }], layout: [{
2599
- type: Input
2600
- }], icon: [{
2601
- type: Input
2602
- }], activeIndex: [{
2603
- type: Input
2604
- }], annotation: [{
2605
- type: Input
2606
- }], activeIndexChange: [{
2607
- type: Output
2608
- }] } });
2609
-
2610
- class SliderComponent extends BaseFormInputComponent {
2611
- constructor(ngControl) {
2612
- super(ngControl);
2613
- this.step = 1;
2614
- this.min = 0;
2615
- this.max = 100;
2616
- this.range = false;
2617
- }
2618
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SliderComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
2619
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SliderComponent, isStandalone: true, selector: "v-slider", inputs: { step: "step", min: "min", max: "max", range: "range" }, providers: [
2620
- {
2621
- provide: BaseInputControls,
2622
- useExisting: forwardRef(() => SliderComponent),
2623
- },
2624
- {
2625
- provide: SLIDER_COMPONENT_TOKEN,
2626
- useExisting: SliderComponent,
2627
- },
2628
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-slider\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-slider\n class=\"w-100\"\n [formControl]=\"formControl\"\n [step]=\"step\"\n [range]=\"range\"\n [min]=\"min\"\n [max]=\"max\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SliderModule }, { kind: "component", type: i2$9.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2629
- }
2630
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SliderComponent, decorators: [{
2631
- type: Component,
2632
- args: [{ selector: 'v-slider', imports: [
2633
- CommonModule,
2634
- SliderModule,
2635
- ReactiveFormsModule,
2636
- FormFieldComponent,
2637
- ErrorComponent
2638
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
2639
- {
2640
- provide: BaseInputControls,
2641
- useExisting: forwardRef(() => SliderComponent),
2642
- },
2643
- {
2644
- provide: SLIDER_COMPONENT_TOKEN,
2645
- useExisting: SliderComponent,
2646
- },
2647
- ], template: "<div class=\"v-slider\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-slider\n class=\"w-100\"\n [formControl]=\"formControl\"\n [step]=\"step\"\n [range]=\"range\"\n [min]=\"min\"\n [max]=\"max\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>" }]
2648
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
2649
- type: Optional
2650
- }, {
2651
- type: Self
2652
- }] }], propDecorators: { step: [{
2653
- type: Input
2654
- }], min: [{
2655
- type: Input
2656
- }], max: [{
2657
- type: Input
2658
- }], range: [{
2659
- type: Input
2660
- }] } });
2661
-
2662
- class ConfirmDialogComponent extends UnsubscribeComponent {
2663
- constructor(dialogService, cdr) {
2664
- super();
2665
- this.dialogService = dialogService;
2666
- this.cdr = cdr;
2667
- this.visible = false;
2668
- this.closable = false;
2669
- }
2670
- ngOnInit() {
2671
- this.dialogService.showEvent
2672
- .pipe(takeUntil(this.destroyed$))
2673
- .subscribe((x) => {
2674
- this.data = x;
2675
- this.visible = true;
2676
- this.cdr.detectChanges();
2677
- });
2678
- }
2679
- dialogClick(confirm) {
2680
- const { confirmButtonFn, cancelButtonFn } = this.data;
2681
- if (confirm && confirmButtonFn) {
2682
- confirmButtonFn();
2683
- }
2684
- if (!confirm && cancelButtonFn) {
2685
- cancelButtonFn();
2686
- }
2687
- this.visible = false;
2688
- this.cdr.detectChanges();
2689
- }
2690
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$2.DialogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
2691
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: ConfirmDialogComponent, isStandalone: true, selector: "v-confirm-dialog", providers: [
2692
- {
2693
- provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
2694
- useExisting: ConfirmDialogComponent,
2695
- },
2696
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\n <p-dialog\n [(visible)]=\"visible\"\n [modal]=\"true\"\n [closable]=\"closable\"\n [style]=\"{ width: '25rem' }\"\n >\n <ng-template pTemplate=\"header\">\n <div\n class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\n >\n <h1 class=\"text-center me-3\">{{ data.title }}</h1>\n <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\n </div>\n </ng-template>\n <div class=\"v-dialog-content w-100 align-items-center text-center\">\n @if (data.innerHTML) {\n <div [innerHTML]=\"data.innerHTML\"></div>\n } @else if (data.componentType) {\n <v-dynamic-component\n [componentType]=\"data.componentType\"\n [data]=\"$any(data.data)\"\n ></v-dynamic-component>\n }\n </div>\n <ng-template pTemplate=\"footer\">\n <div\n class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\n [ngClass]=\"{\n 'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\n }\"\n >\n <v-button\n [label]=\"data.confirmButtonText ?? 'Yes'\"\n [severity]=\"data.severity\"\n (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n />\n <v-button\n *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\n [label]=\"data.cancelButtonText ?? 'No'\"\n [outlined]=\"true\"\n [severity]=\"'secondary'\"\n (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n />\n </div>\n </ng-template>\n </p-dialog>\n</div>\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$7.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: DynamicComponent, selector: "v-dynamic-component", inputs: ["componentType", "data"] }] }); }
2697
- }
2698
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
2699
- type: Component,
2700
- args: [{ selector: 'v-confirm-dialog', imports: [
2701
- CommonModule,
2702
- DialogModule,
2703
- ButtonComponent,
2704
- AvatarModule,
2705
- DynamicComponent,
2706
- ], providers: [
2707
- {
2708
- provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
2709
- useExisting: ConfirmDialogComponent,
2710
- },
2711
- ], template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\n <p-dialog\n [(visible)]=\"visible\"\n [modal]=\"true\"\n [closable]=\"closable\"\n [style]=\"{ width: '25rem' }\"\n >\n <ng-template pTemplate=\"header\">\n <div\n class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\n >\n <h1 class=\"text-center me-3\">{{ data.title }}</h1>\n <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\n </div>\n </ng-template>\n <div class=\"v-dialog-content w-100 align-items-center text-center\">\n @if (data.innerHTML) {\n <div [innerHTML]=\"data.innerHTML\"></div>\n } @else if (data.componentType) {\n <v-dynamic-component\n [componentType]=\"data.componentType\"\n [data]=\"$any(data.data)\"\n ></v-dynamic-component>\n }\n </div>\n <ng-template pTemplate=\"footer\">\n <div\n class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\n [ngClass]=\"{\n 'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\n }\"\n >\n <v-button\n [label]=\"data.confirmButtonText ?? 'Yes'\"\n [severity]=\"data.severity\"\n (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n />\n <v-button\n *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\n [label]=\"data.cancelButtonText ?? 'No'\"\n [outlined]=\"true\"\n [severity]=\"'secondary'\"\n (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n />\n </div>\n </ng-template>\n </p-dialog>\n</div>\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"] }]
2712
- }], ctorParameters: () => [{ type: i1$2.DialogService }, { type: i0.ChangeDetectorRef }] });
2713
-
2714
- class SwitchComponent extends BaseFormInputComponent {
2715
- constructor(ngControl) {
2716
- super(ngControl);
2717
- this.id = v4();
2718
- }
2719
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SwitchComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
2720
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SwitchComponent, isStandalone: true, selector: "v-switch", providers: [
2721
- {
2722
- provide: BaseInputControls,
2723
- useExisting: forwardRef(() => SwitchComponent),
2724
- multi: true,
2725
- },
2726
- {
2727
- provide: SWITCH_COMPONENT_TOKEN,
2728
- useExisting: SwitchComponent,
2729
- },
2730
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-switch d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-inputSwitch\n [formControl]=\"formControl\"\n [required]=\"isRequired()\"\n [title]=\"label\"\n [readonly]=\"readonly\"\n [inputId]=\"id\"\n /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i2$a.InputSwitch, selector: "p-inputSwitch, p-inputswitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2731
- }
2732
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SwitchComponent, decorators: [{
2733
- type: Component,
2734
- args: [{ selector: 'v-switch', imports: [
2735
- CommonModule,
2736
- InputSwitchModule,
2737
- ReactiveFormsModule,
2738
- FormFieldComponent,
2739
- ErrorComponent
2740
- ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
2741
- {
2742
- provide: BaseInputControls,
2743
- useExisting: forwardRef(() => SwitchComponent),
2744
- multi: true,
2745
- },
2746
- {
2747
- provide: SWITCH_COMPONENT_TOKEN,
2748
- useExisting: SwitchComponent,
2749
- },
2750
- ], template: "<div class=\"v-switch d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-inputSwitch\n [formControl]=\"formControl\"\n [required]=\"isRequired()\"\n [title]=\"label\"\n [readonly]=\"readonly\"\n [inputId]=\"id\"\n /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n" }]
2751
- }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
2752
- type: Optional
2753
- }, {
2754
- type: Self
2755
- }] }] });
2756
-
2757
- class HttpErrorMessageInterceptor {
2758
- constructor(snackbarService) {
2759
- this.snackbarService = snackbarService;
2760
- }
2761
- intercept(req, next) {
2762
- return next.handle(req).pipe(catchError((errorResponse) => {
2763
- if (!errorResponse.ok) {
2764
- if (errorResponse.status === 403) {
2765
- this.snackbarService.showError('Unauthorized request');
2766
- console.error('Unauthorized request');
2767
- }
2768
- else {
2769
- this.snackbarService.showError(errorResponse.message);
2770
- console.error(errorResponse);
2771
- }
2772
- }
2773
- return throwError(() => errorResponse);
2774
- }));
2775
- }
2776
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HttpErrorMessageInterceptor, deps: [{ token: SnackbarService }], target: i0.ɵɵFactoryTarget.Injectable }); }
2777
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HttpErrorMessageInterceptor }); }
2778
- }
2779
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HttpErrorMessageInterceptor, decorators: [{
2780
- type: Injectable
2781
- }], ctorParameters: () => [{ type: SnackbarService }] });
2782
-
2783
- class TabViewItemComponent {
2784
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2785
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TabViewItemComponent, isStandalone: true, selector: "v-tab-view-item", inputs: { title: "title", url: "url", icon: "icon", disabled: "disabled", content: "content" }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], ngImport: i0, template: `<ng-template #contentTemplate>
2786
- <ng-content></ng-content>
2787
- </ng-template>`, isInline: true }); }
2788
- }
2789
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewItemComponent, decorators: [{
2790
- type: Component,
2791
- args: [{
2792
- selector: 'v-tab-view-item',
2793
- template: `<ng-template #contentTemplate>
2794
- <ng-content></ng-content>
2795
- </ng-template>`,
2796
- }]
2797
- }], propDecorators: { contentTemplate: [{
2798
- type: ViewChild,
2799
- args: ['contentTemplate', { static: true }]
2800
- }], title: [{
2801
- type: Input
2802
- }], url: [{
2803
- type: Input
2804
- }], icon: [{
2805
- type: Input
2806
- }], disabled: [{
2807
- type: Input
2808
- }], content: [{
2809
- type: Input
2810
- }] } });
2811
-
2812
- class TabViewComponent {
2813
- constructor() {
2814
- this.items = [];
2815
- this.useRouting = false;
2816
- this.activeIndex = 0;
2817
- this.activeIndexChange = new EventEmitter();
2818
- this.mergedItems = [];
2819
- }
2820
- ngAfterContentInit() {
2821
- this.mergedItems = [...this.items, ...this.children.toArray()];
2822
- }
2823
- activeItemChanged(item) {
2824
- let index;
2825
- if (typeof item === 'number') {
2826
- index = item;
2827
- }
2828
- else {
2829
- index = this.items.indexOf(item);
2830
- }
2831
- if (index != -1) {
2832
- this.activeIndexChange.emit(index);
2833
- }
2834
- }
2835
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2836
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: TabViewComponent, isStandalone: true, selector: "v-tab-view", inputs: { items: "items", useRouting: "useRouting", activeIndex: "activeIndex" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
2837
- { provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent }
2838
- ], queries: [{ propertyName: "children", predicate: TabViewItemComponent }], ngImport: i0, template: "<div class=\"v-tab-view\">\n @if (useRouting) {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for(tab of mergedItems; track tab.url; let index = $index){\n <p-tab [value]=\"index\" [routerLink]=\"tab.url\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n </p-tabs>\n <router-outlet></router-outlet>\n } @else {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tab [value]=\"index\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n <p-tabpanels>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tabpanel [value]=\"index\">\n @if (tab.contentTemplate){\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n } @else if (tab.content) {\n {{ tab.content }}\n }\n </p-tabpanel>\n }\n </p-tabpanels>\n </p-tabs>\n }\n</div>", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i1$6.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i1$6.TabPanels, selector: "p-tabpanels" }, { kind: "component", type: i1$6.TabPanel, selector: "p-tabpanel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: i1$6.TabList, selector: "p-tablist" }, { kind: "component", type: i1$6.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
2839
- }
2840
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewComponent, decorators: [{
2841
- type: Component,
2842
- args: [{ selector: 'v-tab-view', imports: [RouterOutlet, RouterLink, TabsModule, NgTemplateOutlet], providers: [
2843
- { provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent }
2844
- ], template: "<div class=\"v-tab-view\">\n @if (useRouting) {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for(tab of mergedItems; track tab.url; let index = $index){\n <p-tab [value]=\"index\" [routerLink]=\"tab.url\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n </p-tabs>\n <router-outlet></router-outlet>\n } @else {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tab [value]=\"index\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n <p-tabpanels>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tabpanel [value]=\"index\">\n @if (tab.contentTemplate){\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n } @else if (tab.content) {\n {{ tab.content }}\n }\n </p-tabpanel>\n }\n </p-tabpanels>\n </p-tabs>\n }\n</div>" }]
2845
- }], propDecorators: { children: [{
2846
- type: ContentChildren,
2847
- args: [TabViewItemComponent]
2848
- }], items: [{
2849
- type: Input
2850
- }], useRouting: [{
2851
- type: Input
2852
- }], activeIndex: [{
2853
- type: Input
2854
- }], activeIndexChange: [{
2855
- type: Output
2856
- }] } });
2857
-
2858
- class TooltipComponent {
2859
- constructor() {
2860
- this.color = input(undefined);
2861
- this.position = input(undefined);
2862
- this.size = input(undefined);
2863
- this.tooltipText = input(undefined);
2864
- }
2865
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2866
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.9", type: TooltipComponent, isStandalone: true, selector: "v-tooltip", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-inline-block v-tooltip\" [pTooltip]=\"tooltipText()\" [tooltipPosition]=\"position()\">\n <ng-content></ng-content>\n</div>", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
2867
- }
2868
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
2869
- type: Component,
2870
- args: [{ selector: "v-tooltip", imports: [
2871
- TooltipModule,
2872
- ], template: "<div class=\"d-inline-block v-tooltip\" [pTooltip]=\"tooltipText()\" [tooltipPosition]=\"position()\">\n <ng-content></ng-content>\n</div>" }]
2873
- }] });
2874
-
2875
- /**
2876
- * Generated bundle index. Do not edit.
2877
- */
2878
-
2879
- export { ActionButtonComponent, ActionButtonGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CheckboxComponent, ConfirmDialogComponent, DropdownButtonComponent, DropdownComponent, DynamicComponent, DynamicComponentFactoryService, FEATURE_LIST_COLUMN_PROVIDER, FEATURE_LIST_PAGE_CONFIG_PROPERTY, FeatureListColumnDirective, FeatureListComponent, FeatureListFilterFieldDirective, FeatureListFilterPipe, FilterComponent, FilterFieldDirective, FormFieldComponent, GenericFieldComponent, GenericFormComponent, HeaderComponent, HeaderProviderService, HttpErrorMessageInterceptor, Icons, InputGroupComponent, LoaderComponent, MultiselectComponent, NumberInputComponent, PageHeaderComponent, PasswordComponent, RadioButtonComponent, SectionComponent, SideMenuComponent, SideMenuModule, SliderComponent, SnackbarComponent, SnackbarService, StepperComponent, SwitchComponent, TabViewComponent, TabViewItemComponent, TableComponent, TextareaComponent, TextfieldComponent, TooltipComponent, addFeatureListPage, generateFormGroup, getColumnClass };
2880
- //# sourceMappingURL=verisoft-ui-primeng.mjs.map