@coolon/angular-ui-powerups 2.0.0-alpha.28 → 2.0.0-alpha.29

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.29](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.28...v2.0.0-alpha.29) (2020-08-25)
+
+
+### Bug Fixes
+
+* aup-more-menu menu position and change detection fixes ([7cc4476](https://bitbucket.org/coolon/angular-ui-powerups/commit/7cc4476a661ba344600789f864dd49bb7d6d855a))
+
 ## [2.0.0-alpha.28](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2020-08-25)
 
 ## [2.0.0-alpha.27](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2020-08-25)

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

@@ -952,12 +952,16 @@
      */
     var AbstractPopupMenuComponent = /** @class */ (function (_super) {
         __extends(AbstractPopupMenuComponent, _super);
-        function AbstractPopupMenuComponent() {
+        function AbstractPopupMenuComponent(cdr) {
             var _this = _super.call(this) || this;
+            _this.cdr = cdr;
             _this.xPosition = 'after';
             _this.yPosition = 'below';
             return _this;
         }
+        AbstractPopupMenuComponent.prototype.ngAfterViewInit = function () {
+            this.cdr.detectChanges();
+        };
         Object.defineProperty(AbstractPopupMenuComponent.prototype, "matMenuComponent", {
             get: function () {
                 var _a;
@@ -972,6 +976,9 @@
         AbstractPopupMenuComponent.prototype.getButtonColor = function (registration) {
             return registration.faceAdapter.destructive ? 'warn' : undefined;
         };
+        AbstractPopupMenuComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef }
+        ]; };
         __decorate([
             core.Input(),
             __metadata("design:type", String)
@@ -993,7 +1000,7 @@
                 selector: 'aup-abstract-popup-menu',
                 template: ''
             }),
-            __metadata("design:paramtypes", [])
+            __metadata("design:paramtypes", [core.ChangeDetectorRef])
         ], AbstractPopupMenuComponent);
         return AbstractPopupMenuComponent;
     }(CommandContainer));
@@ -1003,8 +1010,8 @@
      */
     var PopupMenuComponent = /** @class */ (function (_super) {
         __extends(PopupMenuComponent, _super);
-        function PopupMenuComponent() {
-            var _this = _super.call(this) || this;
+        function PopupMenuComponent(cdr) {
+            var _this = _super.call(this, cdr) || this;
             _this.faceModel = new pectin.MutableValueModel();
             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;
             var faceAdapterModel = chain(_this.faceModel).map(function (face) { return new exports.CommandFace.Adapter(face); });
@@ -1018,6 +1025,9 @@
         PopupMenuComponent.prototype.ngOnInit = function () {
         };
         var PopupMenuComponent_1;
+        PopupMenuComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef }
+        ]; };
         __decorate([
             core.Input(), pectin.StoreInValueModel('faceModel'),
             __metadata("design:type", Object)
@@ -1028,7 +1038,7 @@
                 template: "\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"getTooltip()\">\n      <aup-command-face [face]=\"face\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\" [yPosition]=\"yPosition\"\n                             [xPosition]=\"xPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  ",
                 providers: [{ provide: CommandContainer, useExisting: core.forwardRef(function () { return PopupMenuComponent_1; }) }]
             }),
-            __metadata("design:paramtypes", [])
+            __metadata("design:paramtypes", [core.ChangeDetectorRef])
         ], PopupMenuComponent);
         return PopupMenuComponent;
     }(AbstractPopupMenuComponent));
@@ -1038,11 +1048,16 @@
      */
     var MoreMenuComponent = /** @class */ (function (_super) {
         __extends(MoreMenuComponent, _super);
-        function MoreMenuComponent() {
-            return _super.call(this) || this;
+        function MoreMenuComponent(cdr) {
+            var _this = _super.call(this, cdr) || this;
+            _this.xPosition = "before"; // this should be the default unless overriden by the user.
+            return _this;
         }
         MoreMenuComponent_1 = MoreMenuComponent;
         var MoreMenuComponent_1;
+        MoreMenuComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef }
+        ]; };
         __decorate([
             core.Input(),
             __metadata("design:type", String)
@@ -1050,10 +1065,10 @@
         MoreMenuComponent = MoreMenuComponent_1 = __decorate([
             core.Component({
                 selector: 'aup-more-menu',
-                template: "\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"tooltip\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\"\n                             [yPosition]=\"yPosition\" [xPosition]=\"xPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  ",
+                template: "\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"tooltip\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\"\n                             [xPosition]=\"xPosition\"\n                             [yPosition]=\"yPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  ",
                 providers: [{ provide: CommandContainer, useExisting: core.forwardRef(function () { return MoreMenuComponent_1; }) }]
             }),
-            __metadata("design:paramtypes", [])
+            __metadata("design:paramtypes", [core.ChangeDetectorRef])
         ], MoreMenuComponent);
         return MoreMenuComponent;
     }(AbstractPopupMenuComponent));