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

package/fesm5/coolon-angular-ui-powerups.js

@@ -18,7 +18,7 @@ import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
-import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, TrackExternal, Command, MutableListModel, Disposable, MutableValueModel, StoreInValueModel, ListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, StoreInListModel, ValueModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Functions } from '@coolon/pectin';
+import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, TrackExternal, Command, MutableListModel, Disposable, MutableValueModel, StoreInValueModel, ListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, StoreInListModel, ValueModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Trace, Functions } from '@coolon/pectin';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import ___default, { isEqual, isNil } from 'lodash';
 import { Enum } from 'typescript-string-enums';
@@ -3590,7 +3590,7 @@ var ActivityOutletComponent = /** @class */ (function () {
         },
         set: function (activityRef) {
             if (this.activityRef && !this.activityRef.isComplete()) {
-                lang$1.illegalState("changing activity before previous one has completed");
+                lang$1.illegalState('changing activity before previous one has completed');
             }
             this._activityRef = activityRef;
             this.loadActivity(activityRef);
@@ -3655,6 +3655,11 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         _this.dynamicHeight = false;
         _this.activityTabs = [];
         _this.garbage = new 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 MutableValueModel(false);
         return _this;
     }
     ActivityContainerComponent.prototype.ngOnInit = function () {
@@ -3799,6 +3804,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
             this.onAnimationFinishedJob();
             this.onAnimationFinishedJob = undefined;
         }
+        this.inTabChange.value = false;
     };
     /**
      * Synchronises the selected tab index.
@@ -3808,6 +3814,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         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();
@@ -3818,7 +3825,9 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
     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) {
@@ -3841,10 +3850,34 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         ViewChildren(ActivityOutletComponent),
         __metadata("design:type", QueryList)
     ], ActivityContainerComponent.prototype, "activityOutlets", void 0);
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ActivityContainerComponent.prototype, "onAnimationFinished", null);
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ActivityContainerComponent.prototype, "synchroniseSelectedTabIndex", null);
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ActivityContainerComponent.prototype, "getSelectedTabIndex", null);
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ActivityContainerComponent.prototype, "triggerTabSynchronisation", null);
     ActivityContainerComponent = __decorate([
         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", [])