@coolon/angular-ui-powerups 0.0.81 → 0.0.83

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -1447,8 +1447,8 @@
         AlertDialogComponent.decorators = [
             { type: core.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 */
@@ -1528,8 +1528,8 @@
         ConfirmThenDialogComponent.decorators = [
             { type: core.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 */
@@ -1594,8 +1594,8 @@
         ConfirmationDialogComponent.decorators = [
             { type: core.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 */
@@ -4463,13 +4463,14 @@
             _this.animate = true;
             _this.placeChanged = new core.EventEmitter();
             _this._activePlace = new pectin.MutableValueModel();
-            _this._placeVisit = new pectin.MutableValueModel();
+            _this._activePlaceVisitModel = new pectin.DelegatingValueModel();
             _this._inOutletUpdate = new pectin.Guard();
             _this._activatedRouteModel = new pectin.MutableValueModel();
             _this._placeDefinition = new pectin.MutableValueModel();
             _this.isOnInitialPlace = true;
             var _a = pectin.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 pectin.MutableValueModel(parentOutlet);
+            _this._activePlaceVisitModel.setDelegate(new pectin.MutableValueModel());
             /** @type {?} */
             var defaultPlaceAnimationOrder = chain(_this.parentOutletModel)
                 .pullValueModel((/**
@@ -4509,17 +4510,18 @@
              * @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 {?}
@@ -4527,7 +4529,7 @@
             function (next, previous) {
                 _this.pushVisitChangesToRoute(next, previous);
             }), {
-                unless: inRouteVisitUpdate
+                unless: valueOf.any(_this._inOutletUpdate, inRouteVisitUpdate).areTruthy()
             });
             chain(_this._activePlace)
                 .postponeWhile(placeRouter.navigationSessionActive)
@@ -4637,7 +4639,10 @@
                     _this._activePlace.value = place;
                     _this._activatedRouteModel.value = routerOutlet.activatedRoute;
                     _this._placeDefinition.value = place.placeDefinition;
-                    place.initialiseBindings(_this._placeVisit);
+                    /** @type {?} */
+                    var visitModel = new pectin.MutableValueModel();
+                    _this._activePlaceVisitModel.setDelegate(visitModel);
+                    place.initialiseBindings(visitModel);
                 }
                 catch (error) {
                     console.error(error);
@@ -4649,22 +4654,18 @@
             }
         };
         /**
-         * @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;
@@ -4687,10 +4688,6 @@
          * @return {?}
          */
         function () {
-            console.log({ activePlace: this._activePlace.value });
-            if (this._previousPlace) {
-                this._previousPlace.onPlaceDestroyed();
-            }
             if (this._activePlace.value) {
                 this._activePlace.value.onPlaceReady();
             }
@@ -4698,7 +4695,7 @@
         PlaceOutletComponent.decorators = [
             { type: core.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}"]
                     }] }
@@ -4740,7 +4737,7 @@
         __decorate([
             pectin.Trace(),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [router.RouterOutlet, Object]),
+            __metadata("design:paramtypes", []),
             __metadata("design:returntype", void 0)
         ], PlaceOutletComponent.prototype, "onOutletDeactivated", null);
         __decorate([
@@ -4777,7 +4774,7 @@
          * @type {?}
          * @private
          */
-        PlaceOutletComponent.prototype._placeVisit;
+        PlaceOutletComponent.prototype._activePlaceVisitModel;
         /**
          * @type {?}
          * @private
@@ -4805,11 +4802,6 @@
          * @private
          */
         PlaceOutletComponent.prototype.isOnInitialPlace;
-        /**
-         * @type {?}
-         * @private
-         */
-        PlaceOutletComponent.prototype._previousPlace;
         /**
          * @type {?}
          * @private