@coolon/angular-ui-powerups 12.4.0-alpha.32 → 12.4.0-alpha.34

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

@@ -6741,13 +6741,35 @@
         _interactionContext: [{ type: i0.ViewChild, args: [PopupInteractionContextComponent, { static: true },] }]
     };
 
-    exports.InlineEditorModel = /** @class */ (function () {
+    exports.InlineEditorModel = /** @class */ (function (_super) {
+        __extends(InlineEditorModel, _super);
         function InlineEditorModel(valueModel, saveCallback) {
-            this.valueModel = valueModel;
-            this.saveCallback = saveCallback;
-            this.editing = new pectin.MutableValueModel(false);
-            this._validators = new pectin.MutableListModel();
+            var _this = _super.call(this) || this;
+            _this.valueModel = valueModel;
+            _this.saveCallback = saveCallback;
+            _this.editing = new pectin.MutableValueModel(false);
+            _this._validators = new pectin.MutableListModel();
+            _this._editingEnabled = _this.registerDisposable(new pectin.DelegatingValueModel().withDefault(true));
+            var when = pectin.Dsl.disposeWith(_this).when;
+            when(_this.editingEnabled).becomesFalsey(function () { return _this.cancelEdit(); });
+            return _this;
         }
+        Object.defineProperty(InlineEditorModel.prototype, "editingEnabled", {
+            get: function () {
+                return this._editingEnabled.readonly;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        InlineEditorModel.prototype.disableWhile = function (condition) {
+            var chain = pectin.Dsl.disposeWith(this).chain;
+            this.enableWhile(chain(condition).isFalsey());
+            return this;
+        };
+        InlineEditorModel.prototype.enableWhile = function (condition) {
+            this._editingEnabled.setDelegate(condition);
+            return this;
+        };
         Object.defineProperty(InlineEditorModel.prototype, "validators", {
             get: function () {
                 return this._validators.readonly;
@@ -6770,7 +6792,7 @@
             this.editing.value = true;
         };
         return InlineEditorModel;
-    }());
+    }(pectin.GarbageCollector));
     (function (InlineEditorModel) {
         function create(valueModel, options) {
             return new InlineEditorModel(valueModel, options.save);
@@ -6801,6 +6823,7 @@
         __extends(InlineStringEditorComponent, _super);
         function InlineStringEditorComponent(interactionService) {
             var _this = _super.call(this) || this;
+            _this.editingEnabled = _this.registerDisposable(new pectin.DelegatingValueModel());
             var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, when = _a.when, valueOf = _a.valueOf;
             var modalIC = interactionService.createModalInteractionContextDisposedWith(_this);
             var resolvedFacesModel = chain(_this.facesModel).map(function (userFaces) {
@@ -6832,7 +6855,7 @@
                         case 5: return [2 /*return*/];
                     }
                 });
-            }); });
+            }); }).enableWhile(_this.editingEnabled);
             _this.onDispose(function () { return _this.cancelEdit(); });
             return _this;
         }
@@ -6844,6 +6867,7 @@
             if (!this.editorModel) {
                 typescriptUtilities.lang.illegalState('editorModel is required');
             }
+            this.editingEnabled.setDelegate(this.editorModel.editingEnabled);
             when(this.editorModel.editing).becomesTruthy(function () {
                 _this.editCommand.execute();
             }, { asLongAs: this.editCommand.enabled });
@@ -6899,7 +6923,7 @@
     exports.InlineStringEditorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aup-inline-string-editor',
