@coolon/angular-ui-powerups 2.0.0-alpha.20 → 2.0.0-alpha.22

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.22](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.21...v2.0.0-alpha.22) (2020-08-18)
+
+
+### Features
+
+* added CommandFace interface and TableRowMenuComponent ([103a54e](https://bitbucket.org/coolon/angular-ui-powerups/commit/103a54e2d2136ceda8defe54ce1f822176c40bd3))
+
+## [2.0.0-alpha.21](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.20...v2.0.0-alpha.21) (2020-08-12)
+
+
+### Features
+
+* aup-table now inserts the trackBy id into the rendered output ([d195b98](https://bitbucket.org/coolon/angular-ui-powerups/commit/d195b9830061f376fb83613e4c2f7dbf284113a5))
+
 ## [2.0.0-alpha.20](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2020-08-11)
 
 

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/cdk/portal'), require('@angular/cdk/scrolling'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/icon'), require('@angular/material/table'), require('@angular/material/tooltip'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-solid-svg-icons'), require('@coolon/pectin'), require('lodash'), require('@coolon/typescript-utilities'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('immer'), require('@angular/flex-layout'), require('@angular/material/dialog'), require('@angular/router'), require('@angular/cdk/overlay'), require('resize-observer-polyfill'), require('@angular/material/progress-spinner'), require('@angular/material/list'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/cdk/portal', '@angular/cdk/scrolling', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/checkbox', '@angular/material/icon', '@angular/material/table', '@angular/material/tooltip', '@fortawesome/angular-fontawesome', '@fortawesome/free-solid-svg-icons', '@coolon/pectin', 'lodash', '@coolon/typescript-utilities', '@typescript-plus/fast-memoize-decorator/dist/src', 'immer', '@angular/flex-layout', '@angular/material/dialog', '@angular/router', '@angular/cdk/overlay', 'resize-observer-polyfill', '@angular/material/progress-spinner', '@angular/material/list', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'rxjs'], factory) :
-    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.cdk.portal, global.ng.cdk.scrolling, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.checkbox, global.ng.material.icon, global.ng.material.table, global.ng.material.tooltip, global.angularFontawesome, global.freeSolidSvgIcons, global.pectin, global.___default, global.typescriptUtilities, global.src, global.produce, global.ng.flexLayout, global.ng.material.dialog, global.ng.router, global.ng.cdk.overlay, global.ResizeObserver, global.ng.material.progressSpinner, global.ng.material.list, global.fastMemoizeDecorator, null, global.ng.animations, global.rxjs));
-}(this, (function (exports, common, core, forms, formField, input, select, tabs, animations, portal, scrolling, autocomplete, button, checkbox, icon, table, tooltip, angularFontawesome, freeSolidSvgIcons, pectin, ___default, typescriptUtilities, src, produce, flexLayout, dialog, router, overlay, ResizeObserver, progressSpinner, list, fastMemoizeDecorator, reflectMetadata, animations$1, rxjs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/cdk/portal'), require('@angular/cdk/scrolling'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/table'), require('@angular/material/tooltip'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-solid-svg-icons'), require('@coolon/pectin'), require('lodash'), require('@coolon/typescript-utilities'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('immer'), require('@angular/flex-layout'), require('@angular/material/dialog'), require('@angular/router'), require('@angular/cdk/overlay'), require('resize-observer-polyfill'), require('@angular/material/progress-spinner'), require('@angular/material/list'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/cdk/portal', '@angular/cdk/scrolling', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/checkbox', '@angular/material/icon', '@angular/material/menu', '@angular/material/table', '@angular/material/tooltip', '@fortawesome/angular-fontawesome', '@fortawesome/free-solid-svg-icons', '@coolon/pectin', 'lodash', '@coolon/typescript-utilities', '@typescript-plus/fast-memoize-decorator/dist/src', 'immer', '@angular/flex-layout', '@angular/material/dialog', '@angular/router', '@angular/cdk/overlay', 'resize-observer-polyfill', '@angular/material/progress-spinner', '@angular/material/list', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'rxjs'], factory) :
+    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.cdk.portal, global.ng.cdk.scrolling, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.checkbox, global.ng.material.icon, global.ng.material.menu, global.ng.material.table, global.ng.material.tooltip, global.angularFontawesome, global.freeSolidSvgIcons, global.pectin, global.___default, global.typescriptUtilities, global.src, global.produce, global.ng.flexLayout, global.ng.material.dialog, global.ng.router, global.ng.cdk.overlay, global.ResizeObserver, global.ng.material.progressSpinner, global.ng.material.list, global.fastMemoizeDecorator, null, global.ng.animations, global.rxjs));
+}(this, (function (exports, common, core, forms, formField, input, select, tabs, animations, portal, scrolling, autocomplete, button, checkbox, icon, menu, table, tooltip, angularFontawesome, freeSolidSvgIcons, pectin, ___default, typescriptUtilities, src, produce, flexLayout, dialog, router, overlay, ResizeObserver, progressSpinner, list, fastMemoizeDecorator, reflectMetadata, animations$1, rxjs) { 'use strict';
 
     var ___default__default = 'default' in ___default ? ___default['default'] : ___default;
     produce = produce && Object.prototype.hasOwnProperty.call(produce, 'default') ? produce['default'] : produce;
@@ -2272,6 +2272,9 @@
             this._editorSessions = new pectin.MutableListModel();
             this.rowClassNamePredicates = [];
             this._createForm = function (row) { return new pectin.DirtyTrackingForm(); };
+            this.trackBy = function (index, item) {
+                return _this.identityOf ? _this.identityOf(item) : index;
+            };
             this.identityOf = sourceOfTruth.identityOf;
             var _a = pectin.Dsl.disposeWith(this._garbage), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
             this._columnsById = chain(this._columns).indexBy('columnId');
@@ -2298,12 +2301,6 @@
             enumerable: true,
             configurable: true
         });
-        TableModel.prototype.getTrackByFunction = function () {
-            var _this = this;
-            return function (index, item) {
-                return _this.identityOf ? _this.identityOf(item) : index;
-            };
-        };
         Object.defineProperty(TableModel.prototype, "columns", {
             get: function () {
                 return this._columns.readonly;
@@ -2483,7 +2480,7 @@
         TableComponent = __decorate([
             core.Component({
                 selector: 'aup-table',
-                template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"\n      [ngClass]=\"tableModel.getRowClasses(row)\"\n  ></tr>\n\n</table>\n",
+                template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n      [ngClass]=\"tableModel.getRowClasses(row)\" [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n  ></tr>\n\n</table>\n",
                 styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
             }),
             __metadata("design:paramtypes", [])
@@ -2666,6 +2663,153 @@
         return TableHeaderCellRendererComponent;
     }());
 
+
+    (function (CommandFace) {
+        var Position;
+        (function (Position) {
+            Position["START"] = "start";
+            Position["END"] = "end";
+        })(Position = CommandFace.Position || (CommandFace.Position = {}));
+        var Instance = /** @class */ (function () {
+            function Instance(face) {
+                this.face = face;
+            }
+            Object.defineProperty(Instance.prototype, "text", {
+                get: function () {
+                    return ___default__default.isFunction(this.face.text) ? this.face.text() : '';
+                },
+                enumerable: true,
+                configurable: true
+            });
+            Object.defineProperty(Instance.prototype, "icon", {
+                get: function () {
+                    return ___default__default.isFunction(this.face.icon) ? this.face.icon() : CommandFace.Position.START;
+                },
+                enumerable: true,
+                configurable: true
+            });
+            Object.defineProperty(Instance.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", {
+                get: function () {
+                    return ___default__default.isFunction(this.face.tooltip) ? this.face.tooltip() : '';
+                },
+                enumerable: true,
+                configurable: true
+            });
+            Object.defineProperty(Instance.prototype, "iconPositionStart", {
+                get: function () {
+                    return this.iconPosition === CommandFace.Position.START;
+                },
+                enumerable: true,
+                configurable: true
+            });
+            Object.defineProperty(Instance.prototype, "iconPositionEnd", {
+                get: function () {
+                    return this.iconPosition === CommandFace.Position.END;
+                },
+                enumerable: true,
+                configurable: true
+            });
+            __decorate([
+                src.Memoize(),
+                __metadata("design:type", Object),
+                __metadata("design:paramtypes", [])
+            ], Instance.prototype, "text", null);
+            __decorate([
+                src.Memoize(),
+                __metadata("design:type", Object),
+                __metadata("design:paramtypes", [])
+            ], Instance.prototype, "icon", null);
+            __decorate([
+                src.Memoize(),
+                __metadata("design:type", Object),
+                __metadata("design:paramtypes", [])
+            ], Instance.prototype, "iconPosition", null);
+            __decorate([
+                src.Memoize(),
+                __metadata("design:type", Object),
+                __metadata("design:paramtypes", [])
+            ], Instance.prototype, "tooltip", null);
+            __decorate([
+                src.Memoize(),
+                __metadata("design:type", Boolean),
+                __metadata("design:paramtypes", [])
+            ], Instance.prototype, "iconPositionStart", null);
+            __decorate([
+                src.Memoize(),
+                __metadata("design:type", Boolean),
+                __metadata("design:paramtypes", [])
+            ], Instance.prototype, "iconPositionEnd", null);
+            return Instance;
+        }());
+        CommandFace.Instance = Instance;
+    })(exports.CommandFace || (exports.CommandFace = {}));
+
+    var MenuItemData = /** @class */ (function (_super) {
+        __extends(MenuItemData, _super);
+        function MenuItemData(factory, face) {
+            var _this = _super.call(this, face) || this;
+            _this.factory = factory;
+            return _this;
+        }
+        return MenuItemData;
+    }(exports.CommandFace.Instance));
+    /**
+     *
+     */
+    var TableRowMenuComponent = /** @class */ (function (_super) {
+        __extends(TableRowMenuComponent, _super);
+        function TableRowMenuComponent() {
+            var _this = _super.call(this) || this;
+            _this.actions = [];
+            _this.moreActions = [];
+            return _this;
+        }
+        TableRowMenuComponent.prototype.registerAction = function (commandFactory, properties) {
+            this.actions.push(new MenuItemData(commandFactory, properties));
+        };
+        TableRowMenuComponent.prototype.registerMoreAction = function (commandFactory, properties) {
+            this.moreActions.push(new MenuItemData(commandFactory, properties));
+        };
+        TableRowMenuComponent.prototype.ngOnInit = function () {
+        };
+        TableRowMenuComponent.prototype.createCommandFor = 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();
+            });
+            return command;
+        };
+        TableRowMenuComponent.prototype.closeMenu = function () {
+            this.menu.closeMenu();
+        };
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], TableRowMenuComponent.prototype, "value", void 0);
+        __decorate([
+            core.ViewChild(menu.MatMenuTrigger),
+            __metadata("design:type", menu.MatMenuTrigger)
+        ], TableRowMenuComponent.prototype, "menu", void 0);
+        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\"></aup-icon>\n          {{action.text}}\n          <aup-icon *ngIf=\"action.icon && action.iconPositionEnd\"></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", [])
+        ], TableRowMenuComponent);
+        return TableRowMenuComponent;
+    }(DisposableComponent));
+
     var VerticalFocusContainerComponent = /** @class */ (function (_super) {
         __extends(VerticalFocusContainerComponent, _super);
         function VerticalFocusContainerComponent(focusManager) {
@@ -2791,7 +2935,8 @@
                     DefaultHeaderCellRendererComponent,
                     TableHeaderCellRendererComponent,
                     IconComponent,
-                    SectionHeaderComponent
+                    SectionHeaderComponent,
+                    TableRowMenuComponent
                 ],
                 imports: [
                     common.CommonModule,
@@ -2810,7 +2955,9 @@
                     scrolling.CdkScrollableModule,
                     angularFontawesome.FontAwesomeModule,
                     tooltip.MatTooltipModule,
-                    autocomplete.MatAutocompleteModule
+                    autocomplete.MatAutocompleteModule,
+                    menu._MatMenuDirectivesModule,
+                    menu.MatMenuModule
                 ],
                 exports: [
                     NumberInputComponent,
@@ -2834,7 +2981,8 @@
                     EditRowControls,
                     ColumnTemplateDirective,
                     IconComponent,
-                    SectionHeaderComponent
+                    SectionHeaderComponent,
+                    TableRowMenuComponent
                 ],
                 providers: [
                     FocusBindingFactory
@@ -3485,7 +3633,7 @@
     }());
 
     var inplaceMonitorCount = 0;
-    exports.ɵbw = /** @class */ (function () {
+    exports.ɵbx = /** @class */ (function () {
         function InteractionService(modelInteractionContextFactory) {
             this.modelInteractionContextFactory = modelInteractionContextFactory;
             this.garbage = new pectin.GarbageCollector();
@@ -3630,7 +3778,7 @@
             return ApiAdapter;
         }());
         InteractionService.ApiAdapter = ApiAdapter;
-    })(exports.ɵbw || (exports.ɵbw = {}));
+    })(exports.ɵbx || (exports.ɵbx = {}));
 
     var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
         __extends(InPlaceInteractionContextComponent, _super);
