@coolon/angular-ui-powerups 0.0.87 → 0.0.89

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

@@ -5,7 +5,7 @@ import { MatInputModule, MatFormFieldModule, MatSelectModule, MatDialog, MatButt
 import { MatTabsModule } from '@angular/material/tabs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __extends, __decorate, __metadata, __assign, __awaiter, __generator, __spread } from 'tslib';
-import { assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, DelegatingValueModel, MutableStream, MutableListModel, DelegatingListModel, StoreInValueModel, Binding, MutableValueModel, Trace, Guard as Guard$1, Command, OptionsHelper, ValueHolder } from '@coolon/pectin';
+import { assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, DelegatingValueModel, MutableStream, MutableListModel, DelegatingListModel, Binding, MutableValueModel, Trace, Guard as Guard$1, Command, StoreInValueModel, OptionsHelper, ValueHolder } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { Router, RouterModule, UrlSegment, NavigationStart, NavigationEnd, NavigationError, ActivatedRouteSnapshot, RouterStateSnapshot, UrlSerializer } from '@angular/router';
 import ___default, { last, isNil, isEqual } from 'lodash';
@@ -2477,78 +2477,6 @@ var InteractionModule = /** @class */ (function () {
     return InteractionModule;
 }());
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var BusyOverlayComponent = /** @class */ (function () {
-    function BusyOverlayComponent() {
-    }
-    /**
-     * @return {?}
-     */
-    BusyOverlayComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    BusyOverlayComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-busy-overlay',
-                    template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
-                    styles: [":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto;grid-template-rows:auto;place-content:center}"]
-                }] }
-    ];
-    /** @nocollapse */
-    BusyOverlayComponent.ctorParameters = function () { return []; };
-    BusyOverlayComponent.propDecorators = {
-        busyModel: [{ type: Input }],
-        busy: [{ type: Input }]
-    };
-    __decorate([
-        UseDelegate(),
-        __metadata("design:type", ValueModel)
-    ], BusyOverlayComponent.prototype, "busyModel", void 0);
-    __decorate([
-        StoreInValueModel('busyModel'),
-        __metadata("design:type", Boolean)
-    ], BusyOverlayComponent.prototype, "busy", void 0);
-    return BusyOverlayComponent;
-}());
-if (false) {
-    /** @type {?} */
-    BusyOverlayComponent.prototype.busyModel;
-    /** @type {?} */
-    BusyOverlayComponent.prototype.busy;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var EmptyStateComponent = /** @class */ (function () {
-    function EmptyStateComponent() {
-    }
-    /**
-     * @return {?}
-     */
-    EmptyStateComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    EmptyStateComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-empty-state',
-                    template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
-                    styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--aup-default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
-                }] }
-    ];
-    /** @nocollapse */
-    EmptyStateComponent.ctorParameters = function () { return []; };
-    return EmptyStateComponent;
-}());
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -4069,12 +3997,16 @@ var PlaceRouter = /** @class */ (function (_super) {
             [def.getFormattedRouteId(visit), def.getFormattedRouteParameters(visit)] :
             [def.getFormattedRouteParameters(visit)];
     };
+    // @Trace()
+    // @Trace()
     /**
      * @private
      * @param {?} event
      * @return {?}
      */
-    PlaceRouter.prototype.onAngularRouterStarted = /**
+    PlaceRouter.prototype.onAngularRouterStarted = 
+    // @Trace()
+    /**
      * @private
      * @param {?} event
      * @return {?}
@@ -4091,11 +4023,15 @@ var PlaceRouter = /** @class */ (function (_super) {
         }
         this.firstRoute = false;
     };
+    // @Trace()
+    // @Trace()
     /**
      * @private
      * @return {?}
      */
-    PlaceRouter.prototype.onAngularRouterFinished = /**
+    PlaceRouter.prototype.onAngularRouterFinished = 
+    // @Trace()
+    /**
      * @private
      * @return {?}
      */
@@ -4150,18 +4086,6 @@ var PlaceRouter = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Visit, Object]),
         __metadata("design:returntype", Promise)
     ], PlaceRouter.prototype, "navigate", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [NavigationStart]),
