@coolon/angular-ui-powerups 0.0.121 → 0.0.123

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

@@ -3293,12 +3293,16 @@
             // 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 {?}
@@ -3384,8 +3388,13 @@
                 // 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 {?}
@@ -3480,7 +3489,7 @@
          * @param {?} visit
          * @return {?}
          */
-        PlaceComponent.prototype.initialiseBindings = /**
+        PlaceComponent.prototype.initialiseVisit = /**
          * @param {?} visit
          * @return {?}
          */
@@ -3512,8 +3521,9 @@
         function (parameterDef) {
             /** @type {?} */
             var model = (/** @type {?} */ (this[parameterDef.propertyName]));
-            // this.txo.observe(parameterDef.propertyName, model);
-            this.registerDisposable(new pectin.Binding(this.visit, model, {
+            pectin.DebugContext.tag(model, this.placeDefinition.component.name + "." + parameterDef.propertyName);
+            /** @type {?} */
+            var binding = this.registerDisposable(new pectin.Binding(this.visit, model, {
                 toRight: /**
                  * @param {?} visit
                  * @return {?}
@@ -3521,7 +3531,7 @@
                 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: /**
@@ -3534,6 +3544,12 @@
                     return currentVisit.replace(parameterDef, value);
                 }
             }));
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                binding.writeRight();
+            }));
         };
         Object.defineProperty(PlaceComponent.prototype, "placeDefinition", {
             get: /**
@@ -3567,6 +3583,12 @@
          */
         function () {
         };
+        __decorate([
+            pectin.Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [exports.ParameterDefinition]),
+            __metadata("design:returntype", void 0)
+        ], PlaceComponent.prototype, "installBinding", null);
         __decorate([
             fastMemoizeDecorator.Memoize(),
             __metadata("design:type", exports.PlaceDefinition),
@@ -6435,7 +6457,11 @@
             _this.initialPlaceIndex = null;
             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 mutableValueModel = new pectin.MutableValueModel();
+            pectin.DebugContext.tag(mutableValueModel, "PlaceOutletComponent -> mutableValueModel");
+            _this._activePlaceVisitModel.setDelegate(mutableValueModel);
+            pectin.DebugContext.tag(_this._activePlaceVisitModel, "PlaceOutletComponent._activePlaceVisitModel");
             _this._inOutletUpdate = valueOf.any(_this._inOutletDeactivation, _this._inOutletActivation).areTruthy();
             /** @type {?} */
             var defaultPlaceAnimationOrder = chain(_this.parentOutletModel)
@@ -6649,8 +6675,9 @@
                     _this._placeDefinition.value = place.placeDefinition;
                     /** @type {?} */
                     var visitModel = new pectin.MutableValueModel();
+                    pectin.DebugContext.tag(visitModel, "PlaceOutletCompeont.visitModel");
                     _this._activePlaceVisitModel.setDelegate(visitModel);
-                    place.initialiseBindings(visitModel);
+                    place.initialiseVisit(visitModel);
                 }
                 catch (error) {
                     console.error(error);
@@ -8623,10 +8650,48 @@
          */
         function (prototype, propertyKey) {
             /** @type {?} */
-            var param = new exports.ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional("storeInUrl", null));
+            var param = new exports.ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            pectin.UseDelegate({ tag: "@VisitParameter(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
-            // UseDelegate()(prototype, propertyKey);
+            /** @type {?} */
+            var mechanics = {
+                backingModel: new pectin.MutableValueModel(),
+                binding: (/** @type {?} */ (null))
+            };
+            /** @type {?} */
+            var tag = "@VisitParameter(" + prototype.constructor.name + "." + propertyKey.toString() + ")";
+            pectin.DebugContext.get(mechanics.backingModel).tag(tag);
+            pectin.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 pectin.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
+                        }
+                    }
+                })
+            });
         });
     }
     /**
@@ -8644,10 +8709,48 @@
          */
         function (prototype, propertyKey) {
             /** @type {?} */
-            var param = new exports.ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional("storeInUrl", null));
-            pectin.UseDelegate({ tag: "@VisitParameterList(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
-            // UseDelegate()(prototype, propertyKey);
+            var param = new exports.ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
+            /** @type {?} */
+            var mechanics = {
+                backingModel: new pectin.MutableListModel(),
+                binding: (/** @type {?} */ (null))
+            };
+            /** @type {?} */
+            var tag = "@VisitParameterList(" + prototype.constructor.name + "." + propertyKey.toString() + ")";
+            pectin.DebugContext.get(mechanics.backingModel).tag(tag);
+            pectin.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 pectin.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
+                        }
+                    }
+                })
+            });
         });
     }