@gipisistemas/ng-core 1.1.1 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gipisistemas/ng-core",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "peerDependencies": {
     "@angular/common": "~8.2.3",
     "@angular/core": "~8.2.3",

package/shared/components/table/table.component.d.ts

@@ -1,15 +1,15 @@
-import { AfterViewInit, EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterViewInit, EventEmitter, NgZone, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { MatPaginator, MatSort, MatTableDataSource, Sort, SortDirection } from '@angular/material';
 import { Observable } from 'rxjs';
 import { TableColumnDTO } from '../../../core/models/dto/table-column.dto';
 import { TableGroupHeaderDTO } from '../../../core/models/dto/table-group-header.dto';
 import { TablePageEventDTO } from '../../../core/models/dto/table-page-event.dto';
 export declare class TableComponent<T> implements AfterViewInit, OnChanges, OnInit {
-    private _expandedElements;
+    private _ngZone;
+    _expandedRows: T[];
     _scrollHeightCalc: number;
     _isPopoverHover: any;
     _contextPopover: T;
-    _expandedElement: any;
     _displayedColumns: any[];
     _dataSource: MatTableDataSource<T | TableGroupHeaderDTO>;
     matSort: MatSort;
@@ -55,27 +55,78 @@ export declare class TableComponent<T> implements AfterViewInit, OnChanges, OnIn
     showColumnExpandableFixed: boolean;
     expandableOneRow: boolean;
     ignoreChildrenExpandRow: boolean;
+    sort: boolean;
     clearSort: boolean;
     sortActive: string;
     sortDirection: SortDirection;
-    rowExpandedChange: EventEmitter<T>;
+    rowExpanded: EventEmitter<T>;
     dataChange: EventEmitter<T[]>;
     page: EventEmitter<TablePageEventDTO>;
     rowHover: EventEmitter<any>;
     get matTableHeigth(): Observable<string>;
-    constructor();
+    constructor(_ngZone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private _createDataSource;
     calcScrollHeight(): void;
     onPage(pageEvent: TablePageEventDTO): void;
-    isExpansed(element: any): boolean;
-    removeCollapse(element: any): void;
-    addCollapse(element: any): void;
-    rowExpandedChangeEmit(element: any): void;
+    isExpandedRow(row: T): Observable<boolean>;
+    toggleExpandRow(row: T): void;
     sortData(sort: Sort): void;
     showPopover(event: MouseEvent, data: any): void;
+    /**
+    showPopover(event: MouseEvent, data: any): void {
+        const popover: HTMLElement = document.getElementById('table-popover');
+        if (!ObjectUtil.isNull(popover)) {
+            popover.style.visibility = 'hidden';
+
+            if (!this.loading) {
+                const domRectPopover = popover.getBoundingClientRect();
+                const domRectRow = (event.currentTarget as HTMLElement).getBoundingClientRect();
+                const cells = (event.currentTarget as HTMLTableRowElement).children;
+
+                if (domRectPopover && domRectRow) {
+                    popover.style.visibility = 'visible';
+                    popover.style.top = `${(domRectRow.top + domRectRow.height) - 1}px`;
+
+                    let startPosition: number = 0;
+                    let endPosition: number = 0;
+
+                    if (this.columnInitial && (this.columnInitial >= 0)) {
+                        if (!cells[this.columnInitial]) {
+                            throw new Error('Initial column undefined or null');
+                        }
+                        startPosition = cells[this.columnInitial].getBoundingClientRect().left;
+                    } else {
+                        startPosition = domRectRow.left;
+                    }
+
+                    if (this.columnFinal && (this.columnFinal >= 0)) {
+                        if (!cells[this.columnFinal]) {
+                            throw new Error('Final column undefined or null');
+                        }
+                        endPosition = cells[this.columnFinal].getBoundingClientRect().left - domRectPopover.width;
+                    } else {
+                        endPosition = domRectRow.right - domRectPopover.width;
+                    }
+
+                    setTimeout(() => {
+                        if (event.clientX > startPosition + 15 && event.clientX < endPosition) {
+                            popover.style.left = `${event.clientX - 15}px`;
+                        } else if (event.clientX <= startPosition) {
+                            popover.style.left = `${startPosition}px`;
+                        } else if (event.clientX >= endPosition) {
+                            popover.style.left = `${endPosition}px`;
+                        }
+                    });
+                }
+            }
+        }
+        this.rowHover.emit(data);
+        this._contextPopover = data;
+    }
+    */
     closePopover(time: number): void;
     setSortingDataAccessor(): void;
     genereteGroupsByColumn(data: any[]): TableGroupHeaderDTO[];