@coolon/angular-ui-powerups 0.0.34 → 0.0.36

package/fesm2015/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 { __decorate, __metadata, __awaiter } 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';
@@ -683,6 +683,205 @@ if (false) {
     InteractionContext.prototype.alert = function (alert) { };
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+const 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
+ */
+/**
+ * @template D, R, E
+ */
+class ActivityOutletComponent {
+    /**
+     * @param {?} componentFactoryResolver
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(componentFactoryResolver, viewContainerRef, injector) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+    }
+    /**
+     * @param {?} activityContext
+     * @return {?}
+     */
+    set activityContext(activityContext) {
+        this.loadActivity(activityContext);
+    }
+    ;
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+    }
+    /**
+     * @param {?} activityContext
+     * @return {?}
+     */
+    loadActivity(activityContext) {
+        /** @type {?} */
+        const injector = Injector.create({
+            providers: [
+                {
+                    provide: InteractionContext,
+                    useValue: this
+                },
+                { provide: ACTIVITY_DATA, useValue: activityContext.activityData }
+            ],
+            parent: this.injector
+        });
+        /** @type {?} */
+        const 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 {?}
+     */
+    alert(alert) {
+        return this.interactionContext.alert(alert);
+    }
+    /**
+     * @param {?} confirm
+     * @return {?}
+     */
+    confirm(confirm) {
+        return this.interactionContext.confirm(confirm);
+    }
+    /**
+     * @template D1, R1, E1
+     * @param {?} activityType
+     * @param {?=} data
+     * @return {?}
+     */
+    startActivity(activityType, data) {
+        return this.interactionContext.startActivity(activityType, data);
+    }
+    /**
+     * @return {?}
+     */
+    notifyReady() {
+        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 = () => [
+    { type: ComponentFactoryResolver },
+    { type: ViewContainerRef },
+    { type: Injector }
+];
+ActivityOutletComponent.propDecorators = {
+    interactionContext: [{ type: Input }],
+    activityContext: [{ type: Input }]
+};
+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
+     */
+    class OutletInteractionContext {
+        /**
+         * @param {?} context
+         */
+        constructor(context) {
+            this.context = context;
+        }
+        /**
+         * @param {?} alert
+         * @return {?}
+         */
+        alert(alert) {
+            return lang.notImplemented();
+        }
+        /**
+         * @param {?} confirm
+         * @return {?}
+         */
+        confirm(confirm) {
+            return lang.notImplemented();
+        }
+        /**
+         * @template D1, R1, E1
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        startActivity(activityType, data) {
+            return lang.notImplemented();
+        }
+    }
+    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
@@ -744,6 +943,11 @@ class AbstractActivity extends DisposableComponent {
          */
         () => this.finalizeAndDispose()));
     }
+    /**
+     * @return {?}
+     */
+    onActivityReady() {
+    }
     /**
      * @private
      * @return {?}
@@ -787,6 +991,12 @@ class AbstractActivity extends DisposableComponent {
         return this._busyModel.value;
     }
 }
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], AbstractActivity.prototype, "onActivityReady", null);
 if (false) {
     /**
      * @type {?}
@@ -810,32 +1020,6 @@ if (false) {
     AbstractActivity.prototype._busyModel;
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const 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
@@ -921,6 +1105,8 @@ class ActivityContainerComponent extends DisposableComponent {
         super();
         this.activityTabs = new MutableListModel();
         this.obsoleteTabs = [];
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        this.lastActivityTab = chain(this.activityTabs).last().otherwise(this.initialActivity);
     }
     /**
      * @return {?}
@@ -935,7 +1121,7 @@ class ActivityContainerComponent extends DisposableComponent {
         observe.valuesFrom(this.tabs.animationDone).subscribe((/**
          * @return {?}
          */
-        () => this.cleanUpTabs()));
+        () => this.onAnimationFinished()));
     }
     /**
      * @template D, R, E
@@ -990,7 +1176,8 @@ class ActivityContainerComponent extends DisposableComponent {
      * @private
      * @return {?}
      */
-    cleanUpTabs() {
+    onAnimationFinished() {
+        // TODO: notify selected tab they are ready.  activty.afterAnimationComplete
         this.activityTabs.value = this.activityTabs.value.filter((/**
          * @param {?} tab
          * @return {?}
@@ -998,6 +1185,7 @@ class ActivityContainerComponent extends DisposableComponent {
         tab => {
             return !this.obsoleteTabs.includes(tab);
         }));
+        this.outlets.last.notifyReady();
     }
 }
 ActivityContainerComponent.decorators = [
@@ -1012,7 +1200,8 @@ ActivityContainerComponent.ctorParameters = () => [];
 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,] }]
 };
 if (false) {
     /** @type {?} */
@@ -1022,12 +1211,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) {
     /**
@@ -1048,171 +1244,6 @@ if (false) {
     }
 })(ActivityContainerComponent || (ActivityContainerComponent = {}));
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @template D, R, E
- */
-class ActivityOutletComponent {
-    /**
-     * @param {?} componentFactoryResolver
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
-    constructor(componentFactoryResolver, viewContainerRef, injector) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-    }
-    /**
-     * @param {?} activityContext
-     * @return {?}
-     */
-    set activityContext(activityContext) {
-        this.loadActivity(activityContext);
-    }
-    ;
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-    }
-    /**
-     * @param {?} activityContext
-     * @return {?}
-     */
-    loadActivity(activityContext) {
-        /** @type {?} */
-        const injector = Injector.create({
-            providers: [
-                {
-                    provide: InteractionContext,
-                    useValue: this
-                },
-                { provide: ACTIVITY_DATA, useValue: activityContext.activityData }
-            ],
-            parent: this.injector
-        });
-        /** @type {?} */
-        const 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 {?}
-     */
-    alert(alert) {
-        return this.interactionContext.alert(alert);
-    }
-    /**
-     * @param {?} confirm
-     * @return {?}
-     */
-    confirm(confirm) {
-        return this.interactionContext.confirm(confirm);
-    }
-    /**
-     * @template D1, R1, E1
-     * @param {?} activityType
-     * @param {?=} data
-     * @return {?}
-     */
-    startActivity(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 = () => [
-    { type: ComponentFactoryResolver },
-    { type: ViewContainerRef },
-    { type: Injector }
-];
-ActivityOutletComponent.propDecorators = {
-    interactionContext: [{ type: Input }],
-    activityContext: [{ type: Input }]
-};
-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
-     */
-    class OutletInteractionContext {
-        /**
-         * @param {?} context
-         */
-        constructor(context) {
-            this.context = context;
-        }
-        /**
-         * @param {?} alert
-         * @return {?}
-         */
-        alert(alert) {
-            return lang.notImplemented();
-        }
-        /**
-         * @param {?} confirm
-         * @return {?}
-         */
-        confirm(confirm) {
-            return lang.notImplemented();
-        }
-        /**
-         * @template D1, R1, E1
-         * @param {?} activityType
-         * @param {?=} data
-         * @return {?}
-         */
-        startActivity(activityType, data) {
-            return lang.notImplemented();
-        }
-    }
-    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
@@ -3266,5 +3297,5 @@ class VisitSnapshot {
  * @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