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

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

@@ -1,6 +1,6 @@
 import { __extends, __decorate, __metadata, __param, __assign, __awaiter, __generator, __spread } from 'tslib';
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, ContentChild, TemplateRef, Component, Self, HostBinding, EventEmitter, Output, ChangeDetectorRef, ContentChildren, QueryList, ViewContainerRef, ViewChild, InjectionToken, Injector, ComponentFactoryResolver, ViewChildren, Optional, SkipSelf } from '@angular/core';
+import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, ContentChild, TemplateRef, Component, forwardRef, Optional, HostBinding, ViewEncapsulation, EventEmitter, Output, ViewChild, Self, ChangeDetectorRef, ContentChildren, QueryList, ViewContainerRef, InjectionToken, Injector, ComponentFactoryResolver, ViewChildren, SkipSelf } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -13,15 +13,16 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatIconModule } from '@angular/material/icon';
-import { MatMenuTrigger, _MatMenuDirectivesModule, MatMenuModule } from '@angular/material/menu';
+import { MatMenu, MatMenuTrigger, _MatMenuDirectivesModule, MatMenuModule } from '@angular/material/menu';
 import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
-import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, TrackExternal, Command, FocusManager, EventListenerList, Form, MutableListModel, Guard, Binding, DebugContext, MutableValueModel, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Functions } from '@coolon/pectin';
+import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, TrackExternal, Command, MutableListModel, Disposable, MutableValueModel, StoreInValueModel, ListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, StoreInListModel, ValueModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Functions } from '@coolon/pectin';
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import ___default, { isEqual, isNil } from 'lodash';
+import { Enum } from 'typescript-string-enums';
 import { assert as assert$1, Opts, lang as lang$1, Klass } from '@coolon/typescript-utilities';
-import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import produce from 'immer';
 import { FlexModule, GridModule } from '@angular/flex-layout';
 import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
@@ -408,13 +409,486 @@ var CardContainerComponent = /** @class */ (function (_super) {
         Component({
             selector: 'aup-card-container',
             template: "<div class=\"card-container\">\n  <ng-content></ng-content>\n\n  <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n    <aup-icon icon=\"mat:add\"></aup-icon>\n  </div>\n\n  <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n    <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n  </div>\n\n</div>\n",
-            styles: [":root{--aup-default-padding:var(--default-padding, 18px);--aup-default-background:white}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context{max-width:95vw!important;max-height:95vh!important}.dialog-interaction-context mat-dialog-container{max-width:95vw!important;max-height:95vh!important;padding:0}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{padding-bottom:0;border-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px);--resolved-row-hover-background-color:var(--row-hover-background-color, rgba(0, 0, 0, 0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-height, auto);--resolved-card-background:var(--card-background, #fcfcfb);flex:1;display:block;background:var(--resolved-card-background)}.card-container{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(0,var(--resolved-card-height)));grid-gap:var(--resolved-card-gap);box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap));max-width:100%}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:rgba(255,255,255,.8);transition:280ms cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:280ms cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]
+            styles: [":root{--aup-default-padding:var(--default-padding, 18px);--aup-default-background:white;--command-face-icon-gap:8px;--aup-icon-width:24px;--aup-fa-icon-width:18px}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context{max-width:95vw!important;max-height:95vh!important}.dialog-interaction-context mat-dialog-container{max-width:95vw!important;max-height:95vh!important;padding:0}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{padding-bottom:0;border-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px);--resolved-row-hover-background-color:var(--row-hover-background-color, rgba(0, 0, 0, 0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width)) / 2);position:relative}aup-icon fa-icon .svg-inline--fa{position:absolute;top:var(--fa-icon-offset);left:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important;height:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-height, auto);--resolved-card-background:var(--card-background, #fcfcfb);flex:1;display:block;background:var(--resolved-card-background)}.card-container{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(0,var(--resolved-card-height)));grid-gap:var(--resolved-card-gap);box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap));max-width:100%}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:rgba(255,255,255,.8);transition:280ms cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:280ms cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]
         }),
         __metadata("design:paramtypes", [])
     ], CardContainerComponent);
     return CardContainerComponent;
 }(DisposableComponent));
 
