clean code

projects/openharbor/ngx-data-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.html

@@ -19,7 +19,6 @@
         </div>
 
         <div class="flex-item">
-
           <ng-container *ngIf="hasSortingTemplate(column)">
             <ng-container [ngTemplateOutlet]="getSortingTemplate(column)"></ng-container>
           </ng-container>
@@ -28,7 +27,6 @@
             <ng-container [ngTemplateOutlet]="getFilterTemplate(column)"></ng-container>
           </ng-container>
         </div>
-
       </div>
     </th>
   </tr>

projects/openharbor/ngx-data-cdk-ui/src/lib/ds-pager/ds-pager.component.ts

@@ -1,11 +1,14 @@
 import {Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';
 import {IDataSource, IQueryExecutionGroupResult, IQueryExecutionResult} from '@poweredsoft/data';
 import {Subscription} from 'rxjs';
+import {CommonModule} from "@angular/common";
 
 @Component({
   selector: 'cdk-ds-pager',
   templateUrl: './ds-pager.component.html',
-  styleUrls: ['./ds-pager.component.scss']
+  styleUrls: ['./ds-pager.component.scss'],
+  standalone: true,
+  imports: [CommonModule]
 })
 export class DsPagerComponent implements OnInit, OnDestroy {
 

projects/openharbor/ngx-data-cdk-ui/src/lib/ds-pager/ds-pager.module.ts

@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {DsPagerComponent} from './ds-pager.component';
-
-@NgModule({
-  declarations: [DsPagerComponent],
-  imports: [
-    CommonModule
-  ],
-  exports: [DsPagerComponent]
-})
-export class DsPagerModule { }

projects/openharbor/ngx-data-cdk-ui/src/lib/ds-search/ds-search.component.html

@@ -1,6 +1,6 @@
 <form (submit)="applySearch()">
   <div [ngClass]="classes">
-    <input type="search" (onSearch)="onSearch()" [placeholder]="finalSearchText" [ngClass]="searchClasses"
+    <input type="search" (input)="onSearch()" [placeholder]="finalSearchText" [ngClass]="searchClasses"
            [(ngModel)]="filterValue" [ngModelOptions]="{standalone: true}">
     <button type="submit" [ngClass]="submitButtonClasses">{{ finalSearchText }}</button>
   </div>

projects/openharbor/ngx-data-cdk-ui/src/lib/ds-search/ds-search.component.ts

@@ -1,12 +1,16 @@
 import {Component, Input, OnInit} from '@angular/core';
 import {FilterType, ICompositeFilter, IDataSource, ISimpleFilter} from '@poweredsoft/data';
+import {CommonModule} from "@angular/common";
+import {FormsModule} from "@angular/forms";
 
 @Component({
   selector: 'cdk-ds-search',
   templateUrl: './ds-search.component.html',
-  styleUrls: ['./ds-search.component.scss']
+  styleUrls: ['./ds-search.component.scss'],
+  standalone: true,
+  imports: [CommonModule, FormsModule]
 })
-export class DsSearchComponent implements OnInit {
+export class DsSearchComponent {
   @Input() dataSource: IDataSource<any>;
   @Input() filterType: string;
   @Input() filterPaths: string[];
@@ -29,11 +33,10 @@ export class DsSearchComponent implements OnInit {
   }
 
   onSearch() {
-      this.applySearch();
+    this.applySearch();
   }
 
   applySearch() {
-
     const existingFilters = this.dataSource.filters;
 
 
@@ -68,8 +71,4 @@ export class DsSearchComponent implements OnInit {
       filters: finalNewFilters
     })
   }
-
-  ngOnInit(): void {
-  }
-
 }

projects/openharbor/ngx-data-cdk-ui/src/lib/ds-search/ds-search.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DsSearchComponent } from './ds-search.component';
-import { FormsModule } from '@angular/forms';
-
-
-
-@NgModule({
-  declarations: [DsSearchComponent],
-  imports: [
-    CommonModule,
-    FormsModule
-  ],
-  exports: [DsSearchComponent]
-})
-export class DsSearchModule { }

projects/openharbor/ngx-data-cdk-ui/src/lib/ds-validation-error/ds-validation-error.component.ts

@@ -1,11 +1,14 @@
 import {Component, Input, OnDestroy, OnInit} from '@angular/core';
 import {IDataSource} from '@poweredsoft/data';
 import {Subscription} from 'rxjs';
+import {CommonModule} from "@angular/common";
 
 @Component({
   selector: 'cdk-ds-validation-error',
   templateUrl: './ds-validation-error.component.html',
-  styleUrls: ['./ds-validation-error.component.scss']
+  styleUrls: ['./ds-validation-error.component.scss'],
+  standalone: true,
+  imports: [CommonModule]
 })
 export class DsValidationErrorComponent implements OnInit, OnDestroy {
   @Input() dataSource: IDataSource<any>;

projects/openharbor/ngx-data-cdk-ui/src/lib/ds-validation-error/ds-validation-error.module.ts

@@ -1,13 +0,0 @@
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {DsValidationErrorComponent} from './ds-validation-error.component';
-
-
-@NgModule({
-  declarations: [DsValidationErrorComponent],
-  imports: [
-    CommonModule
-  ],
-  exports: [DsValidationErrorComponent]
-})
-export class DsValidationErrorModule { }

projects/openharbor/ngx-data-cdk-ui/src/public-api.ts

@@ -23,11 +23,9 @@ export * from './lib/list-view/directives/list-view-footer.directive';
 export * from './lib/list-view/directives/list-view-separator.directive';
 
 // search
-export * from './lib/ds-search/ds-search.module';
 export * from './lib/ds-search/ds-search.component';
 
 // ds validation
-export * from './lib/ds-validation-error/ds-validation-error.module';
 export * from './lib/ds-validation-error/ds-validation-error.component';
 
 // view
@@ -48,5 +46,4 @@ export * from './lib/ds-command/directives/ds-command-no-command.directive';
 export * from './lib/ds-command/directives/ds-command-error.directive';
 
 // ds-pager
-export * from './lib/ds-pager/ds-pager.module';
 export * from './lib/ds-pager/ds-pager.component';