@tetacom/ng-components 1.0.68 → 1.0.69
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/tree/tree/tree.component.d.ts +16 -9
- package/component/tree/tree-item/tree-item.component.d.ts +3 -2
- package/component/tree/tree.module.d.ts +2 -1
- package/esm2020/component/table/table-head/visibility-dropdown-tab/visibility-dropdown-tab.component.mjs +1 -1
- package/esm2020/component/tree/tree/tree.component.mjs +51 -20
- package/esm2020/component/tree/tree-item/tree-item.component.mjs +13 -8
- package/esm2020/component/tree/tree.module.mjs +5 -4
- package/fesm2015/tetacom-ng-components.mjs +65 -29
- package/fesm2015/tetacom-ng-components.mjs.map +1 -1
- package/fesm2020/tetacom-ng-components.mjs +64 -29
- package/fesm2020/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
- package/style/tree.scss +4 -1
|
@@ -8654,11 +8654,12 @@ class TreeItemComponent {
|
|
|
8654
8654
|
this.treeItemClass = true;
|
|
8655
8655
|
this.itemIsOpen = false;
|
|
8656
8656
|
this._alive = true;
|
|
8657
|
+
this.treeItemInstance = true;
|
|
8657
8658
|
}
|
|
8658
8659
|
get computedDepth() {
|
|
8659
8660
|
var _a;
|
|
8660
8661
|
return (this.depth +
|
|
8661
|
-
(((_a = this.item[this.childNodeName]) === null || _a === void 0 ? void 0 : _a.length) > 0 ? 0 : this.
|
|
8662
|
+
(((_a = this.item[this.childNodeName]) === null || _a === void 0 ? void 0 : _a.length) > 0 ? 0 : this.childPadding ? 2 : 1));
|
|
8662
8663
|
}
|
|
8663
8664
|
openItem() {
|
|
8664
8665
|
this.service.openItem(this.item);
|
|
@@ -8673,14 +8674,15 @@ class TreeItemComponent {
|
|
|
8673
8674
|
this._cdr.markForCheck();
|
|
8674
8675
|
});
|
|
8675
8676
|
}
|
|
8676
|
-
ngOnChanges(changes) {
|
|
8677
|
+
ngOnChanges(changes) {
|
|
8678
|
+
}
|
|
8677
8679
|
ngOnDestroy() {
|
|
8678
8680
|
this._alive = false;
|
|
8679
8681
|
}
|
|
8680
8682
|
}
|
|
8681
8683
|
TreeItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeItemComponent, deps: [{ token: TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8682
|
-
TreeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: TreeItemComponent, selector: "teta-tree-item", inputs: { item: "item", depth: "depth", padding: "padding", childNodeName: "childNodeName", template: "template",
|
|
8683
|
-
trigger('
|
|
8684
|
+
TreeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: TreeItemComponent, selector: "teta-tree-item", inputs: { item: "item", depth: "depth", padding: "padding", childNodeName: "childNodeName", template: "template", childPadding: "childPadding" }, host: { properties: { "class.tree__item-container": "this.treeItemClass", "@treeItemInstance": "this.treeItemInstance" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n <ng-container\n *ngTemplateOutlet=\"template; context: {$implicit: item, item: item, open: itemIsOpen, service: service, depth: depth}\"></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
8685
|
+
trigger('treeItemInstance', [
|
|
8684
8686
|
transition('void => *', [
|
|
8685
8687
|
style({ opacity: '0' }),
|
|
8686
8688
|
animate(200, style({ opacity: '1' })),
|
|
@@ -8691,14 +8693,14 @@ TreeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
|
|
|
8691
8693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeItemComponent, decorators: [{
|
|
8692
8694
|
type: Component,
|
|
8693
8695
|
args: [{ selector: 'teta-tree-item', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
8694
|
-
trigger('
|
|
8696
|
+
trigger('treeItemInstance', [
|
|
8695
8697
|
transition('void => *', [
|
|
8696
8698
|
style({ opacity: '0' }),
|
|
8697
8699
|
animate(200, style({ opacity: '1' })),
|
|
8698
8700
|
]),
|
|
8699
8701
|
transition('* => void', [animate(200, style({ opacity: '0' }))]),
|
|
8700
8702
|
]),
|
|
8701
|
-
], template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n <ng-container\n *ngTemplateOutlet=\"template; context: {$implicit: item, item: item, open: itemIsOpen, service: service, depth: depth}\"></ng-container>\n</div>\n
|
|
8703
|
+
], template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n <ng-container\n *ngTemplateOutlet=\"template; context: {$implicit: item, item: item, open: itemIsOpen, service: service, depth: depth}\"></ng-container>\n</div>\n" }]
|
|
8702
8704
|
}], ctorParameters: function () { return [{ type: TreeService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { item: [{
|
|
8703
8705
|
type: Input
|
|
8704
8706
|
}], depth: [{
|
|
@@ -8709,69 +8711,103 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
8709
8711
|
type: Input
|
|
8710
8712
|
}], template: [{
|
|
8711
8713
|
type: Input
|
|
8712
|
-
}],
|
|
8714
|
+
}], childPadding: [{
|
|
8713
8715
|
type: Input
|
|
8714
8716
|
}], treeItemClass: [{
|
|
8715
8717
|
type: HostBinding,
|
|
8716
8718
|
args: ['class.tree__item-container']
|
|
8719
|
+
}], treeItemInstance: [{
|
|
8720
|
+
type: HostBinding,
|
|
8721
|
+
args: ['@treeItemInstance']
|
|
8717
8722
|
}] } });
|
|
8718
8723
|
|
|
8719
8724
|
class TreeComponent {
|
|
8720
8725
|
constructor(_service, _cdr) {
|
|
8721
8726
|
this._service = _service;
|
|
8722
8727
|
this._cdr = _cdr;
|
|
8723
|
-
this.service = new EventEmitter();
|
|
8724
8728
|
this.padding = 8;
|
|
8725
8729
|
this.childNodeName = 'children';
|
|
8730
|
+
this.height = 28;
|
|
8731
|
+
this.service = new EventEmitter();
|
|
8726
8732
|
this.openItemsChange = new EventEmitter();
|
|
8727
8733
|
this._alive = true;
|
|
8734
|
+
this.treeClass = true;
|
|
8735
|
+
this.trackRow = (index, item) => {
|
|
8736
|
+
if (this.compareItems) {
|
|
8737
|
+
return this.compareItems(item);
|
|
8738
|
+
}
|
|
8739
|
+
return index;
|
|
8740
|
+
};
|
|
8728
8741
|
this._service.openItems
|
|
8729
8742
|
.pipe(takeWhile((_) => this._alive), filter((_) => this._openItems !== _))
|
|
8730
|
-
.subscribe((_) =>
|
|
8743
|
+
.subscribe((_) => {
|
|
8744
|
+
this._openItems = _;
|
|
8745
|
+
this.openItemsChange.emit(_);
|
|
8746
|
+
});
|
|
8747
|
+
}
|
|
8748
|
+
set data(data) {
|
|
8749
|
+
this._data = data;
|
|
8750
|
+
}
|
|
8751
|
+
get data() {
|
|
8752
|
+
return this._data;
|
|
8731
8753
|
}
|
|
8732
8754
|
set openItems(items) {
|
|
8733
8755
|
this._openItems = items;
|
|
8734
8756
|
this._service.setOpenItems(items);
|
|
8735
8757
|
}
|
|
8736
|
-
get noChildMode() {
|
|
8737
|
-
const hasChildren = this.data.find((_) => { var _a; return ((_a = _[this.childNodeName]) === null || _a === void 0 ? void 0 : _a.length) > 0; });
|
|
8738
|
-
return !hasChildren;
|
|
8739
|
-
}
|
|
8740
8758
|
set compareItems(func) {
|
|
8741
8759
|
this._service.compareItems = func;
|
|
8742
8760
|
}
|
|
8743
|
-
get
|
|
8744
|
-
|
|
8745
|
-
return result.join(' ');
|
|
8761
|
+
get compareItems() {
|
|
8762
|
+
return this._service.compareItems;
|
|
8746
8763
|
}
|
|
8747
8764
|
ngOnInit() {
|
|
8748
8765
|
this.service.emit(this._service);
|
|
8749
8766
|
}
|
|
8750
|
-
ngAfterContentInit() { }
|
|
8751
8767
|
ngOnChanges(changes) {
|
|
8768
|
+
this.displayData = this.getDisplayData(this._data, 0);
|
|
8769
|
+
this.childPadding = this.hasChildren(this._data);
|
|
8752
8770
|
this._cdr.detectChanges();
|
|
8753
8771
|
}
|
|
8754
8772
|
ngOnDestroy() {
|
|
8755
8773
|
this._alive = false;
|
|
8756
8774
|
}
|
|
8775
|
+
hasChildren(data) {
|
|
8776
|
+
return data.some((_) => { var _a; return ((_a = _[this.childNodeName]) === null || _a === void 0 ? void 0 : _a.length) > 0; });
|
|
8777
|
+
}
|
|
8778
|
+
getDisplayData(data, level) {
|
|
8779
|
+
const result = [];
|
|
8780
|
+
data === null || data === void 0 ? void 0 : data.forEach((item) => {
|
|
8781
|
+
var _a, _b;
|
|
8782
|
+
item['level'] = level;
|
|
8783
|
+
result.push(item);
|
|
8784
|
+
if (((_a = item[this.childNodeName]) === null || _a === void 0 ? void 0 : _a.length) > 0
|
|
8785
|
+
&& ((_b = this._openItems) === null || _b === void 0 ? void 0 : _b.find((openItem) => this.compareItems(openItem) === this.compareItems(item)))) {
|
|
8786
|
+
result.push(...this.getDisplayData(item[this.childNodeName], level + 1));
|
|
8787
|
+
}
|
|
8788
|
+
});
|
|
8789
|
+
return result;
|
|
8790
|
+
}
|
|
8757
8791
|
}
|
|
8758
8792
|
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeComponent, deps: [{ token: TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8759
|
-
TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: TreeComponent, selector: "teta-tree", inputs: { data: "data",
|
|
8793
|
+
TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: TreeComponent, selector: "teta-tree", inputs: { data: "data", padding: "padding", childNodeName: "childNodeName", virtual: "virtual", height: "height", openItems: "openItems", compareItems: "compareItems" }, outputs: { service: "service", openItemsChange: "openItemsChange" }, host: { properties: { "class.tree": "this.treeClass" } }, providers: [TreeService], queries: [{ propertyName: "template", first: true, predicate: TetaTemplateDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<cdk-virtual-scroll-viewport *ngIf=\"virtual; else default\"\n class=\"table-body-container\"\n [itemSize]=\"height\">\n <teta-tree-item *cdkVirtualFor=\"let item of displayData;templateCacheSize: 0; trackBy: trackRow;\"\n [item]=\"item\"\n [style.height.px]=\"height\"\n [depth]=\"item['level']\"\n [padding]=\"padding\"\n [childNodeName]=\"childNodeName\"\n [childPadding]=\"childPadding\"\n [template]=\"template?.template\"></teta-tree-item>\n</cdk-virtual-scroll-viewport>\n<ng-template #default>\n <teta-tree-item *ngFor=\"let item of displayData\"\n [item]=\"item\"\n [style.height.px]=\"height\"\n [depth]=\"item['level']\"\n [padding]=\"padding\"\n [childNodeName]=\"childNodeName\"\n [childPadding]=\"childPadding\"\n [template]=\"template?.template\"></teta-tree-item>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: TreeItemComponent, selector: "teta-tree-item", inputs: ["item", "depth", "padding", "childNodeName", "template", "childPadding"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8760
8794
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeComponent, decorators: [{
|
|
8761
8795
|
type: Component,
|
|
8762
|
-
args: [{ selector: 'teta-tree', providers: [TreeService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<
|
|
8796
|
+
args: [{ selector: 'teta-tree', providers: [TreeService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cdk-virtual-scroll-viewport *ngIf=\"virtual; else default\"\n class=\"table-body-container\"\n [itemSize]=\"height\">\n <teta-tree-item *cdkVirtualFor=\"let item of displayData;templateCacheSize: 0; trackBy: trackRow;\"\n [item]=\"item\"\n [style.height.px]=\"height\"\n [depth]=\"item['level']\"\n [padding]=\"padding\"\n [childNodeName]=\"childNodeName\"\n [childPadding]=\"childPadding\"\n [template]=\"template?.template\"></teta-tree-item>\n</cdk-virtual-scroll-viewport>\n<ng-template #default>\n <teta-tree-item *ngFor=\"let item of displayData\"\n [item]=\"item\"\n [style.height.px]=\"height\"\n [depth]=\"item['level']\"\n [padding]=\"padding\"\n [childNodeName]=\"childNodeName\"\n [childPadding]=\"childPadding\"\n [template]=\"template?.template\"></teta-tree-item>\n</ng-template>\n" }]
|
|
8763
8797
|
}], ctorParameters: function () { return [{ type: TreeService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
8764
8798
|
type: Input
|
|
8765
|
-
}], service: [{
|
|
8766
|
-
type: Output
|
|
8767
|
-
}], class: [{
|
|
8768
|
-
type: Input
|
|
8769
8799
|
}], padding: [{
|
|
8770
8800
|
type: Input
|
|
8771
8801
|
}], childNodeName: [{
|
|
8772
8802
|
type: Input
|
|
8803
|
+
}], virtual: [{
|
|
8804
|
+
type: Input
|
|
8805
|
+
}], height: [{
|
|
8806
|
+
type: Input
|
|
8773
8807
|
}], openItems: [{
|
|
8774
8808
|
type: Input
|
|
8809
|
+
}], service: [{
|
|
8810
|
+
type: Output
|
|
8775
8811
|
}], openItemsChange: [{
|
|
8776
8812
|
type: Output
|
|
8777
8813
|
}], template: [{
|
|
@@ -8779,9 +8815,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
8779
8815
|
args: [TetaTemplateDirective, { static: true }]
|
|
8780
8816
|
}], compareItems: [{
|
|
8781
8817
|
type: Input
|
|
8782
|
-
}],
|
|
8818
|
+
}], treeClass: [{
|
|
8783
8819
|
type: HostBinding,
|
|
8784
|
-
args: ['class']
|
|
8820
|
+
args: ['class.tree']
|
|
8785
8821
|
}] } });
|
|
8786
8822
|
|
|
8787
8823
|
class TreeItemToggleComponent {
|
|
@@ -8917,7 +8953,7 @@ class VisibilityDropdownTabComponent {
|
|
|
8917
8953
|
}
|
|
8918
8954
|
}
|
|
8919
8955
|
VisibilityDropdownTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: VisibilityDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8920
|
-
VisibilityDropdownTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "<ng-container *ngIf=\"locale | async as loc\">\n <div class=\"list-item padding-left-6 padding-top-2\" [class.padding-left-9]=\"childMode\">\n <teta-checkbox [binary]=\"true\"\n [allowNull]=\"true\"\n [ngModel]=\"allColumnsVisible()\"\n (ngModelChange)=\"setAllColumns($event)\">\n {{loc.all}}\n </teta-checkbox>\n </div>\n <div class=\"list-divider\"></div>\n <div class=\"padding-v-2 column column_auto scrollable\">\n <teta-tree [data]=\"columns\"\n [openItems]=\"openItems\"\n (openItemsChange)=\"openItems = $event\"\n [childNodeName]=\"'columns'\"\n [compareItems]=\"compareItems\">\n <ng-template tetaTemplate let-item>\n <div class=\"tree__item\">\n <teta-tree-item-toggle [item]=\"item\" *ngIf=\"item.columns?.length > 0\"></teta-tree-item-toggle>\n <teta-checkbox\n [ngModel]=\"!columnIsHidden(item)\"\n (ngModelChange)=\"setColumnVisibility(item, $event)\"\n (click)=\"$event.stopPropagation()\"\n [binary]=\"true\"\n >\n {{item.caption}}\n </teta-checkbox>\n </div>\n </ng-template>\n </teta-tree>\n </div>\n <teta-toolbar class=\"justify-content-end\">\n <button teta-button\n [disabled]=\"allColumnsVisible() === false\"\n [palette]=\"'primary'\"\n (click)=\"setColumnsVisibility()\">\n {{loc.apply}}\n </button>\n </teta-toolbar>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "allowNull"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { kind: "component", type: TreeComponent, selector: "teta-tree", inputs: ["data", "
|
|
8956
|
+
VisibilityDropdownTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "<ng-container *ngIf=\"locale | async as loc\">\n <div class=\"list-item padding-left-6 padding-top-2\" [class.padding-left-9]=\"childMode\">\n <teta-checkbox [binary]=\"true\"\n [allowNull]=\"true\"\n [ngModel]=\"allColumnsVisible()\"\n (ngModelChange)=\"setAllColumns($event)\">\n {{loc.all}}\n </teta-checkbox>\n </div>\n <div class=\"list-divider\"></div>\n <div class=\"padding-v-2 column column_auto scrollable\">\n <teta-tree [data]=\"columns\"\n [openItems]=\"openItems\"\n (openItemsChange)=\"openItems = $event\"\n [childNodeName]=\"'columns'\"\n [compareItems]=\"compareItems\">\n <ng-template tetaTemplate let-item>\n <div class=\"tree__item\">\n <teta-tree-item-toggle [item]=\"item\" *ngIf=\"item.columns?.length > 0\"></teta-tree-item-toggle>\n <teta-checkbox\n [ngModel]=\"!columnIsHidden(item)\"\n (ngModelChange)=\"setColumnVisibility(item, $event)\"\n (click)=\"$event.stopPropagation()\"\n [binary]=\"true\"\n >\n {{item.caption}}\n </teta-checkbox>\n </div>\n </ng-template>\n </teta-tree>\n </div>\n <teta-toolbar class=\"justify-content-end\">\n <button teta-button\n [disabled]=\"allColumnsVisible() === false\"\n [palette]=\"'primary'\"\n (click)=\"setColumnsVisibility()\">\n {{loc.apply}}\n </button>\n </teta-toolbar>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "allowNull"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { kind: "component", type: TreeComponent, selector: "teta-tree", inputs: ["data", "padding", "childNodeName", "virtual", "height", "openItems", "compareItems"], outputs: ["service", "openItemsChange"] }, { kind: "directive", type: TetaTemplateDirective, selector: "[tetaTemplate]", inputs: ["tetaTemplate"] }, { kind: "component", type: TreeItemToggleComponent, selector: "teta-tree-item-toggle", inputs: ["item"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8921
8957
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: VisibilityDropdownTabComponent, decorators: [{
|
|
8922
8958
|
type: Component,
|
|
8923
8959
|
args: [{ selector: 'teta-visibility-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"locale | async as loc\">\n <div class=\"list-item padding-left-6 padding-top-2\" [class.padding-left-9]=\"childMode\">\n <teta-checkbox [binary]=\"true\"\n [allowNull]=\"true\"\n [ngModel]=\"allColumnsVisible()\"\n (ngModelChange)=\"setAllColumns($event)\">\n {{loc.all}}\n </teta-checkbox>\n </div>\n <div class=\"list-divider\"></div>\n <div class=\"padding-v-2 column column_auto scrollable\">\n <teta-tree [data]=\"columns\"\n [openItems]=\"openItems\"\n (openItemsChange)=\"openItems = $event\"\n [childNodeName]=\"'columns'\"\n [compareItems]=\"compareItems\">\n <ng-template tetaTemplate let-item>\n <div class=\"tree__item\">\n <teta-tree-item-toggle [item]=\"item\" *ngIf=\"item.columns?.length > 0\"></teta-tree-item-toggle>\n <teta-checkbox\n [ngModel]=\"!columnIsHidden(item)\"\n (ngModelChange)=\"setColumnVisibility(item, $event)\"\n (click)=\"$event.stopPropagation()\"\n [binary]=\"true\"\n >\n {{item.caption}}\n </teta-checkbox>\n </div>\n </ng-template>\n </teta-tree>\n </div>\n <teta-toolbar class=\"justify-content-end\">\n <button teta-button\n [disabled]=\"allColumnsVisible() === false\"\n [palette]=\"'primary'\"\n (click)=\"setColumnsVisibility()\">\n {{loc.apply}}\n </button>\n </teta-toolbar>\n</ng-container>\n" }]
|
|
@@ -10394,14 +10430,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
10394
10430
|
class TreeModule {
|
|
10395
10431
|
}
|
|
10396
10432
|
TreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10397
|
-
TreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: TreeModule, declarations: [TreeComponent, TreeItemComponent, TreeItemToggleComponent], imports: [CommonModule, IconModule, TetaTemplateModule], exports: [TreeComponent, TetaTemplateModule, TreeItemToggleComponent] });
|
|
10398
|
-
TreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeModule, imports: [CommonModule, IconModule, TetaTemplateModule, TetaTemplateModule] });
|
|
10433
|
+
TreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: TreeModule, declarations: [TreeComponent, TreeItemComponent, TreeItemToggleComponent], imports: [CommonModule, IconModule, TetaTemplateModule, ScrollingModule], exports: [TreeComponent, TetaTemplateModule, TreeItemToggleComponent] });
|
|
10434
|
+
TreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeModule, imports: [CommonModule, IconModule, TetaTemplateModule, ScrollingModule, TetaTemplateModule] });
|
|
10399
10435
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeModule, decorators: [{
|
|
10400
10436
|
type: NgModule,
|
|
10401
10437
|
args: [{
|
|
10402
10438
|
declarations: [TreeComponent, TreeItemComponent, TreeItemToggleComponent],
|
|
10403
10439
|
exports: [TreeComponent, TetaTemplateModule, TreeItemToggleComponent],
|
|
10404
|
-
imports: [CommonModule, IconModule, TetaTemplateModule],
|
|
10440
|
+
imports: [CommonModule, IconModule, TetaTemplateModule, ScrollingModule],
|
|
10405
10441
|
}]
|
|
10406
10442
|
}] });
|
|
10407
10443
|
|