ngx-st-tables 17.0.11 → 17.0.13

package/esm2022/lib/ngx-st-tables.module.mjs

@@ -35,6 +35,7 @@ import { StQtyInputModule } from 'ngx-st-qty-input';
 import { TableModule } from 'primeng/table';
 import { MatDatepickerModule, } from '@angular/material/datepicker';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatNativeDateModule } from '@angular/material/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/icon";
 export class StTablesModule {
@@ -78,8 +79,9 @@ export class StTablesModule {
             StQtyInputModule,
             TableModule,
             MatDatepickerModule,
-            MatSlideToggleModule], exports: [LocalTableComponent, SelectTableComponent, MaterialTableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StTablesModule, providers: [LocalTableService], imports: [CommonModule,
+            MatSlideToggleModule,
+            MatNativeDateModule], exports: [LocalTableComponent, SelectTableComponent, MaterialTableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StTablesModule, providers: [LocalTableService, MatDatepickerModule], imports: [CommonModule,
             MatButtonModule,
             MatIconModule,
             MatTableModule,
@@ -103,7 +105,8 @@ export class StTablesModule {
             StQtyInputModule,
             TableModule,
             MatDatepickerModule,
-            MatSlideToggleModule] }); }
+            MatSlideToggleModule,
+            MatNativeDateModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StTablesModule, decorators: [{
             type: NgModule,
@@ -148,9 +151,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TableModule,
                         MatDatepickerModule,
                         MatSlideToggleModule,
+                        MatNativeDateModule,
                     ],
                     exports: [LocalTableComponent, SelectTableComponent, MaterialTableComponent],
-                    providers: [LocalTableService],
+                    providers: [LocalTableService, MatDatepickerModule],
                 }]
         }], ctorParameters: () => [{ type: i1.MatIconRegistry }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXN0LXRhYmxlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3QtdGFibGVzL3NyYy9saWIvbmd4LXN0LXRhYmxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUMzRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQW1CLE1BQU0sd0JBQXdCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFGQUFxRixDQUFDO0FBQ3BJLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsdUNBQXVDLEVBQUUsTUFBTSxvSUFBb0ksQ0FBQztBQUM3TCxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSx3SEFBd0gsQ0FBQztBQUM1SyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUVMLGtCQUFrQixHQUVuQixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sdUZBQXVGLENBQUM7QUFDdEksT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBRUwsbUJBQW1CLEdBQ3BCLE1BQU0sOEJBQThCLENBQUM7QUFDdEMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQStDdEUsTUFBTSxPQUFPLGNBQWM7SUFDekIsWUFBb0IsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2xELElBQUksQ0FBQyxlQUFlLENBQUMsc0JBQXNCLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUMzRSxDQUFDOytHQUhVLGNBQWM7Z0hBQWQsY0FBYyxpQkEzQ3ZCLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsdUJBQXVCO1lBQ3ZCLDZCQUE2QjtZQUM3QixzQkFBc0I7WUFDdEIsdUNBQXVDO1lBQ3ZDLGtDQUFrQztZQUNsQyw2QkFBNkIsYUFHN0IsWUFBWTtZQUNaLGVBQWU7WUFDZixhQUFhO1lBQ2IsY0FBYztZQUNkLGtCQUFrQjtZQUNsQixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLGdCQUFnQjtZQUNoQixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLGFBQWE7WUFDYixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLFFBQVE7WUFDUixrQkFBa0I7WUFDbEIscUJBQXFCO1lBQ3JCLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsV0FBVztZQUNYLE9BQU87WUFDUCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLG9CQUFvQixhQUVaLG1CQUFtQixFQUFFLG9CQUFvQixFQUFFLHNCQUFzQjtnSEFHaEUsY0FBYyxhQUZkLENBQUMsaUJBQWlCLENBQUMsWUEvQjVCLFlBQVk7WUFDWixlQUFlO1lBQ2YsYUFBYTtZQUNiLGNBQWM7WUFDZCxrQkFBa0I7WUFDbEIsa0JBQWtCO1lBQ2xCLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsV0FBVztZQUNYLG1CQUFtQjtZQUNuQixZQUFZO1lBQ1osa0JBQWtCO1lBQ2xCLGFBQWE7WUFDYixhQUFhO1lBQ2IsZUFBZTtZQUNmLGlCQUFpQjtZQUVqQixrQkFBa0I7WUFDbEIscUJBQXFCO1lBQ3JCLGVBQWU7WUFDZixrQkFBa0I7WUFHbEIsZUFBZTtZQUVmLGdCQUFnQjtZQUNoQixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLG9CQUFvQjs7NEZBS1gsY0FBYztrQkE3QzFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3dCQUNwQix1QkFBdUI7d0JBQ3ZCLDZCQUE2Qjt3QkFDN0Isc0JBQXNCO3dCQUN0Qix1Q0FBdUM7d0JBQ3ZDLGtDQUFrQzt3QkFDbEMsNkJBQTZCO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixRQUFRO3dCQUNSLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsV0FBVzt3QkFDWCxPQUFPO3dCQUNQLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLG9CQUFvQixFQUFFLHNCQUFzQixDQUFDO29CQUM1RSxTQUFTLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBMb2NhbFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2xvY2FsLXRhYmxlL2xvY2FsLXRhYmxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNlbGVjdFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3NlbGVjdC10YWJsZS9zZWxlY3QtdGFibGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29uZmlndXJhdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbG9jYWwtdGFibGUvY29uZmlndXJhdGlvbnMvY29uZmlndXJhdGlvbnMuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTG9jYWxUYWJsZVNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL2xvY2FsLXRhYmxlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlLCBNYXRJY29uUmVnaXN0cnkgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgTWF0VGFibGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XHJcbmltcG9ydCB7IE1hdFBhZ2luYXRvck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XHJcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xyXG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgTWF0U29ydE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NvcnQnO1xyXG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7IE1hdFNlbGVjdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XHJcbmltcG9ydCB7IE1hdENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xyXG5pbXBvcnQgeyBTdERhdGVGb3JtYXRNb2R1bGUgfSBmcm9tICduZ3gtc3QtZGF0ZS1mb3JtYXQnO1xyXG5pbXBvcnQgeyBNYXRlcmlhbFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL21hdGVyaWFsLXRhYmxlL21hdGVyaWFsLXRhYmxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hdGVyaWFsVGFibGVDYXB0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL21hdGVyaWFsLXRhYmxlL21hdGVyaWFsLXRhYmxlLWNhcHRpb24vbWF0ZXJpYWwtdGFibGUtY2FwdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNYXRCYWRnZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2JhZGdlJztcclxuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XHJcbmltcG9ydCB7IFN0QmFzZUZ1bmN0aW9uc01vZHVsZSB9IGZyb20gJ25neC1zdC1iYXNlLWZ1bmN0aW9ucyc7XHJcbmltcG9ydCB7IE1hdGVyaWFsVGFibGVPcmRlckNvbHVtbkRpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9tYXRlcmlhbC10YWJsZS9tYXRlcmlhbC10YWJsZS1jYXB0aW9uL21hdGVyaWFsLXRhYmxlLW9yZGVyLWNvbHVtbi1kaWFsb2cvbWF0ZXJpYWwtdGFibGUtb3JkZXItY29sdW1uLWRpYWxvZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNYXRlcmlhbFRhYmxlRmlsdGVyRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL21hdGVyaWFsLXRhYmxlL21hdGVyaWFsLXRhYmxlLWNhcHRpb24vbWF0ZXJpYWwtdGFibGUtZmlsdGVyLWRpYWxvZy9tYXRlcmlhbC10YWJsZS1maWx0ZXItZGlhbG9nLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7XHJcbiAgTWF0QWNjb3JkaW9uLFxyXG4gIE1hdEV4cGFuc2lvbk1vZHVsZSxcclxuICBNYXRFeHBhbnNpb25QYW5lbCxcclxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9leHBhbnNpb24nO1xyXG5pbXBvcnQgeyBDZGtEcmFnLCBDZGtEcm9wTGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBNYXRlcmlhbFRhYmxlUm93Q2VsbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9tYXRlcmlhbC10YWJsZS9tYXRlcmlhbC10YWJsZS1yb3ctY2VsbC9tYXRlcmlhbC10YWJsZS1yb3ctY2VsbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJbnB1dFRleHRNb2R1bGUgfSBmcm9tICdwcmltZW5nL2lucHV0dGV4dCc7XHJcbmltcG9ydCB7IFByaW1lVGVtcGxhdGUgfSBmcm9tICdwcmltZW5nL2FwaSc7XHJcbmltcG9ydCB7IFN0UXR5SW5wdXRNb2R1bGUgfSBmcm9tICduZ3gtc3QtcXR5LWlucHV0JztcclxuaW1wb3J0IHsgVGFibGVNb2R1bGUgfSBmcm9tICdwcmltZW5nL3RhYmxlJztcclxuaW1wb3J0IHtcclxuICBNYXREYXRlcGlja2VySW5wdXQsXHJcbiAgTWF0RGF0ZXBpY2tlck1vZHVsZSxcclxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyJztcclxuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIExvY2FsVGFibGVDb21wb25lbnQsXHJcbiAgICBTZWxlY3RUYWJsZUNvbXBvbmVudCxcclxuICAgIENvbmZpZ3VyYXRpb25zQ29tcG9uZW50LFxyXG4gICAgTWF0ZXJpYWxUYWJsZUNhcHRpb25Db21wb25lbnQsXHJcbiAgICBNYXRlcmlhbFRhYmxlQ29tcG9uZW50LFxyXG4gICAgTWF0ZXJpYWxUYWJsZU9yZGVyQ29sdW1uRGlhbG9nQ29tcG9uZW50LFxyXG4gICAgTWF0ZXJpYWxUYWJsZUZpbHRlckRpYWxvZ0NvbXBvbmVudCxcclxuICAgIE1hdGVyaWFsVGFibGVSb3dDZWxsQ29tcG9uZW50LFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdFRhYmxlTW9kdWxlLFxyXG4gICAgTWF0UGFnaW5hdG9yTW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgTWF0SW5wdXRNb2R1bGUsXHJcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgU3REYXRlRm9ybWF0TW9kdWxlLFxyXG4gICAgTWF0U29ydE1vZHVsZSxcclxuICAgIE1hdE1lbnVNb2R1bGUsXHJcbiAgICBNYXRTZWxlY3RNb2R1bGUsXHJcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcclxuICAgIE1hdEJhZGdlLFxyXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyLFxyXG4gICAgU3RCYXNlRnVuY3Rpb25zTW9kdWxlLFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gICAgTWF0RXhwYW5zaW9uTW9kdWxlLFxyXG4gICAgQ2RrRHJvcExpc3QsXHJcbiAgICBDZGtEcmFnLFxyXG4gICAgSW5wdXRUZXh0TW9kdWxlLFxyXG4gICAgUHJpbWVUZW1wbGF0ZSxcclxuICAgIFN0UXR5SW5wdXRNb2R1bGUsXHJcbiAgICBUYWJsZU1vZHVsZSxcclxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXHJcbiAgICBNYXRTbGlkZVRvZ2dsZU1vZHVsZSxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtMb2NhbFRhYmxlQ29tcG9uZW50LCBTZWxlY3RUYWJsZUNvbXBvbmVudCwgTWF0ZXJpYWxUYWJsZUNvbXBvbmVudF0sXHJcbiAgcHJvdmlkZXJzOiBbTG9jYWxUYWJsZVNlcnZpY2VdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RUYWJsZXNNb2R1bGUge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbWF0SWNvblJlZ2lzdHJ5OiBNYXRJY29uUmVnaXN0cnkpIHtcclxuICAgIHRoaXMubWF0SWNvblJlZ2lzdHJ5LnNldERlZmF1bHRGb250U2V0Q2xhc3MoJ21hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQnKTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXN0LXRhYmxlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3QtdGFibGVzL3NyYy9saWIvbmd4LXN0LXRhYmxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUMzRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQW1CLE1BQU0sd0JBQXdCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFGQUFxRixDQUFDO0FBQ3BJLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsdUNBQXVDLEVBQUUsTUFBTSxvSUFBb0ksQ0FBQztBQUM3TCxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSx3SEFBd0gsQ0FBQztBQUM1SyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUVMLGtCQUFrQixHQUVuQixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sdUZBQXVGLENBQUM7QUFDdEksT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBRUwsbUJBQW1CLEdBQ3BCLE1BQU0sOEJBQThCLENBQUM7QUFDdEMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQWdEN0QsTUFBTSxPQUFPLGNBQWM7SUFDekIsWUFBb0IsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2xELElBQUksQ0FBQyxlQUFlLENBQUMsc0JBQXNCLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUMzRSxDQUFDOytHQUhVLGNBQWM7Z0hBQWQsY0FBYyxpQkE1Q3ZCLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsdUJBQXVCO1lBQ3ZCLDZCQUE2QjtZQUM3QixzQkFBc0I7WUFDdEIsdUNBQXVDO1lBQ3ZDLGtDQUFrQztZQUNsQyw2QkFBNkIsYUFHN0IsWUFBWTtZQUNaLGVBQWU7WUFDZixhQUFhO1lBQ2IsY0FBYztZQUNkLGtCQUFrQjtZQUNsQixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLGdCQUFnQjtZQUNoQixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLGFBQWE7WUFDYixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLFFBQVE7WUFDUixrQkFBa0I7WUFDbEIscUJBQXFCO1lBQ3JCLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsV0FBVztZQUNYLE9BQU87WUFDUCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLG9CQUFvQjtZQUNwQixtQkFBbUIsYUFFWCxtQkFBbUIsRUFBRSxvQkFBb0IsRUFBRSxzQkFBc0I7Z0hBR2hFLGNBQWMsYUFGZCxDQUFDLGlCQUFpQixFQUFFLG1CQUFtQixDQUFDLFlBaENqRCxZQUFZO1lBQ1osZUFBZTtZQUNmLGFBQWE7WUFDYixjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLGtCQUFrQjtZQUNsQixjQUFjO1lBQ2QsZ0JBQWdCO1lBQ2hCLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGtCQUFrQjtZQUNsQixhQUFhO1lBQ2IsYUFBYTtZQUNiLGVBQWU7WUFDZixpQkFBaUI7WUFFakIsa0JBQWtCO1lBQ2xCLHFCQUFxQjtZQUNyQixlQUFlO1lBQ2Ysa0JBQWtCO1lBR2xCLGVBQWU7WUFFZixnQkFBZ0I7WUFDaEIsV0FBVztZQUNYLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsbUJBQW1COzs0RkFLVixjQUFjO2tCQTlDMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLHVCQUF1Qjt3QkFDdkIsNkJBQTZCO3dCQUM3QixzQkFBc0I7d0JBQ3RCLHVDQUF1Qzt3QkFDdkMsa0NBQWtDO3dCQUNsQyw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLFFBQVE7d0JBQ1Isa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixXQUFXO3dCQUNYLE9BQU87d0JBQ1AsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxvQkFBb0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDNUUsU0FBUyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsbUJBQW1CLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTG9jYWxUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9sb2NhbC10YWJsZS9sb2NhbC10YWJsZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZWxlY3RUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zZWxlY3QtdGFibGUvc2VsZWN0LXRhYmxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2xvY2FsLXRhYmxlL2NvbmZpZ3VyYXRpb25zL2NvbmZpZ3VyYXRpb25zLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IExvY2FsVGFibGVTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9sb2NhbC10YWJsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSwgTWF0SWNvblJlZ2lzdHJ5IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdFRhYmxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xyXG5pbXBvcnQgeyBNYXRQYWdpbmF0b3JNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3InO1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IE1hdFNvcnRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zb3J0JztcclxuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xyXG5pbXBvcnQgeyBNYXRTZWxlY3RNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zZWxlY3QnO1xyXG5pbXBvcnQgeyBNYXRDaGVja2JveE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcclxuaW1wb3J0IHsgU3REYXRlRm9ybWF0TW9kdWxlIH0gZnJvbSAnbmd4LXN0LWRhdGUtZm9ybWF0JztcclxuaW1wb3J0IHsgTWF0ZXJpYWxUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9tYXRlcmlhbC10YWJsZS9tYXRlcmlhbC10YWJsZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNYXRlcmlhbFRhYmxlQ2FwdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9tYXRlcmlhbC10YWJsZS9tYXRlcmlhbC10YWJsZS1jYXB0aW9uL21hdGVyaWFsLXRhYmxlLWNhcHRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWF0QmFkZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9iYWRnZSc7XHJcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xyXG5pbXBvcnQgeyBTdEJhc2VGdW5jdGlvbnNNb2R1bGUgfSBmcm9tICduZ3gtc3QtYmFzZS1mdW5jdGlvbnMnO1xyXG5pbXBvcnQgeyBNYXRlcmlhbFRhYmxlT3JkZXJDb2x1bW5EaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbWF0ZXJpYWwtdGFibGUvbWF0ZXJpYWwtdGFibGUtY2FwdGlvbi9tYXRlcmlhbC10YWJsZS1vcmRlci1jb2x1bW4tZGlhbG9nL21hdGVyaWFsLXRhYmxlLW9yZGVyLWNvbHVtbi1kaWFsb2cuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWF0ZXJpYWxUYWJsZUZpbHRlckRpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9tYXRlcmlhbC10YWJsZS9tYXRlcmlhbC10YWJsZS1jYXB0aW9uL21hdGVyaWFsLXRhYmxlLWZpbHRlci1kaWFsb2cvbWF0ZXJpYWwtdGFibGUtZmlsdGVyLWRpYWxvZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQge1xyXG4gIE1hdEFjY29yZGlvbixcclxuICBNYXRFeHBhbnNpb25Nb2R1bGUsXHJcbiAgTWF0RXhwYW5zaW9uUGFuZWwsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uJztcclxuaW1wb3J0IHsgQ2RrRHJhZywgQ2RrRHJvcExpc3QgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuaW1wb3J0IHsgTWF0ZXJpYWxUYWJsZVJvd0NlbGxDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbWF0ZXJpYWwtdGFibGUvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSW5wdXRUZXh0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pbnB1dHRleHQnO1xyXG5pbXBvcnQgeyBQcmltZVRlbXBsYXRlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5pbXBvcnQgeyBTdFF0eUlucHV0TW9kdWxlIH0gZnJvbSAnbmd4LXN0LXF0eS1pbnB1dCc7XHJcbmltcG9ydCB7IFRhYmxlTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90YWJsZSc7XHJcbmltcG9ydCB7XHJcbiAgTWF0RGF0ZXBpY2tlcklucHV0LFxyXG4gIE1hdERhdGVwaWNrZXJNb2R1bGUsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlcic7XHJcbmltcG9ydCB7IE1hdFNsaWRlVG9nZ2xlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2xpZGUtdG9nZ2xlJztcclxuaW1wb3J0IHsgTWF0TmF0aXZlRGF0ZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIExvY2FsVGFibGVDb21wb25lbnQsXHJcbiAgICBTZWxlY3RUYWJsZUNvbXBvbmVudCxcclxuICAgIENvbmZpZ3VyYXRpb25zQ29tcG9uZW50LFxyXG4gICAgTWF0ZXJpYWxUYWJsZUNhcHRpb25Db21wb25lbnQsXHJcbiAgICBNYXRlcmlhbFRhYmxlQ29tcG9uZW50LFxyXG4gICAgTWF0ZXJpYWxUYWJsZU9yZGVyQ29sdW1uRGlhbG9nQ29tcG9uZW50LFxyXG4gICAgTWF0ZXJpYWxUYWJsZUZpbHRlckRpYWxvZ0NvbXBvbmVudCxcclxuICAgIE1hdGVyaWFsVGFibGVSb3dDZWxsQ29tcG9uZW50LFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdFRhYmxlTW9kdWxlLFxyXG4gICAgTWF0UGFnaW5hdG9yTW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgTWF0SW5wdXRNb2R1bGUsXHJcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgU3REYXRlRm9ybWF0TW9kdWxlLFxyXG4gICAgTWF0U29ydE1vZHVsZSxcclxuICAgIE1hdE1lbnVNb2R1bGUsXHJcbiAgICBNYXRTZWxlY3RNb2R1bGUsXHJcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcclxuICAgIE1hdEJhZGdlLFxyXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyLFxyXG4gICAgU3RCYXNlRnVuY3Rpb25zTW9kdWxlLFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gICAgTWF0RXhwYW5zaW9uTW9kdWxlLFxyXG4gICAgQ2RrRHJvcExpc3QsXHJcbiAgICBDZGtEcmFnLFxyXG4gICAgSW5wdXRUZXh0TW9kdWxlLFxyXG4gICAgUHJpbWVUZW1wbGF0ZSxcclxuICAgIFN0UXR5SW5wdXRNb2R1bGUsXHJcbiAgICBUYWJsZU1vZHVsZSxcclxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXHJcbiAgICBNYXRTbGlkZVRvZ2dsZU1vZHVsZSxcclxuICAgIE1hdE5hdGl2ZURhdGVNb2R1bGUsXHJcbiAgXSxcclxuICBleHBvcnRzOiBbTG9jYWxUYWJsZUNvbXBvbmVudCwgU2VsZWN0VGFibGVDb21wb25lbnQsIE1hdGVyaWFsVGFibGVDb21wb25lbnRdLFxyXG4gIHByb3ZpZGVyczogW0xvY2FsVGFibGVTZXJ2aWNlLCBNYXREYXRlcGlja2VyTW9kdWxlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN0VGFibGVzTW9kdWxlIHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1hdEljb25SZWdpc3RyeTogTWF0SWNvblJlZ2lzdHJ5KSB7XHJcbiAgICB0aGlzLm1hdEljb25SZWdpc3RyeS5zZXREZWZhdWx0Rm9udFNldENsYXNzKCdtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkJyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/fesm2022/ngx-st-tables.mjs

@@ -29,6 +29,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i8$1 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i9 from '@angular/material/core';
+import { MatNativeDateModule } from '@angular/material/core';
 import * as i16 from 'ngx-st-date-format';
 import { StDateFormatModule } from 'ngx-st-date-format';
 import { StSubscribeDestroyComponent, StBaseService, StBaseFunctionsModule } from 'ngx-st-base-functions';
@@ -351,11 +352,11 @@ class LocalTableComponent {
         this.setDisplayedColumns();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocalTableComponent, deps: [{ token: LocalTableService }, { token: i0.ChangeDetectorRef }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LocalTableComponent, selector: "ngx-st-local-table", inputs: { tableSettings: "tableSettings", globalSearchSettings: "globalSearchSettings", pageSize: "pageSize", allowPickColumns: "allowPickColumns", configurationsSettings: "configurationsSettings", localStorageName: "localStorageName", bindSearchToUrl: "bindSearchToUrl", columns: "columns", data: "data" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"local-table\">\n  <div class=\"row align-items-center\">\n    @if (configurationsSettings || allowPickColumns) {\n      <div class=\"col row align-items-center\" style=\"padding: 0\">\n        @if (allowPickColumns) {\n          <div class=\"col-auto\" style=\"padding: 0\">\n            <button\n              mat-icon-button\n              class=\"col-auto\"\n              [matMenuTriggerFor]=\"columnsMenu\"\n            >\n              <mat-icon> view_week </mat-icon>\n            </button>\n            <mat-menu #columnsMenu=\"matMenu\" xPosition=\"after\">\n              @for (column of columnsArray; track column) {\n                @if (!column.notShowInColumnPick) {\n                  <div mat-menu-item>\n                    <mat-checkbox\n                      [(ngModel)]=\"column.visible\"\n                      (ngModelChange)=\"columnVisibleChanged(column)\"\n                      style=\"margin-top: 5px\"\n                      (click)=\"$event.stopPropagation()\"\n                    >\n                      {{ column.translateColumnName }}\n                    </mat-checkbox>\n                  </div>\n                }\n              }\n            </mat-menu>\n          </div>\n        }\n        @if (configurationsSettings) {\n          <st-configurations\n            [configurationsSettings]=\"configurationsSettings\"\n            [configurations]=\"configurations\"\n            [initSelectedConfig]=\"initConfig\"\n            (createNewConfig)=\"newConfigCreated($event)\"\n            (removeConfig)=\"configRemoved($event)\"\n            (changeConfig)=\"configChanged($event)\"\n          ></st-configurations>\n        }\n      </div>\n    }\n\n    @if (globalSearchSettings?.show) {\n      <div class=\"col\" style=\"padding: 0; margin-bottom: -15px\">\n        <mat-form-field>\n          <mat-label>{{ globalSearchSettings?.label || 'Search' }}</mat-label>\n          <input matInput (keyup)=\"applySearch()\" [(ngModel)]=\"searchModel\" />\n          <button\n            matSuffix\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"clearSearch()\"\n          >\n            <mat-icon style=\"font-size: 22px\">close</mat-icon>\n          </button>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n\n  <table\n    [ngClass]=\"{ 'no-hover': !tableSettings?.rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of displayedColumns; track column) {\n      <ng-container [matColumnDef]=\"column\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n          mat-sort-header\n          [disabled]=\"!columns[column].sort\"\n        >\n          {{ columns[column].translateColumnName }}\n          @if (columns[column].search) {\n            <mat-icon\n              class=\"search-icon\"\n              [matMenuTriggerFor]=\"menu\"\n              (click)=\"$event.stopPropagation()\"\n            >\n              search\n            </mat-icon>\n          }\n          <mat-menu #menu=\"matMenu\" xPosition=\"before\">\n            <mat-form-field class=\"col\">\n              <mat-label>{{\n                columns[column].searchLabel || 'Search'\n              }}</mat-label>\n              <input\n                matInput\n                (keyup)=\"applySearch()\"\n                [(ngModel)]=\"searchModel\"\n                (click)=\"$event.stopPropagation()\"\n              />\n              <button\n                matSuffix\n                mat-icon-button\n                aria-label=\"Clear\"\n                (click)=\"searchModel = ''\"\n              >\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-form-field>\n          </mat-menu>\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n        >\n          @if (columns[column].actions && columns[column].actions!.length > 0) {\n            <div\n              class=\"actions-container\"\n              style=\"overflow-y: hidden\"\n              [ngClass]=\"{ 'justify-content-end': columns[column].flexRight }\"\n            >\n              @for (action of columns[column].actions; track action) {\n                @if (checkIfActionVisible(element, action)) {\n                  @if (!action.url && action.action) {\n                    <button\n                      style=\"padding: 7px 7px; width: 40px; height: 40px\"\n                      class=\"col-auto\"\n                      mat-icon-button\n                      type=\"button\"\n                      matTooltip=\"{{ action.tooltipName || '' }}\"\n                      [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      (click)=\"action.action(element)\"\n                    >\n                      <mat-icon>{{ action.iconName }}</mat-icon>\n                    </button>\n                  }\n                  @if (action.url) {\n                    <a [routerLink]=\"action.url\">\n                      <button\n                        class=\"col-auto\"\n                        mat-icon-button\n                        type=\"button\"\n                        matTooltip=\"{{ action.tooltipName || '' }}\"\n                        [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      >\n                        <mat-icon>{{ action.iconName }}</mat-icon>\n                      </button>\n                    </a>\n                  }\n                }\n              }\n            </div>\n          }\n          @if (!columns[column].actions) {\n            @if (columns[column].translateValue) {\n              <p style=\"margin: 0; padding: 0\">\n                {{ columns[column].translateValue![element[column]] || '' }}\n              </p>\n            }\n            @if (!columns[column].translateValue) {\n              @if (!columns[column].type || columns[column].type === 'string') {\n                <p style=\"margin: 0; padding: 0\">{{ element[column] }}</p>\n              }\n              @if (columns[column].type === 'date') {\n                <p style=\"margin: 0; padding: 0\">\n                  {{ element[column] | stDateTimeFormatPipe }}\n                </p>\n              }\n            }\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      (click)=\"\n        tableSettings?.rowClickAction ? tableSettings.rowClickAction(row) : null\n      \"\n    ></tr>\n  </table>\n  <mat-paginator\n    [pageIndex]=\"pageIndex\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    (page)=\"pageChanged($event)\"\n    [showFirstLastButtons]=\"true\"\n  ></mat-paginator>\n</div>\n", styles: ["", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i13.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i13.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i13.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i14.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ConfigurationsComponent, selector: "st-configurations[configurationsSettings]", inputs: ["configurationsSettings", "configurations", "initSelectedConfig"], outputs: ["createNewConfig", "removeConfig", "changeConfig"] }, { kind: "pipe", type: i16.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LocalTableComponent, selector: "ngx-st-local-table", inputs: { tableSettings: "tableSettings", globalSearchSettings: "globalSearchSettings", pageSize: "pageSize", allowPickColumns: "allowPickColumns", configurationsSettings: "configurationsSettings", localStorageName: "localStorageName", bindSearchToUrl: "bindSearchToUrl", columns: "columns", data: "data" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"local-table\">\n  <div class=\"row align-items-center\">\n    @if (configurationsSettings || allowPickColumns) {\n      <div class=\"col row align-items-center\" style=\"padding: 0\">\n        @if (allowPickColumns) {\n          <div class=\"col-auto\" style=\"padding: 0\">\n            <button\n              mat-icon-button\n              class=\"col-auto\"\n              [matMenuTriggerFor]=\"columnsMenu\"\n            >\n              <mat-icon> view_week </mat-icon>\n            </button>\n            <mat-menu #columnsMenu=\"matMenu\" xPosition=\"after\">\n              @for (column of columnsArray; track column) {\n                @if (!column.notShowInColumnPick) {\n                  <div mat-menu-item>\n                    <mat-checkbox\n                      [(ngModel)]=\"column.visible\"\n                      (ngModelChange)=\"columnVisibleChanged(column)\"\n                      style=\"margin-top: 5px\"\n                      (click)=\"$event.stopPropagation()\"\n                    >\n                      {{ column.translateColumnName }}\n                    </mat-checkbox>\n                  </div>\n                }\n              }\n            </mat-menu>\n          </div>\n        }\n        @if (configurationsSettings) {\n          <st-configurations\n            [configurationsSettings]=\"configurationsSettings\"\n            [configurations]=\"configurations\"\n            [initSelectedConfig]=\"initConfig\"\n            (createNewConfig)=\"newConfigCreated($event)\"\n            (removeConfig)=\"configRemoved($event)\"\n            (changeConfig)=\"configChanged($event)\"\n          ></st-configurations>\n        }\n      </div>\n    }\n\n    @if (globalSearchSettings?.show) {\n      <div class=\"col\" style=\"padding: 0; margin-bottom: -15px\">\n        <mat-form-field>\n          <mat-label>{{ globalSearchSettings?.label || 'Search' }}</mat-label>\n          <input matInput (keyup)=\"applySearch()\" [(ngModel)]=\"searchModel\" />\n          <button\n            matSuffix\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"clearSearch()\"\n          >\n            <mat-icon style=\"font-size: 22px\">close</mat-icon>\n          </button>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n\n  <table\n    [ngClass]=\"{ 'no-hover': !tableSettings?.rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of displayedColumns; track column) {\n      <ng-container [matColumnDef]=\"column\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n          mat-sort-header\n          [disabled]=\"!columns[column].sort\"\n        >\n          {{ columns[column].translateColumnName }}\n          @if (columns[column].search) {\n            <mat-icon\n              class=\"search-icon\"\n              [matMenuTriggerFor]=\"menu\"\n              (click)=\"$event.stopPropagation()\"\n            >\n              search\n            </mat-icon>\n          }\n          <mat-menu #menu=\"matMenu\" xPosition=\"before\">\n            <mat-form-field class=\"col\">\n              <mat-label>{{\n                columns[column].searchLabel || 'Search'\n              }}</mat-label>\n              <input\n                matInput\n                (keyup)=\"applySearch()\"\n                [(ngModel)]=\"searchModel\"\n                (click)=\"$event.stopPropagation()\"\n              />\n              <button\n                matSuffix\n                mat-icon-button\n                aria-label=\"Clear\"\n                (click)=\"searchModel = ''\"\n              >\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-form-field>\n          </mat-menu>\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n        >\n          @if (columns[column].actions && columns[column].actions!.length > 0) {\n            <div\n              class=\"actions-container\"\n              style=\"overflow-y: hidden\"\n              [ngClass]=\"{ 'justify-content-end': columns[column].flexRight }\"\n            >\n              @for (action of columns[column].actions; track action) {\n                @if (checkIfActionVisible(element, action)) {\n                  @if (!action.url && action.action) {\n                    <button\n                      style=\"padding: 7px 7px; width: 40px; height: 40px\"\n                      class=\"col-auto\"\n                      mat-icon-button\n                      type=\"button\"\n                      matTooltip=\"{{ action.tooltipName || '' }}\"\n                      [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      (click)=\"action.action(element)\"\n                    >\n                      <mat-icon>{{ action.iconName }}</mat-icon>\n                    </button>\n                  }\n                  @if (action.url) {\n                    <a [routerLink]=\"action.url\">\n                      <button\n                        class=\"col-auto\"\n                        mat-icon-button\n                        type=\"button\"\n                        matTooltip=\"{{ action.tooltipName || '' }}\"\n                        [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      >\n                        <mat-icon>{{ action.iconName }}</mat-icon>\n                      </button>\n                    </a>\n                  }\n                }\n              }\n            </div>\n          }\n          @if (!columns[column].actions) {\n            @if (columns[column].translateValue) {\n              <p style=\"margin: 0; padding: 0\">\n                {{ columns[column].translateValue![element[column]] || '' }}\n              </p>\n            }\n            @if (!columns[column].translateValue) {\n              @if (!columns[column].type || columns[column].type === 'string') {\n                <p style=\"margin: 0; padding: 0\">{{ element[column] }}</p>\n              }\n              @if (columns[column].type === 'date') {\n                <p style=\"margin: 0; padding: 0\">\n                  {{ element[column] | stDateTimeFormatPipe }}\n                </p>\n              }\n            }\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      (click)=\"\n        tableSettings?.rowClickAction ? tableSettings.rowClickAction(row) : null\n      \"\n    ></tr>\n  </table>\n  <mat-paginator\n    [pageIndex]=\"pageIndex\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    (page)=\"pageChanged($event)\"\n    [showFirstLastButtons]=\"true\"\n  ></mat-paginator>\n</div>\n", styles: ["", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;font-size:.9rem;font-weight:600;color:#424242}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i13.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i13.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i13.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i14.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ConfigurationsComponent, selector: "st-configurations[configurationsSettings]", inputs: ["configurationsSettings", "configurations", "initSelectedConfig"], outputs: ["createNewConfig", "removeConfig", "changeConfig"] }, { kind: "pipe", type: i16.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocalTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-st-local-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"local-table\">\n  <div class=\"row align-items-center\">\n    @if (configurationsSettings || allowPickColumns) {\n      <div class=\"col row align-items-center\" style=\"padding: 0\">\n        @if (allowPickColumns) {\n          <div class=\"col-auto\" style=\"padding: 0\">\n            <button\n              mat-icon-button\n              class=\"col-auto\"\n              [matMenuTriggerFor]=\"columnsMenu\"\n            >\n              <mat-icon> view_week </mat-icon>\n            </button>\n            <mat-menu #columnsMenu=\"matMenu\" xPosition=\"after\">\n              @for (column of columnsArray; track column) {\n                @if (!column.notShowInColumnPick) {\n                  <div mat-menu-item>\n                    <mat-checkbox\n                      [(ngModel)]=\"column.visible\"\n                      (ngModelChange)=\"columnVisibleChanged(column)\"\n                      style=\"margin-top: 5px\"\n                      (click)=\"$event.stopPropagation()\"\n                    >\n                      {{ column.translateColumnName }}\n                    </mat-checkbox>\n                  </div>\n                }\n              }\n            </mat-menu>\n          </div>\n        }\n        @if (configurationsSettings) {\n          <st-configurations\n            [configurationsSettings]=\"configurationsSettings\"\n            [configurations]=\"configurations\"\n            [initSelectedConfig]=\"initConfig\"\n            (createNewConfig)=\"newConfigCreated($event)\"\n            (removeConfig)=\"configRemoved($event)\"\n            (changeConfig)=\"configChanged($event)\"\n          ></st-configurations>\n        }\n      </div>\n    }\n\n    @if (globalSearchSettings?.show) {\n      <div class=\"col\" style=\"padding: 0; margin-bottom: -15px\">\n        <mat-form-field>\n          <mat-label>{{ globalSearchSettings?.label || 'Search' }}</mat-label>\n          <input matInput (keyup)=\"applySearch()\" [(ngModel)]=\"searchModel\" />\n          <button\n            matSuffix\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"clearSearch()\"\n          >\n            <mat-icon style=\"font-size: 22px\">close</mat-icon>\n          </button>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n\n  <table\n    [ngClass]=\"{ 'no-hover': !tableSettings?.rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of displayedColumns; track column) {\n      <ng-container [matColumnDef]=\"column\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n          mat-sort-header\n          [disabled]=\"!columns[column].sort\"\n        >\n          {{ columns[column].translateColumnName }}\n          @if (columns[column].search) {\n            <mat-icon\n              class=\"search-icon\"\n              [matMenuTriggerFor]=\"menu\"\n              (click)=\"$event.stopPropagation()\"\n            >\n              search\n            </mat-icon>\n          }\n          <mat-menu #menu=\"matMenu\" xPosition=\"before\">\n            <mat-form-field class=\"col\">\n              <mat-label>{{\n                columns[column].searchLabel || 'Search'\n              }}</mat-label>\n              <input\n                matInput\n                (keyup)=\"applySearch()\"\n                [(ngModel)]=\"searchModel\"\n                (click)=\"$event.stopPropagation()\"\n              />\n              <button\n                matSuffix\n                mat-icon-button\n                aria-label=\"Clear\"\n                (click)=\"searchModel = ''\"\n              >\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-form-field>\n          </mat-menu>\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n        >\n          @if (columns[column].actions && columns[column].actions!.length > 0) {\n            <div\n              class=\"actions-container\"\n              style=\"overflow-y: hidden\"\n              [ngClass]=\"{ 'justify-content-end': columns[column].flexRight }\"\n            >\n              @for (action of columns[column].actions; track action) {\n                @if (checkIfActionVisible(element, action)) {\n                  @if (!action.url && action.action) {\n                    <button\n                      style=\"padding: 7px 7px; width: 40px; height: 40px\"\n                      class=\"col-auto\"\n                      mat-icon-button\n                      type=\"button\"\n                      matTooltip=\"{{ action.tooltipName || '' }}\"\n                      [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      (click)=\"action.action(element)\"\n                    >\n                      <mat-icon>{{ action.iconName }}</mat-icon>\n                    </button>\n                  }\n                  @if (action.url) {\n                    <a [routerLink]=\"action.url\">\n                      <button\n                        class=\"col-auto\"\n                        mat-icon-button\n                        type=\"button\"\n                        matTooltip=\"{{ action.tooltipName || '' }}\"\n                        [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      >\n                        <mat-icon>{{ action.iconName }}</mat-icon>\n                      </button>\n                    </a>\n                  }\n                }\n              }\n            </div>\n          }\n          @if (!columns[column].actions) {\n            @if (columns[column].translateValue) {\n              <p style=\"margin: 0; padding: 0\">\n                {{ columns[column].translateValue![element[column]] || '' }}\n              </p>\n            }\n            @if (!columns[column].translateValue) {\n              @if (!columns[column].type || columns[column].type === 'string') {\n                <p style=\"margin: 0; padding: 0\">{{ element[column] }}</p>\n              }\n              @if (columns[column].type === 'date') {\n                <p style=\"margin: 0; padding: 0\">\n                  {{ element[column] | stDateTimeFormatPipe }}\n                </p>\n              }\n            }\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      (click)=\"\n        tableSettings?.rowClickAction ? tableSettings.rowClickAction(row) : null\n      \"\n    ></tr>\n  </table>\n  <mat-paginator\n    [pageIndex]=\"pageIndex\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    (page)=\"pageChanged($event)\"\n    [showFirstLastButtons]=\"true\"\n  ></mat-paginator>\n</div>\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"] }]
+            args: [{ selector: 'ngx-st-local-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"local-table\">\n  <div class=\"row align-items-center\">\n    @if (configurationsSettings || allowPickColumns) {\n      <div class=\"col row align-items-center\" style=\"padding: 0\">\n        @if (allowPickColumns) {\n          <div class=\"col-auto\" style=\"padding: 0\">\n            <button\n              mat-icon-button\n              class=\"col-auto\"\n              [matMenuTriggerFor]=\"columnsMenu\"\n            >\n              <mat-icon> view_week </mat-icon>\n            </button>\n            <mat-menu #columnsMenu=\"matMenu\" xPosition=\"after\">\n              @for (column of columnsArray; track column) {\n                @if (!column.notShowInColumnPick) {\n                  <div mat-menu-item>\n                    <mat-checkbox\n                      [(ngModel)]=\"column.visible\"\n                      (ngModelChange)=\"columnVisibleChanged(column)\"\n                      style=\"margin-top: 5px\"\n                      (click)=\"$event.stopPropagation()\"\n                    >\n                      {{ column.translateColumnName }}\n                    </mat-checkbox>\n                  </div>\n                }\n              }\n            </mat-menu>\n          </div>\n        }\n        @if (configurationsSettings) {\n          <st-configurations\n            [configurationsSettings]=\"configurationsSettings\"\n            [configurations]=\"configurations\"\n            [initSelectedConfig]=\"initConfig\"\n            (createNewConfig)=\"newConfigCreated($event)\"\n            (removeConfig)=\"configRemoved($event)\"\n            (changeConfig)=\"configChanged($event)\"\n          ></st-configurations>\n        }\n      </div>\n    }\n\n    @if (globalSearchSettings?.show) {\n      <div class=\"col\" style=\"padding: 0; margin-bottom: -15px\">\n        <mat-form-field>\n          <mat-label>{{ globalSearchSettings?.label || 'Search' }}</mat-label>\n          <input matInput (keyup)=\"applySearch()\" [(ngModel)]=\"searchModel\" />\n          <button\n            matSuffix\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"clearSearch()\"\n          >\n            <mat-icon style=\"font-size: 22px\">close</mat-icon>\n          </button>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n\n  <table\n    [ngClass]=\"{ 'no-hover': !tableSettings?.rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of displayedColumns; track column) {\n      <ng-container [matColumnDef]=\"column\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n          mat-sort-header\n          [disabled]=\"!columns[column].sort\"\n        >\n          {{ columns[column].translateColumnName }}\n          @if (columns[column].search) {\n            <mat-icon\n              class=\"search-icon\"\n              [matMenuTriggerFor]=\"menu\"\n              (click)=\"$event.stopPropagation()\"\n            >\n              search\n            </mat-icon>\n          }\n          <mat-menu #menu=\"matMenu\" xPosition=\"before\">\n            <mat-form-field class=\"col\">\n              <mat-label>{{\n                columns[column].searchLabel || 'Search'\n              }}</mat-label>\n              <input\n                matInput\n                (keyup)=\"applySearch()\"\n                [(ngModel)]=\"searchModel\"\n                (click)=\"$event.stopPropagation()\"\n              />\n              <button\n                matSuffix\n                mat-icon-button\n                aria-label=\"Clear\"\n                (click)=\"searchModel = ''\"\n              >\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-form-field>\n          </mat-menu>\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{\n            columns[column].width ? 'width:' + columns[column].width : ''\n          }}\"\n        >\n          @if (columns[column].actions && columns[column].actions!.length > 0) {\n            <div\n              class=\"actions-container\"\n              style=\"overflow-y: hidden\"\n              [ngClass]=\"{ 'justify-content-end': columns[column].flexRight }\"\n            >\n              @for (action of columns[column].actions; track action) {\n                @if (checkIfActionVisible(element, action)) {\n                  @if (!action.url && action.action) {\n                    <button\n                      style=\"padding: 7px 7px; width: 40px; height: 40px\"\n                      class=\"col-auto\"\n                      mat-icon-button\n                      type=\"button\"\n                      matTooltip=\"{{ action.tooltipName || '' }}\"\n                      [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      (click)=\"action.action(element)\"\n                    >\n                      <mat-icon>{{ action.iconName }}</mat-icon>\n                    </button>\n                  }\n                  @if (action.url) {\n                    <a [routerLink]=\"action.url\">\n                      <button\n                        class=\"col-auto\"\n                        mat-icon-button\n                        type=\"button\"\n                        matTooltip=\"{{ action.tooltipName || '' }}\"\n                        [matTooltipDisabled]=\"!!!action.tooltipName\"\n                      >\n                        <mat-icon>{{ action.iconName }}</mat-icon>\n                      </button>\n                    </a>\n                  }\n                }\n              }\n            </div>\n          }\n          @if (!columns[column].actions) {\n            @if (columns[column].translateValue) {\n              <p style=\"margin: 0; padding: 0\">\n                {{ columns[column].translateValue![element[column]] || '' }}\n              </p>\n            }\n            @if (!columns[column].translateValue) {\n              @if (!columns[column].type || columns[column].type === 'string') {\n                <p style=\"margin: 0; padding: 0\">{{ element[column] }}</p>\n              }\n              @if (columns[column].type === 'date') {\n                <p style=\"margin: 0; padding: 0\">\n                  {{ element[column] | stDateTimeFormatPipe }}\n                </p>\n              }\n            }\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      (click)=\"\n        tableSettings?.rowClickAction ? tableSettings.rowClickAction(row) : null\n      \"\n    ></tr>\n  </table>\n  <mat-paginator\n    [pageIndex]=\"pageIndex\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    (page)=\"pageChanged($event)\"\n    [showFirstLastButtons]=\"true\"\n  ></mat-paginator>\n</div>\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;font-size:.9rem;font-weight:600;color:#424242}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"] }]
         }], ctorParameters: () => [{ type: LocalTableService }, { type: i0.ChangeDetectorRef }, { type: i2$2.Router }, { type: i2$2.ActivatedRoute }], propDecorators: { paginator: [{
                 type: ViewChild,
                 args: [MatPaginator]
@@ -440,11 +441,11 @@ class SelectTableComponent {
         return !!this.rowSelected.find(activeRow => activeRow === row);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SelectTableComponent, selector: "ngx-st-select-table", inputs: { title: "title", required: "required", multiple: "multiple", initSelected: "initSelected", initSearchVal: "initSearchVal", searchLabel: "searchLabel", selectedLabel: "selectedLabel", setInitColumns: "setInitColumns", tableData: "tableData", validError: "validError" }, outputs: { returnRowSelected: "returnRowSelected" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"shared-table-selector\">\n  <p class=\"title\" [ngClass]=\"{ 'error-text': validError }\">\n    {{ title }} {{ required ? '*' : '' }}\n  </p>\n\n  <div class=\"search-form row align-items-center\">\n    <div class=\"col-sm-12 col-md row align-items-center\">\n      <mat-form-field class=\"col\">\n        <input\n          matInput\n          placeholder=\"{{ searchLabel }}\"\n          [formControl]=\"search\"\n        />\n      </mat-form-field>\n      <div class=\"clear col-auto\">\n        <mat-icon (click)=\"clearSearch()\">clear</mat-icon>\n      </div>\n    </div>\n  </div>\n\n  <table mat-table [dataSource]=\"tableSource\">\n    @for (col of columns; track col) {\n      <ng-container [matColumnDef]=\"col\">\n        <th mat-header-cell *matHeaderCellDef>\n          {{ col === 'active' ? selectedLabel : initColumns[col] }}\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (col === 'active') {\n            @if (checkActiveRow(element)) {\n              <mat-icon class=\"active-row\">done</mat-icon>\n            }\n          }\n          @if (col !== 'active') {\n            {{ element[col] }}\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"columns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: columns\"\n      (click)=\"rowClick(row)\"\n      [ngClass]=\"{ active: checkActiveRow(row) }\"\n    ></tr>\n  </table>\n  <mat-paginator [pageSizeOptions]=\"[5]\"></mat-paginator>\n</div>\n", styles: [".title{margin-bottom:0;margin-top:1rem;font-weight:500}.title.error-text{color:#ef5350}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SelectTableComponent, selector: "ngx-st-select-table", inputs: { title: "title", required: "required", multiple: "multiple", initSelected: "initSelected", initSearchVal: "initSearchVal", searchLabel: "searchLabel", selectedLabel: "selectedLabel", setInitColumns: "setInitColumns", tableData: "tableData", validError: "validError" }, outputs: { returnRowSelected: "returnRowSelected" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"shared-table-selector\">\n  <p class=\"title\" [ngClass]=\"{ 'error-text': validError }\">\n    {{ title }} {{ required ? '*' : '' }}\n  </p>\n\n  <div class=\"search-form row align-items-center\">\n    <div class=\"col-sm-12 col-md row align-items-center\">\n      <mat-form-field class=\"col\">\n        <input\n          matInput\n          placeholder=\"{{ searchLabel }}\"\n          [formControl]=\"search\"\n        />\n      </mat-form-field>\n      <div class=\"clear col-auto\">\n        <mat-icon (click)=\"clearSearch()\">clear</mat-icon>\n      </div>\n    </div>\n  </div>\n\n  <table mat-table [dataSource]=\"tableSource\">\n    @for (col of columns; track col) {\n      <ng-container [matColumnDef]=\"col\">\n        <th mat-header-cell *matHeaderCellDef>\n          {{ col === 'active' ? selectedLabel : initColumns[col] }}\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (col === 'active') {\n            @if (checkActiveRow(element)) {\n              <mat-icon class=\"active-row\">done</mat-icon>\n            }\n          }\n          @if (col !== 'active') {\n            {{ element[col] }}\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"columns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: columns\"\n      (click)=\"rowClick(row)\"\n      [ngClass]=\"{ active: checkActiveRow(row) }\"\n    ></tr>\n  </table>\n  <mat-paginator [pageSizeOptions]=\"[5]\"></mat-paginator>\n</div>\n", styles: [".title{margin-bottom:0;margin-top:1rem;font-weight:500}.title.error-text{color:#ef5350}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;font-size:.9rem;font-weight:600;color:#424242}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-st-select-table', template: "<div class=\"shared-table-selector\">\n  <p class=\"title\" [ngClass]=\"{ 'error-text': validError }\">\n    {{ title }} {{ required ? '*' : '' }}\n  </p>\n\n  <div class=\"search-form row align-items-center\">\n    <div class=\"col-sm-12 col-md row align-items-center\">\n      <mat-form-field class=\"col\">\n        <input\n          matInput\n          placeholder=\"{{ searchLabel }}\"\n          [formControl]=\"search\"\n        />\n      </mat-form-field>\n      <div class=\"clear col-auto\">\n        <mat-icon (click)=\"clearSearch()\">clear</mat-icon>\n      </div>\n    </div>\n  </div>\n\n  <table mat-table [dataSource]=\"tableSource\">\n    @for (col of columns; track col) {\n      <ng-container [matColumnDef]=\"col\">\n        <th mat-header-cell *matHeaderCellDef>\n          {{ col === 'active' ? selectedLabel : initColumns[col] }}\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (col === 'active') {\n            @if (checkActiveRow(element)) {\n              <mat-icon class=\"active-row\">done</mat-icon>\n            }\n          }\n          @if (col !== 'active') {\n            {{ element[col] }}\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"columns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: columns\"\n      (click)=\"rowClick(row)\"\n      [ngClass]=\"{ active: checkActiveRow(row) }\"\n    ></tr>\n  </table>\n  <mat-paginator [pageSizeOptions]=\"[5]\"></mat-paginator>\n</div>\n", styles: [".title{margin-bottom:0;margin-top:1rem;font-weight:500}.title.error-text{color:#ef5350}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"] }]
+            args: [{ selector: 'ngx-st-select-table', template: "<div class=\"shared-table-selector\">\n  <p class=\"title\" [ngClass]=\"{ 'error-text': validError }\">\n    {{ title }} {{ required ? '*' : '' }}\n  </p>\n\n  <div class=\"search-form row align-items-center\">\n    <div class=\"col-sm-12 col-md row align-items-center\">\n      <mat-form-field class=\"col\">\n        <input\n          matInput\n          placeholder=\"{{ searchLabel }}\"\n          [formControl]=\"search\"\n        />\n      </mat-form-field>\n      <div class=\"clear col-auto\">\n        <mat-icon (click)=\"clearSearch()\">clear</mat-icon>\n      </div>\n    </div>\n  </div>\n\n  <table mat-table [dataSource]=\"tableSource\">\n    @for (col of columns; track col) {\n      <ng-container [matColumnDef]=\"col\">\n        <th mat-header-cell *matHeaderCellDef>\n          {{ col === 'active' ? selectedLabel : initColumns[col] }}\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (col === 'active') {\n            @if (checkActiveRow(element)) {\n              <mat-icon class=\"active-row\">done</mat-icon>\n            }\n          }\n          @if (col !== 'active') {\n            {{ element[col] }}\n          }\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"columns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: columns\"\n      (click)=\"rowClick(row)\"\n      [ngClass]=\"{ active: checkActiveRow(row) }\"\n    ></tr>\n  </table>\n  <mat-paginator [pageSizeOptions]=\"[5]\"></mat-paginator>\n</div>\n", styles: [".title{margin-bottom:0;margin-top:1rem;font-weight:500}.title.error-text{color:#ef5350}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;font-size:.9rem;font-weight:600;color:#424242}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { paginator: [{
                 type: ViewChild,
                 args: [MatPaginator]
@@ -661,11 +662,11 @@ class MaterialTableCaptionComponent extends StSubscribeDestroyComponent {
             filtersKeys.filter(key => this.filters[key]).length || 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableCaptionComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableCaptionComponent, selector: "st-material-table-caption", inputs: { globalSearchSettings: "globalSearchSettings", allowPickColumns: "allowPickColumns", allowReorderColumns: "allowReorderColumns", initGlobalSearch: "initGlobalSearch", initFilters: "initFilters", columns: "columns" }, outputs: { captionDataChanged: "captionDataChanged", resetTableSettings: "resetTableSettings" }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"st-material-table-caption row align-items-center\"\r\n  [ngClass]=\"{\r\n    'justify-content-between': allowPickColumns && globalSearchSettings?.show,\r\n    'justify-content-end': !allowPickColumns && globalSearchSettings?.show\r\n  }\"\r\n>\r\n  @if (allowPickColumns) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-select [formControl]=\"selectedColumns\" multiple>\r\n          <mat-select-trigger>\r\n            {{ selectedColumns.value ? selectedColumns.value.length : 0 }}\r\n            columns selected\r\n          </mat-select-trigger>\r\n          @for (column of columns; track column.field) {\r\n            <mat-option [value]=\"column.field\">{{\r\n              column.translateColumnName || column.field\r\n            }}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-icon-button (click)=\"resetTable()\">\r\n        <mat-icon class=\"reorder-icon\">refresh</mat-icon>\r\n      </button>\r\n\r\n      @if (allowReorderColumns) {\r\n        <button mat-icon-button (click)=\"openReorderColumnsDialog()\">\r\n          <mat-icon class=\"reorder-icon\">low_priority</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (globalSearchSettings?.show) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      @if (showFilterButton) {\r\n        <button mat-icon-button (click)=\"openFilterDialog()\">\r\n          <mat-icon\r\n            [matBadge]=\"activeFiltersCount\"\r\n            [matBadgeHidden]=\"!activeFiltersCount\"\r\n            [matBadgeSize]=\"'small'\"\r\n            matBadgePosition=\"before\"\r\n            >filter_alt</mat-icon\r\n          >\r\n        </button>\r\n      }\r\n\r\n      <mat-form-field appearance=\"outline\">\r\n        <input\r\n          matInput\r\n          [formControl]=\"globalSearch\"\r\n          [placeholder]=\"globalSearchSettings?.label || 'Global Search'\"\r\n        />\r\n        <button\r\n          matSuffix\r\n          mat-icon-button\r\n          aria-label=\"Clear\"\r\n          (click)=\"globalSearch.setValue('')\"\r\n        >\r\n          <mat-icon style=\"font-size: 22px\">close</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".st-material-table-caption{width:100%;margin-top:5px}.st-material-table-caption .reorder-icon{transform:scaleX(-1) rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i8$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i8$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i10$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableCaptionComponent, selector: "st-material-table-caption", inputs: { globalSearchSettings: "globalSearchSettings", allowPickColumns: "allowPickColumns", allowReorderColumns: "allowReorderColumns", initGlobalSearch: "initGlobalSearch", initFilters: "initFilters", columns: "columns" }, outputs: { captionDataChanged: "captionDataChanged", resetTableSettings: "resetTableSettings" }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"st-material-table-caption row align-items-center\"\r\n  [ngClass]=\"{\r\n    'justify-content-between': allowPickColumns && globalSearchSettings?.show,\r\n    'justify-content-end': !allowPickColumns && globalSearchSettings?.show\r\n  }\"\r\n>\r\n  @if (allowPickColumns) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-select [formControl]=\"selectedColumns\" multiple>\r\n          <mat-select-trigger>\r\n            {{ selectedColumns.value ? selectedColumns.value.length : 0 }}\r\n            columns selected\r\n          </mat-select-trigger>\r\n          @for (column of columns; track column.field) {\r\n            <mat-option [value]=\"column.field\">{{\r\n              column.translateColumnName || column.field\r\n            }}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-icon-button (click)=\"resetTable()\">\r\n        <mat-icon class=\"reorder-icon\">refresh</mat-icon>\r\n      </button>\r\n\r\n      @if (allowReorderColumns) {\r\n        <button mat-icon-button (click)=\"openReorderColumnsDialog()\">\r\n          <mat-icon class=\"reorder-icon\">low_priority</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (globalSearchSettings?.show) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      @if (showFilterButton) {\r\n        <button mat-icon-button (click)=\"openFilterDialog()\">\r\n          <mat-icon\r\n            [matBadge]=\"activeFiltersCount\"\r\n            [matBadgeHidden]=\"!activeFiltersCount\"\r\n            [matBadgeSize]=\"'small'\"\r\n            matBadgePosition=\"before\"\r\n            >filter_alt</mat-icon\r\n          >\r\n        </button>\r\n      }\r\n\r\n      <mat-form-field appearance=\"outline\">\r\n        <input\r\n          matInput\r\n          [formControl]=\"globalSearch\"\r\n          [placeholder]=\"globalSearchSettings?.label || 'Global Search'\"\r\n        />\r\n        <button\r\n          matSuffix\r\n          mat-icon-button\r\n          aria-label=\"Clear\"\r\n          (click)=\"globalSearch.setValue('')\"\r\n        >\r\n          <mat-icon style=\"font-size: 22px\">close</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".st-material-table-caption{width:100%;margin-top:5px}.st-material-table-caption>.col-auto{padding:0}.st-material-table-caption .reorder-icon{transform:scaleX(-1) rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i8$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i8$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i10$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableCaptionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'st-material-table-caption', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"st-material-table-caption row align-items-center\"\r\n  [ngClass]=\"{\r\n    'justify-content-between': allowPickColumns && globalSearchSettings?.show,\r\n    'justify-content-end': !allowPickColumns && globalSearchSettings?.show\r\n  }\"\r\n>\r\n  @if (allowPickColumns) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-select [formControl]=\"selectedColumns\" multiple>\r\n          <mat-select-trigger>\r\n            {{ selectedColumns.value ? selectedColumns.value.length : 0 }}\r\n            columns selected\r\n          </mat-select-trigger>\r\n          @for (column of columns; track column.field) {\r\n            <mat-option [value]=\"column.field\">{{\r\n              column.translateColumnName || column.field\r\n            }}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-icon-button (click)=\"resetTable()\">\r\n        <mat-icon class=\"reorder-icon\">refresh</mat-icon>\r\n      </button>\r\n\r\n      @if (allowReorderColumns) {\r\n        <button mat-icon-button (click)=\"openReorderColumnsDialog()\">\r\n          <mat-icon class=\"reorder-icon\">low_priority</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (globalSearchSettings?.show) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      @if (showFilterButton) {\r\n        <button mat-icon-button (click)=\"openFilterDialog()\">\r\n          <mat-icon\r\n            [matBadge]=\"activeFiltersCount\"\r\n            [matBadgeHidden]=\"!activeFiltersCount\"\r\n            [matBadgeSize]=\"'small'\"\r\n            matBadgePosition=\"before\"\r\n            >filter_alt</mat-icon\r\n          >\r\n        </button>\r\n      }\r\n\r\n      <mat-form-field appearance=\"outline\">\r\n        <input\r\n          matInput\r\n          [formControl]=\"globalSearch\"\r\n          [placeholder]=\"globalSearchSettings?.label || 'Global Search'\"\r\n        />\r\n        <button\r\n          matSuffix\r\n          mat-icon-button\r\n          aria-label=\"Clear\"\r\n          (click)=\"globalSearch.setValue('')\"\r\n        >\r\n          <mat-icon style=\"font-size: 22px\">close</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".st-material-table-caption{width:100%;margin-top:5px}.st-material-table-caption .reorder-icon{transform:scaleX(-1) rotate(90deg)}\n"] }]
+            args: [{ selector: 'st-material-table-caption', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"st-material-table-caption row align-items-center\"\r\n  [ngClass]=\"{\r\n    'justify-content-between': allowPickColumns && globalSearchSettings?.show,\r\n    'justify-content-end': !allowPickColumns && globalSearchSettings?.show\r\n  }\"\r\n>\r\n  @if (allowPickColumns) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-select [formControl]=\"selectedColumns\" multiple>\r\n          <mat-select-trigger>\r\n            {{ selectedColumns.value ? selectedColumns.value.length : 0 }}\r\n            columns selected\r\n          </mat-select-trigger>\r\n          @for (column of columns; track column.field) {\r\n            <mat-option [value]=\"column.field\">{{\r\n              column.translateColumnName || column.field\r\n            }}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-icon-button (click)=\"resetTable()\">\r\n        <mat-icon class=\"reorder-icon\">refresh</mat-icon>\r\n      </button>\r\n\r\n      @if (allowReorderColumns) {\r\n        <button mat-icon-button (click)=\"openReorderColumnsDialog()\">\r\n          <mat-icon class=\"reorder-icon\">low_priority</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (globalSearchSettings?.show) {\r\n    <div class=\"col-auto d-flex align-items-center\">\r\n      @if (showFilterButton) {\r\n        <button mat-icon-button (click)=\"openFilterDialog()\">\r\n          <mat-icon\r\n            [matBadge]=\"activeFiltersCount\"\r\n            [matBadgeHidden]=\"!activeFiltersCount\"\r\n            [matBadgeSize]=\"'small'\"\r\n            matBadgePosition=\"before\"\r\n            >filter_alt</mat-icon\r\n          >\r\n        </button>\r\n      }\r\n\r\n      <mat-form-field appearance=\"outline\">\r\n        <input\r\n          matInput\r\n          [formControl]=\"globalSearch\"\r\n          [placeholder]=\"globalSearchSettings?.label || 'Global Search'\"\r\n        />\r\n        <button\r\n          matSuffix\r\n          mat-icon-button\r\n          aria-label=\"Clear\"\r\n          (click)=\"globalSearch.setValue('')\"\r\n        >\r\n          <mat-icon style=\"font-size: 22px\">close</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".st-material-table-caption{width:100%;margin-top:5px}.st-material-table-caption>.col-auto{padding:0}.st-material-table-caption .reorder-icon{transform:scaleX(-1) rotate(90deg)}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { globalSearchSettings: [{
                 type: Input
             }], allowPickColumns: [{
@@ -977,19 +978,17 @@ class MaterialTableComponent extends StSubscribeDestroyComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableComponent, selector: "ngx-st-material-table", inputs: { tableSettings: "tableSettings", globalSearchSettings: "globalSearchSettings", pageSize: "pageSize", dataLength: "dataLength", allowPickColumns: "allowPickColumns", allowReorderColumns: "allowReorderColumns", localStorageName: "localStorageName", lazyLoading: "lazyLoading", isLoading: "isLoading", initColumns: "initColumns", data: "data" }, outputs: { loadData: "loadData" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"st-material-table\">\n  @if (isLoading) {\n    <div class=\"loading-spinner\">\n      <mat-spinner color=\"accent\"></mat-spinner>\n    </div>\n  }\n\n  @if (showTable) {\n    <st-material-table-caption\n      [allowPickColumns]=\"allowPickColumns\"\n      [globalSearchSettings]=\"globalSearchSettings\"\n      [columns]=\"columns\"\n      [initFilters]=\"initFilters\"\n      [initGlobalSearch]=\"initGlobalSearch\"\n      (captionDataChanged)=\"captionDataChanged($event)\"\n      (resetTableSettings)=\"resetTableSettings()\"\n    ></st-material-table-caption>\n  }\n\n  <table\n    [ngClass]=\"{ 'no-hover': !tableSettings?.rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of selectedColumns; track column) {\n      <ng-container [matColumnDef]=\"column.field\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n          mat-sort-header\n          [disabled]=\"!column.sort\"\n        >\n          {{ column.translateColumnName || column.field }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n        >\n          <st-material-table-row-cell\n            [column]=\"column\"\n            [rowData]=\"element\"\n          ></st-material-table-row-cell>\n          <!--          @if (column.actions && column.actions!.length > 0) {-->\n          <!--            <div-->\n          <!--              class=\"actions-container\"-->\n          <!--              style=\"overflow-y: hidden\"-->\n          <!--              [ngClass]=\"{ 'justify-content-end': column.flexRight }\"-->\n          <!--            >-->\n          <!--              @for (action of column.actions; track action) {-->\n          <!--                @if (checkIfActionVisible(element, action)) {-->\n          <!--                  @if (!action.url && action.action) {-->\n          <!--                    <button-->\n          <!--                      style=\"padding: 7px 7px; width: 40px; height: 40px\"-->\n          <!--                      class=\"col-auto\"-->\n          <!--                      mat-icon-button-->\n          <!--                      type=\"button\"-->\n          <!--                      matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                      [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      (click)=\"action.action(element)\"-->\n          <!--                    >-->\n          <!--                      <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                    </button>-->\n          <!--                  }-->\n          <!--                  @if (action.url) {-->\n          <!--                    <a [routerLink]=\"action.url\">-->\n          <!--                      <button-->\n          <!--                        class=\"col-auto\"-->\n          <!--                        mat-icon-button-->\n          <!--                        type=\"button\"-->\n          <!--                        matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                        [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      >-->\n          <!--                        <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                      </button>-->\n          <!--                    </a>-->\n          <!--                  }-->\n          <!--                }-->\n          <!--              }-->\n          <!--            </div>-->\n          <!--          }-->\n          <!--          @if (!column.actions) {-->\n          <!--            @if (column.translateValue) {-->\n          <!--              <p style=\"margin: 0; padding: 0\">-->\n          <!--                {{ column.translateValue![element[column.field]] || '' }}-->\n          <!--              </p>-->\n          <!--            }-->\n          <!--            @if (!column.translateValue) {-->\n          <!--              @if (!column.type || column.type === 'string') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">{{ element[column.field] }}</p>-->\n          <!--              }-->\n          <!--              @if (column.type === 'date') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">-->\n          <!--                  {{ element[column.field] | stDateTimeFormatPipe }}-->\n          <!--                </p>-->\n          <!--              }-->\n          <!--            }-->\n          <!--          }-->\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"selectedColumnsString\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: selectedColumnsString\"\n      (click)=\"\n        tableSettings?.rowClickAction ? tableSettings.rowClickAction(row) : null\n      \"\n    ></tr>\n  </table>\n  <mat-paginator\n    [showFirstLastButtons]=\"true\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    [length]=\"dataLength\"\n  ></mat-paginator>\n</div>\n", styles: [".st-material-table{position:relative}.st-material-table .loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026;z-index:1;display:flex;align-items:center;justify-content:center}.st-material-table .loading-spinner mat-spinner{margin-top:2rem}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i6$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MaterialTableCaptionComponent, selector: "st-material-table-caption", inputs: ["globalSearchSettings", "allowPickColumns", "allowReorderColumns", "initGlobalSearch", "initFilters", "columns"], outputs: ["captionDataChanged", "resetTableSettings"] }, { kind: "component", type: MaterialTableRowCellComponent, selector: "st-material-table-row-cell", inputs: ["column", "rowData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableComponent, selector: "ngx-st-material-table", inputs: { globalSearchSettings: "globalSearchSettings", pageSize: "pageSize", dataLength: "dataLength", allowPickColumns: "allowPickColumns", allowReorderColumns: "allowReorderColumns", localStorageName: "localStorageName", lazyLoading: "lazyLoading", isLoading: "isLoading", initColumns: "initColumns", rowClickAction: "rowClickAction", data: "data" }, outputs: { loadData: "loadData" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"st-material-table\">\n  @if (isLoading) {\n    <div class=\"loading-spinner\">\n      <mat-spinner color=\"accent\"></mat-spinner>\n    </div>\n  }\n\n  @if (showTable) {\n    <st-material-table-caption\n      [allowPickColumns]=\"allowPickColumns\"\n      [globalSearchSettings]=\"globalSearchSettings\"\n      [columns]=\"columns\"\n      [initFilters]=\"initFilters\"\n      [initGlobalSearch]=\"initGlobalSearch\"\n      (captionDataChanged)=\"captionDataChanged($event)\"\n      (resetTableSettings)=\"resetTableSettings()\"\n    ></st-material-table-caption>\n  }\n\n  <table\n    [ngClass]=\"{ 'no-hover': !rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of selectedColumns; track column) {\n      <ng-container [matColumnDef]=\"column.field\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n          mat-sort-header\n          [disabled]=\"!column.sort\"\n        >\n          {{ column.translateColumnName || column.field }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n        >\n          <st-material-table-row-cell\n            [column]=\"column\"\n            [rowData]=\"element\"\n          ></st-material-table-row-cell>\n          <!--          @if (column.actions && column.actions!.length > 0) {-->\n          <!--            <div-->\n          <!--              class=\"actions-container\"-->\n          <!--              style=\"overflow-y: hidden\"-->\n          <!--              [ngClass]=\"{ 'justify-content-end': column.flexRight }\"-->\n          <!--            >-->\n          <!--              @for (action of column.actions; track action) {-->\n          <!--                @if (checkIfActionVisible(element, action)) {-->\n          <!--                  @if (!action.url && action.action) {-->\n          <!--                    <button-->\n          <!--                      style=\"padding: 7px 7px; width: 40px; height: 40px\"-->\n          <!--                      class=\"col-auto\"-->\n          <!--                      mat-icon-button-->\n          <!--                      type=\"button\"-->\n          <!--                      matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                      [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      (click)=\"action.action(element)\"-->\n          <!--                    >-->\n          <!--                      <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                    </button>-->\n          <!--                  }-->\n          <!--                  @if (action.url) {-->\n          <!--                    <a [routerLink]=\"action.url\">-->\n          <!--                      <button-->\n          <!--                        class=\"col-auto\"-->\n          <!--                        mat-icon-button-->\n          <!--                        type=\"button\"-->\n          <!--                        matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                        [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      >-->\n          <!--                        <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                      </button>-->\n          <!--                    </a>-->\n          <!--                  }-->\n          <!--                }-->\n          <!--              }-->\n          <!--            </div>-->\n          <!--          }-->\n          <!--          @if (!column.actions) {-->\n          <!--            @if (column.translateValue) {-->\n          <!--              <p style=\"margin: 0; padding: 0\">-->\n          <!--                {{ column.translateValue![element[column.field]] || '' }}-->\n          <!--              </p>-->\n          <!--            }-->\n          <!--            @if (!column.translateValue) {-->\n          <!--              @if (!column.type || column.type === 'string') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">{{ element[column.field] }}</p>-->\n          <!--              }-->\n          <!--              @if (column.type === 'date') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">-->\n          <!--                  {{ element[column.field] | stDateTimeFormatPipe }}-->\n          <!--                </p>-->\n          <!--              }-->\n          <!--            }-->\n          <!--          }-->\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"selectedColumnsString\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: selectedColumnsString\"\n      (click)=\"rowClickAction ? rowClickAction(row) : null\"\n    ></tr>\n  </table>\n  <mat-paginator\n    [showFirstLastButtons]=\"true\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    [length]=\"dataLength\"\n  ></mat-paginator>\n</div>\n", styles: [".st-material-table{position:relative}.st-material-table .loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026;z-index:1;display:flex;align-items:center;justify-content:center}.st-material-table .loading-spinner mat-spinner{margin-top:2rem}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;font-size:.9rem;font-weight:600;color:#424242}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i6$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MaterialTableCaptionComponent, selector: "st-material-table-caption", inputs: ["globalSearchSettings", "allowPickColumns", "allowReorderColumns", "initGlobalSearch", "initFilters", "columns"], outputs: ["captionDataChanged", "resetTableSettings"] }, { kind: "component", type: MaterialTableRowCellComponent, selector: "st-material-table-row-cell", inputs: ["column", "rowData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-st-material-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"st-material-table\">\n  @if (isLoading) {\n    <div class=\"loading-spinner\">\n      <mat-spinner color=\"accent\"></mat-spinner>\n    </div>\n  }\n\n  @if (showTable) {\n    <st-material-table-caption\n      [allowPickColumns]=\"allowPickColumns\"\n      [globalSearchSettings]=\"globalSearchSettings\"\n      [columns]=\"columns\"\n      [initFilters]=\"initFilters\"\n      [initGlobalSearch]=\"initGlobalSearch\"\n      (captionDataChanged)=\"captionDataChanged($event)\"\n      (resetTableSettings)=\"resetTableSettings()\"\n    ></st-material-table-caption>\n  }\n\n  <table\n    [ngClass]=\"{ 'no-hover': !tableSettings?.rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of selectedColumns; track column) {\n      <ng-container [matColumnDef]=\"column.field\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n          mat-sort-header\n          [disabled]=\"!column.sort\"\n        >\n          {{ column.translateColumnName || column.field }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n        >\n          <st-material-table-row-cell\n            [column]=\"column\"\n            [rowData]=\"element\"\n          ></st-material-table-row-cell>\n          <!--          @if (column.actions && column.actions!.length > 0) {-->\n          <!--            <div-->\n          <!--              class=\"actions-container\"-->\n          <!--              style=\"overflow-y: hidden\"-->\n          <!--              [ngClass]=\"{ 'justify-content-end': column.flexRight }\"-->\n          <!--            >-->\n          <!--              @for (action of column.actions; track action) {-->\n          <!--                @if (checkIfActionVisible(element, action)) {-->\n          <!--                  @if (!action.url && action.action) {-->\n          <!--                    <button-->\n          <!--                      style=\"padding: 7px 7px; width: 40px; height: 40px\"-->\n          <!--                      class=\"col-auto\"-->\n          <!--                      mat-icon-button-->\n          <!--                      type=\"button\"-->\n          <!--                      matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                      [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      (click)=\"action.action(element)\"-->\n          <!--                    >-->\n          <!--                      <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                    </button>-->\n          <!--                  }-->\n          <!--                  @if (action.url) {-->\n          <!--                    <a [routerLink]=\"action.url\">-->\n          <!--                      <button-->\n          <!--                        class=\"col-auto\"-->\n          <!--                        mat-icon-button-->\n          <!--                        type=\"button\"-->\n          <!--                        matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                        [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      >-->\n          <!--                        <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                      </button>-->\n          <!--                    </a>-->\n          <!--                  }-->\n          <!--                }-->\n          <!--              }-->\n          <!--            </div>-->\n          <!--          }-->\n          <!--          @if (!column.actions) {-->\n          <!--            @if (column.translateValue) {-->\n          <!--              <p style=\"margin: 0; padding: 0\">-->\n          <!--                {{ column.translateValue![element[column.field]] || '' }}-->\n          <!--              </p>-->\n          <!--            }-->\n          <!--            @if (!column.translateValue) {-->\n          <!--              @if (!column.type || column.type === 'string') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">{{ element[column.field] }}</p>-->\n          <!--              }-->\n          <!--              @if (column.type === 'date') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">-->\n          <!--                  {{ element[column.field] | stDateTimeFormatPipe }}-->\n          <!--                </p>-->\n          <!--              }-->\n          <!--            }-->\n          <!--          }-->\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"selectedColumnsString\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: selectedColumnsString\"\n      (click)=\"\n        tableSettings?.rowClickAction ? tableSettings.rowClickAction(row) : null\n      \"\n    ></tr>\n  </table>\n  <mat-paginator\n    [showFirstLastButtons]=\"true\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    [length]=\"dataLength\"\n  ></mat-paginator>\n</div>\n", styles: [".st-material-table{position:relative}.st-material-table .loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026;z-index:1;display:flex;align-items:center;justify-content:center}.st-material-table .loading-spinner mat-spinner{margin-top:2rem}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"] }]
+            args: [{ selector: 'ngx-st-material-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"st-material-table\">\n  @if (isLoading) {\n    <div class=\"loading-spinner\">\n      <mat-spinner color=\"accent\"></mat-spinner>\n    </div>\n  }\n\n  @if (showTable) {\n    <st-material-table-caption\n      [allowPickColumns]=\"allowPickColumns\"\n      [globalSearchSettings]=\"globalSearchSettings\"\n      [columns]=\"columns\"\n      [initFilters]=\"initFilters\"\n      [initGlobalSearch]=\"initGlobalSearch\"\n      (captionDataChanged)=\"captionDataChanged($event)\"\n      (resetTableSettings)=\"resetTableSettings()\"\n    ></st-material-table-caption>\n  }\n\n  <table\n    [ngClass]=\"{ 'no-hover': !rowClickAction }\"\n    mat-table\n    [dataSource]=\"tableSource\"\n    matSort\n  >\n    @for (column of selectedColumns; track column) {\n      <ng-container [matColumnDef]=\"column.field\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n          mat-sort-header\n          [disabled]=\"!column.sort\"\n        >\n          {{ column.translateColumnName || column.field }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          style=\"{{ column.width ? 'width:' + column.width : '' }}\"\n        >\n          <st-material-table-row-cell\n            [column]=\"column\"\n            [rowData]=\"element\"\n          ></st-material-table-row-cell>\n          <!--          @if (column.actions && column.actions!.length > 0) {-->\n          <!--            <div-->\n          <!--              class=\"actions-container\"-->\n          <!--              style=\"overflow-y: hidden\"-->\n          <!--              [ngClass]=\"{ 'justify-content-end': column.flexRight }\"-->\n          <!--            >-->\n          <!--              @for (action of column.actions; track action) {-->\n          <!--                @if (checkIfActionVisible(element, action)) {-->\n          <!--                  @if (!action.url && action.action) {-->\n          <!--                    <button-->\n          <!--                      style=\"padding: 7px 7px; width: 40px; height: 40px\"-->\n          <!--                      class=\"col-auto\"-->\n          <!--                      mat-icon-button-->\n          <!--                      type=\"button\"-->\n          <!--                      matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                      [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      (click)=\"action.action(element)\"-->\n          <!--                    >-->\n          <!--                      <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                    </button>-->\n          <!--                  }-->\n          <!--                  @if (action.url) {-->\n          <!--                    <a [routerLink]=\"action.url\">-->\n          <!--                      <button-->\n          <!--                        class=\"col-auto\"-->\n          <!--                        mat-icon-button-->\n          <!--                        type=\"button\"-->\n          <!--                        matTooltip=\"{{ action.tooltipName || '' }}\"-->\n          <!--                        [matTooltipDisabled]=\"!action.tooltipName\"-->\n          <!--                      >-->\n          <!--                        <mat-icon>{{ action.iconName }}</mat-icon>-->\n          <!--                      </button>-->\n          <!--                    </a>-->\n          <!--                  }-->\n          <!--                }-->\n          <!--              }-->\n          <!--            </div>-->\n          <!--          }-->\n          <!--          @if (!column.actions) {-->\n          <!--            @if (column.translateValue) {-->\n          <!--              <p style=\"margin: 0; padding: 0\">-->\n          <!--                {{ column.translateValue![element[column.field]] || '' }}-->\n          <!--              </p>-->\n          <!--            }-->\n          <!--            @if (!column.translateValue) {-->\n          <!--              @if (!column.type || column.type === 'string') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">{{ element[column.field] }}</p>-->\n          <!--              }-->\n          <!--              @if (column.type === 'date') {-->\n          <!--                <p style=\"margin: 0; padding: 0\">-->\n          <!--                  {{ element[column.field] | stDateTimeFormatPipe }}-->\n          <!--                </p>-->\n          <!--              }-->\n          <!--            }-->\n          <!--          }-->\n        </td>\n      </ng-container>\n    }\n\n    <tr mat-header-row *matHeaderRowDef=\"selectedColumnsString\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: selectedColumnsString\"\n      (click)=\"rowClickAction ? rowClickAction(row) : null\"\n    ></tr>\n  </table>\n  <mat-paginator\n    [showFirstLastButtons]=\"true\"\n    [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"\n    [length]=\"dataLength\"\n  ></mat-paginator>\n</div>\n", styles: [".st-material-table{position:relative}.st-material-table .loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026;z-index:1;display:flex;align-items:center;justify-content:center}.st-material-table .loading-spinner mat-spinner{margin-top:2rem}\n", ".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear mat-icon{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;font-size:.9rem;font-weight:600;color:#424242}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a mat-icon{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent!important}table.no-hover::ng-deep tbody tr.active td{border-bottom-color:#0000001f!important}table.no-hover::ng-deep tbody tr:hover{background-color:transparent!important}table.no-hover::ng-deep tbody tr:hover td{border-bottom-color:#0000001f!important}table.admin-table::ng-deep .actions-cell{width:100px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { paginator: [{
                 type: ViewChild,
                 args: [MatPaginator]
             }], sort: [{
                 type: ViewChild,
                 args: [MatSort]
-            }], tableSettings: [{
-                type: Input
             }], globalSearchSettings: [{
                 type: Input
             }], pageSize: [{
@@ -1008,6 +1007,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], initColumns: [{
                 type: Input
+            }], rowClickAction: [{
+                type: Input
             }], data: [{
                 type: Input
             }], loadData: [{
@@ -1055,8 +1056,9 @@ class StTablesModule {
             StQtyInputModule,
             TableModule,
             MatDatepickerModule,
-            MatSlideToggleModule], exports: [LocalTableComponent, SelectTableComponent, MaterialTableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StTablesModule, providers: [LocalTableService], imports: [CommonModule,
+            MatSlideToggleModule,
+            MatNativeDateModule], exports: [LocalTableComponent, SelectTableComponent, MaterialTableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StTablesModule, providers: [LocalTableService, MatDatepickerModule], imports: [CommonModule,
             MatButtonModule,
             MatIconModule,
             MatTableModule,
@@ -1080,7 +1082,8 @@ class StTablesModule {
             StQtyInputModule,
             TableModule,
             MatDatepickerModule,
-            MatSlideToggleModule] }); }
+            MatSlideToggleModule,
+            MatNativeDateModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StTablesModule, decorators: [{
             type: NgModule,
@@ -1125,9 +1128,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TableModule,
                         MatDatepickerModule,
                         MatSlideToggleModule,
+                        MatNativeDateModule,
                     ],
                     exports: [LocalTableComponent, SelectTableComponent, MaterialTableComponent],
-                    providers: [LocalTableService],
+                    providers: [LocalTableService, MatDatepickerModule],
                 }]
         }], ctorParameters: () => [{ type: i2.MatIconRegistry }] });