@coolon/angular-ui-powerups 0.0.120 → 0.0.122

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, 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,15 +3306,26 @@ var PlaceComponent = /** @class */ (function (_super) {
      * @param {?} visit
      * @return {?}
      */
-    PlaceComponent.prototype.initialiseBindings = /**
+    PlaceComponent.prototype.initialiseVisit = /**
      * @param {?} visit
      * @return {?}
      */
     function (visit) {
-        var _this = this;
         assert.isNil(this.visit);
         this.visit = visit;
-        // DebugContext.get(this.visit).tag(`${this.placeDefinition.component.name}.visit`);
+        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 {?}
@@ -3329,8 +3349,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 +3359,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 +3372,12 @@ var PlaceComponent = /** @class */ (function (_super) {
                 return currentVisit.replace(parameterDef, value);
             }
         }));
+        setTimeout((/**
+         * @return {?}
+         */
+        function () {
+            binding.writeRight();
+        }));
     };
     Object.defineProperty(PlaceComponent.prototype, "placeDefinition", {
         get: /**
@@ -3384,6 +3411,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 +6285,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 +6503,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);
@@ -8421,8 +8459,8 @@ function RouteId(type, options) {
         /** @type {?} */
         var param = new ParameterDefinition.RouteId(propertyKey.toString(), options, type);
         Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-        // UseDelegate({tag: `@RouteId(${prototype.constructor.name}.${propertyKey.toString()})`})(prototype, propertyKey);
-        UseDelegate()(prototype, propertyKey);
+        UseDelegate({ tag: "@RouteId(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
+        // UseDelegate()(prototype, propertyKey);
     });
 }
 /**
@@ -8442,8 +8480,8 @@ function VisitParameter(options) {
         /** @type {?} */
         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);
+        UseDelegate({ tag: "@VisitParameter(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
+        // UseDelegate()(prototype, propertyKey);
     });
 }
 /**
@@ -8462,8 +8500,8 @@ 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);
+        UseDelegate({ tag: "@VisitParameterList(" + prototype.constructor.name + "." + propertyKey.toString() + ")" })(prototype, propertyKey);
+        // UseDelegate()(prototype, propertyKey);
         Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
     });
 }