@coolon/angular-ui-powerups 0.0.120 → 0.0.122

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,15 +3489,26 @@
          * @param {?} visit
          * @return {?}
          */
-        PlaceComponent.prototype.initialiseBindings = /**
+        PlaceComponent.prototype.initialiseVisit = /**
          * @param {?} visit
          * @return {?}
          */
         function (visit) {
-            var _this = this;
             pectin.assert.isNil(this.visit);
             this.visit = visit;
-            // DebugContext.get(this.visit).tag(`${this.placeDefinition.component.name}.visit`);
+            pectin.DebugContext.get(this.visit).tag(this.placeDefinition.component.name + ".visit");
+            // this.placeDefinition.getVisitParameterDefs().forEach(parameterDef => {
+            //   this.installBinding(parameterDef);
+            // });
+        };
+        /**
+         * @return {?}
+         */
+        PlaceComponent.prototype.ngAfterViewInit = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
             this.placeDefinition.getVisitParameterDefs().forEach((/**
              * @param {?} parameterDef
              * @return {?}
@@ -3512,8 +3532,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 +3542,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 +3555,12 @@
                     return currentVisit.replace(parameterDef, value);
                 }
             }));
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                binding.writeRight();
+            }));
         };
         Object.defineProperty(PlaceComponent.prototype, "placeDefinition", {
             get: /**
@@ -3567,6 +3594,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 +6468,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 +6686,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);
@@ -8604,8 +8642,8 @@
             /** @type {?} */
             var param = new exports.ParameterDefinition.RouteId(propertyKey.toString(), options, type);
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            // UseDelegate({tag: `@RouteId(${prototype.constructor.name}.${propertyKey.toString()})`})(prototype, propertyKey);
-            pectin.UseDelegate()(prototype, propertyKey);
+            pectin.UseDelegate({ tag: "@RouteId(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
+            // UseDelegate()(prototype, propertyKey);
         });
     }
     /**
@@ -8625,8 +8663,8 @@
             /** @type {?} */
             var param = new exports.ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional("storeInUrl", null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            // UseDelegate({tag: `@VisitParameter(${prototype.constructor.name}.${propertyKey.toString()})`})(prototype, propertyKey);
-            pectin.UseDelegate()(prototype, propertyKey);
+            pectin.UseDelegate({ tag: "@VisitParameter(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
+            // UseDelegate()(prototype, propertyKey);
         });
     }
     /**
@@ -8645,8 +8683,8 @@
         function (prototype, propertyKey) {
             /** @type {?} */
             var param = new exports.ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional("storeInUrl", null));
-            // UseDelegate({tag: `@VisitParameterList(${prototype.constructor.name}.${propertyKey.toString()})`})(prototype, propertyKey);
-            pectin.UseDelegate()(prototype, propertyKey);
+            pectin.UseDelegate({ tag: "@VisitParameterList(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
+            // UseDelegate()(prototype, propertyKey);
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
         });
     }