@coolon/angular-ui-powerups 2.0.0-alpha.30 → 2.0.0-alpha.31

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.0.0-alpha.31](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.30...v2.0.0-alpha.31) (2020-08-25)
+
+
+### Bug Fixes
+
+* disable tab content animation when not active tab ([30b09b1](https://bitbucket.org/coolon/angular-ui-powerups/commit/30b09b100843c213db39617f3e944a96e300f4fe))
+
 ## [2.0.0-alpha.30](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2020-08-25)
 
 

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -3752,6 +3752,7 @@
             this.componentFactoryResolver = componentFactoryResolver;
             this.viewContainerRef = viewContainerRef;
             this.injector = injector;
+            this._disableAnimation = false;
         }
         Object.defineProperty(ActivityOutletComponent.prototype, "activityRef", {
             get: function () {
@@ -3768,6 +3769,17 @@
             configurable: true
         });
         ;
+        Object.defineProperty(ActivityOutletComponent.prototype, "disableAnimation", {
+            get: function () {
+                return this._disableAnimation;
+            },
+            set: function (value) {
+                // console.log({disableAnimation: value});
+                this._disableAnimation = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
         ActivityOutletComponent.prototype.ngOnInit = function () {
         };
         ActivityOutletComponent.prototype.loadActivity = function (activityRef) {
@@ -3804,6 +3816,12 @@
             __metadata("design:type", ActivityRef),
             __metadata("design:paramtypes", [ActivityRef])
         ], ActivityOutletComponent.prototype, "activityRef", null);
+        __decorate([
+            core.Input(),
+            core.HostBinding('@.disabled'),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [Boolean])
+        ], ActivityOutletComponent.prototype, "disableAnimation", null);
         ActivityOutletComponent = __decorate([
             core.Component({
                 selector: 'aup-activity-outlet',
@@ -3968,6 +3986,7 @@
             return index;
         };
         ;
+        // @Trace()
         ActivityContainerComponent.prototype.onAnimationFinished = function () {
             if (this.onAnimationFinishedJob) {
                 this.onAnimationFinishedJob();
@@ -3978,6 +3997,7 @@
         /**
          * Synchronises the selected tab index.
          */
+        // @Trace()
         ActivityContainerComponent.prototype.synchroniseSelectedTabIndex = function () {
             var _this = this;
             var previousIndex = this.tabs.selectedIndex;
@@ -3994,9 +4014,11 @@
         ActivityContainerComponent.prototype.getSelectedOutlet = function () {
             return this.activityOutlets.toArray()[this.tabs.selectedIndex];
         };
+        // @Trace()
         ActivityContainerComponent.prototype.getSelectedTabIndex = function () {
             return this.tabs.selectedIndex;
         };
+        // @Trace()
         ActivityContainerComponent.prototype.triggerTabSynchronisation = function () {
             var _this = this;
             if (this.syncSelectedTabTimeout) {
@@ -4019,34 +4041,10 @@
             core.ViewChildren(ActivityOutletComponent),
             __metadata("design:type", core.QueryList)
         ], ActivityContainerComponent.prototype, "activityOutlets", void 0);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], ActivityContainerComponent.prototype, "onAnimationFinished", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], ActivityContainerComponent.prototype, "synchroniseSelectedTabIndex", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], ActivityContainerComponent.prototype, "getSelectedTabIndex", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], ActivityContainerComponent.prototype, "triggerTabSynchronisation", null);
         ActivityContainerComponent = __decorate([
             core.Component({
                 selector: 'aup-activity-container',
-                template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; let i = index; trackBy: activityIndex\" [@.disabled]=\"inTabChange.value\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
+                template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; let i = index; trackBy: activityIndex\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\"\n                         [activityRef]=\"tab\"\n                         [disableAnimation]=\"inTabChange.value || i !== getSelectedTabIndex()\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
                 styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
             }),
             __metadata("design:paramtypes", [])