@@ -3688,7 +3836,7 @@
             return this.activityContainerComponent.startActivity(activityType, data, options);
         };
         InPlaceInteractionContextComponent.ctorParameters = function () { return [
-            { type: exports.ɵbw },
+            { type: exports.ɵbx },
             { type: undefined, decorators: [{ type: core.Inject, args: [tabs.MAT_TABS_CONFIG,] }, { type: core.Optional }] }
         ]; };
         __decorate([
@@ -3706,7 +3854,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.ɵbw, Object])
+            __metadata("design:paramtypes", [exports.ɵbx, Object])
         ], InPlaceInteractionContextComponent);
         return InPlaceInteractionContextComponent;
     }(DisposableComponent));
@@ -4245,7 +4393,7 @@
                     AlertDialogComponent
                 ],
                 providers: [
-                    exports.ɵbw
+                    exports.ɵbx
                     // {
                     //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: "2s" }
                     // }
@@ -5367,7 +5515,7 @@
         return PopStateNavigation;
     }(AbstractPopStateNavigation));
 
-    exports.ɵbz = /** @class */ (function () {
+    exports.ɵca = /** @class */ (function () {
         function PlaceHistory() {
             this._archive = new Map();
             this.placeHistoryDepth = 4;
@@ -5504,7 +5652,7 @@
         //   }
         //
         // }
-    })(exports.ɵbz || (exports.ɵbz = {}));
+    })(exports.ɵca || (exports.ɵca = {}));
 
     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.
@@ -5959,20 +6107,20 @@
         PlaceRouter.ctorParameters = function () { return [
             { type: router.Router },
             { type: common.Location },
-            { type: exports.ɵbw },
+            { type: exports.ɵbx },
             { type: UrlService },
-            { type: exports.ɵbz }
+            { type: exports.ɵca }
         ]; };
-        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵbw), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbz)); }, 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.ɵbx), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵca)); }, token: PlaceRouter, providedIn: "root" });
         PlaceRouter = __decorate([
             core.Injectable({
                 providedIn: 'root'
             }),
             __metadata("design:paramtypes", [router.Router,
                 common.Location,
-                exports.ɵbw,
+                exports.ɵbx,
                 UrlService,
-                exports.ɵbz])
+                exports.ɵca])
         ], PlaceRouter);
         return PlaceRouter;
     }(pectin.GarbageCollector));
