@coolon/angular-ui-powerups 0.0.34 → 0.0.36

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

@@ -1,11 +1,11 @@
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, InjectionToken, ViewChild, Injector, ComponentFactoryResolver, ViewContainerRef, Injectable, ɵɵdefineInjectable, ɵɵinject, NgModule, INJECTOR } from '@angular/core';
+import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Injectable, ɵɵdefineInjectable, ɵɵinject, NgModule, INJECTOR } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatDialog, MatButtonModule, MatDialogModule, MatTabsModule, MatProgressSpinnerModule, MatInputModule, MatFormFieldModule, MatSelectModule } from '@angular/material';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __extends, __decorate, __metadata, __assign, __awaiter, __generator, __values } from 'tslib';
-import { GarbageCollector, DelegatingFormValueModel, UseDelegate, ValueModel, assert, UnaryCommand, lang, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, MutableListModel, StoreInValueModel, Trace, MutableValueModel, TransactionObserver, Binding, OptionsHelper, ValueHolder } from '@coolon/pectin';
+import { GarbageCollector, DelegatingFormValueModel, UseDelegate, ValueModel, assert, UnaryCommand, lang, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, Trace, MutableListModel, StoreInValueModel, MutableValueModel, TransactionObserver, Binding, OptionsHelper, ValueHolder } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { Deferred } from '@coolon/pectin/lib/promise/deferred.class';
 import { assert as assert$1, Klass, Opts } from '@coolon/typescript-utilities';
@@ -838,13 +838,248 @@ if (false) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/** @type {?} */
+var ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
 /**
+ * @record
  * @template D, R, E
  */
