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

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, Trace, 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, 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';
@@ -3583,6 +3583,7 @@ var ActivityOutletComponent = /** @class */ (function () {
         this.componentFactoryResolver = componentFactoryResolver;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
+        this._disableAnimation = false;
     }
     Object.defineProperty(ActivityOutletComponent.prototype, "activityRef", {
         get: function () {
@@ -3656,7 +3657,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         _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
+        // new activity is started, 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);
@@ -3799,6 +3800,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         return index;
     };
     ;
+    // @Trace()
     ActivityContainerComponent.prototype.onAnimationFinished = function () {
         if (this.onAnimationFinishedJob) {
             this.onAnimationFinishedJob();
@@ -3809,6 +3811,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
     /**
      * Synchronises the selected tab index.
      */
+    // @Trace()
     ActivityContainerComponent.prototype.synchroniseSelectedTabIndex = function () {
         var _this = this;
         var previousIndex = this.tabs.selectedIndex;
@@ -3825,9 +3828,11 @@ 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;
     };
+    // @Trace()
     ActivityContainerComponent.prototype.triggerTabSynchronisation = function () {
         var _this = this;
         if (this.syncSelectedTabTimeout) {
@@ -3850,34 +3855,10 @@ 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; 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           [@.disabled]=\"inTabChange.value || i !== getSelectedTabIndex()\">\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", [])