@tetacom/ng-components 1.0.25 → 1.0.26

package/src/component/table/default/group-row/group-row.component.ts

@@ -1,29 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  Input,
-  OnInit,
-} from '@angular/core';
-import { GroupRowComponentBase } from '../../base/group-row-component-base';
-import { TableRow } from '../../contract/table-row';
-import { TableColumn } from '../../contract/table-column';
-
-@Component({
-  selector: 'teta-group-row',
-  templateUrl: './group-row.component.html',
-  styleUrls: ['./group-row.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class GroupRowComponent<T>
-  extends GroupRowComponentBase<T>
-  implements OnInit
-{
-  @Input() row: TableRow<T>;
-  @Input() columns: TableColumn[];
-
-  constructor() {
-    super();
-  }
-
-  ngOnInit(): void {}
-}

package/src/component/table/default/list-cell/list-cell.component.html

@@ -1,15 +0,0 @@
-<span [style.display]="edit ? 'none' : 'block'" class="cell-text">
-  {{value}}
-</span>
-<teta-select #input
-             class="row_auto select-table"
-             *ngIf="edit"
-             [allowNull]="!column.required"
-             [verticalAlign]="verticalAlign.auto"
-             [appendToBody]="true"
-             [options]="filterOptions"
-             [valueRef]="'id'"
-             [textRef]="'name'"
-             [ngModel]="row.data[column.name]"
-             (ngModelChange)="setValue($event)">
-</teta-select>

package/src/component/table/default/list-cell/list-cell.component.spec.ts

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

package/src/component/table/default/list-cell/list-cell.component.ts

@@ -1,85 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnInit,
-  ViewChild,
-} from '@angular/core';
-import { TableColumn } from '../../contract/table-column';
-import { TableRow } from '../../contract/table-row';
-import { TableService } from '../../service/table.service';
-import { CellComponentBase } from '../../base/cell-component-base';
-import { SelectComponent } from '../../../select/select/select.component';
-import { IIdName } from '../../../../common/contract/i-id-name';
-import { ICellCoordinates } from '../../contract/i-cell-coordinates';
-import { VerticalAlign } from '../../../../common/enum/vertical-align.enum';
-
-@Component({
-  selector: 'teta-list-cell',
-  templateUrl: './list-cell.component.html',
-  styleUrls: ['./list-cell.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ListCellComponent<T>
-  extends CellComponentBase<T>
-  implements OnInit
-{
-  @Input() override column: TableColumn;
-  @Input() override row: TableRow<T>;
-  @Input() override filterOptions: IIdName<any>[] = [];
-
-  get value() {
-    return this.getValue();
-  }
-
-  @ViewChild('input', { static: false }) input: SelectComponent;
-
-  verticalAlign = VerticalAlign;
-
-  constructor(
-    protected override svc: TableService<T>,
-    protected override cdr: ChangeDetectorRef
-  ) {
-    super(svc, cdr);
-  }
-
-  setValue(value: any): void {
-    this.row.data[this.column.name] = value;
-    this.valueChanged();
-  }
-
-  startEdit(initiator: ICellCoordinates<T>, type: 'cell' | 'row'): void {
-    if (initiator?.column.name === this.column.name) {
-      setTimeout(() => {
-        this.input?.focus();
-        this.cdr.markForCheck();
-      }, 0);
-    }
-  }
-
-  stopEdit() {
-    this.cdr.markForCheck();
-  }
-
-  override ngOnInit() {
-    super.ngOnInit();
-  }
-
-  private getValue() {
-    if (
-      this.filterOptions === null ||
-      this.filterOptions === undefined ||
-      !(this.filterOptions instanceof Array)
-    ) {
-      return '';
-    }
-    const item = this.filterOptions.find(
-      (option) => option.id === this.row.data[this.column.name]
-    );
-    if (item === null || item === undefined) {
-      return '';
-    }
-    return item.name;
-  }
-}

package/src/component/table/default/numeric-cell/numeric-cell.component.html

@@ -1,11 +0,0 @@
-<span [style.display]="edit ? 'none' : 'block'" class="cell-text cell-text_numeric">
-  {{row.data[column.name] | tetaNumber : 2}}
-</span>
-<input #input
-       *ngIf="edit"
-       tetaOnlyNumber
-       type="text"
-       class="input row_auto border-radius-0"
-       (blur)="setValue()"
-       [ngModel]="row.data[column.name]"
-       (ngModelChange)="row.data[column.name]=$event;"/>

package/src/component/table/default/numeric-cell/numeric-cell.component.scss

@@ -1,3 +0,0 @@
-:host {
-  justify-content: end;
-}

package/src/component/table/default/numeric-cell/numeric-cell.component.spec.ts

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

package/src/component/table/default/numeric-cell/numeric-cell.component.ts

@@ -1,57 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input,
-  OnInit,
-  ViewChild,
-} from '@angular/core';
-import { CellComponentBase } from '../../base/cell-component-base';
-import { TableService } from '../../service/table.service';
-import { TableColumn } from '../../contract/table-column';
-import { TableRow } from '../../contract/table-row';
-import { ICellCoordinates } from '../../contract/i-cell-coordinates';
-
-@Component({
-  selector: 'teta-numeric-cell',
-  templateUrl: './numeric-cell.component.html',
-  styleUrls: ['./numeric-cell.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class NumericCellComponent<T>
-  extends CellComponentBase<T>
-  implements OnInit
-{
-  @Input() override column: TableColumn;
-  @Input() override row: TableRow<T>;
-  @ViewChild('input', { static: false }) input: ElementRef;
-
-  constructor(
-    protected override svc: TableService<T>,
-    protected override cdr: ChangeDetectorRef
-  ) {
-    super(svc, cdr);
-  }
-
-  setValue(): void {
-    this.valueChanged();
-  }
-
-  override ngOnInit(): void {
-    super.ngOnInit();
-  }
-
-  startEdit(initiator: ICellCoordinates<T>, type: 'cell' | 'row'): void {
-    if (initiator?.column.name === this.column.name) {
-      setTimeout(() => {
-        this.input?.nativeElement.focus();
-        this.cdr.markForCheck();
-      }, 0);
-    }
-  }
-
-  stopEdit(): void {
-    this.cdr.markForCheck();
-  }
-}

package/src/component/table/default/string-cell/string-cell.component.html

@@ -1,11 +0,0 @@
-<span [style.display]="edit ? 'none' : 'block'" class="cell-text">
-  {{row.data[column.name]}}
-</span>
-<input #input
-       *ngIf="edit"
-       type="text"
-       class="input row_auto border-radius-0"
-       (blur)="setValue()"
-       [ngModel]="row.data[column.name]"
-       (ngModelChange)="row.data[column.name]=$event"/>
-

package/src/component/table/default/string-cell/string-cell.component.spec.ts

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

package/src/component/table/default/string-cell/string-cell.component.ts

@@ -1,54 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input,
-  OnInit,
-  ViewChild,
-} from '@angular/core';
-import { CellComponentBase } from '../../base/cell-component-base';
-import { TableColumn } from '../../contract/table-column';
-import { TableRow } from '../../contract/table-row';
-import { TableService } from '../../service/table.service';
-import { ICellCoordinates } from '../../contract/i-cell-coordinates';
-
-@Component({
-  selector: 'teta-string-cell',
-  templateUrl: './string-cell.component.html',
-  styleUrls: ['./string-cell.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class StringCellComponent<T>
-  extends CellComponentBase<T>
-  implements OnInit
-{
-  @Input() override column: TableColumn;
-  @Input() override row: TableRow<T>;
-  @ViewChild('input', { static: false }) input: ElementRef;
-
-  constructor(public override svc: TableService<T>, public override cdr: ChangeDetectorRef) {
-    super(svc, cdr);
-  }
-
-  setValue(): void {
-    this.valueChanged();
-  }
-
-  override ngOnInit(): void {
-    super.ngOnInit();
-  }
-
-  startEdit(initiator: ICellCoordinates<T>, type: 'cell' | 'row'): void {
-    if (initiator?.column.name === this.column.name) {
-      this.cdr.markForCheck();
-      setTimeout(() => {
-        this.input.nativeElement.focus();
-      }, 0);
-    }
-  }
-
-  stopEdit(): void {
-    this.cdr.markForCheck();
-  }
-}

package/src/component/table/enum/aggregation-type.enum.ts

@@ -1,7 +0,0 @@
-export enum AggregationType {
-  none,
-  sum,
-  avg,
-  min,
-  max,
-}

package/src/component/table/enum/edit-event.enum.ts

@@ -1,5 +0,0 @@
-export enum EditEvent {
-  click,
-  focus,
-  doubleClick
-}

package/src/component/table/enum/edit-type.enum.ts

@@ -1,4 +0,0 @@
-export enum EditType {
-  cell,
-  row
-}

package/src/component/table/enum/public-api.ts

@@ -1,4 +0,0 @@
-export * from './aggregation-type.enum';
-export * from './edit-event.enum';
-export * from './edit-type.enum';
-export * from './select-type.enum';

package/src/component/table/enum/select-type.enum.ts

@@ -1,5 +0,0 @@
-export enum SelectType {
-  none,
-  multiple,
-  single
-}

package/src/component/table/head-cell/head-cell.component.html

@@ -1,45 +0,0 @@
-<div draggable="true" class="row row_auto">
-  <div class="table-head__cell__wrapper"
-       [ngClass]="column.headCellClass"
-       (click)="sortColumn(column, $event)">
-    <teta-icon *ngIf="iconName | async as icon"
-               [palette]="'text'"
-               [name]="icon"></teta-icon>
-    <teta-head-cell-host [column]="column"></teta-head-cell-host>
-    <teta-dropdown *ngIf="showHeadCellMenu"
-                   [verticalAlign]="verticalAlign.bottom"
-                   [appendToBody]="true"
-                   [(open)]="dropDownOpen"
-                   [align]="align.right"
-                   (click)="$event.preventDefault()"
-                   [class.table-head__cell__menu_open]="dropDownOpen"
-                   class="table-head__cell__menu">
-      <button tetaDropdownHead teta-button
-              [square]="true"
-              [palette]="'text'"
-              [view]="'ghost'">
-        <teta-icon [palette]="'text'" [name]="'menu'"></teta-icon>
-      </button>
-      <teta-head-cell-dropdown tetaDropdownContent
-                               (autosize)="autosizeColumn()"
-                               (autosizeAll)="autosizeAllColumns()"
-                               [column]="column"
-                               [columns]="columns | async"
-                               [state]="state | async"
-                               [(dropDownOpen)]="dropDownOpen"></teta-head-cell-dropdown>
-    </teta-dropdown>
-  </div>
-  <div class="drop-area"
-       draggable="false"
-       [class.drop-area_left]="showDrag === 'left'"
-       [class.drop-area_right]="showDrag === 'right'"
-       *ngIf="showDrag"></div>
-</div>
-<div class="table-head__cell__resize"
-     draggable="false"
-     (dragstart)="$event.preventDefault();$event.stopPropagation()"
-     (drag)="$event.preventDefault();$event.stopPropagation()"
-     [tetaResizeDrag]="'vertical'"
-     (resizeStart)="resizeStart($event)"
-     (resizeProcess)="resizeProcess($event)"
-     (resizeEnd)="resizeEnd()"></div>

package/src/component/table/head-cell/head-cell.component.scss

@@ -1,16 +0,0 @@
-.drop-area {
-  position: absolute;
-  width: 1px;
-  background: var(--color-text-50);
-  top: 0;
-  bottom: 0;
-  z-index: 10;
-
-  &_left {
-    left: -1px;
-  }
-
-  &_right {
-    right: -1px;
-  }
-}

package/src/component/table/head-cell/head-cell.component.spec.ts

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

package/src/component/table/head-cell/head-cell.component.ts

@@ -1,150 +0,0 @@
-import {
-  ApplicationRef,
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  HostListener,
-  Input,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { TableColumn } from '../contract/table-column';
-import { ColumnResizeEvent } from '../contract/column-resize-event';
-import { FilterState } from '../../filter/contarct/filter-state';
-import { TableService } from '../service/table.service';
-import { SortEvent } from '../contract/sort-event';
-import { map } from 'rxjs/operators';
-import { SortParam } from '../../filter/contarct/sort-param';
-import { StateUtil } from '../util/state-util';
-import { VerticalAlign } from '../../../common/enum/vertical-align.enum';
-import { Align } from '../../../common/enum/align.enum';
-import { combineLatest, Observable } from 'rxjs';
-
-@Component({
-  selector: 'teta-head-cell',
-  templateUrl: './head-cell.component.html',
-  styleUrls: ['./head-cell.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class HeadCellComponent<T> implements OnInit, OnDestroy {
-  @Input() column: TableColumn;
-  @Input() showHeadCellMenu: boolean;
-  verticalAlign = VerticalAlign;
-  align = Align;
-  state: Observable<FilterState>;
-  columns: Observable<TableColumn[]>;
-  filtered: Observable<boolean>;
-  sortParam: Observable<SortParam>;
-  iconName: Observable<string>;
-  dropDownOpen: boolean;
-  showDrag: 'left' | 'right' | null = null;
-  private rect: any;
-
-  private _alive = true;
-  private _startPosition: number;
-
-  constructor(
-    private _svc: TableService<T>,
-    private _app: ApplicationRef,
-    private _elementRef: ElementRef
-  ) {}
-
-  @HostListener('dragstart', ['$event']) dragstart(event: DragEvent): void {
-    if (event && event.dataTransfer) {
-      event.dataTransfer.setData('text', 'move');
-    }
-    this._svc.dragStart(this.column);
-  }
-
-  @HostListener('dragenter', ['$event']) dragenter(event: DragEvent): void {
-    this.rect = this._elementRef.nativeElement.getBoundingClientRect();
-  }
-
-  @HostListener('dragover', ['$event']) allowDrop(event: DragEvent): void {
-    event.preventDefault();
-    if (this.rect && this._svc.dragSource) {
-      this.showDrag =
-        event.clientX >= this.rect.x + this.rect.width / 2 ? 'right' : 'left';
-    }
-  }
-
-  @HostListener('dragleave', ['$event']) dragleave(event: DragEvent): void {
-    event.preventDefault();
-    this.showDrag = null;
-  }
-
-  @HostListener('dragend', ['$event']) dragend(event: DragEvent): void {
-    this.showDrag = null;
-  }
-
-  @HostListener('drop', ['$event']) drop(event: DragEvent): void {
-    const move = event.dataTransfer && event.dataTransfer.getData('text');
-    if (move === 'move') {
-      this._svc.reorderColumn(this.column, this.showDrag === 'left');
-    }
-    this.showDrag = null;
-  }
-
-  ngOnInit(): void {
-    this.columns = this._svc.columns;
-    this.state = this._svc.state;
-    this.sortParam = this.state.pipe(
-      map((_) => StateUtil.getSortState(_, this.column))
-    );
-    this.filtered = this.state.pipe(
-      map((_) => StateUtil.isColumnFiltered(_, this.column))
-    );
-    this.iconName = combineLatest([this.sortParam, this.filtered]).pipe(
-      map((data: [SortParam, boolean]) => {
-        const [sortParam, filtered] = data;
-        if (sortParam && filtered) {
-          return sortParam.asc ? 'filterSortUpColor' : 'filterSortDownColor';
-        }
-        if (sortParam) {
-          return sortParam.asc ? 'sortUpColor' : 'sortDownColor';
-        }
-        if (filtered) {
-          return 'filterColor';
-        }
-        return '';
-      })
-    );
-  }
-
-  ngOnDestroy(): void {
-    this._alive = false;
-  }
-
-  autosizeColumn() {
-    this._svc.autosizeColumn(this.column, this._elementRef.nativeElement);
-  }
-
-  autosizeAllColumns() {
-    this._svc.autosizeAllColumns(this._elementRef.nativeElement);
-  }
-
-  sortColumn(column: TableColumn, event: MouseEvent): void {
-    if (!event.defaultPrevented) {
-      this._svc.sort(new SortEvent(this.column, event.shiftKey));
-    }
-  }
-
-  resizeStart(event: MouseEvent): void {
-    const rect = this._elementRef.nativeElement.getBoundingClientRect();
-    this._startPosition = rect.x;
-    this._svc.lockPreviousColumns(this.column, this._elementRef.nativeElement);
-  }
-
-  resizeProcess(event: MouseEvent): void {
-    if (this._startPosition && event.pageX > 0) {
-      this._svc.resizeColumn(
-        new ColumnResizeEvent(this.column, event.pageX - this._startPosition)
-      );
-      this._app.tick();
-    }
-  }
-
-  resizeEnd() {
-    this._startPosition = null;
-  }
-}