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

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.30](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2020-08-25)
+
+
+### Bug Fixes
+
+* disable tab content animations during tab change ([e61fa51](https://bitbucket.org/coolon/angular-ui-powerups/commit/e61fa51fb94d06b2a7a79d102c6929f5809a6e1b))
+
 ## [2.0.0-alpha.29](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.28...v2.0.0-alpha.29) (2020-08-25)
 
 

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

@@ -3759,7 +3759,7 @@
             },
             set: function (activityRef) {
                 if (this.activityRef && !this.activityRef.isComplete()) {
-                    typescriptUtilities.lang.illegalState("changing activity before previous one has completed");
+                    typescriptUtilities.lang.illegalState('changing activity before previous one has completed');
                 }
                 this._activityRef = activityRef;
                 this.loadActivity(activityRef);
@@ -3824,6 +3824,11 @@
             _this.dynamicHeight = false;
             _this.activityTabs = [];
             _this.garbage = new pectin.GarbageCollector();
+            // We have issues where angular is triggering a leave animation when an
+            // activity is replaced by another, but is not running the enter animation
+            // when it is scrolled back into view.  So we track the tab changes and
+            // disable all animations inside the tab while we're animating.
+            _this.inTabChange = new pectin.MutableValueModel(false);
             return _this;
         }
         ActivityContainerComponent.prototype.ngOnInit = function () {
@@ -3968,6 +3973,7 @@
                 this.onAnimationFinishedJob();
                 this.onAnimationFinishedJob = undefined;
             }
+            this.inTabChange.value = false;
         };
         /**
          * Synchronises the selected tab index.
@@ -3977,6 +3983,7 @@
             var previousIndex = this.tabs.selectedIndex;
             var newIndex = this.getActiveActivityCount() - 1;
             if (previousIndex !== newIndex) {
+                this.inTabChange.value = true;
                 this.tabs.selectedIndex = newIndex;
                 this.onAnimationFinishedJob = function () {
                     _this.getSelectedOutlet().component.onActivityReady();
@@ -3987,7 +3994,9 @@
         ActivityContainerComponent.prototype.getSelectedOutlet = function () {
             return this.activityOutlets.toArray()[this.tabs.selectedIndex];
         };
-        // @Trace()
+        ActivityContainerComponent.prototype.getSelectedTabIndex = function () {
+            return this.tabs.selectedIndex;
+        };
         ActivityContainerComponent.prototype.triggerTabSynchronisation = function () {
             var _this = this;
             if (this.syncSelectedTabTimeout) {
@@ -4010,10 +4019,34 @@
             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; trackBy: activityIndex\" >\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\" [@.disabled]=\"inTabChange.value\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></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", [])