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

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 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

@@ -685,14 +685,13 @@
         CommandFace.Adapter = Adapter;
     })(exports.CommandFace || (exports.CommandFace = {}));
 
-    exports.ɵbo = /** @class */ (function (_super) {
+    var CommandContainer = /** @class */ (function (_super) {
         __extends(CommandContainer, _super);
         function CommandContainer() {
             var _this = _super.call(this) || this;
             _this._commandRegistrations = new pectin.MutableListModel();
             return _this;
         }
-        CommandContainer_1 = CommandContainer;
         Object.defineProperty(CommandContainer.prototype, "commandRegistrations", {
             get: function () {
                 return this._commandRegistrations.readonly;
@@ -702,34 +701,15 @@
         });
         CommandContainer.prototype.registerCommand = function (command, face) {
             var _this = this;
-            var registration = new CommandContainer_1.Registration(command, face);
+            var registration = { command: command, faceAdapter: new exports.CommandFace.Adapter(face) };
             this._commandRegistrations.push(registration);
             return pectin.Disposable.disposableThatRuns(function () { return _this._commandRegistrations.remove(registration); });
         };
         CommandContainer.prototype.getDefaultIconPosition = function () {
             return exports.CommandFace.Position.START;
         };
-        var CommandContainer_1;
-        CommandContainer = CommandContainer_1 = __decorate([
-            core.Component({
-                template: ''
-            }),
-            __metadata("design:paramtypes", [])
-        ], CommandContainer);
         return CommandContainer;
     }(pectin.GarbageCollector));
-    (function (CommandContainer) {
-        var Registration = /** @class */ (function (_super) {
-            __extends(Registration, _super);
-            function Registration(command, face) {
-                var _this = _super.call(this, face) || this;
-                _this.command = command;
-                return _this;
-            }
-            return Registration;
-        }(exports.CommandFace.Adapter));
-        CommandContainer.Registration = Registration;
-    })(exports.ɵbo || (exports.ɵbo = {}));
 
     /**
      *
@@ -743,24 +723,20 @@
         CommandBarComponent.prototype.ngOnInit = function () {
         };
         CommandBarComponent.prototype.getButtonColor = function (registration) {
-            return registration.destructive ? 'warn' : undefined;
+            return registration.faceAdapter.destructive ? 'warn' : undefined;
         };
         var CommandBarComponent_1;
-        __decorate([
-            core.ContentChild('moreMenu'),
-            __metadata("design:type", core.TemplateRef)
-        ], CommandBarComponent.prototype, "moreMenuTemplateRef", void 0);
         CommandBarComponent = CommandBarComponent_1 = __decorate([
             core.Component({
                 selector: 'aup-command-bar',
-                template: "\n    <ng-container *ngFor=\"let registration of commandRegistrations.value\">\n      <button *ngIf=\"registration.icon && !registration.text\"\n              mat-icon-button\n              [color]=\"getButtonColor(registration)\"\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.face\"></aup-command-face>\n      </button>\n      <button *ngIf=\"registration.text\"\n              [color]=\"getButtonColor(registration)\"\n              mat-button\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.face\"></aup-command-face>\n      </button>\n    </ng-container>\n  ",
-                providers: [{ provide: exports.ɵbo, useExisting: core.forwardRef(function () { return CommandBarComponent_1; }) }],
+                template: "\n    <ng-container *ngFor=\"let registration of commandRegistrations.value\">\n      <button *ngIf=\"registration.faceAdapter.icon && !registration.faceAdapter.text\"\n              mat-icon-button\n              [color]=\"getButtonColor(registration)\"\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.faceAdapter.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n      </button>\n      <button *ngIf=\"registration.faceAdapter.text\"\n              [color]=\"getButtonColor(registration)\"\n              mat-button\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n      </button>\n    </ng-container>\n  ",
+                providers: [{ provide: CommandContainer, useExisting: core.forwardRef(function () { return CommandBarComponent_1; }) }],
                 styles: [":host {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n  }"]
             }),
             __metadata("design:paramtypes", [])
         ], CommandBarComponent);
         return CommandBarComponent;
-    }(exports.ɵbo));
+    }(CommandContainer));
 
     /**
      *
@@ -836,7 +812,7 @@
             configurable: true
         });
         CommandFaceComponent.ctorParameters = function () { return [
-            { type: exports.ɵbo, decorators: [{ type: core.Optional }] }
+            { type: CommandContainer, decorators: [{ type: core.Optional }] }
         ]; };
         __decorate([
             core.Input('face'), pectin.StoreInValueModel('faceModel'),
@@ -872,7 +848,7 @@
                 styles: ["aup-command-face{--icon-gap:var(--command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]
             }),
             __param(0, core.Optional()),
-            __metadata("design:paramtypes", [exports.ɵbo])
+            __metadata("design:paramtypes", [CommandContainer])
         ], CommandFaceComponent);
         return CommandFaceComponent;
     }(DisposableComponent));
@@ -891,7 +867,7 @@
             this.registerDisposable(this.commandContainer.registerCommand(this.command, this.face));
         };
         CommandComponent.ctorParameters = function () { return [
-            { type: exports.ɵbo }
+            { type: CommandContainer }
         ]; };
         __decorate([
             core.Input(), pectin.TrackExternal(),
@@ -906,7 +882,7 @@
                 selector: 'aup-command',
                 template: ""
             }),
-            __metadata("design:paramtypes", [exports.ɵbo])
+            __metadata("design:paramtypes", [CommandContainer])
         ], CommandComponent);
         return CommandComponent;
     }(DisposableComponent));
@@ -914,65 +890,188 @@
     /**
      *
      */
-    var CommandMenuComponent = /** @class */ (function (_super) {
-        __extends(CommandMenuComponent, _super);
-        function CommandMenuComponent() {
+    var PopupMenuRendererComponent = /** @class */ (function (_super) {
+        __extends(PopupMenuRendererComponent, _super);
+        function PopupMenuRendererComponent() {
             var _this = _super.call(this) || this;
-            _this.faceModel = new pectin.MutableValueModel();
             _this.xPosition = 'after';
             _this.yPosition = 'below';
+            _this.commandExecuted = new core.EventEmitter();
             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;
-            _this.tooltip = chain(_this.faceModel).map(function (face) { return new exports.CommandFace.Adapter(face); }).pluck('tooltip');
             var registrations = chain(_this.commandRegistrations);
-            var iconCount = registrations.select(function (r) { return !!r.icon; }).count();
+            var iconCount = registrations.select(function (r) { return !!r.faceAdapter.icon; }).count();
             _this.hasMixedIcons = valueOf.all(iconCount.isGreaterThan(0), iconCount.doesNotEqual(registrations.length)).areTruthy();
             return _this;
         }
-        CommandMenuComponent_1 = CommandMenuComponent;
-        CommandMenuComponent.prototype.ngOnInit = function () {
+        PopupMenuRendererComponent.prototype.ngOnInit = function () {
         };
-        CommandMenuComponent.prototype.createMoreMenuCommand = function (item) {
+        PopupMenuRendererComponent.prototype.getPopupMenuCommandFor = function (item) {
             var _this = this;
             var when = pectin.Dsl.disposeWith(this).when;
             when(item.command.busy).becomesFalsey(function () {
-                _this.closeMoreMenu();
+                _this.commandExecuted.emit();
             });
             return item.command;
         };
-        CommandMenuComponent.prototype.closeMoreMenu = function () {
-            this.menu.closeMenu();
-        };
-        CommandMenuComponent.prototype.getButtonColor = function (registration) {
-            return registration.destructive ? 'warn' : undefined;
+        PopupMenuRendererComponent.prototype.getButtonColor = function (registration) {
+            return registration.faceAdapter.destructive ? 'warn' : undefined;
         };
-        var CommandMenuComponent_1;
         __decorate([
-            core.Input(), pectin.StoreInValueModel('faceModel'),
+            core.Input(), pectin.TrackExternal(),
+            __metadata("design:type", pectin.ListModel)
+        ], PopupMenuRendererComponent.prototype, "commandRegistrations", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], PopupMenuRendererComponent.prototype, "xPosition", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], PopupMenuRendererComponent.prototype, "yPosition", void 0);
+        __decorate([
+            core.Output(),
             __metadata("design:type", Object)
-        ], CommandMenuComponent.prototype, "face", void 0);
+        ], PopupMenuRendererComponent.prototype, "commandExecuted", void 0);
+        __decorate([
+            core.ViewChild(menu.MatMenu),
+            __metadata("design:type", menu.MatMenu)
+        ], PopupMenuRendererComponent.prototype, "matMenu", void 0);
+        PopupMenuRendererComponent = __decorate([
+            core.Component({
+                selector: 'aup-popup-menu-renderer',
+                template: "<mat-menu [xPosition]=\"xPosition\" [yPosition]=\"yPosition\" >\n  <button *ngFor=\"let registration of commandRegistrations.value\"\n          mat-menu-item\n          [pectinCommand]=\"getPopupMenuCommandFor(registration)\"\n  >\n    <aup-command-face [face]=\"registration.faceAdapter.face\" [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n  </button>\n</mat-menu>\n",
+                styles: [":host{display:inline-flex;flex-direction:row;align-items:center}"]
+            }),
+            __metadata("design:paramtypes", [])
+        ], PopupMenuRendererComponent);
+        return PopupMenuRendererComponent;
+    }(DisposableComponent));
+
+    /**
+     *
+     */
+    var AbstractPopupMenuComponent = /** @class */ (function (_super) {
+        __extends(AbstractPopupMenuComponent, _super);
+        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;
+                return (_a = this.popupMenu) === null || _a === void 0 ? void 0 : _a.matMenu;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AbstractPopupMenuComponent.prototype.closeMenu = function () {
+            this.menuTrigger.closeMenu();
+        };
+        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)
-        ], CommandMenuComponent.prototype, "xPosition", void 0);
+        ], AbstractPopupMenuComponent.prototype, "xPosition", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", String)
-        ], CommandMenuComponent.prototype, "yPosition", void 0);
+        ], AbstractPopupMenuComponent.prototype, "yPosition", void 0);
+        __decorate([
+            core.ViewChild(PopupMenuRendererComponent),
+            __metadata("design:type", PopupMenuRendererComponent)
+        ], AbstractPopupMenuComponent.prototype, "popupMenu", void 0);
         __decorate([
             core.ViewChild(menu.MatMenuTrigger),
             __metadata("design:type", menu.MatMenuTrigger)
-        ], CommandMenuComponent.prototype, "menu", void 0);
-        CommandMenuComponent = CommandMenuComponent_1 = __decorate([
+        ], AbstractPopupMenuComponent.prototype, "menuTrigger", void 0);
+        AbstractPopupMenuComponent = __decorate([
             core.Component({
-                selector: 'aup-command-menu',
-                template: "<button #trigger mat-icon-button [matMenuTriggerFor]=\"menu\" [matTooltip]=\"tooltip.value\">\n  <aup-command-face [face]=\"face\"></aup-command-face>\n</button>\n<mat-menu #menu=\"matMenu\" [xPosition]=\"xPosition\" [yPosition]=\"yPosition\">\n  <button *ngFor=\"let registration of commandRegistrations.value\"\n          mat-menu-item\n          [pectinCommand]=\"createMoreMenuCommand(registration)\"\n  >\n    <aup-command-face [face]=\"registration.face\" [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n  </button>\n</mat-menu>\n",
-                providers: [{ provide: exports.ɵbo, useExisting: core.forwardRef(function () { return CommandMenuComponent_1; }) }],
-                styles: [":host{display:inline-flex;flex-direction:row;align-items:center}"]
+                selector: 'aup-abstract-popup-menu',
+                template: ''
             }),
-            __metadata("design:paramtypes", [])
-        ], CommandMenuComponent);
-        return CommandMenuComponent;
-    }(exports.ɵbo));
+            __metadata("design:paramtypes", [core.ChangeDetectorRef])
+        ], AbstractPopupMenuComponent);
+        return AbstractPopupMenuComponent;
+    }(CommandContainer));
+
+    /**
+     *
+     */
+    var PopupMenuComponent = /** @class */ (function (_super) {
+        __extends(PopupMenuComponent, _super);
+        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); });
+            _this.faceTooltipModel = faceAdapterModel.pluck('tooltip');
+            return _this;
+        }
+        PopupMenuComponent_1 = PopupMenuComponent;
+        PopupMenuComponent.prototype.getTooltip = function () {
+            return this.faceTooltipModel.value;
+        };
+        PopupMenuComponent.prototype.ngOnInit = function () {
+        };
+        var PopupMenuComponent_1;
+        PopupMenuComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef }
+        ]; };
+        __decorate([
+            core.Input(), pectin.StoreInValueModel('faceModel'),
+            __metadata("design:type", Object)
+        ], PopupMenuComponent.prototype, "face", void 0);
+        PopupMenuComponent = PopupMenuComponent_1 = __decorate([
+            core.Component({
+                selector: 'aup-popup-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]=\"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", [core.ChangeDetectorRef])
+        ], PopupMenuComponent);
+        return PopupMenuComponent;
+    }(AbstractPopupMenuComponent));
+
+    /**
+     *
+     */
+    var MoreMenuComponent = /** @class */ (function (_super) {
+        __extends(MoreMenuComponent, _super);
+        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)
+        ], MoreMenuComponent.prototype, "tooltip", void 0);
+        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                             [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", [core.ChangeDetectorRef])
+        ], MoreMenuComponent);
+        return MoreMenuComponent;
+    }(AbstractPopupMenuComponent));
 
     var FocusContainerComponent = /** @class */ (function (_super) {
         __extends(FocusContainerComponent, _super);
@@ -3251,9 +3350,11 @@
                     TableRowMenuComponent,
                     CommandBarComponent,
                     CommandComponent,
-                    CommandMenuComponent,
+                    PopupMenuComponent,
                     CommandFaceComponent,
-                    exports.ɵbo
+                    AbstractPopupMenuComponent,
+                    PopupMenuRendererComponent,
+                    MoreMenuComponent
                 ],
                 imports: [
                     common.CommonModule,
@@ -3302,9 +3403,11 @@
                     TableRowMenuComponent,
                     CommandBarComponent,
                     CommandComponent,
-                    CommandMenuComponent,
+                    AbstractPopupMenuComponent,
+                    PopupMenuComponent,
                     CommandFaceComponent,
-                    exports.ɵbo
+                    PopupMenuRendererComponent,
+                    MoreMenuComponent
                 ],
                 providers: [
                     FocusBindingFactory
@@ -3955,7 +4058,7 @@
     }());
 
     var inplaceMonitorCount = 0;
