aril 1.2.23 → 1.2.25

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 (447) hide show
  1. package/esm2022/boot/base/index.mjs +1 -1
  2. package/esm2022/boot/base/src/create-base-app-config.mjs +1 -1
  3. package/esm2022/boot/bridge/index.mjs +1 -1
  4. package/esm2022/boot/bridge/src/mfe-bridge.mjs +1 -1
  5. package/esm2022/boot/bridge/src/provide-mfe-bridge.mjs +1 -1
  6. package/esm2022/boot/config/api/index.mjs +1 -1
  7. package/esm2022/boot/config/api/src/api.service.mjs +1 -1
  8. package/esm2022/boot/config/api/src/interfaces.mjs +1 -1
  9. package/esm2022/boot/config/apps/src/apps.service.mjs +4 -4
  10. package/esm2022/boot/config/apps/src/auth.guard.mjs +4 -4
  11. package/esm2022/boot/config/apps/src/interfaces.mjs +1 -1
  12. package/esm2022/boot/config/apps/src/route-permissions.mjs +1 -1
  13. package/esm2022/boot/config/apps/src/showdowDOMWrapper.mjs +4 -4
  14. package/esm2022/boot/config/plugins/src/getNgZone.mjs +1 -1
  15. package/esm2022/boot/config/plugins/src/interfaces.mjs +1 -1
  16. package/esm2022/boot/config/plugins/src/plugins.service.mjs +1 -1
  17. package/esm2022/boot/config/translate/primeng/i18n/tr.mjs +1 -1
  18. package/esm2022/boot/host/src/app.component.mjs +4 -4
  19. package/esm2022/boot/host/src/bootstrap.mjs +1 -1
  20. package/esm2022/boot/mfe/src/app.component.mjs +15 -15
  21. package/esm2022/boot/mfe/src/bootstrap.mjs +1 -1
  22. package/esm2022/boot/pages/index.mjs +1 -1
  23. package/esm2022/boot/pages/src/forbidden.component.mjs +53 -53
  24. package/esm2022/boot/pages/src/notFound.component.mjs +49 -49
  25. package/esm2022/http/lib/enums.mjs +1 -1
  26. package/esm2022/http/src/httpBackend.mjs +4 -4
  27. package/esm2022/http/src/serviceBase.mjs +1 -1
  28. package/esm2022/http/src/serviceStateMethods.mjs +1 -1
  29. package/esm2022/i18n/src/i18n.module.mjs +5 -5
  30. package/esm2022/i18n/src/loader.mjs +4 -4
  31. package/esm2022/keycloak/src/auth.interceptor.mjs +1 -1
  32. package/esm2022/provider/src/prodiveHost.mjs +1 -1
  33. package/esm2022/provider/src/prodiveHostRouter.mjs +1 -1
  34. package/esm2022/provider/src/provideHostKeycloak.mjs +1 -1
  35. package/esm2022/superset/index.mjs +1 -1
  36. package/esm2022/theme/layout/app/breadcrumb/app.breadcrumb.component.mjs +4 -4
  37. package/esm2022/theme/layout/app/expandableMenu/expandable-menu.component.mjs +5 -5
  38. package/esm2022/theme/layout/app/favorite-pages/favorite-pages-sidebar.component.mjs +4 -4
  39. package/esm2022/theme/layout/app/favorite-pages/favorite-pages.service.mjs +4 -4
  40. package/esm2022/theme/layout/app/favorite-pages/modals/add-edit-favorite-modal/add-edit-favorite-modal.component.mjs +4 -4
  41. package/esm2022/theme/layout/app/general-search/general-search.component.mjs +4 -4
  42. package/esm2022/theme/layout/app/history/history-sidebar.component.mjs +4 -4
  43. package/esm2022/theme/layout/app/history/history.service.mjs +4 -4
  44. package/esm2022/theme/layout/app/layout/app.layout.component.mjs +4 -4
  45. package/esm2022/theme/layout/app/layout/mfe.layout.component.mjs +4 -4
  46. package/esm2022/theme/layout/app/notifications/notifications-sidebar.component.mjs +4 -4
  47. package/esm2022/theme/layout/app/profileSidebar/app.profilesidebar.component.mjs +4 -4
  48. package/esm2022/theme/layout/app/profileSidebar/modals/change-password-modal/change-password-modal.component.mjs +4 -4
  49. package/esm2022/theme/layout/app/profileSidebar/modals/edit-profile-modal/edit-profile-modal.component.mjs +4 -4
  50. package/esm2022/theme/layout/app/profileSidebar/profile.service.mjs +4 -4
  51. package/esm2022/theme/layout/app/site-map/site-map-sidebar.component.mjs +4 -4
  52. package/esm2022/theme/layout/app/static-sidebar/static-sidebar.component.mjs +5 -5
  53. package/esm2022/theme/layout/app/topbar/app.topbar.component.mjs +10 -5
  54. package/esm2022/theme/layout/index.mjs +1 -1
  55. package/esm2022/theme/layout/service/app.layout.service.mjs +4 -4
  56. package/esm2022/theme/layout/service/app.menu.service.mjs +4 -4
  57. package/esm2022/theme/layout/service/breadcrumb.service.mjs +4 -4
  58. package/esm2022/theme/layout/service/interfaces/enum.mjs +1 -1
  59. package/esm2022/theme/layout/service/notifications.service.mjs +4 -4
  60. package/esm2022/theme/layout/service/search.service.mjs +4 -4
  61. package/esm2022/theme/layout/service/selection-group.service.mjs +4 -4
  62. package/esm2022/ui/autoComplete/src/auto-complete.component.mjs +4 -4
  63. package/esm2022/ui/badge/src/badge.component.mjs +4 -4
  64. package/esm2022/ui/button/src/button.component.mjs +4 -4
  65. package/esm2022/ui/button/src/split-button.component.mjs +4 -4
  66. package/esm2022/ui/calendar/src/calendar.component.mjs +4 -4
  67. package/esm2022/ui/charts/src/amCharts/column/column-chart.component.mjs +4 -4
  68. package/esm2022/ui/charts/src/amCharts/line/line-chart.component.mjs +4 -4
  69. package/esm2022/ui/charts/src/amCharts/pie/pie-chart.component.mjs +4 -4
  70. package/esm2022/ui/charts/src/highCharts/area/area-chart.component.mjs +4 -4
  71. package/esm2022/ui/charts/src/highCharts/bar/bar-chart.component.mjs +4 -4
  72. package/esm2022/ui/charts/src/highCharts/column/column-chart.component.mjs +4 -4
  73. package/esm2022/ui/charts/src/highCharts/gauge/solid-gauge.component.mjs +4 -4
  74. package/esm2022/ui/charts/src/highCharts/heatmap/heatMap-chart.component.mjs +4 -4
  75. package/esm2022/ui/charts/src/highCharts/line/line-chart-datetime-axis.component.mjs +4 -4
  76. package/esm2022/ui/charts/src/highCharts/line/line-chart-series.component.mjs +4 -4
  77. package/esm2022/ui/charts/src/highCharts/line/line-chart.component.mjs +4 -4
  78. package/esm2022/ui/charts/src/highCharts/pie/pie-chart.component.mjs +4 -4
  79. package/esm2022/ui/checkbox/src/check-box.component.mjs +4 -4
  80. package/esm2022/ui/checkbox/src/tri-state-checkbox.component.mjs +4 -4
  81. package/esm2022/ui/chip/src/chip.component.mjs +4 -4
  82. package/esm2022/ui/collapse-reorder-list/src/collapse-reorder-list.component.mjs +4 -4
  83. package/esm2022/ui/dxEditor/src/dx-editor.component.mjs +4 -4
  84. package/esm2022/ui/dxField/src/dx-field.component.mjs +4 -4
  85. package/esm2022/ui/editor/src/aril-editor.component.mjs +4 -4
  86. package/esm2022/ui/field/src/field.component.mjs +4 -4
  87. package/esm2022/ui/fileUpload/src/file-upload.component.mjs +4 -4
  88. package/esm2022/ui/form/index.mjs +5 -5
  89. package/esm2022/ui/form/src/form-submit-button.component.mjs +5 -5
  90. package/esm2022/ui/form/src/form.component.mjs +4 -4
  91. package/esm2022/ui/img-viewer/src/img-viewer.component.mjs +4 -4
  92. package/esm2022/ui/json-diff-comparison/src/json-diff.component.mjs +4 -4
  93. package/esm2022/ui/lib/src/form/form-error-message.component.mjs +4 -4
  94. package/esm2022/ui/lib/src/form/form-error-message.directive.mjs +4 -4
  95. package/esm2022/ui/lib/src/grid/enum-color-picker.pipe.mjs +4 -4
  96. package/esm2022/ui/lib/src/grid/flex-grid.directive.mjs +4 -4
  97. package/esm2022/ui/lib/src/input/common-input-validators.service.mjs +4 -4
  98. package/esm2022/ui/lib/src/input/dx-input-error-message.pipe.mjs +4 -4
  99. package/esm2022/ui/lib/src/input/input-disabled.directive.mjs +4 -4
  100. package/esm2022/ui/lib/src/input/input-error-message.pipe.mjs +4 -4
  101. package/esm2022/ui/lib/src/input/value-accessor.directive.mjs +4 -4
  102. package/esm2022/ui/loader/src/loader.component.mjs +4 -4
  103. package/esm2022/ui/mask/src/mask.component.mjs +4 -4
  104. package/esm2022/ui/multiSelect/src/multi-select.component.mjs +4 -4
  105. package/esm2022/ui/number/src/number.component.mjs +4 -4
  106. package/esm2022/ui/operation-types-dialog/src/operation-types-dialog.component.mjs +13 -13
  107. package/esm2022/ui/overlayPanel/src/overlay-panel.component.mjs +4 -4
  108. package/esm2022/ui/panel/src/panel.component.mjs +4 -4
  109. package/esm2022/ui/password/src/password.component.mjs +4 -4
  110. package/esm2022/ui/pdf-viewer/src/pdf-viewer.component.mjs +4 -4
  111. package/esm2022/ui/progressbar/src/progressbar.component.mjs +4 -4
  112. package/esm2022/ui/radioButton/src/radio-button.component.mjs +4 -4
  113. package/esm2022/ui/relativeDateSelector/src/relative-date-selector.component.mjs +4 -4
  114. package/esm2022/ui/selectBox/src/select-box.component.mjs +4 -4
  115. package/esm2022/ui/switch/src/switch.component.mjs +4 -4
  116. package/esm2022/ui/table/index.mjs +5 -5
  117. package/esm2022/ui/table/src/export-overlay-panel.component.mjs +129 -129
  118. package/esm2022/ui/table/src/interfaces.mjs +1 -1
  119. package/esm2022/ui/table/src/table-column.component.mjs +4 -4
  120. package/esm2022/ui/table/src/table.component.mjs +5 -5
  121. package/esm2022/ui/table-expand/index.mjs +5 -5
  122. package/esm2022/ui/table-expand/src/table-column.component.mjs +4 -4
  123. package/esm2022/ui/table-expand/src/table-expand-area.component.mjs +4 -4
  124. package/esm2022/ui/table-expand/src/table.component.mjs +4 -4
  125. package/esm2022/ui/tag/src/tag.component.mjs +4 -4
  126. package/esm2022/ui/tagBox/src/tag-box.component.mjs +4 -4
  127. package/esm2022/ui/text/src/text.component.mjs +4 -4
  128. package/esm2022/ui/textArea/src/text-area.component.mjs +4 -4
  129. package/esm2022/ui/toggle-button/src/toggle-button.component.mjs +4 -4
  130. package/esm2022/ui/tooltip/src/tooltip-component.mjs +4 -4
  131. package/esm2022/ui/translate-input/src/aril-lang-modal/aril-lang-modal.component.mjs +4 -4
  132. package/esm2022/ui/translate-input/src/aril-translate-input.component.mjs +4 -4
  133. package/esm2022/ui/tree/src/tree.component.mjs +4 -4
  134. package/esm2022/ui/treeSelect/src/treeSelect.component.mjs +4 -4
  135. package/esm2022/ui/treeTable/src/tree-table.component.mjs +4 -4
  136. package/esm2022/ui/value/src/value.component.mjs +4 -4
  137. package/esm2022/ui-business/assetPicker/index.mjs +2 -1
  138. package/esm2022/ui-business/assetPicker/src/asset-picker.component.mjs +5 -5
  139. package/esm2022/ui-business/detailed-overlay-panel/src/detailed-overlay-panel.component.mjs +5 -5
  140. package/esm2022/ui-business/enumPicker/src/enum-picker.component.mjs +5 -5
  141. package/esm2022/ui-business/enumPicker/src/interface.mjs +1 -1
  142. package/esm2022/ui-business/image-viewer/src/aril-image-viewer.component.mjs +4 -4
  143. package/esm2022/ui-business/multiAssetPicker/aril-ui-business-multiAssetPicker.mjs +5 -0
  144. package/esm2022/ui-business/multiAssetPicker/index.mjs +2 -0
  145. package/esm2022/ui-business/multiAssetPicker/src/multi-asset-picker.component.mjs +107 -0
  146. package/esm2022/ui-business/multiple-ref-value/src/multiple-ref-value.component.mjs +4 -4
  147. package/esm2022/ui-business/notification-templates-dialog/src/notification-templates-dialog.component.mjs +4 -4
  148. package/esm2022/ui-business/operation-types-dialog/src/operation-types-dialog.component.mjs +4 -4
  149. package/esm2022/ui-business/pdf-preview-modal/index.mjs +1 -1
  150. package/esm2022/ui-business/pdf-preview-modal/src/open-pdf-preview.mjs +1 -1
  151. package/esm2022/ui-business/pdf-preview-modal/src/pdf-preview-modal.component.mjs +29 -29
  152. package/esm2022/ui-business/ref-value/src/ref-value.component.mjs +5 -5
  153. package/esm2022/ui-business/rolePicker/src/role-picker.component.mjs +4 -4
  154. package/esm2022/ui-business/trace-drawer/index.mjs +1 -1
  155. package/esm2022/ui-business/trace-drawer/src/app-log.service.mjs +4 -4
  156. package/esm2022/ui-business/trace-drawer/src/interfaces.mjs +1 -1
  157. package/esm2022/ui-business/trace-drawer/src/trace-drawer.component.mjs +5 -5
  158. package/esm2022/ui-business/trace-drawer/src/trace-log.service.mjs +4 -4
  159. package/esm2022/ui-business/trace-id/index.mjs +1 -1
  160. package/esm2022/ui-business/trace-id/src/trace-id.component.mjs +5 -5
  161. package/esm2022/ui-business/userPicker/src/user-picker.component.mjs +4 -4
  162. package/esm2022/util/activity/index.mjs +1 -1
  163. package/esm2022/util/activity/src/activity.constants.mjs +1 -1
  164. package/esm2022/util/activity/src/activity.service.mjs +4 -4
  165. package/esm2022/util/activity/src/activity.types.mjs +1 -1
  166. package/esm2022/util/block/src/block.mjs +7 -7
  167. package/esm2022/util/directives/src/detail-page-customization/detail-page-customization.directive.mjs +4 -4
  168. package/esm2022/util/directives/src/dialog-component/plugin-dialog.component.mjs +4 -4
  169. package/esm2022/util/directives/src/dialog-service/plugin-dialog.service.mjs +4 -4
  170. package/esm2022/util/lib/src/module-router.mjs +4 -4
  171. package/esm2022/util/pipes/src/distance-to-now.pipe.mjs +4 -4
  172. package/esm2022/util/pipes/src/get-column-by-field.pipe.mjs +4 -4
  173. package/esm2022/util/pipes/src/parse.pipe.mjs +4 -4
  174. package/esm2022/util/pipes/src/round-number.pipe.mjs +4 -4
  175. package/esm2022/util/pipes/src/safe.pipe.mjs +4 -4
  176. package/esm2022/util/pipes/src/translate-json/translate-json.pipe.mjs +4 -4
  177. package/esm2022/util/pub-sub/src/pub-sub.service.mjs +4 -4
  178. package/esm2022/util/sync-active-tab-route/src/sync-active-tab-route.directive.mjs +4 -4
  179. package/esm2022/util/unwrap/src/unwrap-tag.directive.mjs +4 -4
  180. package/fesm2022/{aril-app.component-CwZZhJcO.mjs → aril-app.component-Pj4R9eG9.mjs} +15 -15
  181. package/fesm2022/aril-app.component-Pj4R9eG9.mjs.map +1 -0
  182. package/fesm2022/aril-boot-base.mjs +1 -1
  183. package/fesm2022/aril-boot-base.mjs.map +1 -1
  184. package/fesm2022/aril-boot-bridge.mjs.map +1 -1
  185. package/fesm2022/aril-boot-config-api.mjs +1 -1
  186. package/fesm2022/aril-boot-config-api.mjs.map +1 -1
  187. package/fesm2022/aril-boot-config-apps.mjs +10 -10
  188. package/fesm2022/aril-boot-config-apps.mjs.map +1 -1
  189. package/fesm2022/aril-boot-config-plugins.mjs +1 -1
  190. package/fesm2022/aril-boot-config-plugins.mjs.map +1 -1
  191. package/fesm2022/aril-boot-config-translate.mjs.map +1 -1
  192. package/fesm2022/aril-boot-host.mjs +4 -4
  193. package/fesm2022/aril-boot-host.mjs.map +1 -1
  194. package/fesm2022/{aril-boot-mfe-app.component-DwYgUUdL.mjs → aril-boot-mfe-app.component-GbZAGlTf.mjs} +16 -16
  195. package/fesm2022/aril-boot-mfe-app.component-GbZAGlTf.mjs.map +1 -0
  196. package/fesm2022/{aril-boot-mfe-aril-boot-mfe-hJkkFa_a.mjs → aril-boot-mfe-aril-boot-mfe-I5xT2fQx.mjs} +4 -4
  197. package/fesm2022/aril-boot-mfe-aril-boot-mfe-I5xT2fQx.mjs.map +1 -0
  198. package/fesm2022/aril-boot-mfe.mjs +1 -1
  199. package/fesm2022/aril-boot-pages.mjs +100 -100
  200. package/fesm2022/aril-boot-pages.mjs.map +1 -1
  201. package/fesm2022/aril-http.mjs +3 -3
  202. package/fesm2022/aril-http.mjs.map +1 -1
  203. package/fesm2022/aril-i18n.mjs +7 -7
  204. package/fesm2022/aril-i18n.mjs.map +1 -1
  205. package/fesm2022/aril-keycloak.mjs.map +1 -1
  206. package/fesm2022/aril-provider.mjs +1 -1
  207. package/fesm2022/aril-provider.mjs.map +1 -1
  208. package/fesm2022/aril-theme-layout.mjs +79 -75
  209. package/fesm2022/aril-theme-layout.mjs.map +1 -1
  210. package/fesm2022/aril-ui-autoComplete.mjs +6 -6
  211. package/fesm2022/aril-ui-autoComplete.mjs.map +1 -1
  212. package/fesm2022/aril-ui-badge.mjs +4 -4
  213. package/fesm2022/aril-ui-badge.mjs.map +1 -1
  214. package/fesm2022/aril-ui-business-assetPicker.mjs +6 -6
  215. package/fesm2022/aril-ui-business-assetPicker.mjs.map +1 -1
  216. package/fesm2022/aril-ui-business-detailed-overlay-panel.mjs +6 -6
  217. package/fesm2022/aril-ui-business-detailed-overlay-panel.mjs.map +1 -1
  218. package/fesm2022/aril-ui-business-enumPicker.mjs +6 -6
  219. package/fesm2022/aril-ui-business-enumPicker.mjs.map +1 -1
  220. package/fesm2022/aril-ui-business-image-viewer.mjs +3 -3
  221. package/fesm2022/aril-ui-business-image-viewer.mjs.map +1 -1
  222. package/fesm2022/aril-ui-business-multiAssetPicker.mjs +114 -0
  223. package/fesm2022/aril-ui-business-multiAssetPicker.mjs.map +1 -0
  224. package/fesm2022/aril-ui-business-multiple-ref-value.mjs +4 -4
  225. package/fesm2022/aril-ui-business-multiple-ref-value.mjs.map +1 -1
  226. package/fesm2022/aril-ui-business-notification-templates-dialog.mjs +3 -3
  227. package/fesm2022/aril-ui-business-notification-templates-dialog.mjs.map +1 -1
  228. package/fesm2022/aril-ui-business-operation-types-dialog.mjs +3 -3
  229. package/fesm2022/aril-ui-business-operation-types-dialog.mjs.map +1 -1
  230. package/fesm2022/aril-ui-business-pdf-preview-modal.mjs +28 -28
  231. package/fesm2022/aril-ui-business-pdf-preview-modal.mjs.map +1 -1
  232. package/fesm2022/aril-ui-business-ref-value.mjs +5 -5
  233. package/fesm2022/aril-ui-business-ref-value.mjs.map +1 -1
  234. package/fesm2022/aril-ui-business-rolePicker.mjs +4 -4
  235. package/fesm2022/aril-ui-business-rolePicker.mjs.map +1 -1
  236. package/fesm2022/aril-ui-business-trace-drawer.mjs +11 -11
  237. package/fesm2022/aril-ui-business-trace-drawer.mjs.map +1 -1
  238. package/fesm2022/aril-ui-business-trace-id.mjs +5 -5
  239. package/fesm2022/aril-ui-business-trace-id.mjs.map +1 -1
  240. package/fesm2022/aril-ui-business-userPicker.mjs +3 -3
  241. package/fesm2022/aril-ui-business-userPicker.mjs.map +1 -1
  242. package/fesm2022/aril-ui-button.mjs +7 -7
  243. package/fesm2022/aril-ui-button.mjs.map +1 -1
  244. package/fesm2022/aril-ui-calendar.mjs +3 -3
  245. package/fesm2022/aril-ui-calendar.mjs.map +1 -1
  246. package/fesm2022/aril-ui-charts.mjs +37 -37
  247. package/fesm2022/aril-ui-charts.mjs.map +1 -1
  248. package/fesm2022/aril-ui-checkbox.mjs +6 -6
  249. package/fesm2022/aril-ui-checkbox.mjs.map +1 -1
  250. package/fesm2022/aril-ui-chip.mjs +4 -4
  251. package/fesm2022/aril-ui-chip.mjs.map +1 -1
  252. package/fesm2022/aril-ui-collapse-reorder-list.mjs +4 -4
  253. package/fesm2022/aril-ui-collapse-reorder-list.mjs.map +1 -1
  254. package/fesm2022/aril-ui-dxEditor.mjs +4 -4
  255. package/fesm2022/aril-ui-dxEditor.mjs.map +1 -1
  256. package/fesm2022/aril-ui-dxField.mjs +4 -4
  257. package/fesm2022/aril-ui-dxField.mjs.map +1 -1
  258. package/fesm2022/aril-ui-editor.mjs +4 -4
  259. package/fesm2022/aril-ui-editor.mjs.map +1 -1
  260. package/fesm2022/aril-ui-field.mjs +4 -4
  261. package/fesm2022/aril-ui-field.mjs.map +1 -1
  262. package/fesm2022/aril-ui-fileUpload.mjs +4 -4
  263. package/fesm2022/aril-ui-fileUpload.mjs.map +1 -1
  264. package/fesm2022/aril-ui-form.mjs +12 -12
  265. package/fesm2022/aril-ui-form.mjs.map +1 -1
  266. package/fesm2022/aril-ui-img-viewer.mjs +3 -3
  267. package/fesm2022/aril-ui-img-viewer.mjs.map +1 -1
  268. package/fesm2022/aril-ui-json-diff-comparison.mjs +4 -4
  269. package/fesm2022/aril-ui-json-diff-comparison.mjs.map +1 -1
  270. package/fesm2022/aril-ui-lib.mjs +28 -28
  271. package/fesm2022/aril-ui-lib.mjs.map +1 -1
  272. package/fesm2022/aril-ui-loader.mjs +3 -3
  273. package/fesm2022/aril-ui-loader.mjs.map +1 -1
  274. package/fesm2022/aril-ui-mask.mjs +3 -3
  275. package/fesm2022/aril-ui-mask.mjs.map +1 -1
  276. package/fesm2022/aril-ui-multiSelect.mjs +3 -3
  277. package/fesm2022/aril-ui-multiSelect.mjs.map +1 -1
  278. package/fesm2022/aril-ui-number.mjs +3 -3
  279. package/fesm2022/aril-ui-number.mjs.map +1 -1
  280. package/fesm2022/aril-ui-operation-types-dialog.mjs +12 -12
  281. package/fesm2022/aril-ui-operation-types-dialog.mjs.map +1 -1
  282. package/fesm2022/aril-ui-overlayPanel.mjs +4 -4
  283. package/fesm2022/aril-ui-overlayPanel.mjs.map +1 -1
  284. package/fesm2022/aril-ui-panel.mjs +4 -4
  285. package/fesm2022/aril-ui-panel.mjs.map +1 -1
  286. package/fesm2022/aril-ui-password.mjs +3 -3
  287. package/fesm2022/aril-ui-password.mjs.map +1 -1
  288. package/fesm2022/aril-ui-pdf-viewer.mjs +3 -3
  289. package/fesm2022/aril-ui-pdf-viewer.mjs.map +1 -1
  290. package/fesm2022/aril-ui-progressbar.mjs +3 -3
  291. package/fesm2022/aril-ui-progressbar.mjs.map +1 -1
  292. package/fesm2022/aril-ui-radioButton.mjs +3 -3
  293. package/fesm2022/aril-ui-radioButton.mjs.map +1 -1
  294. package/fesm2022/aril-ui-relativeDateSelector.mjs +4 -4
  295. package/fesm2022/aril-ui-relativeDateSelector.mjs.map +1 -1
  296. package/fesm2022/aril-ui-selectBox.mjs +5 -5
  297. package/fesm2022/aril-ui-selectBox.mjs.map +1 -1
  298. package/fesm2022/aril-ui-switch.mjs +3 -3
  299. package/fesm2022/aril-ui-switch.mjs.map +1 -1
  300. package/fesm2022/aril-ui-table-expand.mjs +14 -14
  301. package/fesm2022/aril-ui-table-expand.mjs.map +1 -1
  302. package/fesm2022/aril-ui-table.mjs +141 -141
  303. package/fesm2022/aril-ui-table.mjs.map +1 -1
  304. package/fesm2022/aril-ui-tag.mjs +3 -3
  305. package/fesm2022/aril-ui-tag.mjs.map +1 -1
  306. package/fesm2022/aril-ui-tagBox.mjs +5 -5
  307. package/fesm2022/aril-ui-tagBox.mjs.map +1 -1
  308. package/fesm2022/aril-ui-text.mjs +3 -3
  309. package/fesm2022/aril-ui-text.mjs.map +1 -1
  310. package/fesm2022/aril-ui-textArea.mjs +3 -3
  311. package/fesm2022/aril-ui-textArea.mjs.map +1 -1
  312. package/fesm2022/aril-ui-toggle-button.mjs +4 -4
  313. package/fesm2022/aril-ui-toggle-button.mjs.map +1 -1
  314. package/fesm2022/aril-ui-tooltip.mjs +3 -3
  315. package/fesm2022/aril-ui-tooltip.mjs.map +1 -1
  316. package/fesm2022/aril-ui-translate-input.mjs +6 -6
  317. package/fesm2022/aril-ui-translate-input.mjs.map +1 -1
  318. package/fesm2022/aril-ui-tree.mjs +4 -4
  319. package/fesm2022/aril-ui-tree.mjs.map +1 -1
  320. package/fesm2022/aril-ui-treeSelect.mjs +4 -4
  321. package/fesm2022/aril-ui-treeSelect.mjs.map +1 -1
  322. package/fesm2022/aril-ui-treeTable.mjs +4 -4
  323. package/fesm2022/aril-ui-treeTable.mjs.map +1 -1
  324. package/fesm2022/aril-ui-value.mjs +5 -5
  325. package/fesm2022/aril-ui-value.mjs.map +1 -1
  326. package/fesm2022/aril-util-activity.mjs +3 -3
  327. package/fesm2022/aril-util-activity.mjs.map +1 -1
  328. package/fesm2022/aril-util-block.mjs +6 -6
  329. package/fesm2022/aril-util-block.mjs.map +1 -1
  330. package/fesm2022/aril-util-directives.mjs +10 -10
  331. package/fesm2022/aril-util-directives.mjs.map +1 -1
  332. package/fesm2022/aril-util-lib.mjs +3 -3
  333. package/fesm2022/aril-util-lib.mjs.map +1 -1
  334. package/fesm2022/aril-util-pipes.mjs +18 -18
  335. package/fesm2022/aril-util-pipes.mjs.map +1 -1
  336. package/fesm2022/aril-util-primitive-extensions.mjs.map +1 -1
  337. package/fesm2022/aril-util-pub-sub.mjs +3 -3
  338. package/fesm2022/aril-util-pub-sub.mjs.map +1 -1
  339. package/fesm2022/aril-util-sync-active-tab-route.mjs +4 -4
  340. package/fesm2022/aril-util-sync-active-tab-route.mjs.map +1 -1
  341. package/fesm2022/aril-util-unwrap.mjs +3 -3
  342. package/fesm2022/aril-util-unwrap.mjs.map +1 -1
  343. package/fesm2022/aril.mjs +6 -6
  344. package/fesm2022/aril.mjs.map +1 -1
  345. package/package.json +58 -52
  346. package/theme/layout/app/breadcrumb/app.breadcrumb.component.ts +127 -127
  347. package/theme/layout/app/expandableMenu/expandable-menu.component.html +137 -137
  348. package/theme/layout/app/expandableMenu/expandable-menu.component.ts +373 -373
  349. package/theme/layout/app/favorite-pages/favorite-pages-sidebar.component.d.ts +0 -16
  350. package/theme/layout/app/general-search/general-search.component.ts +93 -93
  351. package/theme/layout/app/history/history-sidebar.component.d.ts +0 -16
  352. package/theme/layout/app/history/history.service.ts +158 -158
  353. package/theme/layout/app/layout/app.layout.component.ts +168 -168
  354. package/theme/layout/app/notifications/notifications-sidebar.component.d.ts +0 -16
  355. package/theme/layout/app/site-map/site-map-sidebar.component.d.ts +0 -16
  356. package/theme/layout/app/site-map/site-map-sidebar.component.ts +195 -195
  357. package/theme/layout/app/static-sidebar/static-sidebar.component.html +162 -162
  358. package/theme/layout/app/static-sidebar/static-sidebar.component.scss +420 -420
  359. package/theme/layout/app/static-sidebar/static-sidebar.component.ts +343 -343
  360. package/theme/layout/app/topbar/app.topbar.component.d.ts +2 -0
  361. package/theme/layout/app/topbar/app.topbar.component.html +1 -1
  362. package/theme/layout/app/topbar/app.topbar.component.scss +1 -0
  363. package/theme/layout/app/topbar/app.topbar.component.ts +6 -0
  364. package/theme/layout/index.ts +9 -9
  365. package/theme/layout/service/interfaces/enum.ts +19 -19
  366. package/theme/styles/layout/_expanded_sidebar.scss +511 -511
  367. package/theme/styles/layout/_fonts.scss +81 -81
  368. package/theme/styles/theme/base/components/input/_inputtext.scss +104 -104
  369. package/theme/styles/theme/base/components/overlay/_sidebar.scss +27 -27
  370. package/theme/styles/theme/base/components/panel/_stepper.scss +205 -205
  371. package/theme/styles/theme/dark/_variables.scss +933 -933
  372. package/theme/styles/theme/light/_variables.scss +940 -940
  373. package/ui/autoComplete/src/auto-complete.component.d.ts +8 -8
  374. package/ui/badge/src/badge.component.d.ts +9 -9
  375. package/ui/button/src/button.component.d.ts +12 -12
  376. package/ui/button/src/split-button.component.d.ts +1 -1
  377. package/ui/calendar/src/calendar.component.d.ts +22 -22
  378. package/ui/charts/src/amCharts/column/column-chart.component.d.ts +4 -4
  379. package/ui/charts/src/amCharts/line/line-chart.component.d.ts +5 -5
  380. package/ui/charts/src/amCharts/pie/pie-chart.component.d.ts +4 -4
  381. package/ui/charts/src/highCharts/area/area-chart.component.d.ts +3 -3
  382. package/ui/charts/src/highCharts/bar/bar-chart.component.d.ts +7 -7
  383. package/ui/charts/src/highCharts/column/column-chart.component.d.ts +9 -9
  384. package/ui/charts/src/highCharts/gauge/solid-gauge.component.d.ts +3 -3
  385. package/ui/charts/src/highCharts/heatmap/heatMap-chart.component.d.ts +4 -4
  386. package/ui/charts/src/highCharts/line/line-chart-datetime-axis.component.d.ts +5 -5
  387. package/ui/charts/src/highCharts/line/line-chart-series.component.d.ts +4 -4
  388. package/ui/charts/src/highCharts/line/line-chart.component.d.ts +4 -4
  389. package/ui/charts/src/highCharts/pie/pie-chart.component.d.ts +7 -7
  390. package/ui/checkbox/src/check-box.component.d.ts +3 -3
  391. package/ui/checkbox/src/tri-state-checkbox.component.d.ts +2 -2
  392. package/ui/chip/src/chip.component.d.ts +7 -7
  393. package/ui/collapse-reorder-list/src/collapse-reorder-list.component.d.ts +4 -4
  394. package/ui/dxEditor/src/dx-editor.component.d.ts +5 -5
  395. package/ui/dxField/src/dx-field.component.d.ts +5 -5
  396. package/ui/editor/src/aril-editor.component.d.ts +3 -3
  397. package/ui/field/src/field.component.d.ts +9 -9
  398. package/ui/fileUpload/src/file-upload.component.d.ts +14 -14
  399. package/ui/form/src/form-submit-button.component.d.ts +1 -1
  400. package/ui/form/src/form.component.d.ts +1 -1
  401. package/ui/img-viewer/src/img-viewer.component.d.ts +1 -1
  402. package/ui/lib/src/form/form-error-message.directive.d.ts +1 -1
  403. package/ui/mask/src/mask.component.d.ts +6 -6
  404. package/ui/multiSelect/src/multi-select.component.d.ts +13 -13
  405. package/ui/number/src/number.component.d.ts +15 -15
  406. package/ui/overlayPanel/src/overlay-panel.component.d.ts +1 -1
  407. package/ui/panel/src/panel.component.d.ts +6 -6
  408. package/ui/password/src/password.component.d.ts +4 -4
  409. package/ui/pdf-viewer/src/pdf-viewer.component.d.ts +12 -12
  410. package/ui/progressbar/src/progressbar.component.d.ts +3 -3
  411. package/ui/radioButton/src/radio-button.component.d.ts +3 -3
  412. package/ui/selectBox/src/select-box.component.d.ts +10 -10
  413. package/ui/switch/src/switch.component.d.ts +1 -1
  414. package/ui/table/src/export-overlay-panel.component.d.ts +2 -2
  415. package/ui/table/src/table-column.component.d.ts +11 -11
  416. package/ui/table/src/table.component.d.ts +35 -35
  417. package/ui/table-expand/src/table-column.component.d.ts +6 -6
  418. package/ui/table-expand/src/table.component.d.ts +20 -20
  419. package/ui/tag/src/tag.component.d.ts +6 -4
  420. package/ui/tagBox/src/tag-box.component.d.ts +7 -7
  421. package/ui/text/src/text.component.d.ts +5 -5
  422. package/ui/textArea/src/text-area.component.d.ts +5 -5
  423. package/ui/toggle-button/src/toggle-button.component.d.ts +1 -1
  424. package/ui/tooltip/src/tooltip-component.d.ts +8 -8
  425. package/ui/translate-input/src/aril-translate-input.component.d.ts +2 -2
  426. package/ui/tree/src/tree.component.d.ts +8 -8
  427. package/ui/treeSelect/src/treeSelect.component.d.ts +12 -12
  428. package/ui/treeTable/src/tree-table.component.d.ts +5 -5
  429. package/ui/value/src/value.component.d.ts +15 -15
  430. package/ui-business/assetPicker/index.d.ts +1 -0
  431. package/ui-business/assetPicker/src/asset-picker.component.d.ts +11 -11
  432. package/ui-business/detailed-overlay-panel/src/detailed-overlay-panel.component.d.ts +6 -3
  433. package/ui-business/enumPicker/src/enum-picker.component.d.ts +24 -24
  434. package/ui-business/image-viewer/src/aril-image-viewer.component.d.ts +8 -8
  435. package/ui-business/multiAssetPicker/index.d.ts +1 -0
  436. package/ui-business/multiAssetPicker/src/multi-asset-picker.component.d.ts +39 -0
  437. package/ui-business/multiple-ref-value/src/multiple-ref-value.component.d.ts +5 -2
  438. package/ui-business/ref-value/src/ref-value.component.d.ts +5 -5
  439. package/ui-business/rolePicker/src/role-picker.component.d.ts +6 -6
  440. package/ui-business/trace-drawer/src/trace-drawer.component.d.ts +8 -8
  441. package/ui-business/trace-id/src/trace-id.component.d.ts +6 -6
  442. package/ui-business/userPicker/src/user-picker.component.d.ts +3 -3
  443. package/util/block/src/block.d.ts +4 -4
  444. package/util/lib/src/types.d.ts +0 -16
  445. package/fesm2022/aril-app.component-CwZZhJcO.mjs.map +0 -1
  446. package/fesm2022/aril-boot-mfe-app.component-DwYgUUdL.mjs.map +0 -1
  447. package/fesm2022/aril-boot-mfe-aril-boot-mfe-hJkkFa_a.mjs.map +0 -1
