@coolon/angular-ui-powerups 0.0.81 → 0.0.83

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

@@ -1263,8 +1263,8 @@ var AlertDialogComponent = /** @class */ (function (_super) {
     AlertDialogComponent.decorators = [
         { type: Component, args: [{
                     selector: 'aup-alert-dialog',
-                    template: "<h3 matDialogTitle *ngIf=\"alert.title\">{{alert.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-raised-button color=\"primary\" (click)=\"done()\" data-cy=\"close-button\">{{alert.ok()}}</button>\n</p>\n",
-                    styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
+                    template: "<h3 matDialogTitle *ngIf=\"alert.title\">{{alert.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-raised-button color=\"primary\" (click)=\"done()\" data-cy=\"close-button\">{{alert.ok()}}</button>\n</div>\n",
+                    styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{justify-content:flex-end}"]
                 }] }
     ];
     /** @nocollapse */
@@ -1344,8 +1344,8 @@ var ConfirmThenDialogComponent = /** @class */ (function (_super) {
     ConfirmThenDialogComponent.decorators = [
         { type: Component, args: [{
                     selector: 'aup-confirmation-dialog',
-                    template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"onConfirm()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</p>\n\n",
-                    styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
+                    template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"onConfirm()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</div>\n\n",
+                    styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{justify-content:flex-end}"]
                 }] }
     ];
     /** @nocollapse */
@@ -1410,8 +1410,8 @@ var ConfirmationDialogComponent = /** @class */ (function (_super) {
     ConfirmationDialogComponent.decorators = [
         { type: Component, args: [{
                     selector: 'aup-confirmation-dialog',
-                    template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"done()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</p>\n\n",
-                    styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
+                    template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"done()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</div>\n\n",
+                    styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{justify-content:flex-end}"]
                 }] }
     ];
     /** @nocollapse */
@@ -4279,13 +4279,14 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         _this.animate = true;
         _this.placeChanged = new EventEmitter();
         _this._activePlace = new MutableValueModel();
-        _this._placeVisit = new MutableValueModel();
+        _this._activePlaceVisitModel = new DelegatingValueModel();
         _this._inOutletUpdate = new Guard$1();
         _this._activatedRouteModel = new MutableValueModel();
         _this._placeDefinition = new MutableValueModel();
         _this.isOnInitialPlace = true;
         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.parentOutletModel = new MutableValueModel(parentOutlet);
+        _this._activePlaceVisitModel.setDelegate(new MutableValueModel());
         /** @type {?} */
         var defaultPlaceAnimationOrder = chain(_this.parentOutletModel)
             .pullValueModel((/**
@@ -4325,17 +4326,18 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
          * @return {?}
          */
         function (visit) {
+            console.log("### Route visit changed");
             if (visit) { // can be null while the place and index sync up
                 inRouteVisitUpdate.whileTrue((/**
                  * @return {?}
                  */
                 function () {
-                    _this._placeVisit.value = visit;
+                    _this._activePlaceVisitModel.value = visit;
                 }));
             }
         }));
         // Handle component based changes
-        when.valueOf(_this._placeVisit).changes((/**
+        when.valueOf(_this._activePlaceVisitModel).changes((/**
          * @param {?} next
          * @param {?} previous
          * @return {?}
@@ -4343,7 +4345,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         function (next, previous) {
             _this.pushVisitChangesToRoute(next, previous);
         }), {
-            unless: inRouteVisitUpdate
+            unless: valueOf.any(_this._inOutletUpdate, inRouteVisitUpdate).areTruthy()
         });
         chain(_this._activePlace)
             .postponeWhile(placeRouter.navigationSessionActive)
@@ -4453,7 +4455,10 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
                 _this._activePlace.value = place;
                 _this._activatedRouteModel.value = routerOutlet.activatedRoute;
                 _this._placeDefinition.value = place.placeDefinition;
-                place.initialiseBindings(_this._placeVisit);
+                /** @type {?} */
+                var visitModel = new MutableValueModel();
+                _this._activePlaceVisitModel.setDelegate(visitModel);
+                place.initialiseBindings(visitModel);
             }
             catch (error) {
                 console.error(error);
@@ -4465,22 +4470,18 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         }
     };
     /**
-     * @param {?} routerOutlet
-     * @param {?} $event
      * @return {?}
      */
     PlaceOutletComponent.prototype.onOutletDeactivated = /**
-     * @param {?} routerOutlet
-     * @param {?} $event
      * @return {?}
      */
-    function (routerOutlet, $event) {
+    function () {
         var _this = this;
         this._inOutletUpdate.whileTrue((/**
          * @return {?}
          */
         function () {
-            _this._previousPlace = _this._activePlace.value;
+            _this._activePlaceVisitModel.setDelegate(null);
             _this.isOnInitialPlace = false;
             _this._activePlace.value = null;
             _this._activatedRouteModel.value = null;
@@ -4503,10 +4504,6 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
-        console.log({ activePlace: this._activePlace.value });
-        if (this._previousPlace) {
-            this._previousPlace.onPlaceDestroyed();
-        }
         if (this._activePlace.value) {
             this._activePlace.value.onPlaceReady();
         }
@@ -4514,7 +4511,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
     PlaceOutletComponent.decorators = [
         { type: Component, args: [{
                     selector: 'aup-place-outlet',
-                    template: "<div class=\"router-outlet-container\"\n     [@routeAnimations]=\"{value: placeAnimationOrder.value, params:{duration: animationDuration}}\"\n     (@routeAnimations.start)=\"animationStarted()\"\n     (@routeAnimations.done)=\"animationDone()\"\n>\n  <router-outlet #routerOutlet=\"outlet\"\n                 (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                 (deactivate)=\"onOutletDeactivated(routerOutlet, $event)\">\n  </router-outlet>\n</div>\n\n",
+                    template: "<div class=\"router-outlet-container\"\n     [@routeAnimations]=\"{value: placeAnimationOrder.value, params:{duration: animationDuration}}\"\n     (@routeAnimations.start)=\"animationStarted()\"\n     (@routeAnimations.done)=\"animationDone()\"\n>\n  <router-outlet #routerOutlet=\"outlet\"\n                 (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                 (deactivate)=\"onOutletDeactivated()\">\n  </router-outlet>\n</div>\n\n",
                     animations: [LEFT_RIGHT_PLACE_ANIMATION],
                     styles: [":host{display:flex;flex-direction:column;min-height:0;overflow-x:hidden}.router-outlet-container{flex:1;display:block;position:relative;min-height:0}router-outlet{display:none}"]
                 }] }
@@ -4556,7 +4553,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
     __decorate([
         Trace(),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [RouterOutlet, Object]),
+        __metadata("design:paramtypes", []),
         __metadata("design:returntype", void 0)
     ], PlaceOutletComponent.prototype, "onOutletDeactivated", null);
     __decorate([
@@ -4593,7 +4590,7 @@ if (false) {
      * @type {?}
      * @private
      */
-    PlaceOutletComponent.prototype._placeVisit;
+    PlaceOutletComponent.prototype._activePlaceVisitModel;
     /**
      * @type {?}
      * @private
@@ -4621,11 +4618,6 @@ if (false) {
      * @private
      */
     PlaceOutletComponent.prototype.isOnInitialPlace;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype._previousPlace;
     /**
      * @type {?}
      * @private