-    exports.ɵcc = /** @class */ (function () {
+    exports.ɵcf = /** @class */ (function () {
         function InteractionService(modelInteractionContextFactory) {
             this.modelInteractionContextFactory = modelInteractionContextFactory;
             this.garbage = new pectin.GarbageCollector();
@@ -4100,7 +4203,7 @@
             return ApiAdapter;
         }());
         InteractionService.ApiAdapter = ApiAdapter;
-    })(exports.ɵcc || (exports.ɵcc = {}));
+    })(exports.ɵcf || (exports.ɵcf = {}));
 
     var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
         __extends(InPlaceInteractionContextComponent, _super);
@@ -4158,7 +4261,7 @@
             return this.activityContainerComponent.startActivity(activityType, data, options);
         };
         InPlaceInteractionContextComponent.ctorParameters = function () { return [
-            { type: exports.ɵcc },
+            { type: exports.ɵcf },
             { type: undefined, decorators: [{ type: core.Inject, args: [tabs.MAT_TABS_CONFIG,] }, { type: core.Optional }] }
         ]; };
         __decorate([
@@ -4176,7 +4279,7 @@
                 styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
             }),
             __param(1, core.Inject(tabs.MAT_TABS_CONFIG)), __param(1, core.Optional()),
-            __metadata("design:paramtypes", [exports.ɵcc, Object])
+            __metadata("design:paramtypes", [exports.ɵcf, Object])
         ], InPlaceInteractionContextComponent);
         return InPlaceInteractionContextComponent;
     }(DisposableComponent));
