@coolon/angular-ui-powerups 2.0.0-alpha.24 → 2.0.0-alpha.26

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.0.0-alpha.26](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.25...v2.0.0-alpha.26) (2020-08-21)
+
+
+### Bug Fixes
+
+* updated input-value-model to push initial values to the view ([cf0ac1a](https://bitbucket.org/coolon/angular-ui-powerups/commit/cf0ac1a2fa79007ca0fa84c7bf313c9f44a6ff95))
+
+## [2.0.0-alpha.25](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.24...v2.0.0-alpha.25) (2020-08-20)
+
+
+### Bug Fixes
+
+* null pointer when using without any ... (more) menu items ([99309f8](https://bitbucket.org/coolon/angular-ui-powerups/commit/99309f8c7273505c1e0d8ad6a12c396bd715248c))
+
 ## [2.0.0-alpha.24](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.23...v2.0.0-alpha.24) (2020-08-18)
 
 

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

@@ -900,7 +900,7 @@
             _this.setValueIsInProgress = new pectin.Guard();
             _this.valueChange = new core.EventEmitter();
             var _a = pectin.Dsl.disposeWith(_this), when = _a.when, valueOf = _a.valueOf, chain = _a.chain;
-            var binding = new pectin.Binding.Identity(_this.formValueModel, _this.componentListModel);
+            var binding = new pectin.Binding.Identity(_this.formValueModel, _this.componentListModel).writeRight();
             var inExternalChange = valueOf.any(_this.setValueIsInProgress, chain(binding.direction).equals(pectin.Binding.Direction.RIGHT)).areTruthy();
             when(_this.componentListModel).changes(function (is, was) {
                 _this.valueChange.emit(is);
@@ -974,7 +974,7 @@
             _this.componentValueModel = new pectin.MutableValueModel();
             _this.valueChange = new core.EventEmitter();
             var _a = pectin.Dsl.disposeWith(_this), when = _a.when, chain = _a.chain, valueOf = _a.valueOf;
-            var binding = new pectin.Binding.Identity(_this.formValueModel, _this.componentValueModel);
+            var binding = new pectin.Binding.Identity(_this.formValueModel, _this.componentValueModel).writeRight();
             var inExternalChange = valueOf.any(_this.setValueInProgress, chain(binding.direction).equals(pectin.Binding.Direction.RIGHT)).areTruthy();
             when(_this.componentValueModel).changes(function (is, was) {
                 _this.valueChange.emit(is);
@@ -2670,46 +2670,46 @@
             Position["START"] = "start";
             Position["END"] = "end";
         })(Position = CommandFace.Position || (CommandFace.Position = {}));
-        var Instance = /** @class */ (function () {
-            function Instance(face) {
+        var Adapter = /** @class */ (function () {
+            function Adapter(face) {
                 this.face = face;
             }
-            Object.defineProperty(Instance.prototype, "text", {
+            Object.defineProperty(Adapter.prototype, "text", {
                 get: function () {
                     return ___default__default.isFunction(this.face.text) ? this.face.text() : undefined;
                 },
                 enumerable: true,
                 configurable: true
             });
-            Object.defineProperty(Instance.prototype, "icon", {
+            Object.defineProperty(Adapter.prototype, "icon", {
                 get: function () {
                     return ___default__default.isFunction(this.face.icon) ? this.face.icon() : undefined;
                 },
                 enumerable: true,
                 configurable: true
             });
-            Object.defineProperty(Instance.prototype, "iconPosition", {
+            Object.defineProperty(Adapter.prototype, "iconPosition", {
                 get: function () {
                     return ___default__default.isFunction(this.face.iconPosition) ? this.face.iconPosition() : CommandFace.Position.START;
                 },
                 enumerable: true,
                 configurable: true
             });
-            Object.defineProperty(Instance.prototype, "tooltip", {
+            Object.defineProperty(Adapter.prototype, "tooltip", {
                 get: function () {
                     return ___default__default.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;
                 },
                 enumerable: true,
                 configurable: true
             });
-            Object.defineProperty(Instance.prototype, "iconPositionStart", {
+            Object.defineProperty(Adapter.prototype, "iconPositionStart", {
                 get: function () {
                     return this.iconPosition === CommandFace.Position.START;
                 },
                 enumerable: true,
                 configurable: true
             });
-            Object.defineProperty(Instance.prototype, "iconPositionEnd", {
+            Object.defineProperty(Adapter.prototype, "iconPositionEnd", {
                 get: function () {
                     return this.iconPosition === CommandFace.Position.END;
                 },
@@ -2720,35 +2720,35 @@
                 src.Memoize(),
                 __metadata("design:type", Object),
                 __metadata("design:paramtypes", [])
-            ], Instance.prototype, "text", null);
+            ], Adapter.prototype, "text", null);
             __decorate([
                 src.Memoize(),
                 __metadata("design:type", Object),
                 __metadata("design:paramtypes", [])
-            ], Instance.prototype, "icon", null);
+            ], Adapter.prototype, "icon", null);
             __decorate([
                 src.Memoize(),
                 __metadata("design:type", Object),
                 __metadata("design:paramtypes", [])
-            ], Instance.prototype, "iconPosition", null);
+            ], Adapter.prototype, "iconPosition", null);
             __decorate([
                 src.Memoize(),
                 __metadata("design:type", Object),
                 __metadata("design:paramtypes", [])
-            ], Instance.prototype, "tooltip", null);
+            ], Adapter.prototype, "tooltip", null);
             __decorate([
                 src.Memoize(),
                 __metadata("design:type", Boolean),
                 __metadata("design:paramtypes", [])
-            ], Instance.prototype, "iconPositionStart", null);
+            ], Adapter.prototype, "iconPositionStart", null);
             __decorate([
                 src.Memoize(),
                 __metadata("design:type", Boolean),
                 __metadata("design:paramtypes", [])
-            ], Instance.prototype, "iconPositionEnd", null);
-            return Instance;
+            ], Adapter.prototype, "iconPositionEnd", null);
+            return Adapter;
         }());
-        CommandFace.Instance = Instance;
+        CommandFace.Adapter = Adapter;
     })(exports.CommandFace || (exports.CommandFace = {}));
 
     var MenuItemData = /** @class */ (function (_super) {
@@ -2759,7 +2759,7 @@
             return _this;
         }
         return MenuItemData;
-    }(exports.CommandFace.Instance));
+    }(exports.CommandFace.Adapter));
     /**
      *
      */
@@ -2779,16 +2779,16 @@
         };
         TableRowMenuComponent.prototype.ngOnInit = function () {
         };
-        TableRowMenuComponent.prototype.createCommandFor = function (item, value) {
+        TableRowMenuComponent.prototype.createMoreMenuCommand = function (item, value) {
             var _this = this;
             var when = pectin.Dsl.disposeWith(this).when;
             var command = item.factory.create(value);
             when(command.busy).becomesFalsey(function () {
-                _this.closeMenu();
+                _this.closeMoreMenu();
             });
             return command;
         };
-        TableRowMenuComponent.prototype.closeMenu = function () {
+        TableRowMenuComponent.prototype.closeMoreMenu = function () {
             this.menu.closeMenu();
         };
         __decorate([
@@ -2802,7 +2802,7 @@
         TableRowMenuComponent = __decorate([
             core.Component({
                 selector: 'aup-table-row-menu',
-                template: "\n    <button mat-icon-button *ngFor=\"let action of actions\" [pectinCommand]=\"createCommandFor(action, value)\">\n      <aup-icon [icon]=\"action.icon\"></aup-icon>\n    </button>\n    <ng-container *ngIf=\"moreActions.length > 0\">\n      <button #trigger mat-icon-button [matMenuTriggerFor]=\"menu\">\n        <aup-icon icon=\"mat:more_vert\"></aup-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\" xPosition=\"before\" matTooltip=\"More options...\">\n        <button *ngFor=\"let action of moreActions\"\n                mat-menu-item\n                [pectinCommand]=\"createCommandFor(action, value)\"\n        >\n          <aup-icon *ngIf=\"action.icon && action.iconPositionStart\" [icon]=\"action.icon\"></aup-icon>\n          {{action.text}}\n          <aup-icon *ngIf=\"action.icon && action.iconPositionEnd\" [icon]=\"action.icon\"></aup-icon>\n        </button>\n      </mat-menu>\n    </ng-container>\n  ",
+                template: "\n    <button mat-icon-button *ngFor=\"let action of actions\" [pectinCommand]=\"action.factory.create(value)\">\n      <aup-icon [icon]=\"action.icon\"></aup-icon>\n    </button>\n    <ng-container *ngIf=\"moreActions.length > 0\">\n      <button #trigger mat-icon-button [matMenuTriggerFor]=\"menu\">\n        <aup-icon icon=\"mat:more_vert\"></aup-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\" xPosition=\"before\" matTooltip=\"More options...\">\n        <button *ngFor=\"let action of moreActions\"\n                mat-menu-item\n                [pectinCommand]=\"createMoreMenuCommand(action, value)\"\n        >\n          <aup-icon *ngIf=\"action.icon && action.iconPositionStart\" [icon]=\"action.icon\"></aup-icon>\n          {{action.text}}\n          <aup-icon *ngIf=\"action.icon && action.iconPositionEnd\" [icon]=\"action.icon\"></aup-icon>\n        </button>\n      </mat-menu>\n    </ng-container>\n  ",
                 styles: [":host {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n  }"]
             }),
             __metadata("design:paramtypes", [])