-        __metadata("design:returntype", void 0)
-    ], PlaceRouter.prototype, "onAngularRouterStarted", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PlaceRouter.prototype, "onAngularRouterFinished", null);
     return PlaceRouter;
 }(GarbageCollector));
 if (false) {
@@ -4431,12 +4355,12 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         var _this = this;
         /** @type {?} */
         var visit = this.routerVisit.value;
-        console.log({
-            visit: visit,
-            place: visit ? visit.placeDefinition.component : null,
-            inOutletActivation: this._inOutletActivation.value,
-            inRoutingSession: this.placeRouter.navigationSessionActive.value
-        });
+        // console.log({
+        //   visit,
+        //   place: visit ? visit.placeDefinition.component : null,
+        //   inOutletActivation: this._inOutletActivation.value,
+        //   inRoutingSession: this.placeRouter.navigationSessionActive.value
+        // });
         if (visit) { // can be null while the place and index sync up
             this._inRouteVisitUpdate.whileTrue((/**
              * @return {?}
@@ -4552,7 +4476,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
-        console.log({ activePlace: this._activePlace.value });
+        // console.log({ activePlace: this._activePlace.value });
     };
     // @Trace()
     // @Trace()
@@ -4756,6 +4680,13 @@ var AbstractPlaceNavigationComponent = /** @class */ (function (_super) {
      */
     function () {
     };
+    AbstractPlaceNavigationComponent.decorators = [
+        { type: Component, args: [{
+                    template: ''
+                }] }
+    ];
+    /** @nocollapse */
+    AbstractPlaceNavigationComponent.ctorParameters = function () { return []; };
     AbstractPlaceNavigationComponent.propDecorators = {
         places: [{ type: Input }],
         placesModel: [{ type: Input }],
@@ -4803,6 +4734,78 @@ if (false) {
     AbstractPlaceNavigationComponent.prototype.activePlaceDefinition;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var BusyOverlayComponent = /** @class */ (function () {
+    function BusyOverlayComponent() {
+    }
+    /**
+     * @return {?}
+     */
+    BusyOverlayComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    BusyOverlayComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'aup-busy-overlay',
+                    template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
+                    styles: [":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto;grid-template-rows:auto;place-content:center}"]
+                }] }
+    ];
+    /** @nocollapse */
+    BusyOverlayComponent.ctorParameters = function () { return []; };
+    BusyOverlayComponent.propDecorators = {
+        busyModel: [{ type: Input }],
+        busy: [{ type: Input }]
+    };
+    __decorate([
+        UseDelegate(),
+        __metadata("design:type", ValueModel)
+    ], BusyOverlayComponent.prototype, "busyModel", void 0);
+    __decorate([
+        StoreInValueModel('busyModel'),
+        __metadata("design:type", Boolean)
+    ], BusyOverlayComponent.prototype, "busy", void 0);
+    return BusyOverlayComponent;
+}());
+if (false) {
+    /** @type {?} */
+    BusyOverlayComponent.prototype.busyModel;
+    /** @type {?} */
+    BusyOverlayComponent.prototype.busy;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var EmptyStateComponent = /** @class */ (function () {
+    function EmptyStateComponent() {
+    }
+    /**
+     * @return {?}
+     */
+    EmptyStateComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    EmptyStateComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'aup-empty-state',
+                    template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
+                    styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--aup-default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
+                }] }
+    ];
+    /** @nocollapse */
+    EmptyStateComponent.ctorParameters = function () { return []; };
+    return EmptyStateComponent;
+}());
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -4906,7 +4909,8 @@ var PlaceModule = /** @class */ (function () {
                         BusyOverlayComponent,
                         PlaceOutletComponent,
                         TabbedPlaceNavigationComponent,
-                        ListPlaceNavComponent
+                        ListPlaceNavComponent,
+                        AbstractPlaceNavigationComponent
                     ],
                     entryComponents: [BusyOverlayComponent],
                     exports: [
@@ -4914,7 +4918,8 @@ var PlaceModule = /** @class */ (function () {
                         PlaceOutletComponent,
                         EmptyStateComponent,
                         TabbedPlaceNavigationComponent,
-                        ListPlaceNavComponent
+                        ListPlaceNavComponent,
+                        AbstractPlaceNavigationComponent
                     ],
                     providers: [
                     // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: "2000ms"}}
@@ -6144,11 +6149,11 @@ if (false) {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var LeavePlaceGuard = /** @class */ (function () {
-    function LeavePlaceGuard(router, injector, placeRouter, interactionContext, angularLocation) {
+    function LeavePlaceGuard(router, injector, placeRouter, dialogInteractionContext, angularLocation) {
         this.router = router;
         this.injector = injector;
         this.placeRouter = placeRouter;
-        this.interactionContext = interactionContext;
+        this.dialogInteractionContext = dialogInteractionContext;
         this.angularLocation = angularLocation;
     }
     // @Trace()
@@ -6260,19 +6265,22 @@ var LeavePlaceGuard = /** @class */ (function () {
                         // we check the dialog interaction first, so that components that don't need to check if they're in an
                         // interaction during the canDeactivate cycle.
                         // TODO: Add tests: show dialog -> hit back -> same route
-                        if (this.interactionContext.isActive()) {
-                            console.log('cancelling', { activity: this.interactionContext.currentActivity });
-                            this.interactionContext.currentActivity.cancel(null);
+                        if (this.dialogInteractionContext.isActive()) {
+                            console.log('cancelling', { activity: this.dialogInteractionContext.currentActivity });
+                            this.dialogInteractionContext.currentActivity.cancel(null);
                             canLeave = false;
                         }
                         else {
                             canLeave = true;
                         }
-                        // now check if the component has an active interaction context
-                        if (canLeave && component.interactionContext && component.interactionContext.isActive()) {
-                            canLeave = false;
-                            console.log('cancelling', { activity: component.interactionContext.currentActivity });
-                            component.interactionContext.currentActivity.cancel(null);
+                        if (canLeave) {
+                            // now check if the component has an active interaction.  This will handle
+                            // an inplace interaction contexts
+                            if (component.interactionContext && component.interactionContext.isActive()) {
+                                canLeave = false;
+                                console.log('cancelling', { activity: component.interactionContext.currentActivity });
+                                component.interactionContext.currentActivity.cancel(null);
+                            }
                         }
                         if (!canLeave) return [3 /*break*/, 3];
                         return [4 /*yield*/, component.canDeactivate()];
@@ -6282,9 +6290,9 @@ var LeavePlaceGuard = /** @class */ (function () {
                         _a.label = 3;
                     case 3: return [3 /*break*/, 5];
                     case 4:
-                        if (this.interactionContext.isActive()) {
-                            console.log('cancelling', { activity: this.interactionContext.currentActivity });
-                            this.interactionContext.currentActivity.cancel(null);
+                        if (this.dialogInteractionContext.isActive()) {
+                            console.log('cancelling', { activity: this.dialogInteractionContext.currentActivity });
+                            this.dialogInteractionContext.currentActivity.cancel(null);
                             canLeave = false;
                         }
                         else {
@@ -6343,7 +6351,7 @@ if (false) {
      */
     LeavePlaceGuard.prototype.placeRouter;
     /** @type {?} */
-    LeavePlaceGuard.prototype.interactionContext;
+    LeavePlaceGuard.prototype.dialogInteractionContext;
     /** @type {?} */
     LeavePlaceGuard.prototype.angularLocation;
 }