@tetacom/ng-components 1.0.103 → 1.0.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/component/table/service/table.service.d.ts +2 -0
- package/component/table/table-head/main-dropdown-tab/main-dropdown-tab.component.d.ts +1 -0
- package/esm2020/component/table/service/table.service.mjs +20 -1
- package/esm2020/component/table/table-head/main-dropdown-tab/main-dropdown-tab.component.mjs +6 -3
- package/fesm2015/tetacom-ng-components.mjs +24 -2
- package/fesm2015/tetacom-ng-components.mjs.map +1 -1
- package/fesm2020/tetacom-ng-components.mjs +24 -2
- package/fesm2020/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -7632,6 +7632,9 @@ class TableService {
|
|
|
7632
7632
|
}
|
|
7633
7633
|
}
|
|
7634
7634
|
}
|
|
7635
|
+
getColumnParent(column) {
|
|
7636
|
+
return this.findParentColumn(column, this.displayColumns);
|
|
7637
|
+
}
|
|
7635
7638
|
startEditRow(cellEvent) {
|
|
7636
7639
|
if (this._currentEditCell?.row !== cellEvent?.row) {
|
|
7637
7640
|
if (this._currentEditCell != null) {
|
|
@@ -7917,6 +7920,22 @@ class TableService {
|
|
|
7917
7920
|
}
|
|
7918
7921
|
return null;
|
|
7919
7922
|
}
|
|
7923
|
+
findParentColumn(column, columns) {
|
|
7924
|
+
const found = columns.find((x) => x.columns.indexOf(column) >= 0);
|
|
7925
|
+
if (found !== null && found !== undefined) {
|
|
7926
|
+
return found;
|
|
7927
|
+
}
|
|
7928
|
+
for (let i = 0, l = columns.length; i < l; i++) {
|
|
7929
|
+
const col = columns[i];
|
|
7930
|
+
if (col.columns && col.columns.length) {
|
|
7931
|
+
const result = this.findParentColumn(column, col.columns);
|
|
7932
|
+
if (result !== null && result !== undefined) {
|
|
7933
|
+
return result;
|
|
7934
|
+
}
|
|
7935
|
+
}
|
|
7936
|
+
}
|
|
7937
|
+
return null;
|
|
7938
|
+
}
|
|
7920
7939
|
getTableElement(element) {
|
|
7921
7940
|
return element.closest('teta-table');
|
|
7922
7941
|
}
|
|
@@ -8586,6 +8605,9 @@ class MainDropdownTabComponent {
|
|
|
8586
8605
|
get filtered() {
|
|
8587
8606
|
return StateUtil.isColumnFiltered(this.state, this.column);
|
|
8588
8607
|
}
|
|
8608
|
+
get parent() {
|
|
8609
|
+
return this._svc.getColumnParent(this.column);
|
|
8610
|
+
}
|
|
8589
8611
|
pinColumn() {
|
|
8590
8612
|
this._svc.pinColumn(this.column);
|
|
8591
8613
|
}
|
|
@@ -8630,10 +8652,10 @@ class MainDropdownTabComponent {
|
|
|
8630
8652
|
}
|
|
8631
8653
|
}
|
|
8632
8654
|
MainDropdownTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: MainDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8633
|
-
MainDropdownTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "<div class=\"list column_auto\" *ngIf=\"locale | async as loc\">\n <div class=\"list-item list-item_interactive\"
|
|
8655
|
+
MainDropdownTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "<div class=\"list column_auto\" *ngIf=\"locale | async as loc\">\n <ng-container *ngIf=\"!parent\">\n <div class=\"list-item list-item_interactive\"\n (click)=\"pinColumn()\">\n {{column.locked ? loc.unpin : loc.pin}}\n </div>\n <div class=\"list-divider\"></div>\n </ng-container>\n <ng-container *ngIf=\"column.sortable\">\n <div class=\"list-item list-item_interactive\"\n (click)=\"sortAsc($event)\">\n {{loc.sortAsc}}\n </div>\n <div class=\"list-item list-item_interactive\"\n (click)=\"sortDesc($event)\">\n {{loc.sortDesc}}\n </div>\n <ng-container *ngIf=\"hasSortedColumns()\">\n <div class=\"list-item list-item_interactive\"\n *ngIf=\"sortParam\"\n (click)=\"clearSort()\">\n {{loc.clearSort}}\n </div>\n <div class=\"list-item list-item_interactive\"\n (click)=\"clearAllSort()\">\n {{loc.clearAllSort}}\n </div>\n <div class=\"list-divider\"></div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"hasFilteredColumns()\">\n <div class=\"list-item list-item_interactive\"\n *ngIf=\"filtered\"\n (click)=\"clearFilter()\">\n {{loc.clearFilter}}\n </div>\n <div class=\"list-item list-item_interactive\"\n (click)=\"clearAllFilters()\">\n {{loc.clearAllFilters}}\n </div>\n <div class=\"list-divider\"></div>\n </ng-container>\n <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n {{loc.autosizeColumn}}\n </div>\n <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n {{loc.autosizeAll}}\n </div>\n <div class=\"list-divider\"></div>\n <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n {{loc.resetColumnsSize}}\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8634
8656
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: MainDropdownTabComponent, decorators: [{
|
|
8635
8657
|
type: Component,
|
|
8636
|
-
args: [{ selector: 'teta-main-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"list column_auto\" *ngIf=\"locale | async as loc\">\n <div class=\"list-item list-item_interactive\"
|
|
8658
|
+
args: [{ selector: 'teta-main-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"list column_auto\" *ngIf=\"locale | async as loc\">\n <ng-container *ngIf=\"!parent\">\n <div class=\"list-item list-item_interactive\"\n (click)=\"pinColumn()\">\n {{column.locked ? loc.unpin : loc.pin}}\n </div>\n <div class=\"list-divider\"></div>\n </ng-container>\n <ng-container *ngIf=\"column.sortable\">\n <div class=\"list-item list-item_interactive\"\n (click)=\"sortAsc($event)\">\n {{loc.sortAsc}}\n </div>\n <div class=\"list-item list-item_interactive\"\n (click)=\"sortDesc($event)\">\n {{loc.sortDesc}}\n </div>\n <ng-container *ngIf=\"hasSortedColumns()\">\n <div class=\"list-item list-item_interactive\"\n *ngIf=\"sortParam\"\n (click)=\"clearSort()\">\n {{loc.clearSort}}\n </div>\n <div class=\"list-item list-item_interactive\"\n (click)=\"clearAllSort()\">\n {{loc.clearAllSort}}\n </div>\n <div class=\"list-divider\"></div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"hasFilteredColumns()\">\n <div class=\"list-item list-item_interactive\"\n *ngIf=\"filtered\"\n (click)=\"clearFilter()\">\n {{loc.clearFilter}}\n </div>\n <div class=\"list-item list-item_interactive\"\n (click)=\"clearAllFilters()\">\n {{loc.clearAllFilters}}\n </div>\n <div class=\"list-divider\"></div>\n </ng-container>\n <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n {{loc.autosizeColumn}}\n </div>\n <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n {{loc.autosizeAll}}\n </div>\n <div class=\"list-divider\"></div>\n <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n {{loc.resetColumnsSize}}\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
|
|
8637
8659
|
}], ctorParameters: function () { return [{ type: TableService }, { type: TetaConfigService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { columns: [{
|
|
8638
8660
|
type: Input
|
|
8639
8661
|
}], column: [{
|