@@ -7175,7 +7323,7 @@
     exports.InPlaceInteractionContextComponent = InPlaceInteractionContextComponent;
     exports.InteractionContextTriggerFor = InteractionContextTriggerFor;
     exports.InteractionModule = InteractionModule;
-    exports.InteractionService = exports.ɵbw;
+    exports.InteractionService = exports.ɵbx;
     exports.InteractionServiceRoutingAdapter = InteractionServiceRoutingAdapter;
     exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.ListPlaceNavComponent = ListPlaceNavComponent;
@@ -7195,7 +7343,7 @@
     exports.PlaceComponentDeactivationHandler = PlaceComponentDeactivationHandler;
     exports.PlaceDefinition = PlaceDefinition;
     exports.PlaceGuard = PlaceGuard;
-    exports.PlaceHistory = exports.ɵbz;
+    exports.PlaceHistory = exports.ɵca;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouter = PlaceRouter;
@@ -7228,6 +7376,7 @@
     exports.TableComponent = TableComponent;
     exports.TableHeaderCellRendererComponent = TableHeaderCellRendererComponent;
     exports.TableModel = TableModel;
+    exports.TableRowMenuComponent = TableRowMenuComponent;
     exports.TemplateCellRendererPortalRef = TemplateCellRendererPortalRef;
     exports.TextInputComponent = TextInputComponent;
     exports.UrlService = UrlService;