-                    template: "<ng-container *ngIf=\"!editorModel.isEditing()\">\n  <div class=\"content\" [class.editable]=\"editCommand.enabled.value\">\n    <label>{{label}}</label>\n    <p [class.place-holder]=\"empty.value\" (click)=\"editCommand.execute()\">{{displayValue.value}}</p>\n    <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n  </div>\n</ng-container>\n<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n\n"
+                    template: "<ng-container *ngIf=\"!editorModel.isEditing()\">\n  <div class=\"content\" [class.editable]=\"editCommand.enabled.value\">\n    <label>{{label}}</label>\n    <p [class.place-holder]=\"empty.value\" [class.editing-enabled]=\"editingEnabled.value\" (click)=\"editCommand.execute()\">{{displayValue.value}}</p>\n    <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n  </div>\n</ng-container>\n<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n\n"
                 },] }
     ];
     exports.InlineStringEditorComponent.ctorParameters = function () { return [
@@ -7321,17 +7345,28 @@
             _this.childPlaces = _this.placeDefinition.children.map(function (d) { return d.component; });
             return _this;
         }
-        // @Trace()
         PlaceComponent.prototype.initialiseVisit = function (visit, notifyVisitChanged) {
             var _this = this;
             pectin.assert.isNil(this.visitModel.value);
             var when = pectin.Dsl.disposeWith(this).when;
             this.visitModel.value = visit;
             pectin.DebugContext.getOrCreate(this.visitModel).tag(this.placeDefinition.component.name + ".visitModel");
-            this.placeDefinition.getVisitParameterDefs().forEach(function (parameterDef) { return _this.installBinding(parameterDef); });
+            // we track if the any of the bindings updated the route.  If so we remember it and update the
+            // route in one go at the end.
+            this.placeDefinition
+                .getVisitParameterDefs()
+                .forEach(function (parameterDef) { return _this.installAndInitialiseBinding(visit, parameterDef); });
             when(this.visitModel).changes(function (current, previous) {
                 notifyVisitChanged(current, previous);
             }, { unless: this._inVisitUpdate });
+            // TODO: this needs to do a replace url option so that the new url isn't put in the history.... for
+            //       now we're not doing it as it's a fair bit of effort and will only affect people if they're
+            //       cutting and pasting urls to each other.
+            // // the binding process can update the visit (e.g. if a selection model has already selected during
+            // // component construction) and there was no value specified in the route
+            // if (visit.hasRoutingChangedFrom(this.visitModel.value)) {
+            //   notifyVisitChanged(this.visitModel.value, visit)
+            // }
         };
         PlaceComponent.prototype.updateVisit = function (visit) {
             var _this = this;
@@ -7345,7 +7380,12 @@
             return !!this.visitModel.value;
         };
         // @Trace()
-        PlaceComponent.prototype.installBinding = function (parameterDef) {
+        /**
+         * Initialised the component bindings.  If any binding has an initial model value (e.g. a selection model
+         * initialised during the constructor) and the route has nothing, then the visit will be udpated and this
+         * method will return ture to nofiy the the visit has changed.
+         */
+        PlaceComponent.prototype.installAndInitialiseBinding = function (initialVisit, parameterDef) {
             var model = this[parameterDef.propertyName];
             pectin.DebugContext.tag(model, this.placeDefinition.component.name + "." + parameterDef.propertyName);
             var binding = this.registerDisposable(new pectin.Binding(this.visitModel, model, {
@@ -7359,7 +7399,17 @@
                     return currentVisit.replace(parameterDef, value);
                 }
             }));
-            binding.writeRight();
+            // Now we need to initialise the binding direction.  If we have a value in the Url then we should always push
+            // that to the view.  If we don't and the view already has a value (e.g. a selection model has already initialised in the
+            // component constructor) then we should push that to the route.
+            var isInVisit = !___namespace.isNil(initialVisit.getParameterValue(parameterDef));
+            var isInModel = !___namespace.isNil(model.value);
+            if (!isInVisit && isInModel) {
+                binding.writeLeft(); // push it to the route
+            }
+            else {
+                binding.writeRight(); // push it to the model
+            }
         };
         Object.defineProperty(PlaceComponent.prototype, "placeDefinition", {
             get: function () {
@@ -8620,9 +8670,13 @@
             });
             return new Visit(this.placeDefinition, params);
         };
+        // @Trace()
         Visit.prototype.hasRoutingChangedFrom = function (other) {
             var samePlace = other.placeDefinition === this.placeDefinition;
-            var sameRouteParameters = ___namespace.isEqual(this.placeDefinition.getFormattedRouteParameters(this, true), this.placeDefinition.getFormattedRouteParameters(other, true));
+            var currentParams = this.placeDefinition.getFormattedRouteParameters(this, true);
+            var otherParams = this.placeDefinition.getFormattedRouteParameters(other, true);
+            // console.log({currentParams, otherParams});
+            var sameRouteParameters = ___namespace.isEqual(currentParams, otherParams);
             return !samePlace || !sameRouteParameters;
         };
         Visit.prototype.hasChangedFrom = function (other) {