package/fesm2022/aril-ui-table.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as i10 from '@angular/common';
2
2
  import { JsonPipe, KeyValuePipe, NgFor, NgForOf, NgStyle, NgTemplateOutlet, SlicePipe } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { input, signal, effect, ViewChild, Component, TemplateRef, ContentChild, EventEmitter, computed, Input, ContentChildren, Output, NgModule } from '@angular/core';
4
+ import { input, signal, effect, Component, ViewChild, TemplateRef, ContentChild, EventEmitter, computed, Output, ContentChildren, Input, NgModule } from '@angular/core';
5
5
  import * as i2 from '@angular/forms';
6
6
  import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
7
7
  import { ButtonModule } from 'primeng/button';
@@ -13,7 +13,7 @@ import { MenuModule } from 'primeng/menu';
13
13
  import * as i7 from 'primeng/orderlist';
14
14
  import { OrderListModule } from 'primeng/orderlist';
15
15
  import * as i8 from 'primeng/overlaypanel';
16
- import { OverlayPanelModule, OverlayPanel } from 'primeng/overlaypanel';
16
+ import { OverlayPanel, OverlayPanelModule } from 'primeng/overlaypanel';
17
17
  import * as i12 from 'primeng/sidebar';
18
18
  import { SidebarModule } from 'primeng/sidebar';