@@ -4715,7 +4818,7 @@
                     AlertDialogComponent
                 ],
                 providers: [
-                    exports.ɵcc
+                    exports.ɵcf
                     // {
                     //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: "2s" }
                     // }
@@ -5837,7 +5940,7 @@
         return PopStateNavigation;
     }(AbstractPopStateNavigation));
 
-    exports.ɵcf = /** @class */ (function () {
+    exports.ɵci = /** @class */ (function () {
         function PlaceHistory() {
             this._archive = new Map();
             this.placeHistoryDepth = 4;
@@ -5974,7 +6077,7 @@
         //   }
         //
         // }
-    })(exports.ɵcf || (exports.ɵcf = {}));
+    })(exports.ɵci || (exports.ɵci = {}));
 
     exports.UrlSnapshot = /** @class */ (function () {
         // TODO: Update this accept a url Parser so it can be immutable and generate new trees on mutation using toString() are parseUrl.
@@ -6429,20 +6532,20 @@
         PlaceRouter.ctorParameters = function () { return [
             { type: router.Router },
             { type: common.Location },
-            { type: exports.ɵcc },
+            { type: exports.ɵcf },
             { type: UrlService },
-            { type: exports.ɵcf }
+            { type: exports.ɵci }
         ]; };
-        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵcc), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵcf)); }, token: PlaceRouter, providedIn: "root" });
+        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵcf), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵci)); }, token: PlaceRouter, providedIn: "root" });
         PlaceRouter = __decorate([
             core.Injectable({
                 providedIn: 'root'
             }),
             __metadata("design:paramtypes", [router.Router,
                 common.Location,
-                exports.ɵcc,
+                exports.ɵcf,
                 UrlService,
-                exports.ɵcf])
+                exports.ɵci])
         ], PlaceRouter);
         return PlaceRouter;
     }(pectin.GarbageCollector));
