@coolon/angular-ui-powerups 16.1.0-aplpha.150 → 16.1.0-aplpha.152

package/fesm2022/coolon-angular-ui-powerups.mjs

@@ -4366,7 +4366,111 @@ class FooterRowModel {
 })(FooterRowModel || (FooterRowModel = {}));
 ProxyRegistry.registerOneTimeBinding(FooterRowModel);
 
-class TableMoreMenuComponent extends DisposableComponent {
+class MenuItemData {
+    factory;
+    face;
+    constructor(factory, face) {
+        this.factory = factory;
+        this.face = face;
+    }
+}
+/**
+ *
+ */
+class TableActionColumnComponent extends DisposableComponent {
+    value;
+    menu;
+    actions = [];
+    moreActions = [];
+    addCommand(commandFactory, properties) {
+        this.actions.push(new MenuItemData(commandFactory, properties));
+    }
+    addSeparator() {
+        this.actions.push(null);
+    }
+    addMoreMenu(builder) {
+        const self = this;
+        builder({
+            addCommand(factory, face) {
+                self.moreActions.push(new MenuItemData(factory, face));
+            },
+            addSeparator() {
+                self.moreActions.push(null);
+            }
+        });
+    }
+    constructor() {
+        super();
+    }
+    createMoreMenuCommand(item, value) {
+        const { when } = Dsl.disposeWith(this);
+        const command = item.factory.create(value, { disposedWith: this });
+        when(command.busy$).becomesFalsey(() => {
+            this.closeMoreMenu();
+        });
+        return command;
+    }
+    closeMoreMenu() {
+        this.menu.closeMenu();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableActionColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableActionColumnComponent, selector: "aup-table-action-column", inputs: { value: "value" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <aup-tool-bar>
+      <ng-container *ngFor="let action of actions">
+        <aup-command *ngIf="action"
+                     #comp
+                     [command]="action.factory.create(value, {disposedWith: comp})"
+                     [face]="action.face"></aup-command>
+        <aup-separator *ngIf="!action"/>
+      </ng-container>
+    </aup-tool-bar>
+    <ng-container *ngIf="moreActions.length > 0">
+      <aup-flex class="flex"/>
+      <aup-more-menu>
+        <ng-container *ngFor="let action of moreActions">
+          <aup-command *ngIf="action"
+                       #comp
+                       [command]="action.factory.create(value, {disposedWith: comp})"
+                       [face]="action.face"></aup-command>
+          <aup-separator *ngIf="!action"/>
+        </ng-container>
+      </aup-more-menu>
+    </ng-container>
+  `, isInline: true, styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host:last-child{padding-right:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolBarComponent, selector: "aup-tool-bar" }, { kind: "component", type: CommandComponent, selector: "aup-command", inputs: ["command", "face$", "face", "busyFace$", "busyFace", "alignFace"] }, { kind: "component", type: MoreMenuComponent, selector: "aup-more-menu", inputs: ["tooltip"] }, { kind: "component", type: SeparatorComponent, selector: "aup-separator" }, { kind: "component", type: FlexComponent, selector: "aup-flex" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableActionColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aup-table-action-column', template: `
+    <aup-tool-bar>
+      <ng-container *ngFor="let action of actions">
+        <aup-command *ngIf="action"
+                     #comp
+                     [command]="action.factory.create(value, {disposedWith: comp})"
+                     [face]="action.face"></aup-command>
+        <aup-separator *ngIf="!action"/>
+      </ng-container>
+    </aup-tool-bar>
+    <ng-container *ngIf="moreActions.length > 0">
+      <aup-flex class="flex"/>
+      <aup-more-menu>
+        <ng-container *ngFor="let action of moreActions">
+          <aup-command *ngIf="action"
+                       #comp
+                       [command]="action.factory.create(value, {disposedWith: comp})"
+                       [face]="action.face"></aup-command>
+          <aup-separator *ngIf="!action"/>
+        </ng-container>
+      </aup-more-menu>
+    </ng-container>
+  `, styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host:last-child{padding-right:0}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }], menu: [{
+                type: ViewChild,
+                args: [MatMenuTrigger]
+            }] } });
+
+class TableCustomMoreMenuComponent extends DisposableComponent {
     value$ = new MutableValueModel();
     #value_accessor_storage;
     get value() { return this.#value_accessor_storage; }
@@ -4401,23 +4505,29 @@ class TableMoreMenuComponent extends DisposableComponent {
     get visible$() {
         return this._visible$.readonly$;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableMoreMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableMoreMenuComponent, selector: "aup-table-more-menu", host: { listeners: { "click": "preventDefault($event)" } }, viewQueries: [{ propertyName: "matMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n  <ng-template matMenuContent [cdkPortalOutlet]=\"popupComponentPortal$.value\"\n               (attached)=\"initialise($event)\"></ng-template>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"menu\" data-cy=\"more-menu-trigger\" *ngIf=\"visible$.value\">\n  <aup-icon icon=\"mat:more_vert\"></aup-icon>\n</button>\n", styles: [":host{display:inline;text-align:end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i2$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i2$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i2$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableCustomMoreMenuComponent, selector: "aup-table-custom-more-menu", host: { listeners: { "click": "preventDefault($event)" } }, viewQueries: [{ propertyName: "matMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n  <ng-template matMenuContent [cdkPortalOutlet]=\"popupComponentPortal$.value\" (attached)=\"initialise($event)\"></ng-template>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"menu\" data-cy=\"more-menu-trigger\" *ngIf=\"visible$.value\">\n  <aup-icon icon=\"mat:more_vert\"></aup-icon>\n</button>\n", styles: [":host{display:inline;text-align:end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i2$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i2$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i2$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }] });
 }
 __decorate([
     StoreInValueModel(),
     __metadata("design:type", Object)
-], TableMoreMenuComponent.prototype, "value", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableMoreMenuComponent, decorators: [{
+], TableCustomMoreMenuComponent.prototype, "value", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], TableCustomMoreMenuComponent.prototype, "initialise", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "aup-table-more-menu", template: "<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n  <ng-template matMenuContent [cdkPortalOutlet]=\"popupComponentPortal$.value\"\n               (attached)=\"initialise($event)\"></ng-template>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"menu\" data-cy=\"more-menu-trigger\" *ngIf=\"visible$.value\">\n  <aup-icon icon=\"mat:more_vert\"></aup-icon>\n</button>\n", styles: [":host{display:inline;text-align:end}\n"] }]
+            args: [{ selector: "aup-table-custom-more-menu", template: "<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n  <ng-template matMenuContent [cdkPortalOutlet]=\"popupComponentPortal$.value\" (attached)=\"initialise($event)\"></ng-template>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"menu\" data-cy=\"more-menu-trigger\" *ngIf=\"visible$.value\">\n  <aup-icon icon=\"mat:more_vert\"></aup-icon>\n</button>\n", styles: [":host{display:inline;text-align:end}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { value: [], matMenuTrigger: [{
                 type: ViewChild,
                 args: [MatMenuTrigger]
             }], preventDefault: [{
                 type: HostListener,
                 args: ["click", ["$event"]]
-            }] } });
+            }], initialise: [] } });
 
 var DefaultArrayFormatter = ColumnTextSearchFormatter.DefaultArrayFormatter;
 var DefaultValueFormatter = ColumnTextSearchFormatter.DefaultValueFormatter;
@@ -4473,16 +4583,16 @@ class AbstractTableModel extends GarbageCollector {
         this._rowsBeingEdited$ = new MutableListModel([], {
             identifiedWith: row => this.identityOf(row)
         });
-        this._editorSessionByRowId = chain(this._editorSessions).indexBy("rowId");
+        this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');
         this.editing$ = chain(this._editorSessions).count().isGreaterThan(0);
         this.textSearchPredicate$ = chain(this.visibleColumns$).reduceAll(columns => {
             return (row, regex) => {
                 return (!regex || !!columns.find(c => regex.test(c.getSearchTextFor(row))));
             };
         });
-        this.selectionColumnModel = new SelectionColumnModel("selection-column", this.columnManager, () => this.getColumnTextProperties("selection-column"));
+        this.selectionColumnModel = new SelectionColumnModel('selection-column', this.columnManager, () => this.getColumnTextProperties('selection-column'));
         this.addColumn(this.selectionColumnModel, { before: null }); // first column
-        this.addRowClass("aup-row-selected", row => this.selectionColumnModel.isSelected(row));
+        this.addRowClass('aup-row-selected', row => this.selectionColumnModel.isSelected(row));
         this.firstEditableColumn$ = chain(this.columns$).select(c => c.hasEditorPortal()).first();
         this.firstVisibleColumn$ = chain(this.visibleColumns$).first();
         this.lastVisibleColumn$ = chain(this.visibleColumns$).last();
@@ -4559,7 +4669,7 @@ class AbstractTableModel extends GarbageCollector {
         const { when } = Dsl.disposeWith(editSession);
         when(editSession.liveRowValue$).changes((editedValue) => {
             this._rowsBeingEdited$.replaceOrPush(editedValue);
-        }, { initialValue: "triggerChangeUnlessNil" });
+        }, { initialValue: 'triggerChangeUnlessNil' });
         this._editorSessions.push(editSession);
         editSession.onDispose(() => {
             this._rowsBeingEdited$.remove(editSession.liveRowValue$.value);
@@ -4599,7 +4709,7 @@ class AbstractTableModel extends GarbageCollector {
         if (isFunction(formFactory)) {
             this._createForm = formFactory;
         }
-        const columnId = "editControls";
+        const columnId = 'editControls';
         return this.addColumn(new EditorControlColumnModel(columnId, this.columnManager, saveCommandFactory, () => this.getColumnTextProperties(columnId)));
     }
     addCustomColumn(columnId, dataAccessor) {
@@ -4608,15 +4718,33 @@ class AbstractTableModel extends GarbageCollector {
     addComponentColumn(columnId, component, onComponentInitOrOptions) {
         return this.addColumn(new CustomValueColumnModel(columnId, this.columnManager, () => this.getColumnTextProperties(columnId), row => row)).cellRenderer(component, onComponentInitOrOptions);
     }
-    addMoreMenu(componentClass, initialiseCallback) {
-        return this.addComponentColumn("more-menu", TableMoreMenuComponent, (component) => {
+    addMoreMenu(builder) {
+        // re-using the action column as it much simpler in teh case of just commands
+        return this.addActionColumn((component) => {
+            component.addMoreMenu(builder);
+        }).columnTextProperties({
+            headerText() {
+                return '';
+            }
+        });
+    }
+    /**
+     * Use this method if the more menu popup needs custom components
+     */
+    addCustomMoreMenu(componentClass, initialiseCallback) {
+        return this.addComponentColumn('custom-more-menu', TableCustomMoreMenuComponent, (component) => {
             component.configurePopupComponentType(componentClass, initialiseCallback);
         }).columnTextProperties({
             headerText() {
-                return "";
+                return '';
             }
         });
     }
+    addActionColumn(builder) {
+        return this.addComponentColumn("actions", TableActionColumnComponent, (c) => {
+            builder(c);
+        });
+    }
     addFooterRow(component, initialiseCallback) {
         assert.isNil(this.footerRowModel);
         this.footerRowModel = new FooterRowModel.Impl(component, initialiseCallback);
@@ -5117,10 +5245,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
             type: Directive
         }] });
 
-class TableMoreMenuPopupComponent extends LoadableComponent {
+class TableCustomMoreMenuPopupComponent extends LoadableComponent {
     _value$ = this.registerDisposable(new DelegatingValueModel());
     _visible$ = this.registerDisposable(new DelegatingValueModel()).withDefault(true);
     _closeCommand = this.registerDisposable(new DelegatingCommand());
+    constructor() {
+        super();
+        this.onInit(() => console.log('init'));
+    }
     initialise(row$, closeCommand) {
         this._value$.setDelegate(row$);
         this._closeCommand.setDelegate(closeCommand);
@@ -5139,93 +5271,19 @@ class TableMoreMenuPopupComponent extends LoadableComponent {
         return this._value$.readonly$;
     }
     register(comp) {
+        // ignored
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableMoreMenuPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableMoreMenuPopupComponent, selector: "aup-table-more-menu-popup", providers: [
-            { provide: POPUP_CONTAINER, useValue: TableMoreMenuPopupComponent },
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableCustomMoreMenuPopupComponent, selector: "aup-table-more-menu-popup", providers: [
+            { provide: POPUP_CONTAINER, useValue: TableCustomMoreMenuPopupComponent },
         ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableMoreMenuPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-table-more-menu-popup', template: '', providers: [
-                        { provide: POPUP_CONTAINER, useValue: TableMoreMenuPopupComponent },
+                        { provide: POPUP_CONTAINER, useValue: TableCustomMoreMenuPopupComponent },
                     ] }]
-        }] });
-
-class MenuItemData {
-    factory;
-    face;
-    constructor(factory, face) {
-        this.factory = factory;
-        this.face = face;
-    }
-}
-/**
- *
- */
-class TableRowMenuComponent extends DisposableComponent {
-    value;
-    menu;
-    actions = [];
-    moreActions = [];
-    registerAction(commandFactory, properties) {
-        this.actions.push(new MenuItemData(commandFactory, properties));
-    }
-    registerMoreAction(commandFactory, properties) {
-        this.moreActions.push(new MenuItemData(commandFactory, properties));
-    }
-    constructor() {
-        super();
-    }
-    createMoreMenuCommand(item, value) {
-        const { when } = Dsl.disposeWith(this);
-        const command = item.factory.create(value, { disposedWith: this });
-        when(command.busy$).becomesFalsey(() => {
-            this.closeMoreMenu();
-        });
-        return command;
-    }
-    closeMoreMenu() {
-        this.menu.closeMenu();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableRowMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableRowMenuComponent, selector: "aup-table-row-menu", inputs: { value: "value" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <aup-tool-bar>
-      <aup-command *ngFor="let action of actions"
-                   #comp
-                   [command]="action.factory.create(value, {disposedWith: comp})"
-                   [face]="action.face"></aup-command>
-    </aup-tool-bar>
-    <ng-container *ngIf="moreActions.length > 0">
-      <aup-more-menu>
-        <aup-command *ngFor="let action of moreActions" #comp [command]="action.factory.create(value, {disposedWith: comp})"
-                     [face]="action.face"></aup-command>
-      </aup-more-menu>
-    </ng-container>
-  `, isInline: true, styles: [":host{display:inline-flex;flex-direction:row;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolBarComponent, selector: "aup-tool-bar" }, { kind: "component", type: CommandComponent, selector: "aup-command", inputs: ["command", "face$", "face", "busyFace$", "busyFace", "alignFace"] }, { kind: "component", type: MoreMenuComponent, selector: "aup-more-menu", inputs: ["tooltip"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableRowMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'aup-table-row-menu', template: `
-    <aup-tool-bar>
-      <aup-command *ngFor="let action of actions"
-                   #comp
-                   [command]="action.factory.create(value, {disposedWith: comp})"
-                   [face]="action.face"></aup-command>
-    </aup-tool-bar>
-    <ng-container *ngIf="moreActions.length > 0">
-      <aup-more-menu>
-        <aup-command *ngFor="let action of moreActions" #comp [command]="action.factory.create(value, {disposedWith: comp})"
-                     [face]="action.face"></aup-command>
-      </aup-more-menu>
-    </ng-container>
-  `, styles: [":host{display:inline-flex;flex-direction:row;align-items:center}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
-                type: Input
-            }], menu: [{
-                type: ViewChild,
-                args: [MatMenuTrigger]
-            }] } });
+        }], ctorParameters: function () { return []; } });
 
 class TableFilterModel extends GarbageCollector {
     _source$ = this.registerDisposable(new DelegatingListModel());
@@ -6413,7 +6471,7 @@ class ComponentsModule {
             TableHeaderCellComponent,
             IconComponent,
             SectionHeaderComponent,
-            TableRowMenuComponent,
+            TableActionColumnComponent,
             ToolBarComponent,
             CommandComponent,
             PopupMenuComponent,
@@ -6435,8 +6493,8 @@ class ComponentsModule {
             LoadingContainerComponent,
             MarkdownComponent,
             TableBodyComponent,
-            TableMoreMenuComponent,
-            TableMoreMenuPopupComponent,
+            TableCustomMoreMenuComponent,
+            TableCustomMoreMenuPopupComponent,
             SearchInputComponent,
             TableFooterRow,
             FileDownloadComponent,
@@ -6486,7 +6544,7 @@ class ComponentsModule {
             ColumnTemplateDirective,
             IconComponent,
             SectionHeaderComponent,
-            TableRowMenuComponent,
+            TableActionColumnComponent,
             ToolBarComponent,
             CommandComponent,
             PopupMenuComponent,
@@ -6501,8 +6559,8 @@ class ComponentsModule {
             LabelledValueComponent,
             LoadingContainerComponent,
             MarkdownComponent,
-            TableMoreMenuComponent,
-            TableMoreMenuPopupComponent,
+            TableCustomMoreMenuComponent,
+            TableCustomMoreMenuPopupComponent,
             SearchInputComponent,
             ButtonRendererComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ComponentsModule, providers: [FocusBindingFactory, MarkdownService], imports: [CommonModule,
@@ -6588,7 +6646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                         TableHeaderCellComponent,
                         IconComponent,
                         SectionHeaderComponent,
-                        TableRowMenuComponent,
+                        TableActionColumnComponent,
                         ToolBarComponent,
                         CommandComponent,
                         PopupMenuComponent,
@@ -6610,8 +6668,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                         LoadingContainerComponent,
                         MarkdownComponent,
                         TableBodyComponent,
-                        TableMoreMenuComponent,
-                        TableMoreMenuPopupComponent,
+                        TableCustomMoreMenuComponent,
+                        TableCustomMoreMenuPopupComponent,
                         SearchInputComponent,
                         TableFooterRow,
                         FileDownloadComponent,
@@ -6643,7 +6701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                         ColumnTemplateDirective,
                         IconComponent,
                         SectionHeaderComponent,
-                        TableRowMenuComponent,
+                        TableActionColumnComponent,
                         ToolBarComponent,
                         CommandComponent,
                         PopupMenuComponent,
@@ -6658,8 +6716,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                         LabelledValueComponent,
                         LoadingContainerComponent,
                         MarkdownComponent,
-                        TableMoreMenuComponent,
-                        TableMoreMenuPopupComponent,
+                        TableCustomMoreMenuComponent,
+                        TableCustomMoreMenuPopupComponent,
                         SearchInputComponent,
                         ButtonRendererComponent,
                     ],
@@ -12131,11 +12189,11 @@ class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {
         super(router);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ListPlaceNavComponent, deps: [{ token: PlaceRouter }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ListPlaceNavComponent, selector: "aup-list-place-nav", usesInheritance: true, ngImport: i0, template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let item of menuItems.value; trackBy: trackByPlaceDef\"\n     aup-gc #gc=\"aup-gc\"\n     [pectinCommand]=\"commandFactory.create(item.place, {disposedWith: gc})\"\n     [class.active]=\"item.active\"\n     [matTooltip]=\"getNavigationFace(item.place).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(item.place)]\"></aup-command-face>\n  </a>\n</mat-nav-list>\n", styles: [":host{display:flex;flex-direction:column;--selected-border-color: #838383;--selected-color: inherit;--selected-background: #f1f1f1}mat-nav-list{padding-top:0}a{border-right:2px solid transparent}a.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: CommandDirective, selector: "[pectinCommand]", inputs: ["pectinCommand", "commandParameter", "preventDefault"] }, { kind: "directive", type: GarbageCollectorDirective, selector: "[aup-gc]", exportAs: ["aup-gc"] }, { kind: "component", type: CommandFaceComponent, selector: "aup-command-face", inputs: ["faces", "face", "ignoreIcon", "ignoreText", "includeMissingIconInLayout"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ListPlaceNavComponent, selector: "aup-list-place-nav", usesInheritance: true, ngImport: i0, template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let item of menuItems.value; trackBy: trackByPlaceDef\"\n     aup-gc #gc=\"aup-gc\"\n     [pectinCommand]=\"commandFactory.create(item.place, {disposedWith: gc})\"\n     [class.active]=\"item.active\"\n     [matTooltip]=\"getNavigationFace(item.place).tooltip()\"\n     [attr.data-cy]=\"item.place.path\"\n  >\n    <aup-command-face [faces]=\"[getNavigationFace(item.place)]\"></aup-command-face>\n  </a>\n</mat-nav-list>\n", styles: [":host{display:flex;flex-direction:column;--selected-border-color: #838383;--selected-color: inherit;--selected-background: #f1f1f1}mat-nav-list{padding-top:0}a{border-right:2px solid transparent}a.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: CommandDirective, selector: "[pectinCommand]", inputs: ["pectinCommand", "commandParameter", "preventDefault"] }, { kind: "directive", type: GarbageCollectorDirective, selector: "[aup-gc]", exportAs: ["aup-gc"] }, { kind: "component", type: CommandFaceComponent, selector: "aup-command-face", inputs: ["faces", "face", "ignoreIcon", "ignoreText", "includeMissingIconInLayout"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ListPlaceNavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aup-list-place-nav', template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let item of menuItems.value; trackBy: trackByPlaceDef\"\n     aup-gc #gc=\"aup-gc\"\n     [pectinCommand]=\"commandFactory.create(item.place, {disposedWith: gc})\"\n     [class.active]=\"item.active\"\n     [matTooltip]=\"getNavigationFace(item.place).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(item.place)]\"></aup-command-face>\n  </a>\n</mat-nav-list>\n", styles: [":host{display:flex;flex-direction:column;--selected-border-color: #838383;--selected-color: inherit;--selected-background: #f1f1f1}mat-nav-list{padding-top:0}a{border-right:2px solid transparent}a.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}\n"] }]
+            args: [{ selector: 'aup-list-place-nav', template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let item of menuItems.value; trackBy: trackByPlaceDef\"\n     aup-gc #gc=\"aup-gc\"\n     [pectinCommand]=\"commandFactory.create(item.place, {disposedWith: gc})\"\n     [class.active]=\"item.active\"\n     [matTooltip]=\"getNavigationFace(item.place).tooltip()\"\n     [attr.data-cy]=\"item.place.path\"\n  >\n    <aup-command-face [faces]=\"[getNavigationFace(item.place)]\"></aup-command-face>\n  </a>\n</mat-nav-list>\n", styles: [":host{display:flex;flex-direction:column;--selected-border-color: #838383;--selected-color: inherit;--selected-background: #f1f1f1}mat-nav-list{padding-top:0}a{border-right:2px solid transparent}a.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: PlaceRouter }]; } });
 
 /**
@@ -12975,5 +13033,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, ALERT_CONFIG, AUP_PLACE_CONFIG, AUP_TABLE_VIRTUAL_SCROLL_BUFFER_MULTIPLIER, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractActivityTriggerComponent, AbstractCardContainerComponent, AbstractCellRenderer, AbstractConfirmDialogComponent, AbstractDialogComponent, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityContext, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddCardActivityComponent, AddItemInteractionContextComponent, Alert, AlertDialogComponent, AlertRendererComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, ButtonRendererComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellFooterPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnManager, ColumnModel, ColumnOrderManager, ColumnTemplateDirective, ColumnTextSearchFormatter, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, Confirm, ConfirmRendererComponent, ConfirmThenDialogComponent, ConfirmThenExecuteDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControlsComponent, EditSession, EditorControlColumnModel, EmptyStateComponent, EnableCellTextSearch, EventCleanUpSession, FOOTER_CELL_RENDERER_PORTAL, FileDownloadComponent, FlattenedTreeListModel, FlexComponent, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, FooterRowModel, Formatter, GarbageCollectorDirective, HEADER_CELL_RENDERER_PORTAL, HighlightPipe, HighlightTextModelDirective, HorizontalAlignment, INTERACTION_CONTEXT, IconComponent, InPlaceInteractionContextComponent, InlineActivityTriggerComponent, InlineEditorModel, InlineStringEditorComponent, InputActivity, InteractionContextProvider, InteractionContextTriggerForDirective, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, Keys, LEFT_RIGHT_PLACE_ANIMATION, LabelledValueComponent, ListPlaceNavComponent, ListPropertyColumnModel, LoadableComponent, LoadingContainerComponent, MarkdownComponent, MarkdownService, ModalActivityTriggerComponent, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceAuthService, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupActivityTriggerComponent, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, ResizeObserverDirective, RouteId, ScrollContainerComponent, SearchInputComponent, SectionHeaderComponent, SelectInputActivity, SelectInputComponent, SelectionCellComponent, SelectionColumnModel, SelectionHeaderCellComponent, SeparatorComponent, SidePlaceNavigationComponent, SlideDownInteractionContextComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableBodyComponent, TableCellComponent, TableComponent, TableFilterModel, TableFooterRow, TableHeaderCellComponent, TableModel, TableMoreMenuComponent, TableMoreMenuPopupComponent, TableRowAttributesDirective, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, TextSearchContext, ToolBarComponent, Track, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, VisibilityService, Visit, VisitParameter, VisitParameterList, VisitSegment, VisitSegmentSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, markdownPillExtension, slideDownAndRightOnEnterAnimation, slideDownOnEnterAnimation, slideDownWhenOpenAnimation, slideRightOnEnterAnimation, treeNodeDecorator };
+export { ACTIVITY_DATA, ALERT_CONFIG, AUP_PLACE_CONFIG, AUP_TABLE_VIRTUAL_SCROLL_BUFFER_MULTIPLIER, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractActivityTriggerComponent, AbstractCardContainerComponent, AbstractCellRenderer, AbstractConfirmDialogComponent, AbstractDialogComponent, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityContext, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddCardActivityComponent, AddItemInteractionContextComponent, Alert, AlertDialogComponent, AlertRendererComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, ButtonRendererComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellFooterPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnManager, ColumnModel, ColumnOrderManager, ColumnTemplateDirective, ColumnTextSearchFormatter, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, Confirm, ConfirmRendererComponent, ConfirmThenDialogComponent, ConfirmThenExecuteDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControlsComponent, EditSession, EditorControlColumnModel, EmptyStateComponent, EnableCellTextSearch, EventCleanUpSession, FOOTER_CELL_RENDERER_PORTAL, FileDownloadComponent, FlattenedTreeListModel, FlexComponent, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, FooterRowModel, Formatter, GarbageCollectorDirective, HEADER_CELL_RENDERER_PORTAL, HighlightPipe, HighlightTextModelDirective, HorizontalAlignment, INTERACTION_CONTEXT, IconComponent, InPlaceInteractionContextComponent, InlineActivityTriggerComponent, InlineEditorModel, InlineStringEditorComponent, InputActivity, InteractionContextProvider, InteractionContextTriggerForDirective, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, Keys, LEFT_RIGHT_PLACE_ANIMATION, LabelledValueComponent, ListPlaceNavComponent, ListPropertyColumnModel, LoadableComponent, LoadingContainerComponent, MarkdownComponent, MarkdownService, ModalActivityTriggerComponent, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceAuthService, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupActivityTriggerComponent, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, ResizeObserverDirective, RouteId, ScrollContainerComponent, SearchInputComponent, SectionHeaderComponent, SelectInputActivity, SelectInputComponent, SelectionCellComponent, SelectionColumnModel, SelectionHeaderCellComponent, SeparatorComponent, SidePlaceNavigationComponent, SlideDownInteractionContextComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableActionColumnComponent, TableBodyComponent, TableCellComponent, TableComponent, TableCustomMoreMenuComponent, TableCustomMoreMenuPopupComponent, TableFilterModel, TableFooterRow, TableHeaderCellComponent, TableModel, TableRowAttributesDirective, TemplateCellRendererPortalRef, TextInputComponent, TextSearchContext, ToolBarComponent, Track, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, VisibilityService, Visit, VisitParameter, VisitParameterList, VisitSegment, VisitSegmentSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, markdownPillExtension, slideDownAndRightOnEnterAnimation, slideDownOnEnterAnimation, slideDownWhenOpenAnimation, slideRightOnEnterAnimation, treeNodeDecorator };
 //# sourceMappingURL=coolon-angular-ui-powerups.mjs.map