ngx-redi-core 1.1.2 → 1.1.3

package/README.md

@@ -1,24 +1,24 @@
-# NgxRediCore
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project ngx-redi-core` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-redi-core`.
-> Note: Don't forget to add `--project ngx-redi-core` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build ngx-redi-core` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build ngx-redi-core`, go to the dist folder `cd dist/ngx-redi-core` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test ngx-redi-core` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# NgxRediCore
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngx-redi-core` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-redi-core`.
+> Note: Don't forget to add `--project ngx-redi-core` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-redi-core` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-redi-core`, go to the dist folder `cd dist/ngx-redi-core` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-redi-core` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/RediGrid/ng-package.json

@@ -1,6 +1,7 @@
-{
-  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "public-api.ts"
-  }
-}
+
+{
+    "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+    "lib": {
+      "entryFile": "public-api.ts"
+    }
+  }

package/RediGrid/public-api.ts

@@ -1,3 +1,3 @@
-
-export * from "./src/modules/redi-grid.module";
+
+export * from "./src/modules/redi-grid.module";
 export * from "./src/modules/redi-grid/redi-grid.component"

package/RediGrid/src/modules/redi-grid/redi-grid.component.html

@@ -1,21 +1,21 @@
-<div class="container">
-  <cdk-virtual-scroll-viewport #scrollViewport itemSize="25">
-    <table>
-      <thead>
-        <tr>
-          <th [style.top]="inverseOfTranslation" *ngIf="enumerate">
-          <th [style.top]="inverseOfTranslation" *ngFor="let col of dataGrid.cols">{{col.value}}</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr *cdkVirtualFor="let row of dataGrid.rows;let rowNum = index">
-          <td *ngIf="enumerate">{{rowNum+1}}</td>
-          <td *ngFor="let cell of row; let colNum=index">
-            <input *ngIf="editable" type="text" [value]="cell.value" (focusout)="updateData(rowNum,colNum,$event)" />
-            {{!editable?cell.value:''}}
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </cdk-virtual-scroll-viewport>
+<div class="container">
+  <cdk-virtual-scroll-viewport #scrollViewport itemSize="25">
+    <table>
+      <thead>
+        <tr>
+          <th [style.top]="inverseOfTranslation" *ngIf="enumerate">
+          <th [style.top]="inverseOfTranslation" *ngFor="let col of dataGrid.cols">{{col.value}}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *cdkVirtualFor="let row of dataGrid.rows;let rowNum = index">
+          <td *ngIf="enumerate">{{rowNum+1}}</td>
+          <td *ngFor="let cell of row; let colNum=index">
+            <input *ngIf="editable" type="text" [value]="cell.value" (focusout)="updateData(rowNum,colNum,$event)" />
+            {{!editable?cell.value:''}}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </cdk-virtual-scroll-viewport>
 </div>

package/RediGrid/src/modules/redi-grid/redi-grid.component.spec.ts