@@ -7592,6 +7695,7 @@
     exports.AbstractListInputComponent = AbstractListInputComponent;
     exports.AbstractPlaceNavigationComponent = AbstractPlaceNavigationComponent;
     exports.AbstractPopStateNavigation = AbstractPopStateNavigation;
+    exports.AbstractPopupMenuComponent = AbstractPopupMenuComponent;
     exports.AbstractValueInputComponent = AbstractValueInputComponent;
     exports.Activity = Activity;
     exports.ActivityActionsComponent = ActivityActionsComponent;
@@ -7615,10 +7719,9 @@
     exports.ColumnTemplateDirective = ColumnTemplateDirective;
     exports.CommandBarComponent = CommandBarComponent;
     exports.CommandComponent = CommandComponent;
-    exports.CommandContainer = exports.ɵbo;
+    exports.CommandContainer = CommandContainer;
     exports.CommandDirective = CommandDirective;
     exports.CommandFaceComponent = CommandFaceComponent;
-    exports.CommandMenuComponent = CommandMenuComponent;
     exports.ComponentCellRendererPortalRef = ComponentCellRendererPortalRef;
     exports.ComponentsModule = ComponentsModule;
     exports.ConfirmThenDialogComponent = ConfirmThenDialogComponent;
@@ -7650,12 +7753,13 @@
     exports.InPlaceInteractionContextComponent = InPlaceInteractionContextComponent;
     exports.InteractionContextTriggerFor = InteractionContextTriggerFor;
     exports.InteractionModule = InteractionModule;