@@ -7257,39 +7406,40 @@
     exports.ɵbj = TableHeaderCellRendererComponent;
     exports.ɵbk = IconComponent;
     exports.ɵbl = SectionHeaderComponent;
-    exports.ɵbm = PlaceModule;
-    exports.ɵbn = ComponentsModule;
-    exports.ɵbo = EmptyStateComponent;
-    exports.ɵbp = BusyOverlayComponent;
-    exports.ɵbq = PlaceOutletComponent;
-    exports.ɵbr = leftRightPlaceAnimation;
-    exports.ɵbs = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵbt = AUP_PLACE_CONFIG;
-    exports.ɵbv = PlaceRouter;
-    exports.ɵbx = ModalInteractionContextFactory;
-    exports.ɵby = UrlService;
+    exports.ɵbm = TableRowMenuComponent;
+    exports.ɵbn = PlaceModule;
+    exports.ɵbo = ComponentsModule;
+    exports.ɵbp = EmptyStateComponent;
+    exports.ɵbq = BusyOverlayComponent;
+    exports.ɵbr = PlaceOutletComponent;
+    exports.ɵbs = leftRightPlaceAnimation;
+    exports.ɵbt = LEFT_RIGHT_PLACE_ANIMATION;
+    exports.ɵbu = AUP_PLACE_CONFIG;
+    exports.ɵbw = PlaceRouter;
+    exports.ɵby = ModalInteractionContextFactory;
+    exports.ɵbz = UrlService;
     exports.ɵc = FocusBindingDirective;