-var  /**
+function Activity() { }
+if (false) {
+    /** @type {?} */
+    Activity.prototype.busy;
+    /**
+     * @param {?} callback
+     * @return {?}
+     */
+    Activity.prototype.onDone = function (callback) { };
+    /**
+     * @param {?} callback
+     * @return {?}
+     */
+    Activity.prototype.onCancel = function (callback) { };
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @template D, R, E
+ */
+var ActivityOutletComponent = /** @class */ (function () {
+    function ActivityOutletComponent(componentFactoryResolver, viewContainerRef, injector) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+    }
+    Object.defineProperty(ActivityOutletComponent.prototype, "activityContext", {
+        set: /**
+         * @param {?} activityContext
+         * @return {?}
+         */
+        function (activityContext) {
+            this.loadActivity(activityContext);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ;
+    /**
+     * @return {?}
+     */
+    ActivityOutletComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    /**
+     * @param {?} activityContext
+     * @return {?}
+     */
+    ActivityOutletComponent.prototype.loadActivity = /**
+     * @param {?} activityContext
+     * @return {?}
+     */
+    function (activityContext) {
+        /** @type {?} */
+        var injector = Injector.create({
+            providers: [
+                {
+                    provide: InteractionContext,
+                    useValue: this
+                },
+                { provide: ACTIVITY_DATA, useValue: activityContext.activityData }
+            ],
+            parent: this.injector
+        });
+        /** @type {?} */
+        var componentFactory = this.componentFactoryResolver.resolveComponentFactory(activityContext.activityClass);
+        this.viewContainerRef.clear();
+        this.activityComponentRef = this.viewContainerRef.createComponent(componentFactory, 0, injector);
+        this.activityComponentRef.instance.onDone(activityContext.onDone);
+        this.activityComponentRef.instance.onCancel(activityContext.onCancel);
+    };
+    /**
+     * @param {?} alert
+     * @return {?}
+     */
+    ActivityOutletComponent.prototype.alert = /**
+     * @param {?} alert
+     * @return {?}
+     */
+    function (alert) {
+        return this.interactionContext.alert(alert);
+    };
+    /**
+     * @param {?} confirm
+     * @return {?}
+     */
+    ActivityOutletComponent.prototype.confirm = /**
+     * @param {?} confirm
+     * @return {?}
+     */
+    function (confirm) {
+        return this.interactionContext.confirm(confirm);
+    };
+    /**
+     * @template D1, R1, E1
+     * @param {?} activityType
+     * @param {?=} data
+     * @return {?}
+     */
+    ActivityOutletComponent.prototype.startActivity = /**
+     * @template D1, R1, E1
+     * @param {?} activityType
+     * @param {?=} data
+     * @return {?}
+     */
+    function (activityType, data) {
+        return this.interactionContext.startActivity(activityType, data);
+    };
+    /**
+     * @return {?}
+     */
+    ActivityOutletComponent.prototype.notifyReady = /**
+     * @return {?}
+     */
+    function () {
+        if (this.activityComponentRef.instance['onActivityReady']) {
+            this.activityComponentRef.instance['onActivityReady']();
+        }
+    };
+    ActivityOutletComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'angular-ui-powerups-activity-outlet',
+                    template: '',
+                    styles: [":host{display:block}"]
+                }] }
+    ];
+    /** @nocollapse */
+    ActivityOutletComponent.ctorParameters = function () { return [
+        { type: ComponentFactoryResolver },
+        { type: ViewContainerRef },
+        { type: Injector }
+    ]; };
+    ActivityOutletComponent.propDecorators = {
+        interactionContext: [{ type: Input }],
+        activityContext: [{ type: Input }]
+    };
+    return ActivityOutletComponent;
+}());
+if (false) {
+    /** @type {?} */
+    ActivityOutletComponent.prototype.interactionContext;
+    /**
+     * @type {?}
+     * @private
+     */
+    ActivityOutletComponent.prototype.activityComponentRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    ActivityOutletComponent.prototype.componentFactoryResolver;
+    /**
+     * @type {?}
+     * @private
+     */
+    ActivityOutletComponent.prototype.viewContainerRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    ActivityOutletComponent.prototype.injector;
+    /* Skipping unhandled member: ;*/
+}
+(function (ActivityOutletComponent) {
+    /**
+     * @template D, R, E
+     */
+    var /**
+     * @template D, R, E
+     */
+    OutletInteractionContext = /** @class */ (function () {
+        function OutletInteractionContext(context) {
+            this.context = context;
+        }
+        /**
+         * @param {?} alert
+         * @return {?}
+         */
+        OutletInteractionContext.prototype.alert = /**
+         * @param {?} alert
+         * @return {?}
+         */
+        function (alert) {
+            return lang.notImplemented();
+        };
+        /**
+         * @param {?} confirm
+         * @return {?}
+         */
+        OutletInteractionContext.prototype.confirm = /**
+         * @param {?} confirm
+         * @return {?}
+         */
+        function (confirm) {
+            return lang.notImplemented();
+        };
+        /**
+         * @template D1, R1, E1
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        OutletInteractionContext.prototype.startActivity = /**
+         * @template D1, R1, E1
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        function (activityType, data) {
+            return lang.notImplemented();
+        };
+        return OutletInteractionContext;
+    }());
+    ActivityOutletComponent.OutletInteractionContext = OutletInteractionContext;
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        OutletInteractionContext.prototype.context;
+    }
+})(ActivityOutletComponent || (ActivityOutletComponent = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
  * @template D, R, E
  */
-AbstractActivity = /** @class */ (function (_super) {
+var AbstractActivity = /** @class */ (function (_super) {
     __extends(AbstractActivity, _super);
     function AbstractActivity() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
@@ -918,6 +1153,14 @@ AbstractActivity = /** @class */ (function (_super) {
          */
         function () { return _this.finalizeAndDispose(); }));
     };
+    /**
+     * @return {?}
+     */
+    AbstractActivity.prototype.onActivityReady = /**
+     * @return {?}
+     */
+    function () {
+    };
     /**
      * @private
      * @return {?}
@@ -975,6 +1218,12 @@ AbstractActivity = /** @class */ (function (_super) {
     function () {
         return this._busyModel.value;
     };
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], AbstractActivity.prototype, "onActivityReady", null);
     return AbstractActivity;
 }(DisposableComponent));
 if (false) {
@@ -1000,32 +1249,6 @@ if (false) {
     AbstractActivity.prototype._busyModel;
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-var ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
-/**
- * @record
- * @template D, R, E
- */
-function Activity() { }
-if (false) {
-    /** @type {?} */
-    Activity.prototype.busy;
-    /**
-     * @param {?} callback
-     * @return {?}
-     */
-    Activity.prototype.onDone = function (callback) { };
-    /**
-     * @param {?} callback
-     * @return {?}
-     */
-    Activity.prototype.onCancel = function (callback) { };
-}
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1121,6 +1344,8 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.activityTabs = new MutableListModel();
         _this.obsoleteTabs = [];
+        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        _this.lastActivityTab = chain(_this.activityTabs).last().otherwise(_this.initialActivity);
         return _this;
     }
     /**
@@ -1143,7 +1368,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         observe.valuesFrom(this.tabs.animationDone).subscribe((/**
          * @return {?}
          */
-        function () { return _this.cleanUpTabs(); }));
+        function () { return _this.onAnimationFinished(); }));
     };
     /**
      * @template D, R, E
@@ -1218,12 +1443,13 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
      * @private
      * @return {?}
      */
-    ActivityContainerComponent.prototype.cleanUpTabs = /**
+    ActivityContainerComponent.prototype.onAnimationFinished = /**
      * @private
      * @return {?}
      */
     function () {
         var _this = this;
+        // TODO: notify selected tab they are ready.  activty.afterAnimationComplete
         this.activityTabs.value = this.activityTabs.value.filter((/**
          * @param {?} tab
          * @return {?}
@@ -1231,6 +1457,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         function (tab) {
             return !_this.obsoleteTabs.includes(tab);
         }));
+        this.outlets.last.notifyReady();
     };
     ActivityContainerComponent.decorators = [
         { type: Component, args: [{
@@ -1244,7 +1471,8 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
     ActivityContainerComponent.propDecorators = {
         parentInteractionContext: [{ type: Input }],
         initialActivity: [{ type: Input }],
-        tabs: [{ type: ViewChild, args: ['tabs', { static: true },] }]
+        tabs: [{ type: ViewChild, args: ['tabs', { static: true },] }],
+        outlets: [{ type: ViewChildren, args: [ActivityOutletComponent,] }]
     };
     return ActivityContainerComponent;
 }(DisposableComponent));
@@ -1256,12 +1484,19 @@ if (false) {
     /** @type {?} */
     ActivityContainerComponent.prototype.tabs;
     /** @type {?} */
+    ActivityContainerComponent.prototype.outlets;
+    /** @type {?} */
     ActivityContainerComponent.prototype.activityTabs;
     /**
      * @type {?}
      * @private
      */
     ActivityContainerComponent.prototype.obsoleteTabs;
+    /**
+     * @type {?}
+     * @private
+     */
+    ActivityContainerComponent.prototype.lastActivityTab;
 }
 (function (ActivityContainerComponent) {
     /**
@@ -1282,207 +1517,6 @@ if (false) {
     }
 })(ActivityContainerComponent || (ActivityContainerComponent = {}));
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @template D, R, E
- */
-var ActivityOutletComponent = /** @class */ (function () {
-    function ActivityOutletComponent(componentFactoryResolver, viewContainerRef, injector) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-    }
-    Object.defineProperty(ActivityOutletComponent.prototype, "activityContext", {
-        set: /**
-         * @param {?} activityContext
-         * @return {?}
-         */
-        function (activityContext) {
-            this.loadActivity(activityContext);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    /**
-     * @return {?}
-     */
-    ActivityOutletComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    /**
-     * @param {?} activityContext
-     * @return {?}
-     */
-    ActivityOutletComponent.prototype.loadActivity = /**
-     * @param {?} activityContext
-     * @return {?}
-     */
-    function (activityContext) {
-        /** @type {?} */
-        var injector = Injector.create({
-            providers: [
-                {
-                    provide: InteractionContext,
-                    useValue: this
-                },
-                { provide: ACTIVITY_DATA, useValue: activityContext.activityData }
-            ],
-            parent: this.injector
-        });
-        /** @type {?} */
-        var componentFactory = this.componentFactoryResolver.resolveComponentFactory(activityContext.activityClass);
-        this.viewContainerRef.clear();
-        this.activityComponent = this.viewContainerRef.createComponent(componentFactory, 0, injector);
-        this.activityComponent.instance.onDone(activityContext.onDone);
-        this.activityComponent.instance.onCancel(activityContext.onCancel);
-    };
-    /**
-     * @param {?} alert
-     * @return {?}
-     */
-    ActivityOutletComponent.prototype.alert = /**
-     * @param {?} alert
-     * @return {?}
-     */
-    function (alert) {
-        return this.interactionContext.alert(alert);
-    };
-    /**
-     * @param {?} confirm
-     * @return {?}
-     */
-    ActivityOutletComponent.prototype.confirm = /**
-     * @param {?} confirm
-     * @return {?}
-     */
-    function (confirm) {
-        return this.interactionContext.confirm(confirm);
-    };
-    /**
-     * @template D1, R1, E1
-     * @param {?} activityType
-     * @param {?=} data
-     * @return {?}
-     */
-    ActivityOutletComponent.prototype.startActivity = /**
-     * @template D1, R1, E1
-     * @param {?} activityType
-     * @param {?=} data
-     * @return {?}
-     */
-    function (activityType, data) {
-        return this.interactionContext.startActivity(activityType, data);
-    };
-    ActivityOutletComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'angular-ui-powerups-activity-outlet',
-                    template: '',
-                    styles: [":host{display:block}"]
-                }] }
-    ];
-    /** @nocollapse */
-    ActivityOutletComponent.ctorParameters = function () { return [
-        { type: ComponentFactoryResolver },
-        { type: ViewContainerRef },
-        { type: Injector }
-    ]; };
-    ActivityOutletComponent.propDecorators = {
-        interactionContext: [{ type: Input }],
-        activityContext: [{ type: Input }]
-    };
-    return ActivityOutletComponent;
-}());
-if (false) {
-    /** @type {?} */
-    ActivityOutletComponent.prototype.interactionContext;
-    /**
-     * @type {?}
-     * @private
-     */
-    ActivityOutletComponent.prototype.activityComponent;
-    /**
-     * @type {?}
-     * @private
-     */
-    ActivityOutletComponent.prototype.componentFactoryResolver;
-    /**
-     * @type {?}
-     * @private
-     */
-    ActivityOutletComponent.prototype.viewContainerRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    ActivityOutletComponent.prototype.injector;
-    /* Skipping unhandled member: ;*/
-}
-(function (ActivityOutletComponent) {
-    /**
-     * @template D, R, E
-     */
-    var /**
-     * @template D, R, E
-     */
-    OutletInteractionContext = /** @class */ (function () {
-        function OutletInteractionContext(context) {
-            this.context = context;
-        }
-        /**
-         * @param {?} alert
-         * @return {?}
-         */
-        OutletInteractionContext.prototype.alert = /**
-         * @param {?} alert
-         * @return {?}
-         */
-        function (alert) {
-            return lang.notImplemented();
-        };
-        /**
-         * @param {?} confirm
-         * @return {?}
-         */
-        OutletInteractionContext.prototype.confirm = /**
-         * @param {?} confirm
-         * @return {?}
-         */
-        function (confirm) {
-            return lang.notImplemented();
-        };
-        /**
-         * @template D1, R1, E1
-         * @param {?} activityType
-         * @param {?=} data
-         * @return {?}
-         */
-        OutletInteractionContext.prototype.startActivity = /**
-         * @template D1, R1, E1
-         * @param {?} activityType
-         * @param {?=} data
-         * @return {?}
-         */
-        function (activityType, data) {
-            return lang.notImplemented();
-        };
-        return OutletInteractionContext;
-    }());
-    ActivityOutletComponent.OutletInteractionContext = OutletInteractionContext;
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        OutletInteractionContext.prototype.context;
-    }
-})(ActivityOutletComponent || (ActivityOutletComponent = {}));
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -3861,5 +3895,5 @@ var VisitSnapshot = /** @class */ (function () {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DEFINITION_META_DATA_KEY, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LEFT_RIGHT_PLACE_ANIMATION, LeavePlaceGuard, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceComponent, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, ResizeAwareComponent, ResolvedRouteParameterSnapshot, RouteId, RouteParameter, RouteParameterBindings, RouteParameterList, RouteParameterSanitiser, Sanitiser, SelectInputComponent, StringInputComponent, TabbedPlaceNavigationComponent, VisitSnapshot, slideDownAndUpAnimation, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, PlaceModule as ɵi, EmptyStateComponent as ɵj, BusyOverlayComponent as ɵk, PlaceOutletComponent as ɵl, LEFT_RIGHT_PLACE_ANIMATION as ɵm, PlaceService as ɵn, TabbedPlaceNavigationComponent as ɵo, InteractionModule as ɵp, ActivityContainerComponent as ɵq, ConfirmationDialogComponent as ɵr, AbstractActivity as ɵs, ACTIVITY_DATA as ɵt, AlertDialogComponent as ɵv, ActivityOutletComponent as ɵx, DialogInteractionService as ɵy, InteractionContext as ɵz };
+export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DEFINITION_META_DATA_KEY, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LEFT_RIGHT_PLACE_ANIMATION, LeavePlaceGuard, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceComponent, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, ResizeAwareComponent, ResolvedRouteParameterSnapshot, RouteId, RouteParameter, RouteParameterBindings, RouteParameterList, RouteParameterSanitiser, Sanitiser, SelectInputComponent, StringInputComponent, TabbedPlaceNavigationComponent, VisitSnapshot, slideDownAndUpAnimation, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, PlaceModule as ɵi, EmptyStateComponent as ɵj, BusyOverlayComponent as ɵk, PlaceOutletComponent as ɵl, LEFT_RIGHT_PLACE_ANIMATION as ɵm, PlaceService as ɵn, TabbedPlaceNavigationComponent as ɵo, InteractionModule as ɵp, ActivityContainerComponent as ɵq, ActivityOutletComponent as ɵr, ConfirmationDialogComponent as ɵs, AbstractActivity as ɵt, ACTIVITY_DATA as ɵu, AlertDialogComponent as ɵw, DialogInteractionService as ɵy, InteractionContext as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map