-    exports.InteractionService = exports.ɵcc;
+    exports.InteractionService = exports.ɵcf;
     exports.InteractionServiceRoutingAdapter = InteractionServiceRoutingAdapter;
     exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.ListPlaceNavComponent = ListPlaceNavComponent;
     exports.ListPropertyColumnModel = ListPropertyColumnModel;
     exports.ModalInteractionContextFactory = ModalInteractionContextFactory;
+    exports.MoreMenuComponent = MoreMenuComponent;
     exports.MultipleSelectInputComponent = MultipleSelectInputComponent;
     exports.Navigating = Navigating;
     exports.NavigatingDuringInteraction = NavigatingDuringInteraction;
@@ -7670,7 +7774,7 @@
     exports.PlaceComponentDeactivationHandler = PlaceComponentDeactivationHandler;
     exports.PlaceDefinition = PlaceDefinition;
     exports.PlaceGuard = PlaceGuard;
-    exports.PlaceHistory = exports.ɵcf;
+    exports.PlaceHistory = exports.ɵci;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouter = PlaceRouter;
@@ -7678,6 +7782,8 @@
     exports.PopStateDuringInteractionNavigation = PopStateDuringInteractionNavigation;
     exports.PopStateNavigation = PopStateNavigation;
     exports.PopupInteractionContextComponent = PopupInteractionContextComponent;
+    exports.PopupMenuComponent = PopupMenuComponent;
+    exports.PopupMenuRendererComponent = PopupMenuRendererComponent;
     exports.PropertyColumnModel = PropertyColumnModel;
     exports.ROUTE_PARAMETER_LIST_KEY = ROUTE_PARAMETER_LIST_KEY;
     exports.RemoveLastInteractionFromUrlNavigationSession = RemoveLastInteractionFromUrlNavigationSession;
@@ -7734,43 +7840,47 @@
     exports.ɵbl = SectionHeaderComponent;
     exports.ɵbm = TableRowMenuComponent;
     exports.ɵbn = CommandBarComponent;