+var CommandFace;
+(function (CommandFace) {
+    var Position;
+    (function (Position) {
+        Position["START"] = "start";
+        Position["END"] = "end";
+    })(Position = CommandFace.Position || (CommandFace.Position = {}));
+    var Adapter = /** @class */ (function () {
+        function Adapter(face) {
+            this.face = face;
+        }
+        Object.defineProperty(Adapter.prototype, "text", {
+            get: function () {
+                return ___default.isFunction(this.face.text) ? this.face.text() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "icon", {
+            get: function () {
+                return ___default.isFunction(this.face.icon) ? this.face.icon() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "iconPosition", {
+            get: function () {
+                return ___default.isFunction(this.face.iconPosition) ? this.face.iconPosition() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "tooltip", {
+            get: function () {
+                return ___default.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "iconPositionStart", {
+            get: function () {
+                return this.iconPosition === CommandFace.Position.START;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "iconPositionEnd", {
+            get: function () {
+                return this.iconPosition === CommandFace.Position.END;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "destructive", {
+            get: function () {
+                return ___default.isFunction(this.face.destructive) ? this.face.destructive() : false;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "text", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "icon", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "iconPosition", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "tooltip", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "iconPositionStart", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "iconPositionEnd", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "destructive", null);
+        return Adapter;
+    }());
+    CommandFace.Adapter = Adapter;
+})(CommandFace || (CommandFace = {}));
+
+var CommandContainer = /** @class */ (function (_super) {
+    __extends(CommandContainer, _super);
+    function CommandContainer() {
+        var _this = _super.call(this) || this;
+        _this._commandRegistrations = new MutableListModel();
+        return _this;
+    }
+    Object.defineProperty(CommandContainer.prototype, "commandRegistrations", {
+        get: function () {
+            return this._commandRegistrations.readonly;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    CommandContainer.prototype.registerCommand = function (command, face) {
+        var _this = this;
+        var registration = { command: command, faceAdapter: new CommandFace.Adapter(face) };
+        this._commandRegistrations.push(registration);
+        return Disposable.disposableThatRuns(function () { return _this._commandRegistrations.remove(registration); });
+    };
+    CommandContainer.prototype.getDefaultIconPosition = function () {
+        return CommandFace.Position.START;
+    };
+    return CommandContainer;
+}(GarbageCollector));
+
+/**
+ *
+ */
+var CommandBarComponent = /** @class */ (function (_super) {
+    __extends(CommandBarComponent, _super);
+    function CommandBarComponent() {
+        return _super.call(this) || this;
+    }
+    CommandBarComponent_1 = CommandBarComponent;
+    CommandBarComponent.prototype.ngOnInit = function () {
+    };
+    CommandBarComponent.prototype.getButtonColor = function (registration) {
+        return registration.faceAdapter.destructive ? 'warn' : undefined;
+    };
+    var CommandBarComponent_1;
+    CommandBarComponent = CommandBarComponent_1 = __decorate([
+        Component({
+            selector: 'aup-command-bar',
+            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: 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;
+}(CommandContainer));
+
+/**
+ *
+ */
+var CommandFaceComponent = /** @class */ (function (_super) {
+    __extends(CommandFaceComponent, _super);
+    function CommandFaceComponent(commandContainer) {
+        var _this = _super.call(this) || this;
+        _this.commandContainer = commandContainer;
+        _this.faceModel = new MutableValueModel();
+        _this.ignoreIcon = false;
+        _this.ignoreText = false;
+        _this.includeMissingIconInLayout = false;
+        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        // overkill /c: when all you have is a hammer...
+        var faceAdapter = chain(_this.faceModel).map(function (face) { return new CommandFace.Adapter(face); });
+        _this.iconModel = faceAdapter.pluck('icon');
+        _this.textModel = faceAdapter.pluck('text');
+        _this.positionModel = faceAdapter.pluck('iconPosition');
+        _this.destructiveModel = faceAdapter.pluck('destructive');
+        return _this;
+    }
+    Object.defineProperty(CommandFaceComponent.prototype, "requiresMissingIconInLayout", {
+        get: function () {
+            return this.includeMissingIconInLayout && !this.iconModel.value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    CommandFaceComponent.prototype.ngOnInit = function () {
+    };
+    Object.defineProperty(CommandFaceComponent.prototype, "iconPosition", {
+        get: function () {
+            var _a, _b, _c;
+            return (_c = (_a = this.positionModel.value) !== null && _a !== void 0 ? _a : (_b = this.commandContainer) === null || _b === void 0 ? void 0 : _b.getDefaultIconPosition()) !== null && _c !== void 0 ? _c : CommandFace.Position.START;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "shouldIncludeIcon", {
+        get: function () {
+            return (!this.ignoreIcon && this.iconModel.value) || this.includeMissingIconInLayout;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "iconStart", {
+        get: function () {
+            return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.START;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "iconEnd", {
+        get: function () {
+            return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.END;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "text", {
+        get: function () {
+            return this.ignoreText ? undefined : this.textModel.value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "destructive", {
+        get: function () {
+            return this.destructiveModel.value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    CommandFaceComponent.ctorParameters = function () { return [
+        { type: CommandContainer, decorators: [{ type: Optional }] }
+    ]; };
+    __decorate([
+        Input('face'), StoreInValueModel('faceModel'),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "_rawFace", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "ignoreIcon", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "ignoreText", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "includeMissingIconInLayout", void 0);
+    __decorate([
+        HostBinding('class.hide-icon'),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], CommandFaceComponent.prototype, "requiresMissingIconInLayout", null);
+    __decorate([
+        HostBinding('class.destructive'),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [])
+    ], CommandFaceComponent.prototype, "destructive", null);
+    CommandFaceComponent = __decorate([
+        Component({
+            selector: 'aup-command-face',
+            template: "<aup-icon *ngIf=\"iconStart\" [icon]=\"iconModel.value\"></aup-icon>\n<span *ngIf=\"this.text\">{{this.text}}</span>\n<aup-icon *ngIf=\"iconEnd\" [icon]=\"iconModel.value\"></aup-icon>\n",
+            encapsulation: ViewEncapsulation.None,
+            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, Optional()),
+        __metadata("design:paramtypes", [CommandContainer])
+    ], CommandFaceComponent);
+    return CommandFaceComponent;
+}(DisposableComponent));
+
+/**
+ *
+ */
+var CommandComponent = /** @class */ (function (_super) {
+    __extends(CommandComponent, _super);
+    function CommandComponent(commandContainer) {
+        var _this = _super.call(this) || this;
+        _this.commandContainer = commandContainer;
+        return _this;
+    }
+    CommandComponent.prototype.ngOnInit = function () {
+        this.registerDisposable(this.commandContainer.registerCommand(this.command, this.face));
+    };
+    CommandComponent.ctorParameters = function () { return [
+        { type: CommandContainer }
+    ]; };
+    __decorate([
+        Input(), TrackExternal(),
+        __metadata("design:type", Command)
+    ], CommandComponent.prototype, "command", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandComponent.prototype, "face", void 0);
+    CommandComponent = __decorate([
+        Component({
+            selector: 'aup-command',
+            template: ""
+        }),
+        __metadata("design:paramtypes", [CommandContainer])
+    ], CommandComponent);
+    return CommandComponent;
+}(DisposableComponent));
+
+/**
+ *
+ */
+var PopupMenuRendererComponent = /** @class */ (function (_super) {
+    __extends(PopupMenuRendererComponent, _super);
+    function PopupMenuRendererComponent() {
+        var _this = _super.call(this) || this;
+        _this.xPosition = 'after';
+        _this.yPosition = 'below';
+        _this.commandExecuted = new EventEmitter();
+        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        var registrations = chain(_this.commandRegistrations);
+        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;
+    }
+    PopupMenuRendererComponent.prototype.ngOnInit = function () {
+    };
+    PopupMenuRendererComponent.prototype.getPopupMenuCommandFor = function (item) {
+        var _this = this;
+        var when = Dsl.disposeWith(this).when;
+        when(item.command.busy).becomesFalsey(function () {
+            _this.commandExecuted.emit();
+        });
+        return item.command;
+    };
+    PopupMenuRendererComponent.prototype.getButtonColor = function (registration) {
+        return registration.faceAdapter.destructive ? 'warn' : undefined;
+    };
+    __decorate([
+        Input(), TrackExternal(),
+        __metadata("design:type", ListModel)
+    ], PopupMenuRendererComponent.prototype, "commandRegistrations", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], PopupMenuRendererComponent.prototype, "xPosition", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], PopupMenuRendererComponent.prototype, "yPosition", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], PopupMenuRendererComponent.prototype, "commandExecuted", void 0);
+    __decorate([
+        ViewChild(MatMenu),
+        __metadata("design:type", MatMenu)
+    ], PopupMenuRendererComponent.prototype, "matMenu", void 0);
+    PopupMenuRendererComponent = __decorate([
+        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() {
+        var _this = _super.call(this) || this;
+        _this.xPosition = 'after';
+        _this.yPosition = 'below';
+        return _this;
+    }
+    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;
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractPopupMenuComponent.prototype, "xPosition", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractPopupMenuComponent.prototype, "yPosition", void 0);
+    __decorate([
+        ViewChild(PopupMenuRendererComponent),
+        __metadata("design:type", PopupMenuRendererComponent)
+    ], AbstractPopupMenuComponent.prototype, "popupMenu", void 0);
+    __decorate([
+        ViewChild(MatMenuTrigger),
+        __metadata("design:type", MatMenuTrigger)
+    ], AbstractPopupMenuComponent.prototype, "menuTrigger", void 0);
+    AbstractPopupMenuComponent = __decorate([
+        Component({
+            selector: 'aup-abstract-popup-menu',
+            template: ''
+        }),
+        __metadata("design:paramtypes", [])
+    ], AbstractPopupMenuComponent);
+    return AbstractPopupMenuComponent;
+}(CommandContainer));
+
+/**
+ *
+ */
+var PopupMenuComponent = /** @class */ (function (_super) {
+    __extends(PopupMenuComponent, _super);
+    function PopupMenuComponent() {
+        var _this = _super.call(this) || this;
+        _this.faceModel = new MutableValueModel();
+        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        var faceAdapterModel = chain(_this.faceModel).map(function (face) { return new CommandFace.Adapter(face); });
+        _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;
+    __decorate([
+        Input(), StoreInValueModel('faceModel'),
+        __metadata("design:type", Object)
+    ], PopupMenuComponent.prototype, "face", void 0);
+    PopupMenuComponent = PopupMenuComponent_1 = __decorate([
+        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: forwardRef(function () { return PopupMenuComponent_1; }) }]
+        }),
+        __metadata("design:paramtypes", [])
+    ], PopupMenuComponent);
+    return PopupMenuComponent;
+}(AbstractPopupMenuComponent));
+
+/**
+ *
+ */
+var MoreMenuComponent = /** @class */ (function (_super) {
+    __extends(MoreMenuComponent, _super);
+    function MoreMenuComponent() {
+        return _super.call(this) || this;
+    }
+    MoreMenuComponent_1 = MoreMenuComponent;
+    var MoreMenuComponent_1;
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], MoreMenuComponent.prototype, "tooltip", void 0);
+    MoreMenuComponent = MoreMenuComponent_1 = __decorate([
+        Component({
+            selector: 'aup-more-menu',
+            template: "\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"tooltip\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\"\n                             [yPosition]=\"yPosition\" [xPosition]=\"xPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  ",
+            providers: [{ provide: CommandContainer, useExisting: forwardRef(function () { return MoreMenuComponent_1; }) }]
+        }),
+        __metadata("design:paramtypes", [])
+    ], MoreMenuComponent);
+    return MoreMenuComponent;
+}(AbstractPopupMenuComponent));
+
 var FocusContainerComponent = /** @class */ (function (_super) {
     __extends(FocusContainerComponent, _super);
     function FocusContainerComponent(focusManager) {
@@ -1174,7 +1648,10 @@ var TextInputComponent = /** @class */ (function (_super) {
 
 var IconComponent = /** @class */ (function () {
     function IconComponent() {
+        this.allowedPrefixes = Enum.values(IconComponent_1.IconPrefix).map(function (p) { return p + ":"; });
+        this.iconPrefix = IconComponent_1.IconPrefix;
     }
+    IconComponent_1 = IconComponent;
     Object.defineProperty(IconComponent.prototype, "icon", {
         get: function () {
             return this._icon;
@@ -1194,25 +1671,33 @@ var IconComponent = /** @class */ (function () {
             if (this.prefix) {
                 this.errorMessage = "Unknown icon \"" + iconName + "\"";
             }
-            this.errorMessage = "Unknown icon prefix \"" + this.prefix + "\"";
+            this.errorMessage = "Unknown icon prefix, expected one of [" + this.allowedPrefixes.join(',') + "] got \"" + this.prefix + ":\"";
         },
         enumerable: true,
         configurable: true
     });
+    var IconComponent_1;
     __decorate([
         Input(),
         __metadata("design:type", String),
         __metadata("design:paramtypes", [String])
     ], IconComponent.prototype, "icon", null);
-    IconComponent = __decorate([
+    IconComponent = IconComponent_1 = __decorate([
         Component({
             selector: 'aup-icon',
-            template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"'svg'\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"'mat'\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"'fab'\"\n       class=\"faIconWrapper\">\n    <fa-icon [icon]=\"suffix\">\n    </fa-icon>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n",
+            template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.SVG\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.MATERIAL\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"iconPrefix.FONT_AWESOME\"\n       class=\"faIconWrapper\">\n    <fa-icon [icon]=\"suffix\">\n    </fa-icon>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n",
             styles: [":host{display:inline-flex;width:24px}fa-icon{vertical-align:middle}.faIconWrapper{text-align:center;width:24px;height:24px}.svgIcon{width:24px;height:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
         })
     ], IconComponent);
     return IconComponent;
 }());
+(function (IconComponent) {
+    IconComponent.IconPrefix = Enum({
+        SVG: 'svg',
+        FONT_AWESOME: 'fa',
+        MATERIAL: 'mat'
+    });
+})(IconComponent || (IconComponent = {}));
 
 var NoopComponent = /** @class */ (function () {
     function NoopComponent() {
@@ -2493,94 +2978,6 @@ var TableHeaderCellRendererComponent = /** @class */ (function () {
     return TableHeaderCellRendererComponent;
 }());
 
-var CommandFace;
-(function (CommandFace) {
-    var Position;
-    (function (Position) {
-        Position["START"] = "start";
-        Position["END"] = "end";
-    })(Position = CommandFace.Position || (CommandFace.Position = {}));
-    var Adapter = /** @class */ (function () {
-        function Adapter(face) {
-            this.face = face;
-        }
-        Object.defineProperty(Adapter.prototype, "text", {
-            get: function () {
-                return ___default.isFunction(this.face.text) ? this.face.text() : undefined;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(Adapter.prototype, "icon", {
-            get: function () {
-                return ___default.isFunction(this.face.icon) ? this.face.icon() : undefined;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(Adapter.prototype, "iconPosition", {
-            get: function () {
-                return ___default.isFunction(this.face.iconPosition) ? this.face.iconPosition() : CommandFace.Position.START;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(Adapter.prototype, "tooltip", {
-            get: function () {
-                return ___default.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(Adapter.prototype, "iconPositionStart", {
-            get: function () {
-                return this.iconPosition === CommandFace.Position.START;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(Adapter.prototype, "iconPositionEnd", {
-            get: function () {
-                return this.iconPosition === CommandFace.Position.END;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        __decorate([
-            Memoize(),
-            __metadata("design:type", Object),
-            __metadata("design:paramtypes", [])
-        ], Adapter.prototype, "text", null);
-        __decorate([
-            Memoize(),
-            __metadata("design:type", Object),
-            __metadata("design:paramtypes", [])
-        ], Adapter.prototype, "icon", null);
-        __decorate([
-            Memoize(),
-            __metadata("design:type", Object),
-            __metadata("design:paramtypes", [])
-        ], Adapter.prototype, "iconPosition", null);
-        __decorate([
-            Memoize(),
-            __metadata("design:type", Object),
-            __metadata("design:paramtypes", [])
-        ], Adapter.prototype, "tooltip", null);
-        __decorate([
-            Memoize(),
-            __metadata("design:type", Boolean),
-            __metadata("design:paramtypes", [])
-        ], Adapter.prototype, "iconPositionStart", null);
-        __decorate([
-            Memoize(),
-            __metadata("design:type", Boolean),
-            __metadata("design:paramtypes", [])
-        ], Adapter.prototype, "iconPositionEnd", null);
-        return Adapter;
-    }());
-    CommandFace.Adapter = Adapter;
-})(CommandFace || (CommandFace = {}));
-
 var MenuItemData = /** @class */ (function (_super) {
     __extends(MenuItemData, _super);
     function MenuItemData(factory, face) {
@@ -2766,7 +3163,14 @@ var ComponentsModule = /** @class */ (function () {
                 TableHeaderCellRendererComponent,
                 IconComponent,
                 SectionHeaderComponent,
-                TableRowMenuComponent
+                TableRowMenuComponent,
+                CommandBarComponent,
+                CommandComponent,
+                PopupMenuComponent,
+                CommandFaceComponent,
+                AbstractPopupMenuComponent,
+                PopupMenuRendererComponent,
+                MoreMenuComponent
             ],
             imports: [
                 CommonModule,
@@ -2812,7 +3216,14 @@ var ComponentsModule = /** @class */ (function () {
                 ColumnTemplateDirective,
                 IconComponent,
                 SectionHeaderComponent,
-                TableRowMenuComponent
+                TableRowMenuComponent,
+                CommandBarComponent,
+                CommandComponent,
+                AbstractPopupMenuComponent,
+                PopupMenuComponent,
+                CommandFaceComponent,
+                PopupMenuRendererComponent,
+                MoreMenuComponent
             ],
             providers: [
                 FocusBindingFactory
@@ -7100,5 +7511,5 @@ function VisitParameterList(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandDirective, CommandFace, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, CardContainerComponent as ɵba, TableComponent as ɵbb, EditRowControls as ɵbc, ColumnTemplateDirective as ɵbd, DefaultCellRendererComponent as ɵbe, TableCellRendererComponent as ɵbf, SelectCellRendererComponent as ɵbg, SelectHeaderCellRendererComponent as ɵbh, DefaultHeaderCellRendererComponent as ɵbi, TableHeaderCellRendererComponent as ɵbj, IconComponent as ɵbk, SectionHeaderComponent as ɵbl, TableRowMenuComponent as ɵbm, PlaceModule as ɵbn, ComponentsModule as ɵbo, EmptyStateComponent as ɵbp, BusyOverlayComponent as ɵbq, PlaceOutletComponent as ɵbr, leftRightPlaceAnimation as ɵbs, LEFT_RIGHT_PLACE_ANIMATION as ɵbt, AUP_PLACE_CONFIG as ɵbu, PlaceRouter as ɵbw, InteractionService as ɵbx, ModalInteractionContextFactory as ɵby, UrlService as ɵbz, FocusBindingDirective as ɵc, PlaceHistory as ɵca, TabbedPlaceNavigationComponent as ɵcb, AbstractPlaceNavigationComponent as ɵcc, ListPlaceNavComponent as ɵcd, SidePlaceNavigationComponent as ɵce, InteractionModule as ɵcf, ActivityContainerComponent as ɵcg, AbstractInteractionContext as ɵch, ActivityOutletComponent as ɵci, ConfirmationDialogComponent as ɵcj, ACTIVITY_DATA as ɵck, Activity as ɵcl, ConfirmThenDialogComponent as ɵcn, AlertDialogComponent as ɵco, InPlaceInteractionContextComponent as ɵcq, AddItemInteractionContextComponent as ɵcr, ActivityActionsComponent as ɵcs, PopupInteractionContextComponent as ɵct, StringInputActivity as ɵcu, AbstractInputActivity as ɵcv, SelectInputActivity as ɵcw, InteractionContextTriggerFor as ɵcx, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, AbstractInputComponent as ɵg, AbstractValueInputComponent as ɵh, AbstractListInputComponent as ɵi, NumberInputComponent as ɵj, StringInputComponent as ɵk, TextInputComponent as ɵl, PasswordInputComponent as ɵm, SelectInputComponent as ɵn, MultipleSelectInputComponent as ɵo, AutocompleteInputComponent as ɵp, CheckboxInputComponent as ɵq, ScrollContainerComponent as ɵr, NoopComponent as ɵs, SwitchCaseOption as ɵt, SwitchCaseWhenDirective as ɵu, SwitchCaseDefaultDirective as ɵv, SwitchCaseComponent as ɵw, FocusContainerComponent as ɵx, VerticalFocusContainerComponent as ɵy, FocusableComponent as ɵz };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandBarComponent, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, CardContainerComponent as ɵba, TableComponent as ɵbb, EditRowControls as ɵbc, ColumnTemplateDirective as ɵbd, DefaultCellRendererComponent as ɵbe, TableCellRendererComponent as ɵbf, SelectCellRendererComponent as ɵbg, SelectHeaderCellRendererComponent as ɵbh, DefaultHeaderCellRendererComponent as ɵbi, TableHeaderCellRendererComponent as ɵbj, IconComponent as ɵbk, SectionHeaderComponent as ɵbl, TableRowMenuComponent as ɵbm, CommandBarComponent as ɵbn, CommandContainer as ɵbo, CommandComponent as ɵbp, PopupMenuComponent as ɵbq, AbstractPopupMenuComponent as ɵbr, PopupMenuRendererComponent as ɵbs, CommandFaceComponent as ɵbt, MoreMenuComponent as ɵbu, PlaceModule as ɵbv, ComponentsModule as ɵbw, EmptyStateComponent as ɵbx, BusyOverlayComponent as ɵby, PlaceOutletComponent as ɵbz, FocusBindingDirective as ɵc, leftRightPlaceAnimation as ɵca, LEFT_RIGHT_PLACE_ANIMATION as ɵcb, AUP_PLACE_CONFIG as ɵcc, PlaceRouter as ɵce, InteractionService as ɵcf, ModalInteractionContextFactory as ɵcg, UrlService as ɵch, PlaceHistory as ɵci, TabbedPlaceNavigationComponent as ɵcj, AbstractPlaceNavigationComponent as ɵck, ListPlaceNavComponent as ɵcl, SidePlaceNavigationComponent as ɵcm, InteractionModule as ɵcn, ActivityContainerComponent as ɵco, AbstractInteractionContext as ɵcp, ActivityOutletComponent as ɵcq, ConfirmationDialogComponent as ɵcr, ACTIVITY_DATA as ɵcs, Activity as ɵct, ConfirmThenDialogComponent as ɵcv, AlertDialogComponent as ɵcw, InPlaceInteractionContextComponent as ɵcy, AddItemInteractionContextComponent as ɵcz, DisposableComponent as ɵd, ActivityActionsComponent as ɵda, PopupInteractionContextComponent as ɵdb, StringInputActivity as ɵdc, AbstractInputActivity as ɵdd, SelectInputActivity as ɵde, InteractionContextTriggerFor as ɵdf, FocusBindingFactory as ɵe, ComponentsModule as ɵf, AbstractInputComponent as ɵg, AbstractValueInputComponent as ɵh, AbstractListInputComponent as ɵi, NumberInputComponent as ɵj, StringInputComponent as ɵk, TextInputComponent as ɵl, PasswordInputComponent as ɵm, SelectInputComponent as ɵn, MultipleSelectInputComponent as ɵo, AutocompleteInputComponent as ɵp, CheckboxInputComponent as ɵq, ScrollContainerComponent as ɵr, NoopComponent as ɵs, SwitchCaseOption as ɵt, SwitchCaseWhenDirective as ɵu, SwitchCaseDefaultDirective as ɵv, SwitchCaseComponent as ɵw, FocusContainerComponent as ɵx, VerticalFocusContainerComponent as ɵy, FocusableComponent as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map