19
19
  import * as i13 from 'primeng/table';
@@ -237,73 +237,73 @@ class ExportOverlayPanelComponent {
237
237
  nativateToExportRequests() {
238
238
  window.location.href = `${this.hostUrl}/#/mng/control-management/export-requests`;
239
239
  }
240
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportOverlayPanelComponent, deps: [{ token: i1.HttpClient }, { token: i2.NonNullableFormBuilder }, { token: i3.MessageService }, { token: i4.TranslocoService }, { token: i5.SelectionGroupService }], target: i0.ɵɵFactoryTarget.Component }); }
241
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExportOverlayPanelComponent, isStandalone: true, selector: "aril-export-overlay-panel", inputs: { exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "op", first: true, predicate: OverlayPanel, descendants: true }], ngImport: i0, template: `
242
- <p-overlayPanel styleClass="export-overlay-panel" [baseZIndex]="1101">
243
- @if (exportForm) {
244
- <aril-form [formGroup]="exportForm" class="w-20rem">
245
- <aril-field [label]="'Dosya Tipi'" [cols]="{ default: 12 }">
246
- <aril-radio-button formControlName="exportType" [options]="exportTypeOptions" />
247
- </aril-field>
248
-
249
- <aril-field [label]="'Dosya İsmi'" [cols]="{ default: 12 }">
250
- <aril-text class="w-full" formControlName="exportLabel" />
251
- </aril-field>
252
-
253
- @if (exportForm.controls.columns.length) {
254
- <ng-container formArrayName="columns">
255
- <p-orderList
256
- #orderListRef
257
- class="col-12"
258
- [value]="exportForm.controls.columns.controls"
259
- [listStyle]="{ 'max-height': '20rem' }"
260
- filterBy="value.title"
261
- [disabled]="isLoadingForExport()">
262
- <ng-template pTemplate="filter">
263
- <div class="flex align-items-center gap-3">
264
- <aril-checkbox
265
- [label]="''"
266
- [ngModel]="isAllSelected"
267
- [ngModelOptions]="{ standalone: true }"
268
- (ngModelChange)="onSelectAll($event)"
269
- [disabled]="isLoadingForExport()" />
270
-
271
- <div class="p-orderlist-filter" [attr.data-pc-section]="'filter'">
272
- <input
273
- #filter
274
- type="text"
275
- role="textbox"
276
- (keyup)="orderListRef.onFilterKeyup($event)"
277
- [disabled]="orderListRef.disabled"
278
- class="p-orderlist-filter-input p-inputtext p-component" />
279
- </div>
280
- </div>
281
- </ng-template>
282
- <ng-template let-col pTemplate="item">
283
- <aril-checkbox [label]="col.value.title" [formControl]="col.controls.checked" />
284
- </ng-template>
285
- </p-orderList>
286
- </ng-container>
287
- }
288
-
289
- <aril-button
290
- class="col-12"
291
- [label]="translocoService.translate('navigateToExportRequests')"
292
- color="secondary"
293
- (clickEvent)="nativateToExportRequests()" />
294
-
295
- <aril-button
296
- class="col-12"
297
- [label]="translocoService.translate('messages.export')"
298
- color="primary"
299
- (clickEvent)="export()"
300
- [disabled]="isLoadingForExport()" />
301
- </aril-form>
302
- }
303
- </p-overlayPanel>
240
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ExportOverlayPanelComponent, deps: [{ token: i1.HttpClient }, { token: i2.NonNullableFormBuilder }, { token: i3.MessageService }, { token: i4.TranslocoService }, { token: i5.SelectionGroupService }], target: i0.ɵɵFactoryTarget.Component }); }
241
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ExportOverlayPanelComponent, isStandalone: true, selector: "aril-export-overlay-panel", inputs: { exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "op", first: true, predicate: OverlayPanel, descendants: true }], ngImport: i0, template: `
242
+ <p-overlayPanel styleClass="export-overlay-panel" [baseZIndex]="1101">
243
+ @if (exportForm) {
244
+ <aril-form [formGroup]="exportForm" class="w-20rem">
245
+ <aril-field [label]="'Dosya Tipi'" [cols]="{ default: 12 }">
246
+ <aril-radio-button formControlName="exportType" [options]="exportTypeOptions" />
247
+ </aril-field>
248
+
249
+ <aril-field [label]="'Dosya İsmi'" [cols]="{ default: 12 }">
250
+ <aril-text class="w-full" formControlName="exportLabel" />
251
+ </aril-field>
252
+
253
+ @if (exportForm.controls.columns.length) {
254
+ <ng-container formArrayName="columns">
255
+ <p-orderList
256
+ #orderListRef
257
+ class="col-12"
258
+ [value]="exportForm.controls.columns.controls"
259
+ [listStyle]="{ 'max-height': '20rem' }"
260
+ filterBy="value.title"
261
+ [disabled]="isLoadingForExport()">
262
+ <ng-template pTemplate="filter">
263
+ <div class="flex align-items-center gap-3">
264
+ <aril-checkbox
265
+ [label]="''"
266
+ [ngModel]="isAllSelected"
267
+ [ngModelOptions]="{ standalone: true }"
268
+ (ngModelChange)="onSelectAll($event)"
269
+ [disabled]="isLoadingForExport()" />
270
+
271
+ <div class="p-orderlist-filter" [attr.data-pc-section]="'filter'">
272
+ <input
273
+ #filter
274
+ type="text"
275
+ role="textbox"
276
+ (keyup)="orderListRef.onFilterKeyup($event)"
277
+ [disabled]="orderListRef.disabled"
278
+ class="p-orderlist-filter-input p-inputtext p-component" />
279
+ </div>
280
+ </div>
281
+ </ng-template>
282
+ <ng-template let-col pTemplate="item">
283
+ <aril-checkbox [label]="col.value.title" [formControl]="col.controls.checked" />
284
+ </ng-template>
285
+ </p-orderList>
286
+ </ng-container>
287
+ }
288
+
289
+ <aril-button
290
+ class="col-12"
291
+ [label]="translocoService.translate('navigateToExportRequests')"
292
+ color="secondary"
293
+ (clickEvent)="nativateToExportRequests()" />
294
+
295
+ <aril-button
296
+ class="col-12"
297
+ [label]="translocoService.translate('messages.export')"
298
+ color="primary"
299
+ (clickEvent)="export()"
300
+ [disabled]="isLoadingForExport()" />
301
+ </aril-form>
302
+ }
303
+ </p-overlayPanel>
304
304
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ARiLFormModule }, { kind: "component", type: i6.FormComponent, selector: "aril-form", inputs: ["formGroup"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "component", type: CheckboxComponent, selector: "aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]", inputs: ["label", "labelAsYesNo", "tabindex"] }, { kind: "component", type: FieldComponent, selector: "aril-field", inputs: ["label", "color", "labelWidth", "valueWidth", "labelPos", "markAsRequired", "cols", "infoData", "infoDataOverlayPanel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: i7.OrderList, selector: "p-orderList", inputs: ["header", "style", "styleClass", "tabindex", "ariaLabel", "ariaLabelledBy", "listStyle", "responsive", "filterBy", "filterPlaceholder", "filterLocale", "metaKeySelection", "dragdrop", "controlsPosition", "ariaFilterLabel", "filterMatchMode", "breakpoint", "stripedRows", "disabled", "trackBy", "selection", "value"], outputs: ["selectionChange", "onReorder", "onSelectionChange", "onFilterEvent", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i8.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: RadioButtonComponent, selector: "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", inputs: ["options", "tabindex", "align"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: TextComponent, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: ["placeholder", "tabindex", "icon", "iconPos", "size"] }, { kind: "ngmodule", type: ToastModule }, { kind: "ngmodule", type: TooltipModule }] }); }
305
305
  }
306
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportOverlayPanelComponent, decorators: [{
306
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ExportOverlayPanelComponent, decorators: [{
307
307
  type: Component,
308
308
  args: [{
309
309
  standalone: true,
@@ -322,69 +322,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
322
322
  ToastModule,
323
323
  TooltipModule
324
324
  ],
325
- template: `
326
- <p-overlayPanel styleClass="export-overlay-panel" [baseZIndex]="1101">
327
- @if (exportForm) {
328
- <aril-form [formGroup]="exportForm" class="w-20rem">
329
- <aril-field [label]="'Dosya Tipi'" [cols]="{ default: 12 }">
330
- <aril-radio-button formControlName="exportType" [options]="exportTypeOptions" />
331
- </aril-field>
332
-
333
- <aril-field [label]="'Dosya İsmi'" [cols]="{ default: 12 }">
334
- <aril-text class="w-full" formControlName="exportLabel" />
335
- </aril-field>
336
-
337
- @if (exportForm.controls.columns.length) {
338
- <ng-container formArrayName="columns">
339
- <p-orderList
340
- #orderListRef
341
- class="col-12"
342
- [value]="exportForm.controls.columns.controls"
343
- [listStyle]="{ 'max-height': '20rem' }"
344
- filterBy="value.title"
345
- [disabled]="isLoadingForExport()">
346
- <ng-template pTemplate="filter">
347
- <div class="flex align-items-center gap-3">
348
- <aril-checkbox
349
- [label]="''"
350
- [ngModel]="isAllSelected"
351
- [ngModelOptions]="{ standalone: true }"
352
- (ngModelChange)="onSelectAll($event)"
353
- [disabled]="isLoadingForExport()" />
354
-
355
- <div class="p-orderlist-filter" [attr.data-pc-section]="'filter'">
356
- <input
357
- #filter
358
- type="text"
359
- role="textbox"
360
- (keyup)="orderListRef.onFilterKeyup($event)"
361
- [disabled]="orderListRef.disabled"
362
- class="p-orderlist-filter-input p-inputtext p-component" />
363
- </div>
364
- </div>
365
- </ng-template>
366
- <ng-template let-col pTemplate="item">
367
- <aril-checkbox [label]="col.value.title" [formControl]="col.controls.checked" />
368
- </ng-template>
369
- </p-orderList>
370
- </ng-container>
371
- }
372
-
373
- <aril-button
374
- class="col-12"
375
- [label]="translocoService.translate('navigateToExportRequests')"
376
- color="secondary"
377
- (clickEvent)="nativateToExportRequests()" />
378
-
379
- <aril-button
380
- class="col-12"
381
- [label]="translocoService.translate('messages.export')"
382
- color="primary"
383
- (clickEvent)="export()"
384
- [disabled]="isLoadingForExport()" />
385
- </aril-form>
386
- }
387
- </p-overlayPanel>
325
+ template: `
326
+ <p-overlayPanel styleClass="export-overlay-panel" [baseZIndex]="1101">
327
+ @if (exportForm) {
328
+ <aril-form [formGroup]="exportForm" class="w-20rem">
329
+ <aril-field [label]="'Dosya Tipi'" [cols]="{ default: 12 }">
330
+ <aril-radio-button formControlName="exportType" [options]="exportTypeOptions" />
331
+ </aril-field>
332
+
333
+ <aril-field [label]="'Dosya İsmi'" [cols]="{ default: 12 }">
334
+ <aril-text class="w-full" formControlName="exportLabel" />
335
+ </aril-field>
336
+
337
+ @if (exportForm.controls.columns.length) {
338
+ <ng-container formArrayName="columns">
339
+ <p-orderList
340
+ #orderListRef
341
+ class="col-12"
342
+ [value]="exportForm.controls.columns.controls"
343
+ [listStyle]="{ 'max-height': '20rem' }"
344
+ filterBy="value.title"
345
+ [disabled]="isLoadingForExport()">
346
+ <ng-template pTemplate="filter">
347
+ <div class="flex align-items-center gap-3">
348
+ <aril-checkbox
349
+ [label]="''"
350
+ [ngModel]="isAllSelected"
351
+ [ngModelOptions]="{ standalone: true }"
352
+ (ngModelChange)="onSelectAll($event)"
353
+ [disabled]="isLoadingForExport()" />
354
+
355
+ <div class="p-orderlist-filter" [attr.data-pc-section]="'filter'">
356
+ <input
357
+ #filter
358
+ type="text"
359
+ role="textbox"
360
+ (keyup)="orderListRef.onFilterKeyup($event)"
361
+ [disabled]="orderListRef.disabled"
362
+ class="p-orderlist-filter-input p-inputtext p-component" />
363
+ </div>
364
+ </div>
365
+ </ng-template>
366
+ <ng-template let-col pTemplate="item">
367
+ <aril-checkbox [label]="col.value.title" [formControl]="col.controls.checked" />
368
+ </ng-template>
369
+ </p-orderList>
370
+ </ng-container>
371
+ }
372
+
373
+ <aril-button
374
+ class="col-12"
375
+ [label]="translocoService.translate('navigateToExportRequests')"
376
+ color="secondary"
377
+ (clickEvent)="nativateToExportRequests()" />
378
+
379
+ <aril-button
380
+ class="col-12"
381
+ [label]="translocoService.translate('messages.export')"
382
+ color="primary"
383
+ (clickEvent)="export()"
384
+ [disabled]="isLoadingForExport()" />
385
+ </aril-form>
386
+ }
387
+ </p-overlayPanel>
388
388
  `
389
389
  }]
390
390
  }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.NonNullableFormBuilder }, { type: i3.MessageService }, { type: i4.TranslocoService }, { type: i5.SelectionGroupService }], propDecorators: { op: [{
@@ -406,10 +406,10 @@ class TableColumnComponent {
406
406
  this.showTimeInDateFilters = input(false);
407
407
  this.enumGroupName = input('');
408
408
  }
409
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
410
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: TableColumnComponent, selector: "aril-table-column", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null }, tAlign: { classPropertyName: "tAlign", publicName: "tAlign", isSignal: true, isRequired: false, transformFunction: null }, isShowHeaderTooltip: { classPropertyName: "isShowHeaderTooltip", publicName: "isShowHeaderTooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, filterType: { classPropertyName: "filterType", publicName: "filterType", isSignal: true, isRequired: false, transformFunction: null }, showTimeInDateFilters: { classPropertyName: "showTimeInDateFilters", publicName: "showTimeInDateFilters", isSignal: true, isRequired: false, transformFunction: null }, enumGroupName: { classPropertyName: "enumGroupName", publicName: "enumGroupName", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-content />`, isInline: true }); }
409
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
410
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TableColumnComponent, selector: "aril-table-column", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null }, tAlign: { classPropertyName: "tAlign", publicName: "tAlign", isSignal: true, isRequired: false, transformFunction: null }, isShowHeaderTooltip: { classPropertyName: "isShowHeaderTooltip", publicName: "isShowHeaderTooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, filterType: { classPropertyName: "filterType", publicName: "filterType", isSignal: true, isRequired: false, transformFunction: null }, showTimeInDateFilters: { classPropertyName: "showTimeInDateFilters", publicName: "showTimeInDateFilters", isSignal: true, isRequired: false, transformFunction: null }, enumGroupName: { classPropertyName: "enumGroupName", publicName: "enumGroupName", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `<ng-content />`, isInline: true }); }
411
411
  }
412
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableColumnComponent, decorators: [{
412
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TableColumnComponent, decorators: [{
413
413
  type: Component,
414
414
  args: [{
415
415
  selector: 'aril-table-column',
@@ -708,12 +708,12 @@ class TableComponent {
708
708
  this.selectedRows = prevRecord;
709
709
  }
710
710
  }
711
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, deps: [{ token: i4.TranslocoService }, { token: i5.SelectionGroupService }], target: i0.ɵɵFactoryTarget.Component }); }
712
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TableComponent, selector: "aril-table", inputs: { kebabMenuItems: { classPropertyName: "kebabMenuItems", publicName: "kebabMenuItems", isSignal: false, isRequired: false, transformFunction: null }, expandableFields: { classPropertyName: "expandableFields", publicName: "expandableFields", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, checkboxSelection: { classPropertyName: "checkboxSelection", publicName: "checkboxSelection", isSignal: true, isRequired: false, transformFunction: null }, radioButtonSelection: { classPropertyName: "radioButtonSelection", publicName: "radioButtonSelection", isSignal: true, isRequired: false, transformFunction: null }, headerCheckboxSelection: { classPropertyName: "headerCheckboxSelection", publicName: "headerCheckboxSelection", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, proxy: { classPropertyName: "proxy", publicName: "proxy", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, tAlign: { classPropertyName: "tAlign", publicName: "tAlign", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, exportFileName: { classPropertyName: "exportFileName", publicName: "exportFileName", isSignal: true, isRequired: false, transformFunction: null }, noDataFoundLabel: { classPropertyName: "noDataFoundLabel", publicName: "noDataFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, tableHeader: { classPropertyName: "tableHeader", publicName: "tableHeader", isSignal: true, isRequired: false, transformFunction: null }, showTableHeader: { classPropertyName: "showTableHeader", publicName: "showTableHeader", isSignal: true, isRequired: false, transformFunction: null }, isFirstRowSelected: { classPropertyName: "isFirstRowSelected", publicName: "isFirstRowSelected", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, selectedRowsInput: { classPropertyName: "selectedRowsInput", publicName: "selectedRowsInput", isSignal: true, isRequired: false, transformFunction: null }, isLazy: { classPropertyName: "isLazy", publicName: "isLazy", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, paginatorDropdownAppendTo: { classPropertyName: "paginatorDropdownAppendTo", publicName: "paginatorDropdownAppendTo", isSignal: true, isRequired: false, transformFunction: null }, isColumnExpandMode: { classPropertyName: "isColumnExpandMode", publicName: "isColumnExpandMode", isSignal: true, isRequired: false, transformFunction: null }, isResizableColumns: { classPropertyName: "isResizableColumns", publicName: "isResizableColumns", isSignal: true, isRequired: false, transformFunction: null }, isSortable: { classPropertyName: "isSortable", publicName: "isSortable", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, sortMode: { classPropertyName: "sortMode", publicName: "sortMode", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: true, isRequired: false, transformFunction: null }, rowSelectable: { classPropertyName: "rowSelectable", publicName: "rowSelectable", isSignal: true, isRequired: false, transformFunction: null }, reorderableColumns: { classPropertyName: "reorderableColumns", publicName: "reorderableColumns", isSignal: true, isRequired: false, transformFunction: null }, reorderField: { classPropertyName: "reorderField", publicName: "reorderField", isSignal: true, isRequired: false, transformFunction: null }, showColumnFilters: { classPropertyName: "showColumnFilters", publicName: "showColumnFilters", isSignal: true, isRequired: false, transformFunction: null }, selectionPageOnly: { classPropertyName: "selectionPageOnly", publicName: "selectionPageOnly", isSignal: true, isRequired: false, transformFunction: null }, openSelectionOnSidebar: { classPropertyName: "openSelectionOnSidebar", publicName: "openSelectionOnSidebar", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFields: { classPropertyName: "globalFilterFields", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageEvent: "onPageEvent", selectionEvent: "selectionEvent", lazyLoadEvent: "lazyLoadEvent", rowReorderEvent: "rowReorderEvent" }, queries: [{ propertyName: "columns", predicate: TableColumnComponent }], viewQueries: [{ propertyName: "exportOp", first: true, predicate: ExportOverlayPanelComponent, descendants: true }, { propertyName: "tableRef", first: true, predicate: Table, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[dataKey]=\"dataKey()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"!this.isLazy() || this.totalRecords() > 10 ? this.paginator() : false\"\r\n\t[lazy]=\"isLazy()\"\r\n\t[lazyLoadOnInit]=\"false\"\r\n\t[totalRecords]=\"totalRecords()\"\r\n\t[rowsPerPageOptions]=\"[5, 10, 20, 50, 100]\"\r\n\t[rowSelectable]=\"rowSelectable()\"\r\n\t[filterDelay]=\"0\"\r\n\t[sortMode]=\"sortMode()\"\r\n\t[(selection)]=\"selectedRows\"\r\n\t(onPage)=\"onPageEvent.emit($event)\"\r\n\t(onSort)=\"onTableSort($event)\"\r\n\t(onLazyLoad)=\"handleLazyLoadEvent($event)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedRows)\"\r\n\t(onRowSelect)=\"sidebarVisible = true\"\r\n\t(onRowUnselect)=\"sidebarVisible = false\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\t[selectionMode]=\"effectiveSelectionMode()\"\r\n\t[selectionPageOnly]=\"selectionPageOnly()\"\r\n\t[columnResizeMode]=\"isColumnExpandMode() ? 'expand' : ''\"\r\n\t[resizableColumns]=\"isResizableColumns()\"\r\n\t[currentPageReportTemplate]=\"currentPageReportText\"\r\n\tstyleClass=\"p-datatable-sm\"\r\n\t[paginatorDropdownAppendTo]=\"paginatorDropdownAppendTo()\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[showFirstLastIcon]=\"showFirstLastIcon()\"\r\n\t[reorderableColumns]=\"reorderableColumns()\"\r\n\t(onRowReorder)=\"rowReorder($event)\"\r\n\t[globalFilterFields]=\"globalFilterFields()\">\r\n\t<ng-template pTemplate=\"groupheader\" let-item let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\r\n\t\t<tr pRowGroupHeader style=\"background-color: #f8fafc\">\r\n\t\t\t<td [attr.colspan]=\"columns._results.length\">\r\n\t\t\t\t<span class=\"font-bold ml-2\" style=\"color: #6b7280\">{{ item.groupName }}</span>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n\r\n\t@if (globalFilterFields()?.length) {\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"grid p-fluid\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\tclass=\"lg:col-3 md:col-4 sm:col-6 col-12\"\r\n\t\t\t\t\t[(ngModel)]=\"globalSearchValue\"\r\n\t\t\t\t\t(input)=\"filterGlobal($event)\"\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t[placeholder]=\"translocoService.translate('search')\" />\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t}\r\n\r\n\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t<tr>\r\n\t\t\t@if (reorderableColumns() || radioButtonSelection()) {\r\n\t\t\t\t<th style=\"width: 3rem !important\"></th>\r\n\t\t\t}\r\n\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<th>\r\n\t\t\t\t\t@if (headerCheckboxSelection()) {\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n\t\t\t\t\t}\r\n\t\t\t\t</th>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t@if (column.type() === 'operations') {\r\n\t\t\t\t\t<th>\r\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">\u0130\u015Flemler</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t@if (isResizableColumns()) {\r\n\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" pResizableColumn>\r\n\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\r\n\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\r\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\r\n\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\r\n\t\t\t\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green; padding-top: 4px; padding-left: 4px\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle\"\r\n\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\r\n\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t@if (isLazy() && isSortable()) {\r\n\t\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t\t[pSortableColumn]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t[ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\"\r\n\t\t\t\t\t\t\t\tstyle=\"min-width: 170px\">\r\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\r\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\r\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\r\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\r\n\t\t\t\t\t\t\t\t\t\t@if (column.type() !== 'operations') {\r\n\t\t\t\t\t\t\t\t\t\t\t<p-sortIcon [field]=\"column.field()\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t@if (showColumnFilters() && column.showFilter() && column.type() !== 'operations') {\r\n\t\t\t\t\t\t\t\t\t\t\t@switch (column.filterType()) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.TEXT) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.NUMERIC) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"numeric\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-number\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxDigits]=\"6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-full\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.DATE) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t@if (column.showTimeInDateFilters()) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showTime]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[appendTo]=\"null\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar [(ngModel)]=\"filter.value\" class=\"w-6\" [appendTo]=\"null\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.BOOLEAN) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter [field]=\"column.field()\" type=\"boolean\" display=\"menu\" class=\"mt-2\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.ENUM) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[matchModeOptions]=\"[\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fittir', value: 'equals' },\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fit De\u011Fildir', value: 'notEquals' },\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7erir', value: 'contains' },\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7ermez', value: 'notContains' }\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-dropdown\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[options]=\"getEnumOptions(column.enumGroupName(), 'ALL')\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(onChange)=\"onFilterChange($event.value, filter, column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tappendTo=\"self\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClear]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyleClass=\"w-full\"></p-dropdown>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\r\n\t\t\t\t\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" style=\"min-width: 170px\">\r\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\r\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\r\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\r\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\r\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\r\n\t\t\t\t\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"body\" let-item let-columns=\"columns\" let-index=\"rowIndex\">\r\n\t\t@if (effectiveSelectionMode()) {\r\n\t\t\t<tr\r\n\t\t\t\t[pSelectableRow]=\"item\"\r\n\t\t\t\t[ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\"\r\n\t\t\t\t[pReorderableRow]=\"index\">\r\n\t\t\t\t@if (reorderableColumns()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t\t<td (click)=\"$event.stopPropagation()\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (radioButtonSelection()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\r\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t} @else {\r\n\t\t\t<tr [ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\" [pReorderableRow]=\"index\">\r\n\t\t\t\t@if (reorderableColumns()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (radioButtonSelection()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\r\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t}\r\n\t</ng-template>\r\n\r\n\t@if (showFooter()) {\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t}\r\n\r\n\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t<tr>\r\n\t\t\t<td [attr.colspan]=\"columns._results.length\">{{ noDataFoundLabel() }}</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-table>\r\n\r\n<aril-export-overlay-panel [exportConfig]=\"exportConfig()!\" [columns]=\"columns\" />\r\n\r\n<p-toast key=\"export-toast\">\r\n\t<ng-template let-message pTemplate=\"message\">\r\n\t\t<span class=\"p-toast-message-icon\">\r\n\t\t\t<CheckIcon />\r\n\t\t</span>\r\n\t\t<div class=\"p-toast-message-text\">\r\n\t\t\t<div class=\"p-toast-summary\">{{ message.summary }}</div>\r\n\t\t\t<div class=\"p-toast-detail\" [innerHTML]=\"message.detail | safe: 'html'\"></div>\r\n\t\t</div>\r\n\t</ng-template>\r\n</p-toast>\r\n\r\n@if (openSelectionOnSidebar() && selectionMode() === 'single') {\r\n\t<p-sidebar\r\n\t\t[(visible)]=\"sidebarVisible\"\r\n\t\tposition=\"right\"\r\n\t\t[style]=\"{ 'max-width': '800px', width: '100%' }\"\r\n\t\t(onHide)=\"selectedRows = undefined\"\r\n\t\t[modal]=\"false\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<span class=\"font-semibold text-xl\">{{ translocoService.translate('table.sidebarDetailHeader') }}</span>\r\n\t\t</ng-template>\r\n\r\n\t\t@if (sidebarVisible) {\r\n\t\t\t<p-table [value]=\"selectedRows | keyvalue\" [paginator]=\"false\" styleClass=\"p-datatable-sm\">\r\n\t\t\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.field') }}</th>\r\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.value') }}</th>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template pTemplate=\"body\" let-item let-index=\"rowIndex\">\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t@if (columns | getColumnByField: item.key; as column) {\r\n\t\t\t\t\t\t\t<td [width]=\"'120px'\">{{ column.header() }}</td>\r\n\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t\t@if (column.type() === 'json' && item.value) {\r\n\t\t\t\t\t\t\t\t\t<div [ngStyle]=\"{ display: 'grid' }\">\r\n\t\t\t\t\t\t\t\t\t\t<pre\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"overflow-y-auto max-h-30rem border-300 border-1 border-round my-2 p-3\"><code>{{item.value | parse | json}}</code></pre>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t} @else if (column.type() === 'long-text' && item.value) {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" [model]=\"item.value\" [isTextClamp]=\"false\" />\r\n\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[selectedRows]\" [ngForTemplate]=\"column.template\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</p-table>\r\n\t\t}\r\n\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<div class=\"flex align-items-center justify-content-between\">\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\ticon=\"ARROW_LEFT\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('table.prevRecord')\"\r\n\t\t\t\t\t(clickEvent)=\"prevRecord()\" />\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\ticon=\"ARROW_RIGHT\"\r\n\t\t\t\t\ticonPos=\"right\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('table.nextRecord')\"\r\n\t\t\t\t\t(clickEvent)=\"nextRecord()\" />\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-sidebar>\r\n}\r\n", styles: ["::ng-deep aril-table th{min-width:0px!important}::ng-deep .p-datatable .p-datatable-tbody>tr.p-highlight{background-color:#e3f2fd!important;color:#475569!important}.no-wrap-word{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: i3$1.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.CalendarComponent, selector: "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", inputs: ["minDate", "maxDate", "inputStyle", "inputStyleClass", "autoZIndex", "inline", "showIcon", "showTime", "showWeek", "showSeconds", "disabledDates", "numberOfMonthToShow", "appendTo", "dataType", "placeholder", "view", "selectionMode", "rangeConfig", "tabindex", "showOnFocus", "timeOnly", "keepInvalid"] }, { kind: "component", type: i6$1.CheckIcon, selector: "CheckIcon" }, { kind: "component", type: i7$1.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", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i11.NumberComponent, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: ["min", "max", "showButtons", "placeholder", "prefix", "locale", "suffix", "maxlength", "showClear", "useGrouping", "maxDigits", "minDigits", "tabindex", "inputStyle", "buttonLayout"] }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i13.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", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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: i13.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i13.RowGroupHeader, selector: "[pRowGroupHeader]" }, { kind: "directive", type: i13.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i13.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i13.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i13.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i13.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i13.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i13.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i13.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: i13.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", "ariaLabel"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i14.TextComponent, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: ["placeholder", "tabindex", "icon", "iconPos", "size"] }, { kind: "component", type: i15.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: i16.ValueComponent, selector: "aril-value", inputs: ["model", "type", "format", "isClickable", "groupName", "parentSelectionKey", "isTextClamp", "textClampCharacters", "style", "copyable", "shouldShowCopyForClampedText", "arrayTypeDisplayName", "arrayTypeMaxBadgeCount", "bigDecimalRoundingMode", "bigDecimalScale"] }, { kind: "component", type: ExportOverlayPanelComponent, selector: "aril-export-overlay-panel", inputs: ["exportConfig", "columns"] }, { kind: "pipe", type: i18.GetColumnByFieldPipe, name: "getColumnByField" }, { kind: "pipe", type: i10.JsonPipe, name: "json" }, { kind: "pipe", type: i10.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i18.ParsePipe, name: "parse" }, { kind: "pipe", type: i18.SafePipe, name: "safe" }, { kind: "pipe", type: i10.SlicePipe, name: "slice" }] }); }
711
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TableComponent, deps: [{ token: i4.TranslocoService }, { token: i5.SelectionGroupService }], target: i0.ɵɵFactoryTarget.Component }); }
712
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TableComponent, selector: "aril-table", inputs: { kebabMenuItems: { classPropertyName: "kebabMenuItems", publicName: "kebabMenuItems", isSignal: false, isRequired: false, transformFunction: null }, expandableFields: { classPropertyName: "expandableFields", publicName: "expandableFields", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, checkboxSelection: { classPropertyName: "checkboxSelection", publicName: "checkboxSelection", isSignal: true, isRequired: false, transformFunction: null }, radioButtonSelection: { classPropertyName: "radioButtonSelection", publicName: "radioButtonSelection", isSignal: true, isRequired: false, transformFunction: null }, headerCheckboxSelection: { classPropertyName: "headerCheckboxSelection", publicName: "headerCheckboxSelection", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, proxy: { classPropertyName: "proxy", publicName: "proxy", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, tAlign: { classPropertyName: "tAlign", publicName: "tAlign", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, exportFileName: { classPropertyName: "exportFileName", publicName: "exportFileName", isSignal: true, isRequired: false, transformFunction: null }, noDataFoundLabel: { classPropertyName: "noDataFoundLabel", publicName: "noDataFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, tableHeader: { classPropertyName: "tableHeader", publicName: "tableHeader", isSignal: true, isRequired: false, transformFunction: null }, showTableHeader: { classPropertyName: "showTableHeader", publicName: "showTableHeader", isSignal: true, isRequired: false, transformFunction: null }, isFirstRowSelected: { classPropertyName: "isFirstRowSelected", publicName: "isFirstRowSelected", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, selectedRowsInput: { classPropertyName: "selectedRowsInput", publicName: "selectedRowsInput", isSignal: true, isRequired: false, transformFunction: null }, isLazy: { classPropertyName: "isLazy", publicName: "isLazy", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, paginatorDropdownAppendTo: { classPropertyName: "paginatorDropdownAppendTo", publicName: "paginatorDropdownAppendTo", isSignal: true, isRequired: false, transformFunction: null }, isColumnExpandMode: { classPropertyName: "isColumnExpandMode", publicName: "isColumnExpandMode", isSignal: true, isRequired: false, transformFunction: null }, isResizableColumns: { classPropertyName: "isResizableColumns", publicName: "isResizableColumns", isSignal: true, isRequired: false, transformFunction: null }, isSortable: { classPropertyName: "isSortable", publicName: "isSortable", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, sortMode: { classPropertyName: "sortMode", publicName: "sortMode", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: true, isRequired: false, transformFunction: null }, rowSelectable: { classPropertyName: "rowSelectable", publicName: "rowSelectable", isSignal: true, isRequired: false, transformFunction: null }, reorderableColumns: { classPropertyName: "reorderableColumns", publicName: "reorderableColumns", isSignal: true, isRequired: false, transformFunction: null }, reorderField: { classPropertyName: "reorderField", publicName: "reorderField", isSignal: true, isRequired: false, transformFunction: null }, showColumnFilters: { classPropertyName: "showColumnFilters", publicName: "showColumnFilters", isSignal: true, isRequired: false, transformFunction: null }, selectionPageOnly: { classPropertyName: "selectionPageOnly", publicName: "selectionPageOnly", isSignal: true, isRequired: false, transformFunction: null }, openSelectionOnSidebar: { classPropertyName: "openSelectionOnSidebar", publicName: "openSelectionOnSidebar", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFields: { classPropertyName: "globalFilterFields", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageEvent: "onPageEvent", selectionEvent: "selectionEvent", lazyLoadEvent: "lazyLoadEvent", rowReorderEvent: "rowReorderEvent" }, queries: [{ propertyName: "columns", predicate: TableColumnComponent }], viewQueries: [{ propertyName: "exportOp", first: true, predicate: ExportOverlayPanelComponent, descendants: true }, { propertyName: "tableRef", first: true, predicate: Table, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table\n\t#ref\n\t[value]=\"data()\"\n\t[dataKey]=\"dataKey()\"\n\t[columns]=\"columns._results\"\n\t[rows]=\"pageSize()\"\n\t[rowHover]=\"true\"\n\t[paginator]=\"!this.isLazy() || this.totalRecords() > 10 ? this.paginator() : false\"\n\t[lazy]=\"isLazy()\"\n\t[lazyLoadOnInit]=\"false\"\n\t[totalRecords]=\"totalRecords()\"\n\t[rowsPerPageOptions]=\"[5, 10, 20, 50, 100]\"\n\t[rowSelectable]=\"rowSelectable()\"\n\t[filterDelay]=\"0\"\n\t[sortMode]=\"sortMode()\"\n\t[(selection)]=\"selectedRows\"\n\t(onPage)=\"onPageEvent.emit($event)\"\n\t(onSort)=\"onTableSort($event)\"\n\t(onLazyLoad)=\"handleLazyLoadEvent($event)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedRows)\"\n\t(onRowSelect)=\"sidebarVisible = true\"\n\t(onRowUnselect)=\"sidebarVisible = false\"\n\t[showCurrentPageReport]=\"true\"\n\t[selectionMode]=\"effectiveSelectionMode()\"\n\t[selectionPageOnly]=\"selectionPageOnly()\"\n\t[columnResizeMode]=\"isColumnExpandMode() ? 'expand' : ''\"\n\t[resizableColumns]=\"isResizableColumns()\"\n\t[currentPageReportTemplate]=\"currentPageReportText\"\n\tstyleClass=\"p-datatable-sm\"\n\t[paginatorDropdownAppendTo]=\"paginatorDropdownAppendTo()\"\n\t[scrollable]=\"scrollable()\"\n\t[scrollHeight]=\"scrollHeight()\"\n\t[showFirstLastIcon]=\"showFirstLastIcon()\"\n\t[reorderableColumns]=\"reorderableColumns()\"\n\t(onRowReorder)=\"rowReorder($event)\"\n\t[globalFilterFields]=\"globalFilterFields()\">\n\t<ng-template pTemplate=\"groupheader\" let-item let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n\t\t<tr pRowGroupHeader style=\"background-color: #f8fafc\">\n\t\t\t<td [attr.colspan]=\"columns._results.length\">\n\t\t\t\t<span class=\"font-bold ml-2\" style=\"color: #6b7280\">{{ item.groupName }}</span>\n\t\t\t</td>\n\t\t</tr>\n\t</ng-template>\n\n\t@if (globalFilterFields()?.length) {\n\t\t<ng-template pTemplate=\"caption\">\n\t\t\t<div class=\"grid p-fluid\">\n\t\t\t\t<aril-text\n\t\t\t\t\tclass=\"lg:col-3 md:col-4 sm:col-6 col-12\"\n\t\t\t\t\t[(ngModel)]=\"globalSearchValue\"\n\t\t\t\t\t(input)=\"filterGlobal($event)\"\n\t\t\t\t\ticon=\"SEARCH\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t[placeholder]=\"translocoService.translate('search')\" />\n\t\t\t</div>\n\t\t</ng-template>\n\t}\n\n\t<ng-template pTemplate=\"header\" let-columns>\n\t\t<tr>\n\t\t\t@if (reorderableColumns() || radioButtonSelection()) {\n\t\t\t\t<th style=\"width: 3rem !important\"></th>\n\t\t\t}\n\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<th>\n\t\t\t\t\t@if (headerCheckboxSelection()) {\n\t\t\t\t\t\t<p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n\t\t\t\t\t}\n\t\t\t\t</th>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t@if (column.type() === 'operations') {\n\t\t\t\t\t<th>\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">\u0130\u015Flemler</div>\n\t\t\t\t\t</th>\n\t\t\t\t} @else {\n\t\t\t\t\t@if (isResizableColumns()) {\n\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" pResizableColumn>\n\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\n\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\n\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\n\t\t\t\t\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green; padding-top: 4px; padding-left: 4px\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle\"\n\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\n\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@if (isLazy() && isSortable()) {\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t[pSortableColumn]=\"column.field()\"\n\t\t\t\t\t\t\t\t[ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\"\n\t\t\t\t\t\t\t\tstyle=\"min-width: 170px\">\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\n\t\t\t\t\t\t\t\t\t\t@if (column.type() !== 'operations') {\n\t\t\t\t\t\t\t\t\t\t\t<p-sortIcon [field]=\"column.field()\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t@if (showColumnFilters() && column.showFilter() && column.type() !== 'operations') {\n\t\t\t\t\t\t\t\t\t\t\t@switch (column.filterType()) {\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.TEXT) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\" />\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.NUMERIC) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-number\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxDigits]=\"6\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-full\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.DATE) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t@if (column.showTimeInDateFilters()) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-6\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showTime]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[appendTo]=\"null\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar [(ngModel)]=\"filter.value\" class=\"w-6\" [appendTo]=\"null\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.BOOLEAN) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter [field]=\"column.field()\" type=\"boolean\" display=\"menu\" class=\"mt-2\" />\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.ENUM) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[matchModeOptions]=\"[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fittir', value: 'equals' },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fit De\u011Fildir', value: 'notEquals' },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7erir', value: 'contains' },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7ermez', value: 'notContains' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[options]=\"getEnumOptions(column.enumGroupName(), 'ALL')\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(onChange)=\"onFilterChange($event.value, filter, column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tappendTo=\"self\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClear]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyleClass=\"w-full\"></p-dropdown>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\n\t\t\t\t\t\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" style=\"min-width: 170px\">\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\n\t\t\t\t\t\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\n\t<ng-template pTemplate=\"body\" let-item let-columns=\"columns\" let-index=\"rowIndex\">\n\t\t@if (effectiveSelectionMode()) {\n\t\t\t<tr\n\t\t\t\t[pSelectableRow]=\"item\"\n\t\t\t\t[ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\"\n\t\t\t\t[pReorderableRow]=\"index\">\n\t\t\t\t@if (reorderableColumns()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@if (checkboxSelection()) {\n\t\t\t\t\t<td (click)=\"$event.stopPropagation()\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@if (radioButtonSelection()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@for (column of columns; track $index) {\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t} @else {\n\t\t\t<tr [ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\" [pReorderableRow]=\"index\">\n\t\t\t\t@if (reorderableColumns()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (checkboxSelection()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@if (radioButtonSelection()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@for (column of columns; track $index) {\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</ng-template>\n\n\t@if (showFooter()) {\n\t\t<ng-template pTemplate=\"summary\">\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t</ng-template>\n\t}\n\n\t<ng-template pTemplate=\"emptymessage\">\n\t\t<tr>\n\t\t\t<td [attr.colspan]=\"columns._results.length\">{{ noDataFoundLabel() }}</td>\n\t\t</tr>\n\t</ng-template>\n</p-table>\n\n<aril-export-overlay-panel [exportConfig]=\"exportConfig()!\" [columns]=\"columns\" />\n\n<p-toast key=\"export-toast\">\n\t<ng-template let-message pTemplate=\"message\">\n\t\t<span class=\"p-toast-message-icon\">\n\t\t\t<CheckIcon />\n\t\t</span>\n\t\t<div class=\"p-toast-message-text\">\n\t\t\t<div class=\"p-toast-summary\">{{ message.summary }}</div>\n\t\t\t<div class=\"p-toast-detail\" [innerHTML]=\"message.detail | safe: 'html'\"></div>\n\t\t</div>\n\t</ng-template>\n</p-toast>\n\n@if (openSelectionOnSidebar() && selectionMode() === 'single') {\n\t<p-sidebar\n\t\t[(visible)]=\"sidebarVisible\"\n\t\tposition=\"right\"\n\t\t[style]=\"{ 'max-width': '800px', width: '100%' }\"\n\t\t(onHide)=\"selectedRows = undefined\"\n\t\t[modal]=\"false\">\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<span class=\"font-semibold text-xl\">{{ translocoService.translate('table.sidebarDetailHeader') }}</span>\n\t\t</ng-template>\n\n\t\t@if (sidebarVisible) {\n\t\t\t<p-table [value]=\"selectedRows | keyvalue\" [paginator]=\"false\" styleClass=\"p-datatable-sm\">\n\t\t\t\t<ng-template pTemplate=\"header\">\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.field') }}</th>\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.value') }}</th>\n\t\t\t\t\t</tr>\n\t\t\t\t</ng-template>\n\n\t\t\t\t<ng-template pTemplate=\"body\" let-item let-index=\"rowIndex\">\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t@if (columns | getColumnByField: item.key; as column) {\n\t\t\t\t\t\t\t<td [width]=\"'120px'\">{{ column.header() }}</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t@if (column.type() === 'json' && item.value) {\n\t\t\t\t\t\t\t\t\t<div [ngStyle]=\"{ display: 'grid' }\">\n\t\t\t\t\t\t\t\t\t\t<pre\n\t\t\t\t\t\t\t\t\t\t\tclass=\"overflow-y-auto max-h-30rem border-300 border-1 border-round my-2 p-3\"><code>{{item.value | parse | json}}</code></pre>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t} @else if (column.type() === 'long-text' && item.value) {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" [model]=\"item.value\" [isTextClamp]=\"false\" />\n\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[selectedRows]\" [ngForTemplate]=\"column.template\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t}\n\t\t\t\t\t</tr>\n\t\t\t\t</ng-template>\n\t\t\t</p-table>\n\t\t}\n\n\t\t<ng-template pTemplate=\"footer\">\n\t\t\t<div class=\"flex align-items-center justify-content-between\">\n\t\t\t\t<aril-button\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ticon=\"ARROW_LEFT\"\n\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t[label]=\"translocoService.translate('table.prevRecord')\"\n\t\t\t\t\t(clickEvent)=\"prevRecord()\" />\n\n\t\t\t\t<aril-button\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ticon=\"ARROW_RIGHT\"\n\t\t\t\t\ticonPos=\"right\"\n\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t[label]=\"translocoService.translate('table.nextRecord')\"\n\t\t\t\t\t(clickEvent)=\"nextRecord()\" />\n\t\t\t</div>\n\t\t</ng-template>\n\t</p-sidebar>\n}\n", styles: ["::ng-deep aril-table th{min-width:0px!important}::ng-deep .p-datatable .p-datatable-tbody>tr.p-highlight{background-color:#e3f2fd!important;color:#475569!important}.no-wrap-word{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: i3$1.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.CalendarComponent, selector: "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", inputs: ["minDate", "maxDate", "inputStyle", "inputStyleClass", "autoZIndex", "inline", "showIcon", "showTime", "showWeek", "showSeconds", "disabledDates", "numberOfMonthToShow", "appendTo", "dataType", "placeholder", "view", "selectionMode", "rangeConfig", "tabindex", "showOnFocus", "timeOnly", "keepInvalid"] }, { kind: "component", type: i6$1.CheckIcon, selector: "CheckIcon" }, { kind: "component", type: i7$1.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", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i11.NumberComponent, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: ["min", "max", "showButtons", "placeholder", "prefix", "locale", "suffix", "maxlength", "showClear", "useGrouping", "maxDigits", "minDigits", "tabindex", "inputStyle", "buttonLayout"] }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i13.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", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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: i13.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i13.RowGroupHeader, selector: "[pRowGroupHeader]" }, { kind: "directive", type: i13.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i13.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i13.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i13.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i13.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i13.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i13.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i13.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: i13.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", "ariaLabel"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i14.TextComponent, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: ["placeholder", "tabindex", "icon", "iconPos", "size"] }, { kind: "component", type: i15.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: i16.ValueComponent, selector: "aril-value", inputs: ["model", "type", "format", "isClickable", "groupName", "parentSelectionKey", "isTextClamp", "textClampCharacters", "style", "copyable", "shouldShowCopyForClampedText", "arrayTypeDisplayName", "arrayTypeMaxBadgeCount", "bigDecimalRoundingMode", "bigDecimalScale"] }, { kind: "component", type: ExportOverlayPanelComponent, selector: "aril-export-overlay-panel", inputs: ["exportConfig", "columns"] }, { kind: "pipe", type: i18.GetColumnByFieldPipe, name: "getColumnByField" }, { kind: "pipe", type: i10.JsonPipe, name: "json" }, { kind: "pipe", type: i10.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i18.ParsePipe, name: "parse" }, { kind: "pipe", type: i18.SafePipe, name: "safe" }, { kind: "pipe", type: i10.SlicePipe, name: "slice" }] }); }
713
713
  }
714
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, decorators: [{
714
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TableComponent, decorators: [{
715
715
  type: Component,
716
- args: [{ selector: 'aril-table', template: "<p-table\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[dataKey]=\"dataKey()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"!this.isLazy() || this.totalRecords() > 10 ? this.paginator() : false\"\r\n\t[lazy]=\"isLazy()\"\r\n\t[lazyLoadOnInit]=\"false\"\r\n\t[totalRecords]=\"totalRecords()\"\r\n\t[rowsPerPageOptions]=\"[5, 10, 20, 50, 100]\"\r\n\t[rowSelectable]=\"rowSelectable()\"\r\n\t[filterDelay]=\"0\"\r\n\t[sortMode]=\"sortMode()\"\r\n\t[(selection)]=\"selectedRows\"\r\n\t(onPage)=\"onPageEvent.emit($event)\"\r\n\t(onSort)=\"onTableSort($event)\"\r\n\t(onLazyLoad)=\"handleLazyLoadEvent($event)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedRows)\"\r\n\t(onRowSelect)=\"sidebarVisible = true\"\r\n\t(onRowUnselect)=\"sidebarVisible = false\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\t[selectionMode]=\"effectiveSelectionMode()\"\r\n\t[selectionPageOnly]=\"selectionPageOnly()\"\r\n\t[columnResizeMode]=\"isColumnExpandMode() ? 'expand' : ''\"\r\n\t[resizableColumns]=\"isResizableColumns()\"\r\n\t[currentPageReportTemplate]=\"currentPageReportText\"\r\n\tstyleClass=\"p-datatable-sm\"\r\n\t[paginatorDropdownAppendTo]=\"paginatorDropdownAppendTo()\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[showFirstLastIcon]=\"showFirstLastIcon()\"\r\n\t[reorderableColumns]=\"reorderableColumns()\"\r\n\t(onRowReorder)=\"rowReorder($event)\"\r\n\t[globalFilterFields]=\"globalFilterFields()\">\r\n\t<ng-template pTemplate=\"groupheader\" let-item let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\r\n\t\t<tr pRowGroupHeader style=\"background-color: #f8fafc\">\r\n\t\t\t<td [attr.colspan]=\"columns._results.length\">\r\n\t\t\t\t<span class=\"font-bold ml-2\" style=\"color: #6b7280\">{{ item.groupName }}</span>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n\r\n\t@if (globalFilterFields()?.length) {\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"grid p-fluid\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\tclass=\"lg:col-3 md:col-4 sm:col-6 col-12\"\r\n\t\t\t\t\t[(ngModel)]=\"globalSearchValue\"\r\n\t\t\t\t\t(input)=\"filterGlobal($event)\"\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t[placeholder]=\"translocoService.translate('search')\" />\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t}\r\n\r\n\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t<tr>\r\n\t\t\t@if (reorderableColumns() || radioButtonSelection()) {\r\n\t\t\t\t<th style=\"width: 3rem !important\"></th>\r\n\t\t\t}\r\n\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<th>\r\n\t\t\t\t\t@if (headerCheckboxSelection()) {\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n\t\t\t\t\t}\r\n\t\t\t\t</th>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t@if (column.type() === 'operations') {\r\n\t\t\t\t\t<th>\r\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">\u0130\u015Flemler</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t@if (isResizableColumns()) {\r\n\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" pResizableColumn>\r\n\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\r\n\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\r\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\r\n\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\r\n\t\t\t\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green; padding-top: 4px; padding-left: 4px\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle\"\r\n\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\r\n\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t@if (isLazy() && isSortable()) {\r\n\t\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t\t[pSortableColumn]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t[ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\"\r\n\t\t\t\t\t\t\t\tstyle=\"min-width: 170px\">\r\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\r\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\r\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\r\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\r\n\t\t\t\t\t\t\t\t\t\t@if (column.type() !== 'operations') {\r\n\t\t\t\t\t\t\t\t\t\t\t<p-sortIcon [field]=\"column.field()\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t@if (showColumnFilters() && column.showFilter() && column.type() !== 'operations') {\r\n\t\t\t\t\t\t\t\t\t\t\t@switch (column.filterType()) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.TEXT) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.NUMERIC) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"numeric\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-number\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxDigits]=\"6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-full\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.DATE) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t@if (column.showTimeInDateFilters()) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showTime]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[appendTo]=\"null\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar [(ngModel)]=\"filter.value\" class=\"w-6\" [appendTo]=\"null\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.BOOLEAN) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter [field]=\"column.field()\" type=\"boolean\" display=\"menu\" class=\"mt-2\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.ENUM) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[matchModeOptions]=\"[\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fittir', value: 'equals' },\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fit De\u011Fildir', value: 'notEquals' },\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7erir', value: 'contains' },\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7ermez', value: 'notContains' }\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-dropdown\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[options]=\"getEnumOptions(column.enumGroupName(), 'ALL')\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(onChange)=\"onFilterChange($event.value, filter, column.field())\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tappendTo=\"self\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClear]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyleClass=\"w-full\"></p-dropdown>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\r\n\t\t\t\t\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" style=\"min-width: 170px\">\r\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\r\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\r\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\r\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\r\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\r\n\t\t\t\t\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"body\" let-item let-columns=\"columns\" let-index=\"rowIndex\">\r\n\t\t@if (effectiveSelectionMode()) {\r\n\t\t\t<tr\r\n\t\t\t\t[pSelectableRow]=\"item\"\r\n\t\t\t\t[ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\"\r\n\t\t\t\t[pReorderableRow]=\"index\">\r\n\t\t\t\t@if (reorderableColumns()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t\t<td (click)=\"$event.stopPropagation()\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (radioButtonSelection()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\r\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t} @else {\r\n\t\t\t<tr [ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\" [pReorderableRow]=\"index\">\r\n\t\t\t\t@if (reorderableColumns()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (radioButtonSelection()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\r\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t}\r\n\t</ng-template>\r\n\r\n\t@if (showFooter()) {\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t}\r\n\r\n\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t<tr>\r\n\t\t\t<td [attr.colspan]=\"columns._results.length\">{{ noDataFoundLabel() }}</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-table>\r\n\r\n<aril-export-overlay-panel [exportConfig]=\"exportConfig()!\" [columns]=\"columns\" />\r\n\r\n<p-toast key=\"export-toast\">\r\n\t<ng-template let-message pTemplate=\"message\">\r\n\t\t<span class=\"p-toast-message-icon\">\r\n\t\t\t<CheckIcon />\r\n\t\t</span>\r\n\t\t<div class=\"p-toast-message-text\">\r\n\t\t\t<div class=\"p-toast-summary\">{{ message.summary }}</div>\r\n\t\t\t<div class=\"p-toast-detail\" [innerHTML]=\"message.detail | safe: 'html'\"></div>\r\n\t\t</div>\r\n\t</ng-template>\r\n</p-toast>\r\n\r\n@if (openSelectionOnSidebar() && selectionMode() === 'single') {\r\n\t<p-sidebar\r\n\t\t[(visible)]=\"sidebarVisible\"\r\n\t\tposition=\"right\"\r\n\t\t[style]=\"{ 'max-width': '800px', width: '100%' }\"\r\n\t\t(onHide)=\"selectedRows = undefined\"\r\n\t\t[modal]=\"false\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<span class=\"font-semibold text-xl\">{{ translocoService.translate('table.sidebarDetailHeader') }}</span>\r\n\t\t</ng-template>\r\n\r\n\t\t@if (sidebarVisible) {\r\n\t\t\t<p-table [value]=\"selectedRows | keyvalue\" [paginator]=\"false\" styleClass=\"p-datatable-sm\">\r\n\t\t\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.field') }}</th>\r\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.value') }}</th>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template pTemplate=\"body\" let-item let-index=\"rowIndex\">\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t@if (columns | getColumnByField: item.key; as column) {\r\n\t\t\t\t\t\t\t<td [width]=\"'120px'\">{{ column.header() }}</td>\r\n\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t\t@if (column.type() === 'json' && item.value) {\r\n\t\t\t\t\t\t\t\t\t<div [ngStyle]=\"{ display: 'grid' }\">\r\n\t\t\t\t\t\t\t\t\t\t<pre\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"overflow-y-auto max-h-30rem border-300 border-1 border-round my-2 p-3\"><code>{{item.value | parse | json}}</code></pre>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t} @else if (column.type() === 'long-text' && item.value) {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" [model]=\"item.value\" [isTextClamp]=\"false\" />\r\n\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[selectedRows]\" [ngForTemplate]=\"column.template\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</p-table>\r\n\t\t}\r\n\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<div class=\"flex align-items-center justify-content-between\">\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\ticon=\"ARROW_LEFT\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('table.prevRecord')\"\r\n\t\t\t\t\t(clickEvent)=\"prevRecord()\" />\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\ticon=\"ARROW_RIGHT\"\r\n\t\t\t\t\ticonPos=\"right\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('table.nextRecord')\"\r\n\t\t\t\t\t(clickEvent)=\"nextRecord()\" />\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-sidebar>\r\n}\r\n", styles: ["::ng-deep aril-table th{min-width:0px!important}::ng-deep .p-datatable .p-datatable-tbody>tr.p-highlight{background-color:#e3f2fd!important;color:#475569!important}.no-wrap-word{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
716
+ args: [{ selector: 'aril-table', template: "<p-table\n\t#ref\n\t[value]=\"data()\"\n\t[dataKey]=\"dataKey()\"\n\t[columns]=\"columns._results\"\n\t[rows]=\"pageSize()\"\n\t[rowHover]=\"true\"\n\t[paginator]=\"!this.isLazy() || this.totalRecords() > 10 ? this.paginator() : false\"\n\t[lazy]=\"isLazy()\"\n\t[lazyLoadOnInit]=\"false\"\n\t[totalRecords]=\"totalRecords()\"\n\t[rowsPerPageOptions]=\"[5, 10, 20, 50, 100]\"\n\t[rowSelectable]=\"rowSelectable()\"\n\t[filterDelay]=\"0\"\n\t[sortMode]=\"sortMode()\"\n\t[(selection)]=\"selectedRows\"\n\t(onPage)=\"onPageEvent.emit($event)\"\n\t(onSort)=\"onTableSort($event)\"\n\t(onLazyLoad)=\"handleLazyLoadEvent($event)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedRows)\"\n\t(onRowSelect)=\"sidebarVisible = true\"\n\t(onRowUnselect)=\"sidebarVisible = false\"\n\t[showCurrentPageReport]=\"true\"\n\t[selectionMode]=\"effectiveSelectionMode()\"\n\t[selectionPageOnly]=\"selectionPageOnly()\"\n\t[columnResizeMode]=\"isColumnExpandMode() ? 'expand' : ''\"\n\t[resizableColumns]=\"isResizableColumns()\"\n\t[currentPageReportTemplate]=\"currentPageReportText\"\n\tstyleClass=\"p-datatable-sm\"\n\t[paginatorDropdownAppendTo]=\"paginatorDropdownAppendTo()\"\n\t[scrollable]=\"scrollable()\"\n\t[scrollHeight]=\"scrollHeight()\"\n\t[showFirstLastIcon]=\"showFirstLastIcon()\"\n\t[reorderableColumns]=\"reorderableColumns()\"\n\t(onRowReorder)=\"rowReorder($event)\"\n\t[globalFilterFields]=\"globalFilterFields()\">\n\t<ng-template pTemplate=\"groupheader\" let-item let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n\t\t<tr pRowGroupHeader style=\"background-color: #f8fafc\">\n\t\t\t<td [attr.colspan]=\"columns._results.length\">\n\t\t\t\t<span class=\"font-bold ml-2\" style=\"color: #6b7280\">{{ item.groupName }}</span>\n\t\t\t</td>\n\t\t</tr>\n\t</ng-template>\n\n\t@if (globalFilterFields()?.length) {\n\t\t<ng-template pTemplate=\"caption\">\n\t\t\t<div class=\"grid p-fluid\">\n\t\t\t\t<aril-text\n\t\t\t\t\tclass=\"lg:col-3 md:col-4 sm:col-6 col-12\"\n\t\t\t\t\t[(ngModel)]=\"globalSearchValue\"\n\t\t\t\t\t(input)=\"filterGlobal($event)\"\n\t\t\t\t\ticon=\"SEARCH\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t[placeholder]=\"translocoService.translate('search')\" />\n\t\t\t</div>\n\t\t</ng-template>\n\t}\n\n\t<ng-template pTemplate=\"header\" let-columns>\n\t\t<tr>\n\t\t\t@if (reorderableColumns() || radioButtonSelection()) {\n\t\t\t\t<th style=\"width: 3rem !important\"></th>\n\t\t\t}\n\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<th>\n\t\t\t\t\t@if (headerCheckboxSelection()) {\n\t\t\t\t\t\t<p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n\t\t\t\t\t}\n\t\t\t\t</th>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t@if (column.type() === 'operations') {\n\t\t\t\t\t<th>\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">\u0130\u015Flemler</div>\n\t\t\t\t\t</th>\n\t\t\t\t} @else {\n\t\t\t\t\t@if (isResizableColumns()) {\n\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" pResizableColumn>\n\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\n\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\n\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\n\t\t\t\t\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green; padding-top: 4px; padding-left: 4px\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle\"\n\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\n\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@if (isLazy() && isSortable()) {\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t[pSortableColumn]=\"column.field()\"\n\t\t\t\t\t\t\t\t[ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\"\n\t\t\t\t\t\t\t\tstyle=\"min-width: 170px\">\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\n\t\t\t\t\t\t\t\t\t\t@if (column.type() !== 'operations') {\n\t\t\t\t\t\t\t\t\t\t\t<p-sortIcon [field]=\"column.field()\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t@if (showColumnFilters() && column.showFilter() && column.type() !== 'operations') {\n\t\t\t\t\t\t\t\t\t\t\t@switch (column.filterType()) {\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.TEXT) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\" />\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.NUMERIC) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-number\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxDigits]=\"6\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-full\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.DATE) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t@if (column.showTimeInDateFilters()) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"onFilterChange($event, filter, column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"w-6\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showTime]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[appendTo]=\"null\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-calendar [(ngModel)]=\"filter.value\" class=\"w-6\" [appendTo]=\"null\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.BOOLEAN) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter [field]=\"column.field()\" type=\"boolean\" display=\"menu\" class=\"mt-2\" />\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t@case (ColumnFilterTypeEnum.ENUM) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[field]=\"column.field()\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClearButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showApplyButton]=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[maxConstraints]=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t[matchModeOptions]=\"[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fittir', value: 'equals' },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: 'E\u015Fit De\u011Fildir', value: 'notEquals' },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7erir', value: 'contains' },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label: '\u0130\u00E7ermez', value: 'notContains' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template pTemplate=\"filter\" let-filter=\"filterCallback\" let-value>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[options]=\"getEnumOptions(column.enumGroupName(), 'ALL')\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngModel]=\"getFilterValue(column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(onChange)=\"onFilterChange($event.value, filter, column.field())\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tappendTo=\"self\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[showClear]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyleClass=\"w-full\"></p-dropdown>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-end mt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Temizle'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"clearFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[label]=\"'Uygula'\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(clickEvent)=\"applyFilter(filter, column.field())\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\n\t\t\t\t\t\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<th [ngStyle]=\"{ width: column.width() ? column.width() : 'auto' }\" style=\"min-width: 170px\">\n\t\t\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"no-wrap-word\"\n\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.header().length > 50 ? column.header() : ''\"\n\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\">\n\t\t\t\t\t\t\t\t\t\t{{ column.header().length > 50 ? (column.header() | slice: 0 : 50) + '...' : column.header() }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-content-center align-items-center\">\n\t\t\t\t\t\t\t\t\t\t@if (column.isShowHeaderTooltip()) {\n\t\t\t\t\t\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: green\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"pi pi-info-circle mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t[pTooltip]=\"column.tooltipTemplate()\"\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"></i>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\n\t<ng-template pTemplate=\"body\" let-item let-columns=\"columns\" let-index=\"rowIndex\">\n\t\t@if (effectiveSelectionMode()) {\n\t\t\t<tr\n\t\t\t\t[pSelectableRow]=\"item\"\n\t\t\t\t[ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\"\n\t\t\t\t[pReorderableRow]=\"index\">\n\t\t\t\t@if (reorderableColumns()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@if (checkboxSelection()) {\n\t\t\t\t\t<td (click)=\"$event.stopPropagation()\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@if (radioButtonSelection()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@for (column of columns; track $index) {\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t} @else {\n\t\t\t<tr [ngStyle]=\"{ 'background-color': item?.rowColor ? item?.rowColor : null }\" [pReorderableRow]=\"index\">\n\t\t\t\t@if (reorderableColumns()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<span class=\"pi pi-bars\" pReorderableRowHandle></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (checkboxSelection()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@if (radioButtonSelection()) {\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\n\t\t\t\t@for (column of columns; track $index) {\n\t\t\t\t\t<td [ngStyle]=\"{ 'text-align': column.type() === 'operations' ? 'center' : column.tAlign() || tAlign() }\">\n\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[item]\" [ngForTemplate]=\"column.template\"></ng-template>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</ng-template>\n\n\t@if (showFooter()) {\n\t\t<ng-template pTemplate=\"summary\">\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t</ng-template>\n\t}\n\n\t<ng-template pTemplate=\"emptymessage\">\n\t\t<tr>\n\t\t\t<td [attr.colspan]=\"columns._results.length\">{{ noDataFoundLabel() }}</td>\n\t\t</tr>\n\t</ng-template>\n</p-table>\n\n<aril-export-overlay-panel [exportConfig]=\"exportConfig()!\" [columns]=\"columns\" />\n\n<p-toast key=\"export-toast\">\n\t<ng-template let-message pTemplate=\"message\">\n\t\t<span class=\"p-toast-message-icon\">\n\t\t\t<CheckIcon />\n\t\t</span>\n\t\t<div class=\"p-toast-message-text\">\n\t\t\t<div class=\"p-toast-summary\">{{ message.summary }}</div>\n\t\t\t<div class=\"p-toast-detail\" [innerHTML]=\"message.detail | safe: 'html'\"></div>\n\t\t</div>\n\t</ng-template>\n</p-toast>\n\n@if (openSelectionOnSidebar() && selectionMode() === 'single') {\n\t<p-sidebar\n\t\t[(visible)]=\"sidebarVisible\"\n\t\tposition=\"right\"\n\t\t[style]=\"{ 'max-width': '800px', width: '100%' }\"\n\t\t(onHide)=\"selectedRows = undefined\"\n\t\t[modal]=\"false\">\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<span class=\"font-semibold text-xl\">{{ translocoService.translate('table.sidebarDetailHeader') }}</span>\n\t\t</ng-template>\n\n\t\t@if (sidebarVisible) {\n\t\t\t<p-table [value]=\"selectedRows | keyvalue\" [paginator]=\"false\" styleClass=\"p-datatable-sm\">\n\t\t\t\t<ng-template pTemplate=\"header\">\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.field') }}</th>\n\t\t\t\t\t\t<th>{{ translocoService.translate('table.value') }}</th>\n\t\t\t\t\t</tr>\n\t\t\t\t</ng-template>\n\n\t\t\t\t<ng-template pTemplate=\"body\" let-item let-index=\"rowIndex\">\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t@if (columns | getColumnByField: item.key; as column) {\n\t\t\t\t\t\t\t<td [width]=\"'120px'\">{{ column.header() }}</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t@if (column.type() === 'json' && item.value) {\n\t\t\t\t\t\t\t\t\t<div [ngStyle]=\"{ display: 'grid' }\">\n\t\t\t\t\t\t\t\t\t\t<pre\n\t\t\t\t\t\t\t\t\t\t\tclass=\"overflow-y-auto max-h-30rem border-300 border-1 border-round my-2 p-3\"><code>{{item.value | parse | json}}</code></pre>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t} @else if (column.type() === 'long-text' && item.value) {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" [model]=\"item.value\" [isTextClamp]=\"false\" />\n\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[selectedRows]\" [ngForTemplate]=\"column.template\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t}\n\t\t\t\t\t</tr>\n\t\t\t\t</ng-template>\n\t\t\t</p-table>\n\t\t}\n\n\t\t<ng-template pTemplate=\"footer\">\n\t\t\t<div class=\"flex align-items-center justify-content-between\">\n\t\t\t\t<aril-button\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ticon=\"ARROW_LEFT\"\n\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t[label]=\"translocoService.translate('table.prevRecord')\"\n\t\t\t\t\t(clickEvent)=\"prevRecord()\" />\n\n\t\t\t\t<aril-button\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ticon=\"ARROW_RIGHT\"\n\t\t\t\t\ticonPos=\"right\"\n\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t[label]=\"translocoService.translate('table.nextRecord')\"\n\t\t\t\t\t(clickEvent)=\"nextRecord()\" />\n\t\t\t</div>\n\t\t</ng-template>\n\t</p-sidebar>\n}\n", styles: ["::ng-deep aril-table th{min-width:0px!important}::ng-deep .p-datatable .p-datatable-tbody>tr.p-highlight{background-color:#e3f2fd!important;color:#475569!important}.no-wrap-word{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
717
717
  }], ctorParameters: () => [{ type: i4.TranslocoService }, { type: i5.SelectionGroupService }], propDecorators: { onPageEvent: [{
718
718
  type: Output
719
719
  }], selectionEvent: [{
@@ -739,8 +739,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
739
739
 
740
740
  const components = [TableComponent, TableColumnComponent];
741
741
  class ARiLTableModule {
742
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ARiLTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
743
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ARiLTableModule, declarations: [TableComponent, TableColumnComponent], imports: [ARiLFormModule,
742
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
743
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, declarations: [TableComponent, TableColumnComponent], imports: [ARiLFormModule,
744
744
  ButtonComponent,
745
745
  ButtonModule,
746
746
  CalendarComponent,
@@ -772,7 +772,7 @@ class ARiLTableModule {
772
772
  ValueComponent,
773
773
  ExportOverlayPanelComponent,
774
774
  SlicePipe], exports: [TableComponent, TableColumnComponent] }); }
775
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ARiLTableModule, imports: [ARiLFormModule,
775
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, imports: [ARiLFormModule,
776
776
  ButtonComponent,
777
777
  ButtonModule,
778
778
  CalendarComponent,
@@ -795,7 +795,7 @@ class ARiLTableModule {
795
795
  ValueComponent,
796
796
  ExportOverlayPanelComponent] }); }
797
797
  }
798
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ARiLTableModule, decorators: [{
798
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, decorators: [{
799
799
  type: NgModule,
800
800
  args: [{
801
801
  imports: [