+    exports.ɵbo = CommandContainer;
     exports.ɵbp = CommandComponent;
-    exports.ɵbq = CommandMenuComponent;
-    exports.ɵbr = CommandFaceComponent;
-    exports.ɵbs = PlaceModule;
-    exports.ɵbt = ComponentsModule;
-    exports.ɵbu = EmptyStateComponent;
-    exports.ɵbv = BusyOverlayComponent;
-    exports.ɵbw = PlaceOutletComponent;
-    exports.ɵbx = leftRightPlaceAnimation;
-    exports.ɵby = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵbz = AUP_PLACE_CONFIG;
+    exports.ɵbq = PopupMenuComponent;
+    exports.ɵbr = AbstractPopupMenuComponent;
+    exports.ɵbs = PopupMenuRendererComponent;
+    exports.ɵbt = CommandFaceComponent;
+    exports.ɵbu = MoreMenuComponent;
+    exports.ɵbv = PlaceModule;
+    exports.ɵbw = ComponentsModule;
+    exports.ɵbx = EmptyStateComponent;
+    exports.ɵby = BusyOverlayComponent;
+    exports.ɵbz = PlaceOutletComponent;
     exports.ɵc = FocusBindingDirective;
-    exports.ɵcb = PlaceRouter;
-    exports.ɵcd = ModalInteractionContextFactory;
-    exports.ɵce = UrlService;
-    exports.ɵcg = TabbedPlaceNavigationComponent;
-    exports.ɵch = AbstractPlaceNavigationComponent;
-    exports.ɵci = ListPlaceNavComponent;
-    exports.ɵcj = SidePlaceNavigationComponent;
-    exports.ɵck = InteractionModule;
-    exports.ɵcl = ActivityContainerComponent;
-    exports.ɵcm = AbstractInteractionContext;
-    exports.ɵcn = ActivityOutletComponent;
-    exports.ɵco = ConfirmationDialogComponent;
-    exports.ɵcp = ACTIVITY_DATA;
-    exports.ɵcq = Activity;
-    exports.ɵcs = ConfirmThenDialogComponent;
-    exports.ɵct = AlertDialogComponent;
-    exports.ɵcv = InPlaceInteractionContextComponent;
-    exports.ɵcw = AddItemInteractionContextComponent;
-    exports.ɵcx = ActivityActionsComponent;
-    exports.ɵcy = PopupInteractionContextComponent;
-    exports.ɵcz = StringInputActivity;
+    exports.ɵca = leftRightPlaceAnimation;
+    exports.ɵcb = LEFT_RIGHT_PLACE_ANIMATION;
+    exports.ɵcc = AUP_PLACE_CONFIG;
+    exports.ɵce = PlaceRouter;
+    exports.ɵcg = ModalInteractionContextFactory;
+    exports.ɵch = UrlService;
+    exports.ɵcj = TabbedPlaceNavigationComponent;
+    exports.ɵck = AbstractPlaceNavigationComponent;
+    exports.ɵcl = ListPlaceNavComponent;
+    exports.ɵcm = SidePlaceNavigationComponent;
+    exports.ɵcn = InteractionModule;
+    exports.ɵco = ActivityContainerComponent;
+    exports.ɵcp = AbstractInteractionContext;
+    exports.ɵcq = ActivityOutletComponent;
+    exports.ɵcr = ConfirmationDialogComponent;
+    exports.ɵcs = ACTIVITY_DATA;
+    exports.ɵct = Activity;
+    exports.ɵcv = ConfirmThenDialogComponent;
+    exports.ɵcw = AlertDialogComponent;
+    exports.ɵcy = InPlaceInteractionContextComponent;
+    exports.ɵcz = AddItemInteractionContextComponent;
     exports.ɵd = DisposableComponent;
-    exports.ɵda = AbstractInputActivity;
-    exports.ɵdb = SelectInputActivity;
-    exports.ɵdc = InteractionContextTriggerFor;
+    exports.ɵda = ActivityActionsComponent;
+    exports.ɵdb = PopupInteractionContextComponent;
+    exports.ɵdc = StringInputActivity;
+    exports.ɵdd = AbstractInputActivity;
+    exports.ɵde = SelectInputActivity;
+    exports.ɵdf = InteractionContextTriggerFor;
     exports.ɵe = FocusBindingFactory;
     exports.ɵf = ComponentsModule;
     exports.ɵg = AbstractInputComponent;