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

package/fesm5/coolon-angular-ui-powerups.js

@@ -1,6 +1,6 @@
 import { __extends, __decorate, __metadata, __param, __assign, __awaiter, __generator, __spread } from 'tslib';
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, ContentChild, TemplateRef, Component, forwardRef, Optional, HostBinding, ViewEncapsulation, EventEmitter, Output, ViewChild, Self, ChangeDetectorRef, ContentChildren, QueryList, ViewContainerRef, InjectionToken, Injector, ComponentFactoryResolver, ViewChildren, SkipSelf } from '@angular/core';
+import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, ContentChild, TemplateRef, Component, forwardRef, Optional, HostBinding, ViewEncapsulation, EventEmitter, Output, ViewChild, ChangeDetectorRef, Self, ContentChildren, QueryList, ViewContainerRef, InjectionToken, Injector, ComponentFactoryResolver, ViewChildren, SkipSelf } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -783,12 +783,16 @@ var PopupMenuRendererComponent = /** @class */ (function (_super) {
  */
 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;
@@ -803,6 +807,9 @@ var AbstractPopupMenuComponent = /** @class */ (function (_super) {
     AbstractPopupMenuComponent.prototype.getButtonColor = function (registration) {
         return registration.faceAdapter.destructive ? 'warn' : undefined;
     };
+    AbstractPopupMenuComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -824,7 +831,7 @@ var AbstractPopupMenuComponent = /** @class */ (function (_super) {
             selector: 'aup-abstract-popup-menu',
             template: ''
         }),
-        __metadata("design:paramtypes", [])
+        __metadata("design:paramtypes", [ChangeDetectorRef])
     ], AbstractPopupMenuComponent);
     return AbstractPopupMenuComponent;
 }(CommandContainer));
@@ -834,8 +841,8 @@ var AbstractPopupMenuComponent = /** @class */ (function (_super) {
  */
 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 MutableValueModel();
         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;
         var faceAdapterModel = chain(_this.faceModel).map(function (face) { return new CommandFace.Adapter(face); });
@@ -849,6 +856,9 @@ var PopupMenuComponent = /** @class */ (function (_super) {
     PopupMenuComponent.prototype.ngOnInit = function () {
     };
     var PopupMenuComponent_1;
+    PopupMenuComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
     __decorate([
         Input(), StoreInValueModel('faceModel'),
         __metadata("design:type", Object)
@@ -859,7 +869,7 @@ var PopupMenuComponent = /** @class */ (function (_super) {
             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: forwardRef(function () { return PopupMenuComponent_1; }) }]
         }),
-        __metadata("design:paramtypes", [])
+        __metadata("design:paramtypes", [ChangeDetectorRef])
     ], PopupMenuComponent);
     return PopupMenuComponent;
 }(AbstractPopupMenuComponent));
@@ -869,11 +879,16 @@ var PopupMenuComponent = /** @class */ (function (_super) {
  */
 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: ChangeDetectorRef }
+    ]; };
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -881,10 +896,10 @@ var MoreMenuComponent = /** @class */ (function (_super) {
     MoreMenuComponent = MoreMenuComponent_1 = __decorate([
         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: forwardRef(function () { return MoreMenuComponent_1; }) }]
         }),
-        __metadata("design:paramtypes", [])
+        __metadata("design:paramtypes", [ChangeDetectorRef])
     ], MoreMenuComponent);
     return MoreMenuComponent;
 }(AbstractPopupMenuComponent));