@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RediGridComponent } from './redi-grid.component';
-
-describe('SpreadsheetComponent', () => {
-  let component: RediGridComponent;
-  let fixture: ComponentFixture<RediGridComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [RediGridComponent]
-    })
-      .compileComponents();
-
-    fixture = TestBed.createComponent(RediGridComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RediGridComponent } from './redi-grid.component';
+
+describe('SpreadsheetComponent', () => {
+  let component: RediGridComponent;
+  let fixture: ComponentFixture<RediGridComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [RediGridComponent]
+    })
+      .compileComponents();
+
+    fixture = TestBed.createComponent(RediGridComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/RediGrid/src/modules/redi-grid/redi-grid.component.ts

@@ -1,67 +1,67 @@
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { AfterViewInit, Component, Input, ViewChild } from '@angular/core';
-
-@Component({
-  selector: 'redi-grid',
-  templateUrl: './redi-grid.component.html',
-  styleUrls: ['./redi-grid.component.css']
-})
-export class RediGridComponent implements AfterViewInit {
-  @Input()
-  dataGrid: DataGrid;
-
-  @Input()
-  enumerate: boolean;
-
-  @Input()
-  editable: boolean;
-
-  constructor() {
-    this.dataGrid = {} as DataGrid;
-    this.enumerate = false;
-    this.editable = false;
-  }
-  ngAfterViewInit(): void {
-    if (this.dataGrid) {
-      this.editable = this.dataGrid.editable || false;
-      this.enumerate = this.dataGrid.enumerate || false;
-    }
-  }
-
-  @ViewChild(CdkVirtualScrollViewport, { static: false })
-  public viewPort!: CdkVirtualScrollViewport;
-  public get inverseOfTranslation(): string {
-    if (!this.viewPort || !this.viewPort["_renderedContentOffset"]) {
-      return "-0px";
-    }
-    let offset = this.viewPort["_renderedContentOffset"];
-    return `-${offset}px`;
-  }
-
-  updateData(indexRow: number, indexCol: number, event: Event): void {
-    if (this.dataGrid && this.dataGrid.rows) {
-      let inputControl: HTMLInputElement = event.target as HTMLInputElement;
-      this.dataGrid.rows[indexRow][indexCol] = { value: inputControl.value };
-    }
-  }
-}
-
-export interface Cell {
-  col?: number;
-  row?: number;
-  isValid?: boolean;
-  maxLength?: number;
-  value?: string;
-}
-export interface DataGrid {
-  cols: Array<Cell>;
-  rows: Array<Array<Cell>>;
-  enumerate?: boolean;
-  size?: Size;
-  editable?: boolean
-}
-
-export interface Size {
-  width?: number;
-  heigth?: number;
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { AfterViewInit, Component, Input, ViewChild } from '@angular/core';
+
+@Component({
+  selector: 'mf-spreadsheet',
+  templateUrl: './redi-grid.component.html',
+  styleUrls: ['./redi-grid.component.css']
+})
+export class RediGridComponent implements AfterViewInit {
+  @Input()
+  dataGrid: DataGrid;
+
+  @Input()
+  enumerate: boolean;
+
+  @Input()
+  editable: boolean;
+
+  constructor() {
+    this.dataGrid = {} as DataGrid;
+    this.enumerate = false;
+    this.editable = false;
+  }
+  ngAfterViewInit(): void {
+    if (this.dataGrid) {
+      this.editable = this.dataGrid.editable || false;
+      this.enumerate = this.dataGrid.enumerate || false;
+    }
+  }
+
+  @ViewChild(CdkVirtualScrollViewport, { static: false })
+  public viewPort!: CdkVirtualScrollViewport;
+  public get inverseOfTranslation(): string {
+    if (!this.viewPort || !this.viewPort["_renderedContentOffset"]) {
+      return "-0px";
+    }
+    let offset = this.viewPort["_renderedContentOffset"];
+    return `-${offset}px`;
+  }
+
+  updateData(indexRow: number, indexCol: number, event: Event): void {
+    if (this.dataGrid && this.dataGrid.rows) {
+      let inputControl: HTMLInputElement = event.target as HTMLInputElement;
+      this.dataGrid.rows[indexRow][indexCol] = { value: inputControl.value };
+    }
+  }
+}
+
+export interface Cell {
+  col?: number;
+  row?: number;
+  isValid?: boolean;
+  maxLength?: number;
+  value?: string;
+}
+export interface DataGrid {
+  cols: Array<Cell>;
+  rows: Array<Array<Cell>>;
+  enumerate?: boolean;
+  size?: Size;
+  editable?: boolean
+}
+
+export interface Size {
+  width?: number;
+  heigth?: number;
 }

package/RediGrid/src/modules/redi-grid.module.ts

@@ -1,18 +1,18 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RediGridComponent } from './redi-grid/redi-grid.component';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-
-
-
-@NgModule({
-  declarations: [RediGridComponent],
-  imports: [
-    CommonModule,
-    ScrollingModule
-  ],
-  exports:[
-    RediGridComponent
-  ]
-})
-export class RediGridModule { }
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RediGridComponent } from './redi-grid/redi-grid.component';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+
+
+
+@NgModule({
+  declarations: [RediGridComponent],
+  imports: [
+    CommonModule,
+    ScrollingModule
+  ],
+  exports:[
+    RediGridComponent
+  ]
+})
+export class RediGridModule { }

package/RediTable/ng-package.json

@@ -1,6 +1,6 @@
-{
-  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "public-api.ts"
-  }
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
 }

package/RediTable/public-api.ts

@@ -1,3 +1,3 @@
-
-export * from "./src/modules/redi-table.module";
+
+export * from "./src/modules/redi-table.module";
 export * from "./src/modules/redi-table/redi-table.component"

package/RediTable/src/modules/redi-table/redi-table.component.html

