@coolon/angular-ui-powerups 0.0.121 → 0.0.123

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

@@ -5,7 +5,7 @@ import { MatInputModule, MatFormFieldModule, MatSelectModule, MatButtonModule, M
 import { MatTabsModule } from '@angular/material/tabs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __extends, __decorate, __metadata, __awaiter, __generator, __assign, __spread } from 'tslib';
-import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, DelegatingListModel, Deferred, MutableStream, MutableValueModel, MutableListModel, DebugContext, Binding, Guard, StoreInValueModel, Command, ValueHolder } from '@coolon/pectin';
+import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, DelegatingListModel, Deferred, MutableStream, MutableValueModel, MutableListModel, DebugContext, Binding, Trace, Guard, StoreInValueModel, Command, ValueHolder } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { RouterModule, UrlSegment, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, Router, UrlSerializer } from '@angular/router';
 import { assert as assert$1, Opts, Klass } from '@coolon/typescript-utilities';
@@ -3110,12 +3110,16 @@ var PlaceDefinition = /** @class */ (function () {
         // an empty string.
         return visit.hasRouteId() ? this.getRouteIdParameterDef().urlFormat.format(visit.getRouteId()) : "";
     };
+    // @Trace()
+    // @Trace()
     /**
      * @param {?} visit
      * @param {?=} includeRouteId
      * @return {?}
      */
-    PlaceDefinition.prototype.getFormattedRouteParameters = /**
+    PlaceDefinition.prototype.getFormattedRouteParameters = 
+    // @Trace()
+    /**
      * @param {?} visit
      * @param {?=} includeRouteId
      * @return {?}
@@ -3201,8 +3205,13 @@ var PlaceDefinition = /** @class */ (function () {
             // params will return null for non existent names
             if (params.has(def.name)) {
                 if (def.isArray) {
+                    // const values = params.getAll(def.name); // TODO: EEEK getAll is returning ["1,2,3,4"] when we gave it ["1","2","3","4"].
                     /** @type {?} */
-                    var values = params.getAll(def.name);
+                    var values = params.get(def.name).split(',').map((/**
+                     * @param {?} s
+                     * @return {?}
+                     */
+                    function (s) { return s.trim(); }));
                     result[def.name] = values.map((/**
                      * @param {?} v
                      * @return {?}
@@ -3297,7 +3306,7 @@ var PlaceComponent = /** @class */ (function (_super) {
      * @param {?} visit
      * @return {?}
      */
-    PlaceComponent.prototype.initialiseBindings = /**
+    PlaceComponent.prototype.initialiseVisit = /**
      * @param {?} visit
      * @return {?}
      */
@@ -3329,8 +3338,9 @@ var PlaceComponent = /** @class */ (function (_super) {
     function (parameterDef) {
         /** @type {?} */
         var model = (/** @type {?} */ (this[parameterDef.propertyName]));
-        // this.txo.observe(parameterDef.propertyName, model);
-        this.registerDisposable(new Binding(this.visit, model, {
+        DebugContext.tag(model, this.placeDefinition.component.name + "." + parameterDef.propertyName);
+        /** @type {?} */
+        var binding = this.registerDisposable(new Binding(this.visit, model, {
             toRight: /**
              * @param {?} visit
              * @return {?}
@@ -3338,7 +3348,7 @@ var PlaceComponent = /** @class */ (function (_super) {
             function (visit) {
                 /** @type {?} */
                 var value = visit.getParameter(parameterDef.name);
-                // console.log('push to component', {name:parameterDef.name, value, visit});
+                console.log('push to component', { name: parameterDef.name, value: value, visit: visit });
                 return value;
             },
             toLeft: /**
@@ -3351,6 +3361,12 @@ var PlaceComponent = /** @class */ (function (_super) {
                 return currentVisit.replace(parameterDef, value);
             }
         }));
+        setTimeout((/**
+         * @return {?}
+         */
+        function () {
+            binding.writeRight();
+        }));
     };
     Object.defineProperty(PlaceComponent.prototype, "placeDefinition", {
         get: /**
@@ -3384,6 +3400,12 @@ var PlaceComponent = /** @class */ (function (_super) {
      */
     function () {
     };
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [ParameterDefinition]),
+        __metadata("design:returntype", void 0)
+    ], PlaceComponent.prototype, "installBinding", null);
     __decorate([
         Memoize$1(),
         __metadata("design:type", PlaceDefinition),
@@ -6252,7 +6274,11 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         _this.initialPlaceIndex = null;
         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 mutableValueModel = new MutableValueModel();
+        DebugContext.tag(mutableValueModel, "PlaceOutletComponent -> mutableValueModel");
+        _this._activePlaceVisitModel.setDelegate(mutableValueModel);
+        DebugContext.tag(_this._activePlaceVisitModel, "PlaceOutletComponent._activePlaceVisitModel");
         _this._inOutletUpdate = valueOf.any(_this._inOutletDeactivation, _this._inOutletActivation).areTruthy();
         /** @type {?} */
         var defaultPlaceAnimationOrder = chain(_this.parentOutletModel)
@@ -6466,8 +6492,9 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
                 _this._placeDefinition.value = place.placeDefinition;
                 /** @type {?} */
                 var visitModel = new MutableValueModel();
+                DebugContext.tag(visitModel, "PlaceOutletCompeont.visitModel");
                 _this._activePlaceVisitModel.setDelegate(visitModel);
-                place.initialiseBindings(visitModel);
+                place.initialiseVisit(visitModel);
             }
             catch (error) {
                 console.error(error);
@@ -8440,10 +8467,48 @@ function VisitParameter(options) {
      */
     function (prototype, propertyKey) {
         /** @type {?} */
-        var param = new ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional("storeInUrl", null));
+        var param = new ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
         Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-        UseDelegate({ tag: "@VisitParameter(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
-        // UseDelegate()(prototype, propertyKey);
+        /** @type {?} */
+        var mechanics = {
+            backingModel: new MutableValueModel(),
+            binding: (/** @type {?} */ (null))
+        };
+        /** @type {?} */
+        var tag = "@VisitParameter(" + prototype.constructor.name + "." + propertyKey.toString() + ")";
+        DebugContext.get(mechanics.backingModel).tag(tag);
+        Logger.get(mechanics.backingModel).tag(tag);
+        Object.defineProperty(prototype, propertyKey, {
+            get: (/**
+             * @return {?}
+             */
+            function () {
+                return mechanics.backingModel;
+            }),
+            set: (/**
+             * @param {?} userModel
+             * @return {?}
+             */
+            function (userModel) {
+                // This handles the scenario where we want to push an existing value model (such as a form model)
+                // to and from the route.
+                if (mechanics.binding) {
+                    mechanics.binding.dispose();
+                }
+                if (userModel) {
+                    mechanics.binding = new Binding(mechanics.backingModel, userModel);
+                    if (userModel.query().isNil()) {
+                        mechanics.binding.writeRight(); // push the visit into the user model;
+                    }
+                    else {
+                        if (!mechanics.backingModel.query().isNil()) {
+                            console.warn('Assigning a visit model with an existing value to a visit parameter with an existing value.  Visit parameter will be overridden');
+                        }
+                        mechanics.binding.writeLeft(); // push the user model into the visit
+                    }
+                }
+            })
+        });
     });
 }
 /**
@@ -8461,10 +8526,48 @@ function VisitParameterList(options) {
      */
     function (prototype, propertyKey) {
         /** @type {?} */
-        var param = new ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional("storeInUrl", null));
-        UseDelegate({ tag: "@VisitParameterList(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
-        // UseDelegate()(prototype, propertyKey);
+        var param = new ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
         Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
+        /** @type {?} */
+        var mechanics = {
+            backingModel: new MutableListModel(),
+            binding: (/** @type {?} */ (null))
+        };
+        /** @type {?} */
+        var tag = "@VisitParameterList(" + prototype.constructor.name + "." + propertyKey.toString() + ")";
+        DebugContext.get(mechanics.backingModel).tag(tag);
+        Logger.get(mechanics.backingModel).tag(tag);
+        Object.defineProperty(prototype, propertyKey, {
+            get: (/**
+             * @return {?}
+             */
+            function () {
+                return mechanics.backingModel;
+            }),
+            set: (/**
+             * @param {?} userModel
+             * @return {?}
+             */
+            function (userModel) {
+                // This handles the scenario where we want to push an existing value model (such as a form model)
+                // to and from the route.
+                if (mechanics.binding) {
+                    mechanics.binding.dispose();
+                }
+                if (userModel) {
+                    mechanics.binding = new Binding(mechanics.backingModel, userModel);
+                    if (userModel.query().isEmpty()) {
+                        mechanics.binding.writeRight(); // push the visit into the user model;
+                    }
+                    else {
+                        if (!mechanics.backingModel.query().isEmpty()) {
+                            console.warn('Assigning a visit model with an existing value to a visit parameter with an existing value.  Visit parameter will be overridden');
+                        }
+                        mechanics.binding.writeLeft(); // push the user model into the visit
+                    }
+                }
+            })
+        });
     });
 }