-    exports.ɵca = TabbedPlaceNavigationComponent;
-    exports.ɵcb = AbstractPlaceNavigationComponent;
-    exports.ɵcc = ListPlaceNavComponent;
-    exports.ɵcd = SidePlaceNavigationComponent;
-    exports.ɵce = InteractionModule;
-    exports.ɵcf = ActivityContainerComponent;
-    exports.ɵcg = AbstractInteractionContext;
-    exports.ɵch = ActivityOutletComponent;
-    exports.ɵci = ConfirmationDialogComponent;
-    exports.ɵcj = ACTIVITY_DATA;
-    exports.ɵck = Activity;
-    exports.ɵcm = ConfirmThenDialogComponent;
-    exports.ɵcn = AlertDialogComponent;
-    exports.ɵcp = InPlaceInteractionContextComponent;
-    exports.ɵcq = AddItemInteractionContextComponent;
-    exports.ɵcr = ActivityActionsComponent;
-    exports.ɵcs = PopupInteractionContextComponent;
-    exports.ɵct = StringInputActivity;
-    exports.ɵcu = AbstractInputActivity;
-    exports.ɵcv = SelectInputActivity;
-    exports.ɵcw = InteractionContextTriggerFor;
+    exports.ɵcb = TabbedPlaceNavigationComponent;
+    exports.ɵcc = AbstractPlaceNavigationComponent;
+    exports.ɵcd = ListPlaceNavComponent;
+    exports.ɵce = SidePlaceNavigationComponent;
+    exports.ɵcf = InteractionModule;
+    exports.ɵcg = ActivityContainerComponent;
+    exports.ɵch = AbstractInteractionContext;
+    exports.ɵci = ActivityOutletComponent;
+    exports.ɵcj = ConfirmationDialogComponent;
+    exports.ɵck = ACTIVITY_DATA;
+    exports.ɵcl = Activity;
+    exports.ɵcn = ConfirmThenDialogComponent;
+    exports.ɵco = AlertDialogComponent;
+    exports.ɵcq = InPlaceInteractionContextComponent;
+    exports.ɵcr = AddItemInteractionContextComponent;
+    exports.ɵcs = ActivityActionsComponent;
+    exports.ɵct = PopupInteractionContextComponent;
+    exports.ɵcu = StringInputActivity;
+    exports.ɵcv = AbstractInputActivity;
+    exports.ɵcw = SelectInputActivity;
+    exports.ɵcx = InteractionContextTriggerFor;
     exports.ɵd = DisposableComponent;
     exports.ɵe = FocusBindingFactory;
     exports.ɵf = ComponentsModule;