@@ -1,51 +1,51 @@
-<div class="container">
-    <div *ngIf="enableFilter">
-        <mat-icon> search </mat-icon>
-        <input placeholder="Filtro" (keyup)="applyFilter($event)" />
-    </div>
-    <div class="section">
-        <table mat-table [dataSource]="dataSource" matSort>
-            <ng-container *ngIf="selectRows" matColumnDef="select">
-                <th mat-header-cell *matHeaderCellDef>
-                    <mat-checkbox (change)="$event ? toggleAllRows() : null"
-                        [checked]="dataTable.selection.hasValue() && isAllSelected()"
-                        [indeterminate]="dataTable.selection.hasValue() && !isAllSelected()">
-                    </mat-checkbox>
-                </th>
-                <td mat-cell *matCellDef="let row">
-                    <mat-checkbox (click)="$event.stopPropagation()"
-                        (change)="$event ? dataTable.selection.toggle(row) : null"
-                        [checked]="dataTable.selection.isSelected(row)" [aria-label]="checkboxLabel(row)">
-                    </mat-checkbox>
-                </td>
-            </ng-container>
-
-            <ng-container>
-                <ng-container [matColumnDef]="column.key" *ngFor="let column of colsEntities">
-                    <th mat-header-cell *matHeaderCellDef mat-sort-header [attr.disabled]="isSortActive()">
-                        {{column.label ||
-                        column.key}} </th>
-                    <td mat-cell *matCellDef="let element"> {{element[column.key]}} </td>
-                </ng-container>
-            </ng-container>
-            <ng-container *ngIf="showActions()" matColumnDef="actions" stickyEnd>
-                <th mat-header-cell *matHeaderCellDef aria-label="row actions">&nbsp;</th>
-                <td mat-cell *matCellDef="let element">
-                    <button mat-icon-button color="primary" *ngFor="let action of dataTable.actions"
-                        (click)="action.action(element,dataSource)">
-                        <mat-icon>{{action.icon || 'apps'}}</mat-icon>
-                    </button>
-                </td>
-            </ng-container>
-
-            <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky:true"></tr>
-            <tr mat-row *matRowDef="let row; columns: displayedColumns;let rowNum = index" [class.odd]="rowNum%2"
-                [class.even]="!(rowNum%2)"></tr>
-        </table>
-
-    </div>
-    <div [ngClass]="paginateData?'visible':'hidden'">
-        <mat-paginator [pageSizeOptions]="[5,10,20,50,100]" showFirstLastButtons aria-label="Seleccione una pagina">
-        </mat-paginator>
-    </div>
+<div class="container">
+    <div *ngIf="enableFilter">
+        <mat-icon>search</mat-icon>
+        <input placeholder="Filtro" (keyup)="applyFilter($event)" />
+    </div>
+    <div class="section">
+        <table mat-table [dataSource]="dataSource" matSort>
+            <ng-container *ngIf="selectRows" matColumnDef="select">
+                <th mat-header-cell *matHeaderCellDef>
+                    <mat-checkbox (change)="$event ? toggleAllRows() : null"
+                        [checked]="dataTable.selection.hasValue() && isAllSelected()"
+                        [indeterminate]="dataTable.selection.hasValue() && !isAllSelected()"
+                        [aria-label]="checkboxLabel()">
+                    </mat-checkbox>
+                </th>
+                <td mat-cell *matCellDef="let row">
+                    <mat-checkbox (click)="$event.stopPropagation()"
+                        (change)="$event ? dataTable.selection.toggle(row) : null"
+                        [checked]="dataTable.selection.isSelected(row)" [aria-label]="checkboxLabel(row)">
+                    </mat-checkbox>
+                </td>
+            </ng-container>
+
+            <ng-container>
+                <ng-container [matColumnDef]="column.key" *ngFor="let column of colsEntities">
+                    <th mat-header-cell *matHeaderCellDef mat-sort-header [attr.disabled]="isSortActive()"> {{column.label ||
+                        column.key}} </th>
+                    <td mat-cell *matCellDef="let element"> {{element[column.key]}} </td>
+                </ng-container>
+            </ng-container>
+            <ng-container *ngIf="actions" matColumnDef="actions" stickyEnd>
+                <th mat-header-cell *matHeaderCellDef aria-label="row actions">&nbsp;</th>
+                <td mat-cell *matCellDef="let element">
+                    <button mat-icon-button color="primary" *ngFor="let action of dataTable.actions"
+                        (click)="action.action(element,dataSource)">
+                        <mat-icon>{{action.icon || 'apps'}}</mat-icon>
+                    </button>
+                </td>
+            </ng-container>
+
+            <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky:true"></tr>
+            <tr mat-row *matRowDef="let row; columns: displayedColumns;let rowNum = index" [class.odd]="rowNum%2"
+                [class.even]="!(rowNum%2)"></tr>
+        </table>
+
+    </div>
+    <div [ngClass]="paginateData?'visible':'hidden'">
+        <mat-paginator [pageSizeOptions]="[5,10,20,50,100]" showFirstLastButtons aria-label="Seleccione una pagina">
+        </mat-paginator>
+    </div>
 </div>

package/RediTable/src/modules/redi-table/redi-table.component.spec.ts

@@ -1,22 +1,22 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RediTableComponent } from './redi-table.component';
-
-describe('TableComponent', () => {
-  let component: RediTableComponent<any>;
-  let fixture: ComponentFixture<RediTableComponent<any>>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [RediTableComponent]
-    })
-      .compileComponents();
-    fixture = TestBed.createComponent(RediTableComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RediTableComponent } from './redi-table.component';
+
+describe('TableComponent', () => {
+  let component: RediTableComponent<any>;
+  let fixture: ComponentFixture<RediTableComponent<any>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [RediTableComponent]
+    })
+      .compileComponents();
+    fixture = TestBed.createComponent(RediTableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});