@coolon/angular-ui-powerups 12.4.0 → 12.4.1

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

@@ -816,7 +816,7 @@
         { type: i0.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{z-index:10;z-index:var(--aup-busy-overlay-z-index, 10);position:absolute;background-color:#0003;top:0;left:0;bottom:0;right:0;display:grid;grid-template-columns:auto;grid-template-rows:auto;place-content:center}\n"]
+                    styles: [":host{position:relative;display:flex;flex-direction:column;align-items:stretch}div.busy-overlay-backdrop{z-index:10;z-index:var(--aup-busy-overlay-z-index, 10);position:absolute;background-color:#0003;top:0;left:0;bottom:0;right:0;display:grid;grid-template-columns:auto;grid-template-rows:auto;place-content:center}\n"]
                 },] }
     ];
     BusyOverlayComponent.ctorParameters = function () { return []; };
@@ -6068,7 +6068,7 @@
         { type: i0.Component, args: [{
                     selector: 'aup-activity-container',
                     template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <aup-busy-overlay [busyModel]=\"busy\" cdkTrapFocus cdkTrapFocusAutoCapture>\n      <!--\n      We have issues where angular is triggering a leave animation when an\n      new activity is started, but is not running the enter animation\n      when it is scrolled back into view.  So we track the tab changes and\n      disable all animations inside the tab while we're animating.\n      -->\n      <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n        <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n      </div>\n    </aup-busy-overlay>\n  </mat-tab>\n</mat-tab-group>\n",
-                    styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}aup-busy-overlay{flex:1}\n"]
+                    styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}aup-busy-overlay{flex:1}.activity-outlet-wrapper{flex:1}\n"]
                 },] }
     ];
     ActivityContainerComponent.ctorParameters = function () { return []; };
@@ -6517,7 +6517,7 @@
         { type: i0.Component, args: [{
                     selector: 'aup-in-place-interaction-context',
                     template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
-                    styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}\n"]
+                    styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}aup-activity-container{flex:1}\n"]
                 },] }
     ];
     InPlaceInteractionContextComponent.ctorParameters = function () { return [
@@ -9913,6 +9913,7 @@
             var visitModel = new pectin.MutableValueModel(routerVisit);
             pectin.DebugContext.tag(visitModel, "PlaceOutletComponent[" + activePlace.constructor.name + ")].visitModel");
             activePlace.initialiseVisit(routerVisit, function (current, previous) {
+                console.log("initialiseVisitCallback", { routerVisitModel: _this.routerVisitModel.value });
                 _this.pushVisitChangeToRoute(previous, current);
             });
             var finishPlaceLoad = function () {
@@ -9931,6 +9932,7 @@
             var _a = pectin.Dsl.disposeWith(activePlace), when = _a.when, chain = _a.chain, valueOf = _a.valueOf;
             when(this.routerVisitModel)
                 .changes(function (visit) {
+                console.log("routerVisitModel.change", { routerVisitModel: _this.routerVisitModel.value });
                 _this.pushVisitChangeToComponent(activePlace, visit);
             }, {
                 unless: valueOf.any(this._isPushingVisitToRoute, this.routerVisitModel.isNil()).areTruthy()
@@ -9941,6 +9943,7 @@
         };
         PlaceOutletComponent.prototype.pushVisitChangeToRoute = function (previous, current) {
             return __awaiter(this, void 0, void 0, function () {
+                var routerVisit;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -9954,9 +9957,9 @@
                             this._isPushingVisitToRoute.value = false;
                             return [7 /*endfinally*/];
                         case 3:
-                            // sanitisers may have adjusted other values in the visit to we check and write it back.
-                            if (current.hasRoutingChangedFrom(this.routerVisitModel.value)) {
-                                this.pushVisitChangeToComponent(this.activePlaceModel.value, this.routerVisitModel.value);
+                            routerVisit = this.routerVisitModel.value;
+                            if (routerVisit && current.hasRoutingChangedFrom(routerVisit)) {
+                                this.pushVisitChangeToComponent(this.activePlaceModel.value, routerVisit);
                             }
                             return [2 /*return*/];
                     }