@tetacom/ng-components 1.0.71 → 1.0.74

package/fesm2020/tetacom-ng-components.mjs

@@ -1466,6 +1466,22 @@ class DaySelectComponent {
             this.locale = locale;
         });
     }
+    set minDate(d) {
+        this._minDate = d;
+        if (this._currentValue) {
+            this.createDays();
+        }
+        this._cdr.markForCheck();
+    }
+    ;
+    set maxDate(d) {
+        this._maxDate = d;
+        if (this._currentValue) {
+            this.createDays();
+        }
+        this._cdr.markForCheck();
+    }
+    ;
     set currentValue(val) {
         if (!this._currentValue ||
             DateUtil.truncateToDay(val)?.getTime() !==
@@ -1558,7 +1574,7 @@ class DaySelectComponent {
         return result;
     }
     createDays() {
-        this.days = DatePickerUtil.getPickerDays(this.currentValue, this.firstDayOfWeek, this.minDate, this.maxDate, this.disabledDates, this.disabledDays, this.disabledPeriods);
+        this.days = DatePickerUtil.getPickerDays(this.currentValue, this.firstDayOfWeek, this._minDate, this._maxDate, this.disabledDates, this.disabledDays, this.disabledPeriods);
     }
     checkDays() {
         if (this.days) {
@@ -2146,7 +2162,7 @@ class DatePickerComponent {
             if (this.isScrollIgnored()) {
                 return false;
             }
-            this.currentValue = DatePickerUtil.scrollMonth(e.deltaY, this.internalValue);
+            this.currentValue = DatePickerUtil.scrollYear(e.deltaY, this.internalValue);
         };
         this.openPicker = (show) => {
             if (this.disabled) {
@@ -8671,6 +8687,7 @@ class TreeComponent {
             .pipe(takeWhile((_) => this._alive), filter((_) => this._openItems !== _))
             .subscribe((_) => {
             this._openItems = _;
+            this.displayData = this.getDisplayData(this._data, 0);
             this.openItemsChange.emit(_);
         });
     }
@@ -8696,7 +8713,7 @@ class TreeComponent {
     ngOnChanges(changes) {
         this.displayData = this.getDisplayData(this._data, 0);
         this.childPadding = this.hasChildren(this._data);
-        this._cdr.detectChanges();
+        //this._cdr.detectChanges();
     }
     ngOnDestroy() {
         this._alive = false;
@@ -8718,10 +8735,10 @@ class TreeComponent {
     }
 }
 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 });
-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 });
+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; 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</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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TreeComponent, decorators: [{
             type: Component,
-            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" }]
+            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; 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</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: TreeService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
                 type: Input
             }], padding: [{
@@ -11083,12 +11100,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
 /* accordion */
 
 class AutoPositionDirective {
-    constructor(_elementRef) {
+    constructor(_elementRef, _zone) {
         this._elementRef = _elementRef;
+        this._zone = _zone;
         this.fixed = 'fixed';
+        this._alive = true;
     }
     ngAfterViewInit() {
         this.setPosition();
+        this._zone.onStable.pipe(takeWhile(() => this._alive)).subscribe(() => {
+            this.setPosition();
+        });
+    }
+    ngOnDestroy() {
+        this._alive = false;
     }
     setPosition() {
         const target = this._elementRef.nativeElement;
@@ -11120,14 +11145,14 @@ class AutoPositionDirective {
         PositionUtil.setElementPosition(target, position);
     }
 }
-AutoPositionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AutoPositionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
 AutoPositionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: AutoPositionDirective, selector: "[tetaAutoPosition]", inputs: { align: "align", verticalAlign: "verticalAlign" }, host: { properties: { "style.position": "this.fixed" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaAutoPosition]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { align: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { align: [{
                 type: Input
             }], verticalAlign: [{
                 type: Input