@coolon/angular-ui-powerups 2.0.2 → 3.0.1

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

@@ -1,11 +1,10 @@
-import { __decorate, __metadata, __param, __awaiter } from 'tslib';
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, ContentChild, TemplateRef, Component, EventEmitter, Optional, SkipSelf, ViewChild, Output, ViewChildren, QueryList, HostBinding, ViewEncapsulation, Self, ChangeDetectorRef, ContentChildren, ViewContainerRef, InjectionToken, Injector, ComponentFactoryResolver } from '@angular/core';
+import { Directive, ElementRef, Inject, Input, HostListener, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, Component, ContentChild, EventEmitter, Optional, SkipSelf, ViewChild, Output, ViewChildren, HostBinding, ViewEncapsulation, Self, TemplateRef, ChangeDetectorRef, ContentChildren, ViewContainerRef, InjectionToken, Injector, ComponentFactoryResolver } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
-import { MatTabsModule, MatTabGroup, MAT_TABS_CONFIG } from '@angular/material/tabs';
+import { MatTabsModule, MAT_TABS_CONFIG } from '@angular/material/tabs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
@@ -14,20 +13,21 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatIconModule } from '@angular/material/icon';
-import { MatMenu, MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
+import { MatMenuTrigger, 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 { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, MutableValueModel, StoreInValueModel, ValueModel, MutableListModel, Trace, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, StoreInListModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, MutableValueModel, StoreInValueModel, ValueModel, MutableListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, StoreInListModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Trace, Functions } from '@coolon/pectin';
+import { __decorate, __metadata, __awaiter } from 'tslib';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
-import ___default, { isEqual, isNil } from 'lodash';
+import _, { 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 produce from 'immer';
 import { FlexModule, GridModule } from '@angular/flex-layout';
-import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
-import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
+import { MatDialogModule, MatDialog, MAT_DIALOG_DEFAULT_OPTIONS, MatDialogConfig } from '@angular/material/dialog';
+import { RouterModule, NavigationStart, NavigationCancel, UrlSegment, Router, UrlSerializer, NavigationEnd, NavigationError, RouterOutlet } from '@angular/router';
 import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
 import ResizeObserver from 'resize-observer-polyfill';
 import { MatListModule } from '@angular/material/list';
@@ -37,7 +37,7 @@ import 'reflect-metadata';
 import { style, query, group, animate, trigger, transition } from '@angular/animations';
 import { Observable } from 'rxjs';
 
-let CommandDirective = class CommandDirective extends GarbageCollector {
+class CommandDirective extends GarbageCollector {
     constructor(elementRef) {
         super();
         this.elementRef = elementRef;
@@ -108,45 +108,32 @@ let CommandDirective = class CommandDirective extends GarbageCollector {
             console.warn('disabled command clicked, ignoring.');
         }
     }
-};
+}
+CommandDirective.decorators = [
+    { type: Directive, args: [{
+                // tslint:disable-next-line:directive-selector
+                selector: '[pectinCommand]'
+            },] }
+];
 CommandDirective.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
 ];
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], CommandDirective.prototype, "pectinCommand", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], CommandDirective.prototype, "commandParameter", null);
-__decorate([
-    HostListener('click', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Event]),
-    __metadata("design:returntype", void 0)
-], CommandDirective.prototype, "notifyClick", null);
-CommandDirective = __decorate([
-    Directive({
-        // tslint:disable-next-line:directive-selector
-        selector: '[pectinCommand]'
-    }),
-    __param(0, Inject(ElementRef)),
-    __metadata("design:paramtypes", [ElementRef])
-], CommandDirective);
-
-let DisposableComponent = class DisposableComponent extends GarbageCollector {
+CommandDirective.propDecorators = {
+    pectinCommand: [{ type: Input }],
+    commandParameter: [{ type: Input }],
+    notifyClick: [{ type: HostListener, args: ['click', ['$event'],] }]
+};
+
+class DisposableComponent extends GarbageCollector {
     ngOnDestroy() {
         this.dispose();
     }
-};
-DisposableComponent = __decorate([
-    Directive()
-], DisposableComponent);
+}
+DisposableComponent.decorators = [
+    { type: Directive }
+];
 
-let FocusBinding = class FocusBinding extends GarbageCollector {
+class FocusBinding extends GarbageCollector {
     // TODO: update to support alternate focus mechanisms so we can interoperate with mat-checkbox
     constructor(focusTargetElement, ngZone, document, focusContext) {
         super();
@@ -212,15 +199,15 @@ let FocusBinding = class FocusBinding extends GarbageCollector {
         // tslint:disable-next-line:no-string-literal
         return hasSize && !this.focusTarget['disabled'];
     }
-};
-FocusBinding = __decorate([
-    __param(1, Inject(NgZone)),
-    __param(2, Inject(DOCUMENT)),
-    __metadata("design:paramtypes", [HTMLElement,
-        NgZone, Object, Object])
-], FocusBinding);
-
-let FocusBindingFactory = class FocusBindingFactory {
+}
+FocusBinding.ctorParameters = () => [
+    { type: HTMLElement },
+    { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
+    { type: undefined }
+];
+
+class FocusBindingFactory {
     constructor(ngZone, document) {
         this.ngZone = ngZone;
         // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
@@ -230,21 +217,19 @@ let FocusBindingFactory = class FocusBindingFactory {
     createBinding(el, focusContext) {
         return new FocusBinding(el, this.ngZone, this.document, focusContext);
     }
-};
+}
+FocusBindingFactory.ɵprov = ɵɵdefineInjectable({ factory: function FocusBindingFactory_Factory() { return new FocusBindingFactory(ɵɵinject(NgZone), ɵɵinject(DOCUMENT)); }, token: FocusBindingFactory, providedIn: "root" });
+FocusBindingFactory.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
 FocusBindingFactory.ctorParameters = () => [
     { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
     { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
 ];
-FocusBindingFactory.ɵprov = ɵɵdefineInjectable({ factory: function FocusBindingFactory_Factory() { return new FocusBindingFactory(ɵɵinject(NgZone), ɵɵinject(DOCUMENT)); }, token: FocusBindingFactory, providedIn: "root" });
-FocusBindingFactory = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __param(0, Inject(NgZone)), __param(1, Inject(DOCUMENT)),
-    __metadata("design:paramtypes", [NgZone, Object])
-], FocusBindingFactory);
-
-let FocusBindingDirective = class FocusBindingDirective extends DisposableComponent {
+
+class FocusBindingDirective extends DisposableComponent {
     constructor(el, focusBindingFactory) {
         super();
         this.el = el;
@@ -276,64 +261,47 @@ let FocusBindingDirective = class FocusBindingDirective extends DisposableCompon
     get focusTarget() {
         return this.focusBindingTarget || this.el.nativeElement;
     }
-};
+}
+FocusBindingDirective.decorators = [
+    { type: Directive, args: [{
+                // tslint:disable-next-line:directive-selector
+                selector: '[pectinFocusBinding]'
+            },] }
+];
 FocusBindingDirective.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
     { type: FocusBindingFactory }
 ];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FocusBindingDirective.prototype, "pectinFocusBinding", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", HTMLElement)
-], FocusBindingDirective.prototype, "focusBindingTarget", void 0);
-__decorate([
-    HostListener('focusin'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], FocusBindingDirective.prototype, "onFocusIn", null);
-__decorate([
-    HostListener('focusout'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], FocusBindingDirective.prototype, "onFocusOut", null);
-FocusBindingDirective = __decorate([
-    Directive({
-        // tslint:disable-next-line:directive-selector
-        selector: '[pectinFocusBinding]'
-    }),
-    __param(0, Inject(ElementRef)),
-    __metadata("design:paramtypes", [ElementRef,
-        FocusBindingFactory])
-], FocusBindingDirective);
-
-let DirectivesModule = class DirectivesModule {
+FocusBindingDirective.propDecorators = {
+    pectinFocusBinding: [{ type: Input }],
+    focusBindingTarget: [{ type: Input }],
+    onFocusIn: [{ type: HostListener, args: ['focusin',] }],
+    onFocusOut: [{ type: HostListener, args: ['focusout',] }]
 };
-DirectivesModule = __decorate([
-    NgModule({
-        declarations: [
-            CommandDirective,
-            FocusBindingDirective
-        ],
-        imports: [
-            CommonModule,
-            BrowserAnimationsModule,
-            FormsModule,
-            MatInputModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatTabsModule
-        ],
-        exports: [
-            CommandDirective,
-            FocusBindingDirective
-        ]
-    })
-], DirectivesModule);
+
+class DirectivesModule {
+}
+DirectivesModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    CommandDirective,
+                    FocusBindingDirective
+                ],
+                imports: [
+                    CommonModule,
+                    BrowserAnimationsModule,
+                    FormsModule,
+                    MatInputModule,
+                    MatFormFieldModule,
+                    MatSelectModule,
+                    MatTabsModule
+                ],
+                exports: [
+                    CommandDirective,
+                    FocusBindingDirective
+                ]
+            },] }
+];
 
 /**
  * @example
@@ -353,30 +321,29 @@ DirectivesModule = __decorate([
  * </nav-template>
  *
  */
-let CardContainerComponent = class CardContainerComponent extends DisposableComponent {
+class CardContainerComponent extends DisposableComponent {
     constructor() {
         super();
     }
     ngOnInit() {
     }
+}
+CardContainerComponent.decorators = [
+    { type: Component, args: [{
+                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-background:#fff;--aup-default-padding:var(--default-padding,18px)}.router-outlet-container>*{bottom:0;left:0;position:absolute;right:0;top: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,.dialog-interaction-context mat-dialog-container{max-height:95vh!important;max-width:95vw!important}.dialog-interaction-context mat-dialog-container{padding:0}.activity-outlet-wrapper{align-items:stretch;display:flex;flex-direction:column}.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 .28s 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{border-bottom:0;padding-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{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;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{flex:1;padding-left:var(--default-column-gap)}:root{--aup-command-face-icon-gap:8px;--aup-fa-icon-width:18px;--aup-icon-width:24px}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{height:var(--aup-fa-icon-width)!important;left:var(--fa-icon-offset);position:absolute;top:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-background:var(--card-background,#fcfcfb);--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-width:var(--card-width,300px);background:var(--resolved-card-background);display:block;flex:1}.card-container{box-sizing:border-box;display:-ms-grid;display:grid;grid-gap:var(--resolved-card-gap);grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(0,var(--resolved-card-height)));max-width:100%;min-height:calc(var(--resolved-card-height) + 2*var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2*var(--resolved-card-gap));padding:var(--resolved-card-gap);width:calc((var(--resolved-card-width) + var(--resolved-card-gap))*2 + var(--grid-gap))}.add-card-container{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed rgba(0,0,0,.1);border-radius:6px;box-sizing:border-box;color:rgba(0,0,0,.54);cursor:pointer;display:flex;flex-direction:column;font-weight:300;height:var(--resolved-card-height);justify-content:center;min-height:var(--resolved-card-min-height);transition:all .28s cubic-bezier(.4,0,.2,1);width:var(--resolved-card-width)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{background-color:#fff;border-color:transparent;color:rgba(0,0,0,.54);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1)}.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{align-items:stretch;display:flex;flex-direction:column;height:var(--resolved-card-height);justify-content:stretch;width:var(--resolved-card-width)}"]
+            },] }
+];
+CardContainerComponent.ctorParameters = () => [];
+CardContainerComponent.propDecorators = {
+    addCardCommand: [{ type: Input }],
+    addCardTemplate: [{ type: ContentChild, args: ["addCardTemplate",] }]
 };
 __decorate([
-    Input(),
     TrackExternal(),
     __metadata("design:type", Command)
 ], CardContainerComponent.prototype, "addCardCommand", void 0);
-__decorate([
-    ContentChild("addCardTemplate"),
-    __metadata("design:type", TemplateRef)
-], CardContainerComponent.prototype, "addCardTemplate", void 0);
-CardContainerComponent = __decorate([
-    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;--aup-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}.activity-outlet-wrapper{display:flex;flex-direction:column;align-items:stretch}.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);
 
 var TrackBy;
 (function (TrackBy) {
@@ -396,27 +363,27 @@ var CommandFace;
         RAISED: 'raised'
     });
     function getColorOf(face) {
-        return ___default.isFunction(face === null || face === void 0 ? void 0 : face.color) ? face.color() : undefined;
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.color) ? face.color() : undefined;
     }
     CommandFace.getColorOf = getColorOf;
     function getStyleOf(face) {
-        return ___default.isFunction(face === null || face === void 0 ? void 0 : face.style) ? face.style() : undefined;
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.style) ? face.style() : undefined;
     }
     CommandFace.getStyleOf = getStyleOf;
     function getIconOf(face) {
-        return ___default.isFunction(face === null || face === void 0 ? void 0 : face.icon) ? face.icon() : undefined;
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.icon) ? face.icon() : undefined;
     }
     CommandFace.getIconOf = getIconOf;
     function getIconPositionOf(face) {
-        return ___default.isFunction(face === null || face === void 0 ? void 0 : face.iconPosition) ? face.iconPosition() : undefined;
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.iconPosition) ? face.iconPosition() : undefined;
     }
     CommandFace.getIconPositionOf = getIconPositionOf;
     function getTooltipOf(face) {
-        return ___default.isFunction(face === null || face === void 0 ? void 0 : face.tooltip) ? face.tooltip() : undefined;
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.tooltip) ? face.tooltip() : undefined;
     }
     CommandFace.getTooltipOf = getTooltipOf;
     function getTextOf(face) {
-        return ___default.isFunction(face === null || face === void 0 ? void 0 : face.text) ? face.text() : undefined;
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.text) ? face.text() : undefined;
     }
     CommandFace.getTextOf = getTextOf;
     class Adapter {
@@ -591,7 +558,7 @@ class ViewData {
     ViewData.isFlex = isFlex;
 })(ViewData || (ViewData = {}));
 
-let CommandGroupMenuRendererComponent = class CommandGroupMenuRendererComponent extends DisposableComponent {
+class CommandGroupMenuRendererComponent extends DisposableComponent {
     constructor(parent) {
         super();
         this.parent = parent;
@@ -609,36 +576,28 @@ let CommandGroupMenuRendererComponent = class CommandGroupMenuRendererComponent
         when(command.busy).becomesFalsey(() => this.commandFired.emit());
         return command;
     }
-};
+}
+CommandGroupMenuRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-command-group-menu',
+                template: "<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            [pectinCommand]=\"getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [face]=\"ViewData.getFace(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"
+            },] }
+];
 CommandGroupMenuRendererComponent.ctorParameters = () => [
     { type: CommandGroupMenuRendererComponent, decorators: [{ type: Optional }, { type: SkipSelf }] }
 ];
+CommandGroupMenuRendererComponent.propDecorators = {
+    menuComponent: [{ type: ViewChild, args: ['menu', { static: true },] }],
+    groupViewData: [{ type: Input }],
+    commandFired: [{ type: Output }],
+    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
+};
 __decorate([
-    ViewChild('menu', { static: true }),
-    __metadata("design:type", MatMenu)
-], CommandGroupMenuRendererComponent.prototype, "menuComponent", void 0);
-__decorate([
-    Input(), StoreInValueModel('groupViewDataModel'),
+    StoreInValueModel('groupViewDataModel'),
     __metadata("design:type", ViewData.GroupData)
 ], CommandGroupMenuRendererComponent.prototype, "groupViewData", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], CommandGroupMenuRendererComponent.prototype, "commandFired", void 0);
-__decorate([
-    ViewChildren(MatMenuTrigger),
-    __metadata("design:type", QueryList)
-], CommandGroupMenuRendererComponent.prototype, "triggers", void 0);
-CommandGroupMenuRendererComponent = __decorate([
-    Component({
-        selector: 'aup-command-group-menu',
-        template: "<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            [pectinCommand]=\"getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [face]=\"ViewData.getFace(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"
-    }),
-    __param(0, Optional()), __param(0, SkipSelf()),
-    __metadata("design:paramtypes", [CommandGroupMenuRendererComponent])
-], CommandGroupMenuRendererComponent);
-
-let CommandGroupRendererComponent = class CommandGroupRendererComponent extends DisposableComponent {
+
+class CommandGroupRendererComponent extends DisposableComponent {
     constructor() {
         super();
         this.renderRootNode = true;
@@ -647,28 +606,28 @@ let CommandGroupRendererComponent = class CommandGroupRendererComponent extends
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         this.childViewDataModels = chain(this.groupViewDataModel).pluckList('children');
     }
+}
+CommandGroupRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-command-group-renderer',
+                template: "<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button        #trigger=\"matMenuTrigger\"\n                   mat-icon-button\n                   [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n                   [matTooltip]=\"ViewData.getTooltip(group)\"\n                   [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n",
+                styles: [":host{align-items:center;display:inline-flex;flex-direction:row}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]
+            },] }
+];
+CommandGroupRendererComponent.ctorParameters = () => [];
+CommandGroupRendererComponent.propDecorators = {
+    groupViewDataModel: [{ type: Input }],
+    groupViewData: [{ type: Input }],
+    renderRootNode: [{ type: Input }, { type: HostBinding, args: ['class.render-root',] }]
 };
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], CommandGroupRendererComponent.prototype, "groupViewDataModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('groupViewDataModel'),
+    StoreInValueModel('groupViewDataModel'),
     __metadata("design:type", ViewData.GroupData)
 ], CommandGroupRendererComponent.prototype, "groupViewData", void 0);
-__decorate([
-    Input(),
-    HostBinding('class.render-root'),
-    __metadata("design:type", Object)
-], CommandGroupRendererComponent.prototype, "renderRootNode", void 0);
-CommandGroupRendererComponent = __decorate([
-    Component({
-        selector: 'aup-command-group-renderer',
-        template: "<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button        #trigger=\"matMenuTrigger\"\n                   mat-icon-button\n                   [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n                   [matTooltip]=\"ViewData.getTooltip(group)\"\n                   [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n",
-        styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]
-    }),
-    __metadata("design:paramtypes", [])
-], CommandGroupRendererComponent);
 
 class Registration extends GarbageCollector {
 }
@@ -822,8 +781,7 @@ class CommandGroup extends GarbageCollector {
     CommandGroup.factory = factory;
 })(CommandGroup || (CommandGroup = {}));
 
-var CommandGroupComponent_1;
-let CommandGroupComponent = CommandGroupComponent_1 = class CommandGroupComponent extends CommandGroup {
+class CommandGroupComponent extends CommandGroup {
     constructor(parent) {
         super(parent);
         this.parent = parent;
@@ -831,37 +789,33 @@ let CommandGroupComponent = CommandGroupComponent_1 = class CommandGroupComponen
         this.yPosition = 'below';
         this.parent.registerGroup(this, this.faceModel);
     }
-};
+}
+CommandGroupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-command-group',
+                template: '',
+                providers: [
+                    { provide: CommandGroup, useExisting: CommandGroupComponent }
+                ]
+            },] }
+];
 CommandGroupComponent.ctorParameters = () => [
     { type: CommandGroup, decorators: [{ type: SkipSelf }] }
 ];
+CommandGroupComponent.propDecorators = {
+    faceModel: [{ type: Input }],
+    face: [{ type: Input }],
+    xPosition: [{ type: Input }],
+    yPosition: [{ type: Input }]
+};
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], CommandGroupComponent.prototype, "faceModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('faceModel'),
+    StoreInValueModel('faceModel'),
     __metadata("design:type", Object)
 ], CommandGroupComponent.prototype, "face", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], CommandGroupComponent.prototype, "xPosition", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], CommandGroupComponent.prototype, "yPosition", void 0);
-CommandGroupComponent = CommandGroupComponent_1 = __decorate([
-    Component({
-        selector: 'aup-command-group',
-        template: '',
-        providers: [
-            { provide: CommandGroup, useExisting: CommandGroupComponent_1 }
-        ]
-    }),
-    __param(0, SkipSelf()),
-    __metadata("design:paramtypes", [CommandGroup])
-], CommandGroupComponent);
 
 /**
  * Custom CSS:
@@ -873,7 +827,7 @@ CommandGroupComponent = CommandGroupComponent_1 = __decorate([
  *   --icon-gap: 4px;
  * }
  */
-let CommandFaceComponent = class CommandFaceComponent extends DisposableComponent {
+class CommandFaceComponent extends DisposableComponent {
     constructor() {
         super();
         this.faceModel = new MutableValueModel();
@@ -912,47 +866,33 @@ let CommandFaceComponent = class CommandFaceComponent extends DisposableComponen
     get color() {
         return this.colorModel.value;
     }
+}
+CommandFaceComponent.decorators = [
+    { type: Component, args: [{
+                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(--aup-command-face-icon-gap);align-items:center;display:inline-flex;flex-direction:row}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]
+            },] }
+];
+CommandFaceComponent.ctorParameters = () => [];
+CommandFaceComponent.propDecorators = {
+    _rawFace: [{ type: Input, args: ['face',] }],
+    ignoreIcon: [{ type: Input }],
+    ignoreText: [{ type: Input }],
+    includeMissingIconInLayout: [{ type: Input }],
+    requiresMissingIconInLayout: [{ type: HostBinding, args: ['class.hide-icon',] }],
+    color: [{ type: HostBinding, args: ['attr.color',] }]
 };
 __decorate([
-    Input('face'), StoreInValueModel('faceModel'),
+    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('attr.color'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], CommandFaceComponent.prototype, "color", 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(--aup-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}"]
-    }),
-    __metadata("design:paramtypes", [])
-], CommandFaceComponent);
 
 /**
  *
  */
-let CommandComponent = class CommandComponent extends DisposableComponent {
+class CommandComponent extends DisposableComponent {
     constructor(parent) {
         super();
         this.parent = parent;
@@ -970,43 +910,48 @@ let CommandComponent = class CommandComponent extends DisposableComponent {
     }
     ngOnInit() {
     }
-};
+}
+CommandComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-command',
+                template: "<ng-container *ngIf=\"!parent\">\n  <ng-container [ngSwitch]=\"buttonStyle.value\">\n    <button *ngSwitchCase=\"CommandFace.Style.STROKED\" mat-stroked-button [pectinCommand]=\"command\" [color]=\"colorModel.value\">\n      <aup-command-face [face]=\"activeFaceModel.value\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"CommandFace.Style.RAISED\" mat-raised-button [pectinCommand]=\"command\" [color]=\"colorModel.value\">\n      <aup-command-face [face]=\"activeFaceModel.value\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault mat-button [pectinCommand]=\"command\" [color]=\"colorModel.value\">\n      <aup-command-face [face]=\"activeFaceModel.value\"></aup-command-face>\n    </button>\n  </ng-container>\n</ng-container>\n"
+            },] }
+];
 CommandComponent.ctorParameters = () => [
     { type: CommandGroup, decorators: [{ type: Optional }] }
 ];
+CommandComponent.propDecorators = {
+    command: [{ type: Input }],
+    faceModel: [{ type: Input }],
+    face: [{ type: Input }],
+    busyFaceModel: [{ type: Input }],
+    busyFace: [{ type: Input }]
+};
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", Command)
 ], CommandComponent.prototype, "command", void 0);
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], CommandComponent.prototype, "faceModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('faceModel'),
+    StoreInValueModel('faceModel'),
     __metadata("design:type", Object)
 ], CommandComponent.prototype, "face", void 0);
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], CommandComponent.prototype, "busyFaceModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('busyFaceModel'),
+    StoreInValueModel('busyFaceModel'),
     __metadata("design:type", Object)
 ], CommandComponent.prototype, "busyFace", void 0);
-CommandComponent = __decorate([
-    Component({
-        selector: 'aup-command',
-        template: "<ng-container *ngIf=\"!parent\">\n  <ng-container [ngSwitch]=\"buttonStyle.value\">\n    <button *ngSwitchCase=\"CommandFace.Style.STROKED\" mat-stroked-button [pectinCommand]=\"command\" [color]=\"colorModel.value\">\n      <aup-command-face [face]=\"activeFaceModel.value\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"CommandFace.Style.RAISED\" mat-raised-button [pectinCommand]=\"command\" [color]=\"colorModel.value\">\n      <aup-command-face [face]=\"activeFaceModel.value\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault mat-button [pectinCommand]=\"command\" [color]=\"colorModel.value\">\n      <aup-command-face [face]=\"activeFaceModel.value\"></aup-command-face>\n    </button>\n  </ng-container>\n</ng-container>\n"
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [CommandGroup])
-], CommandComponent);
 
 /**
  *
  */
-let FlexComponent = class FlexComponent extends DisposableComponent {
+class FlexComponent extends DisposableComponent {
     constructor(parent) {
         super();
         this.parent = parent;
@@ -1016,23 +961,22 @@ let FlexComponent = class FlexComponent extends DisposableComponent {
     }
     ngOnInit() {
     }
-};
+}
+FlexComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-flex',
+                template: ``
+            },] }
+];
 FlexComponent.ctorParameters = () => [
     { type: CommandGroup }
 ];
-FlexComponent = __decorate([
-    Component({
-        selector: 'aup-flex',
-        template: ``
-    }),
-    __metadata("design:paramtypes", [CommandGroup])
-], FlexComponent);
 
 const ɵ0 = CommandGroup.factory;
 /**
  *
  */
-let MoreMenuComponent = class MoreMenuComponent extends DisposableComponent {
+class MoreMenuComponent extends DisposableComponent {
     constructor(group) {
         super();
         this.group = group;
@@ -1050,93 +994,78 @@ let MoreMenuComponent = class MoreMenuComponent extends DisposableComponent {
     }
     ngOnInit() {
     }
+    // @Trace()
     ngAfterContentInit() {
         this.group.initialise();
     }
-};
+}
+MoreMenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-more-menu',
+                template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+                providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
+            },] }
+];
 MoreMenuComponent.ctorParameters = () => [
     { type: CommandGroup }
 ];
+MoreMenuComponent.propDecorators = {
+    tooltip: [{ type: Input }]
+};
 __decorate([
-    Input(), StoreInValueModel('tooltipModel'),
+    StoreInValueModel('tooltipModel'),
     __metadata("design:type", String)
 ], MoreMenuComponent.prototype, "tooltip", void 0);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], MoreMenuComponent.prototype, "ngAfterContentInit", null);
-MoreMenuComponent = __decorate([
-    Component({
-        selector: 'aup-more-menu',
-        template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
-        providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
-    }),
-    __metadata("design:paramtypes", [CommandGroup])
-], MoreMenuComponent);
 
 const ɵ0$1 = CommandGroup.factory;
 /**
  *
  */
-let PopupMenuComponent = class PopupMenuComponent extends DisposableComponent {
+class PopupMenuComponent extends DisposableComponent {
     constructor(group) {
         super();
         this.group = group;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         group.faceModel = this.faceModel;
     }
+    // @Trace()
     ngOnInit() {
     }
+    // @Trace()
     ngAfterContentInit() {
         this.group.initialise();
     }
+    // @Trace()
     ngAfterViewInit() {
     }
-};
+}
+PopupMenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-popup-menu',
+                template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+                providers: [{ provide: CommandGroup, useFactory: ɵ0$1 }]
+            },] }
+];
 PopupMenuComponent.ctorParameters = () => [
     { type: CommandGroup }
 ];
+PopupMenuComponent.propDecorators = {
+    faceModel: [{ type: Input }],
+    face: [{ type: Input }]
+};
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], PopupMenuComponent.prototype, "faceModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('faceModel'),
+    StoreInValueModel('faceModel'),
     __metadata("design:type", Object)
 ], PopupMenuComponent.prototype, "face", void 0);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PopupMenuComponent.prototype, "ngOnInit", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PopupMenuComponent.prototype, "ngAfterContentInit", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PopupMenuComponent.prototype, "ngAfterViewInit", null);
-PopupMenuComponent = __decorate([
-    Component({
-        selector: 'aup-popup-menu',
-        template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
-        providers: [{ provide: CommandGroup, useFactory: ɵ0$1 }]
-    }),
-    __metadata("design:paramtypes", [CommandGroup])
-], PopupMenuComponent);
 
 /**
  *
  */
-let SeparatorComponent = class SeparatorComponent extends DisposableComponent {
+class SeparatorComponent extends DisposableComponent {
     constructor(parent) {
         super();
         this.parent = parent;
@@ -1149,69 +1078,51 @@ let SeparatorComponent = class SeparatorComponent extends DisposableComponent {
     }
     ngOnInit() {
     }
-};
+}
+SeparatorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-separator',
+                template: `
+    <mat-divider [vertical]="isVertical()"></mat-divider>`
+            },] }
+];
 SeparatorComponent.ctorParameters = () => [
     { type: CommandGroup, decorators: [{ type: Optional }] }
 ];
-SeparatorComponent = __decorate([
-    Component({
-        selector: 'aup-separator',
-        template: `
-    <mat-divider [vertical]="isVertical()"></mat-divider>`
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [CommandGroup])
-], SeparatorComponent);
 
 const ɵ0$2 = CommandGroup.factory;
 /**
  *
  */
-let ToolBarComponent = class ToolBarComponent extends DisposableComponent {
+class ToolBarComponent extends DisposableComponent {
     constructor(group) {
         super();
         this.group = group;
     }
+    // @Trace()
     ngOnInit() {
     }
+    // @Trace()
     ngAfterContentInit() {
         this.group.initialise();
     }
+    // @Trace()
     ngAfterViewInit() {
     }
-};
+}
+ToolBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-tool-bar',
+                template: '<aup-command-group-renderer [renderRootNode]="false" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+                providers: [{ provide: CommandGroup, useFactory: ɵ0$2 }],
+                styles: [":host{align-items:center;display:inline-flex;flex-direction:row}:host mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host span.flex{flex:1}:host>*+*{margin-left:8px}"]
+            },] }
+];
 ToolBarComponent.ctorParameters = () => [
     { type: CommandGroup }
 ];
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ToolBarComponent.prototype, "ngOnInit", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ToolBarComponent.prototype, "ngAfterContentInit", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ToolBarComponent.prototype, "ngAfterViewInit", null);
-ToolBarComponent = __decorate([
-    Component({
-        selector: 'aup-tool-bar',
-        template: '<aup-command-group-renderer [renderRootNode]="false" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
-        providers: [{ provide: CommandGroup, useFactory: ɵ0$2 }],
-        styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host span.flex{flex:1}:host>*+*{margin-left:8px}"]
-    }),
-    __metadata("design:paramtypes", [CommandGroup])
-], ToolBarComponent);
-
-let FocusContainerComponent = class FocusContainerComponent extends DisposableComponent {
+
+class FocusContainerComponent extends DisposableComponent {
     constructor(focusManager) {
         super();
         this.focusManager = focusManager;
@@ -1226,28 +1137,25 @@ let FocusContainerComponent = class FocusContainerComponent extends DisposableCo
     restoreFocus() {
         this.focusManager.restoreFocus();
     }
-};
+}
+FocusContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-focus-container',
+                template: "<ng-content></ng-content>\n",
+                providers: [
+                    { provide: FocusManager }
+                ],
+                styles: [":host{display:block}"]
+            },] }
+];
 FocusContainerComponent.ctorParameters = () => [
     { type: FocusManager, decorators: [{ type: Self }] }
 ];
-__decorate([
-    HostBinding('attr.tabindex'),
-    __metadata("design:type", Object)
-], FocusContainerComponent.prototype, "tabIndex", void 0);
-FocusContainerComponent = __decorate([
-    Component({
-        selector: 'aup-focus-container',
-        template: "<ng-content></ng-content>\n",
-        providers: [
-            { provide: FocusManager }
-        ],
-        styles: [":host{display:block}"]
-    }),
-    __param(0, Self()),
-    __metadata("design:paramtypes", [FocusManager])
-], FocusContainerComponent);
-
-let FocusableComponent = class FocusableComponent extends DisposableComponent {
+FocusContainerComponent.propDecorators = {
+    tabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }]
+};
+
+class FocusableComponent extends DisposableComponent {
     constructor(el, focusManager, focusBindingFactory) {
         super();
         this.el = el;
@@ -1273,35 +1181,23 @@ let FocusableComponent = class FocusableComponent extends DisposableComponent {
     get focusContext() {
         return this._focusContext;
     }
-};
+}
+FocusableComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
 FocusableComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: FocusManager },
     { type: FocusBindingFactory }
 ];
-__decorate([
-    HostBinding('attr.tabindex'),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
-], FocusableComponent.prototype, "focusable", null);
-__decorate([
-    HostListener('focus'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], FocusableComponent.prototype, "onFocus", null);
-__decorate([
-    HostListener('blur'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], FocusableComponent.prototype, "onBlur", null);
-FocusableComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [ElementRef, FocusManager, FocusBindingFactory])
-], FocusableComponent);
+FocusableComponent.propDecorators = {
+    focusable: [{ type: HostBinding, args: ['attr.tabindex',] }],
+    onFocus: [{ type: HostListener, args: ['focus',] }],
+    onBlur: [{ type: HostListener, args: ['blur',] }]
+};
 
-let AbstractInputComponent = class AbstractInputComponent extends DisposableComponent {
+/* tslint:disable:no-input-rename */
+class AbstractInputComponent extends DisposableComponent {
     constructor() {
         super();
         this.onValueEditedListeners = new EventListenerList();
@@ -1380,99 +1276,40 @@ let AbstractInputComponent = class AbstractInputComponent extends DisposableComp
     onValueEdited(callback) {
         return this.onValueEditedListeners.add(callback);
     }
+}
+AbstractInputComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+AbstractInputComponent.ctorParameters = () => [];
+AbstractInputComponent.propDecorators = {
+    label: [{ type: Input }],
+    userFloatLabel: [{ type: Input, args: ['floatLabel',] }],
+    hint: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    dense: [{ type: HostBinding, args: ['class.dense',] }, { type: Input }],
+    focusCommand: [{ type: Input, args: ['command.focus',] }],
+    blurCommand: [{ type: Input, args: ['command.blur',] }],
+    enterCommand: [{ type: Input, args: ['command.enter',] }],
+    escapeCommand: [{ type: Input, args: ['command.escape',] }],
+    clickCommand: [{ type: Input, args: ['command.click',] }],
+    focus: [{ type: Output }],
+    blur: [{ type: Output }],
+    enterKey: [{ type: Output }],
+    escapeKey: [{ type: Output }],
+    baseClassName: [{ type: HostBinding, args: ['class',] }],
+    notifyClick: [{ type: HostListener, args: ['click',] }],
+    notifyFocusIn: [{ type: HostListener, args: ['focusin',] }],
+    notifyFocusOut: [{ type: HostListener, args: ['focusout',] }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "label", void 0);
-__decorate([
-    Input('floatLabel'),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "userFloatLabel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "hint", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "placeholder", void 0);
-__decorate([
-    HostBinding('class.dense'),
-    Input(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "dense", void 0);
-__decorate([
-    Input('command.focus'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "focusCommand", void 0);
-__decorate([
-    Input('command.blur'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "blurCommand", void 0);
-__decorate([
-    Input('command.enter'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "enterCommand", void 0);
-__decorate([
-    Input('command.escape'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "escapeCommand", void 0);
-__decorate([
-    Input('command.click'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "clickCommand", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "focus", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "blur", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "enterKey", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "escapeKey", void 0);
-__decorate([
-    HostBinding('class'),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "baseClassName", void 0);
-__decorate([
-    HostListener('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], AbstractInputComponent.prototype, "notifyClick", null);
-__decorate([
-    HostListener('focusin'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], AbstractInputComponent.prototype, "notifyFocusIn", null);
-__decorate([
-    HostListener('focusout'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], AbstractInputComponent.prototype, "notifyFocusOut", null);
-AbstractInputComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [])
-], AbstractInputComponent);
 
-let AbstractListInputComponent = class AbstractListInputComponent extends AbstractInputComponent {
+class AbstractListInputComponent extends AbstractInputComponent {
     constructor() {
         super();
         /**
          * A backing model for all our @Input() valueModel properties which should be defined as follows.
          *
          *    @Input() @TrackExternal({useExisting: "inputModel"})
-         *    valueModel: Form.ListModelBase<string> | IMutableListModel<string>;
+         *    valueModel: Form.ListModelBase<string> | MutableListModel<string>;
          *
          * This approach allows the input to accept plain or form models but all backed by a form
          * friendly delegate.  We have to use an existing delegate for union types as pectin just
@@ -1512,33 +1349,29 @@ let AbstractListInputComponent = class AbstractListInputComponent extends Abstra
             }
         });
     }
+}
+AbstractListInputComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+AbstractListInputComponent.ctorParameters = () => [];
+AbstractListInputComponent.propDecorators = {
+    listModel: [{ type: Input }],
+    value: [{ type: Input }],
+    valueChange: [{ type: Output }]
 };
 __decorate([
-    Input(), TrackExternal({ delegateTo: 'formValueModel' }),
+    TrackExternal({ delegateTo: 'formValueModel' }),
     __metadata("design:type", Object)
 ], AbstractListInputComponent.prototype, "listModel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], AbstractListInputComponent.prototype, "value", null);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractListInputComponent.prototype, "valueChange", void 0);
-AbstractListInputComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [])
-], AbstractListInputComponent);
 
-let AbstractValueInputComponent = class AbstractValueInputComponent extends AbstractInputComponent {
+class AbstractValueInputComponent extends AbstractInputComponent {
     constructor() {
         super();
         /**
          * A backing model for all our @Input() valueModel properties which should be defined as follows.
          *
          *    @Input() @TrackExternal({useExisting: "inputModel"})
-         *    valueModel:  DirtyTrackingForm.ValueModel<string> | IMutableValueModel<string>;
+         *    valueModel:  DirtyTrackingForm.ValueModel<string> | MutableValueModel<string>;
          *
          * This approach allows the input to accept plain or form models but all backed by a form
          * friendly delegate.  We have to use an existing delegate for union types as pectin just
@@ -1578,24 +1411,20 @@ let AbstractValueInputComponent = class AbstractValueInputComponent extends Abst
             }
         });
     }
+}
+AbstractValueInputComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+AbstractValueInputComponent.ctorParameters = () => [];
+AbstractValueInputComponent.propDecorators = {
+    valueModel: [{ type: Input }],
+    value: [{ type: Input }],
+    valueChange: [{ type: Output }]
 };
 __decorate([
-    Input(), TrackExternal({ delegateTo: 'formValueModel' }),
+    TrackExternal({ delegateTo: 'formValueModel' }),
     __metadata("design:type", Object)
 ], AbstractValueInputComponent.prototype, "valueModel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], AbstractValueInputComponent.prototype, "value", null);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractValueInputComponent.prototype, "valueChange", void 0);
-AbstractValueInputComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [])
-], AbstractValueInputComponent);
 
 /**
  * Using templates (not only supported for nil values:
@@ -1603,17 +1432,17 @@ AbstractValueInputComponent = __decorate([
  *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
  * </aup-autocomplete-input>
  */
-let AutocompleteInputComponent = class AutocompleteInputComponent extends AbstractValueInputComponent {
+class AutocompleteInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
         this.filterValue = new MutableValueModel();
         this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         const lowerCaseFilterValue = chain(this.filterValue)
-            .map(v => ___default.isString(v) ? v.toLowerCase() : '');
+            .map(v => _.isString(v) ? v.toLowerCase() : '');
         this.filteredOptions = chain(this.optionsModel)
             .select(option => {
-            return ___default.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);
+            return _.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);
         }, { dependsOn: lowerCaseFilterValue });
     }
     ngOnInit() {
@@ -1627,67 +1456,55 @@ let AutocompleteInputComponent = class AutocompleteInputComponent extends Abstra
     onSelect($event) {
         this.valueModel.value = $event.option.value;
     }
+}
+AutocompleteInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-autocomplete-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"componentValueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                styles: [":host{display:inline-block}mat-form-field{width:100%}"]
+            },] }
+];
+AutocompleteInputComponent.ctorParameters = () => [];
+AutocompleteInputComponent.propDecorators = {
+    optionsModel: [{ type: Input }],
+    options: [{ type: Input }],
+    optionLabel: [{ type: Input }],
+    allowNil: [{ type: Input }],
+    nilOptionTemplateRef: [{ type: ContentChild, args: ['nilOptionTemplate',] }],
+    optionLabelFormat: [{ type: Input }]
 };
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ListModel)
 ], AutocompleteInputComponent.prototype, "optionsModel", void 0);
 __decorate([
-    Input(), StoreInListModel('optionsModel'),
+    StoreInListModel('optionsModel'),
     __metadata("design:type", Array)
 ], AutocompleteInputComponent.prototype, "options", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], AutocompleteInputComponent.prototype, "optionLabel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], AutocompleteInputComponent.prototype, "allowNil", void 0);
-__decorate([
-    ContentChild('nilOptionTemplate'),
-    __metadata("design:type", TemplateRef)
-], AutocompleteInputComponent.prototype, "nilOptionTemplateRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], AutocompleteInputComponent.prototype, "optionLabelFormat", void 0);
-AutocompleteInputComponent = __decorate([
-    Component({
-        selector: 'aup-autocomplete-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"componentValueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-        styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-    }),
-    __metadata("design:paramtypes", [])
-], AutocompleteInputComponent);
 
-let CheckboxInputComponent = class CheckboxInputComponent extends AbstractValueInputComponent {
+class CheckboxInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
         // @Input() @TrackExternal({ delegateTo: 'inputModel' })
-        // valueModel: Form.ValueModelBase<boolean> | IMutableValueModel<boolean>;
+        // valueModel: Form.ValueModelBase<boolean> | MutableValueModel<boolean>;
         this.color = 'accent';
         this.labelPosition = 'after';
     }
     ngOnInit() {
     }
+}
+CheckboxInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-checkbox-input',
+                template: "<!-- TODO: add focus binding -->\n<mat-checkbox\n  [(ngModel)]=\"componentValueModel.value\"\n  [color]=\"color\"\n  [labelPosition]=\"labelPosition\"\n  [disabled]=\"!isEnabled()\"\n>{{label}}</mat-checkbox>\n<mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n<mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n",
+                styles: [":host{display:inline-flex;flex-direction:column;padding:24px 0 16px}:host.dense{padding:6px 0 2px}mat-error,mat-hint{font-size:12px;font-weight:400;line-height:13.5px;margin-left:24px;margin-top:4px}"]
+            },] }
+];
+CheckboxInputComponent.ctorParameters = () => [];
+CheckboxInputComponent.propDecorators = {
+    color: [{ type: Input }],
+    labelPosition: [{ type: Input }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], CheckboxInputComponent.prototype, "color", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], CheckboxInputComponent.prototype, "labelPosition", void 0);
-CheckboxInputComponent = __decorate([
-    Component({
-        selector: 'aup-checkbox-input',
-        template: "<!-- TODO: add focus binding -->\n<mat-checkbox\n  [(ngModel)]=\"componentValueModel.value\"\n  [color]=\"color\"\n  [labelPosition]=\"labelPosition\"\n  [disabled]=\"!isEnabled()\"\n>{{label}}</mat-checkbox>\n<mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n<mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n",
-        styles: [":host{display:inline-flex;flex-direction:column;padding:24px 0 16px}:host.dense{padding:6px 0 2px}mat-error,mat-hint{margin-top:4px;margin-left:24px;font-size:12px;font-weight:400;line-height:13.5px}"]
-    }),
-    __metadata("design:paramtypes", [])
-], CheckboxInputComponent);
 
 /**
  * Using templates:
@@ -1696,88 +1513,79 @@ CheckboxInputComponent = __decorate([
  *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
  * </aup-multiple-select_input>
  */
-let MultipleSelectInputComponent = class MultipleSelectInputComponent extends AbstractListInputComponent {
+class MultipleSelectInputComponent extends AbstractListInputComponent {
     constructor() {
         super();
         this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
     }
     ngOnInit() {
     }
+}
+MultipleSelectInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-multiple-select-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              multiple\n              [(ngModel)]=\"componentListModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                styles: [":host{display:inline-block}mat-form-field{width:100%}"]
+            },] }
+];
+MultipleSelectInputComponent.ctorParameters = () => [];
+MultipleSelectInputComponent.propDecorators = {
+    optionsModel: [{ type: Input }],
+    options: [{ type: Input }],
+    optionLabel: [{ type: Input }],
+    optionTemplateRef: [{ type: ContentChild, args: ['optionTemplate',] }],
+    optionLabelFormat: [{ type: Input }]
 };
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ListModel)
 ], MultipleSelectInputComponent.prototype, "optionsModel", void 0);
 __decorate([
-    Input(), StoreInListModel('optionsModel'),
+    StoreInListModel('optionsModel'),
     __metadata("design:type", Array)
 ], MultipleSelectInputComponent.prototype, "options", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], MultipleSelectInputComponent.prototype, "optionLabel", void 0);
-__decorate([
-    ContentChild('optionTemplate'),
-    __metadata("design:type", TemplateRef)
-], MultipleSelectInputComponent.prototype, "optionTemplateRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], MultipleSelectInputComponent.prototype, "optionLabelFormat", void 0);
-MultipleSelectInputComponent = __decorate([
-    Component({
-        selector: 'aup-multiple-select-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              multiple\n              [(ngModel)]=\"componentListModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-        styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-    }),
-    __metadata("design:paramtypes", [])
-], MultipleSelectInputComponent);
 
-let NumberInputComponent = class NumberInputComponent extends AbstractValueInputComponent {
+class NumberInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
         // @Input() @TrackExternal({ delegateTo: 'inputModel' })
-        // valueModel: Form.ValueModelBase<number> | IMutableValueModel<number>;
+        // valueModel: Form.ValueModelBase<number> | MutableValueModel<number>;
         this.min = Number.MIN_SAFE_INTEGER;
         this.max = Number.MAX_SAFE_INTEGER;
     }
     ngOnInit() {
     }
+}
+NumberInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-number-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"componentValueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n         [min]=\"min\"\n         [max]=\"max\"\n  >\n  <mat-hint *ngIf=\"hint && !dense\" >{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                styles: [""]
+            },] }
+];
+NumberInputComponent.ctorParameters = () => [];
+NumberInputComponent.propDecorators = {
+    min: [{ type: Input }],
+    max: [{ type: Input }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], NumberInputComponent.prototype, "min", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], NumberInputComponent.prototype, "max", void 0);
-NumberInputComponent = __decorate([
-    Component({
-        selector: 'aup-number-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"componentValueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n         [min]=\"min\"\n         [max]=\"max\"\n  >\n  <mat-hint *ngIf=\"hint && !dense\" >{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], NumberInputComponent);
 
-let PasswordInputComponent = class PasswordInputComponent extends AbstractValueInputComponent {
+class PasswordInputComponent extends AbstractValueInputComponent {
     // @Input() @TrackExternal({ delegateTo: 'inputModel' })
-    // valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
+    // valueModel: Form.ValueModelBase<string> | MutableValueModel<string>;
     constructor() {
         super();
     }
     ngOnInit() {
     }
-};
-PasswordInputComponent = __decorate([
-    Component({
-        selector: 'aup-password-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"componentValueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], PasswordInputComponent);
+}
+PasswordInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-password-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"componentValueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
+                styles: [""]
+            },] }
+];
+PasswordInputComponent.ctorParameters = () => [];
 
 /**
  * Using templates:
@@ -1786,52 +1594,41 @@ PasswordInputComponent = __decorate([
  *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
  * </aup-select_input>
  */
-let SelectInputComponent = class SelectInputComponent extends AbstractValueInputComponent {
+class SelectInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
         this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
     }
     ngOnInit() {
     }
+}
+SelectInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-select-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"componentValueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">\n      <ng-container *ngIf=\"!nilOptionTemplateRef\">{{placeholder}}</ng-container>\n      <ng-container *ngIf=\"nilOptionTemplateRef\" [ngTemplateOutlet]=\"nilOptionTemplateRef\"></ng-container>\n    </mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n                    [ngTemplateOutlet]=\"optionTemplateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                styles: [":host{display:inline-block}mat-form-field{width:100%}"]
+            },] }
+];
+SelectInputComponent.ctorParameters = () => [];
+SelectInputComponent.propDecorators = {
+    optionsModel: [{ type: Input }],
+    options: [{ type: Input }],
+    optionLabel: [{ type: Input }],
+    allowNil: [{ type: Input }],
+    optionTemplateRef: [{ type: ContentChild, args: ['optionTemplate',] }],
+    nilOptionTemplateRef: [{ type: ContentChild, args: ['nilOptionTemplate',] }],
+    optionLabelFormat: [{ type: Input }]
 };
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ListModel)
 ], SelectInputComponent.prototype, "optionsModel", void 0);
 __decorate([
-    Input(), StoreInListModel('optionsModel'),
+    StoreInListModel('optionsModel'),
     __metadata("design:type", Array)
 ], SelectInputComponent.prototype, "options", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SelectInputComponent.prototype, "optionLabel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], SelectInputComponent.prototype, "allowNil", void 0);
-__decorate([
-    ContentChild('optionTemplate'),
-    __metadata("design:type", TemplateRef)
-], SelectInputComponent.prototype, "optionTemplateRef", void 0);
-__decorate([
-    ContentChild('nilOptionTemplate'),
-    __metadata("design:type", TemplateRef)
-], SelectInputComponent.prototype, "nilOptionTemplateRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], SelectInputComponent.prototype, "optionLabelFormat", void 0);
-SelectInputComponent = __decorate([
-    Component({
-        selector: 'aup-select-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"componentValueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">\n      <ng-container *ngIf=\"!nilOptionTemplateRef\">{{placeholder}}</ng-container>\n      <ng-container *ngIf=\"nilOptionTemplateRef\" [ngTemplateOutlet]=\"nilOptionTemplateRef\"></ng-container>\n    </mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n                    [ngTemplateOutlet]=\"optionTemplateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-        styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-    }),
-    __metadata("design:paramtypes", [])
-], SelectInputComponent);
 
-let StringInputComponent = class StringInputComponent extends AbstractValueInputComponent {
+class StringInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
@@ -1842,57 +1639,56 @@ let StringInputComponent = class StringInputComponent extends AbstractValueInput
     }
     ngOnInit() {
     }
+}
+StringInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-string-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"componentValueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <aup-icon icon=\"mat:close\"></aup-icon>\n  </button>\n</mat-form-field>\n\n",
+                styles: ["button[disabled]{visibility:hidden}"]
+            },] }
+];
+StringInputComponent.ctorParameters = () => [];
+StringInputComponent.propDecorators = {
+    enableClearModel: [{ type: Input }],
+    enableClear: [{ type: Input }]
 };
 __decorate([
-    Input(), TrackExternal({ defaultValue: false }),
+    TrackExternal({ defaultValue: false }),
     __metadata("design:type", ValueModel)
 ], StringInputComponent.prototype, "enableClearModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('enableClearModel'),
+    StoreInValueModel('enableClearModel'),
     __metadata("design:type", Boolean)
 ], StringInputComponent.prototype, "enableClear", void 0);
-StringInputComponent = __decorate([
-    Component({
-        selector: 'aup-string-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"componentValueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <aup-icon icon=\"mat:close\"></aup-icon>\n  </button>\n</mat-form-field>\n\n",
-        styles: ["button[disabled]{visibility:hidden}"]
-    }),
-    __metadata("design:paramtypes", [])
-], StringInputComponent);
 
-let TextInputComponent = class TextInputComponent extends AbstractValueInputComponent {
+class TextInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
         // @Input() @TrackExternal({ delegateTo: 'inputModel' })
-        // valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
+        // valueModel: Form.ValueModelBase<string> | MutableValueModel<string>;
         this.rows = 2;
         // const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
     }
     ngOnInit() {
     }
+}
+TextInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-text-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"componentValueModel.value\"\n            [disabled]=\"!enabled.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
+                styles: ["button[disabled]{visibility:hidden}textarea{overflow:auto}"]
+            },] }
+];
+TextInputComponent.ctorParameters = () => [];
+TextInputComponent.propDecorators = {
+    rows: [{ type: Input }],
+    cols: [{ type: Input }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TextInputComponent.prototype, "rows", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], TextInputComponent.prototype, "cols", void 0);
-TextInputComponent = __decorate([
-    Component({
-        selector: 'aup-text-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"componentValueModel.value\"\n            [disabled]=\"!enabled.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
-        styles: ["button[disabled]{visibility:hidden}textarea{overflow:auto}"]
-    }),
-    __metadata("design:paramtypes", [])
-], TextInputComponent);
 
-var IconComponent_1;
-let IconComponent = IconComponent_1 = class IconComponent {
+class IconComponent {
     constructor() {
-        this.allowedPrefixes = Enum.values(IconComponent_1.IconPrefix).map(p => `${p}:`);
-        this.iconPrefix = IconComponent_1.IconPrefix;
+        this.allowedPrefixes = Enum.values(IconComponent.IconPrefix).map(p => `${p}:`);
+        this.iconPrefix = IconComponent.IconPrefix;
     }
     set icon(iconName) {
         this._icon = iconName;
@@ -1914,19 +1710,17 @@ let IconComponent = IconComponent_1 = class IconComponent {
     get icon() {
         return this._icon;
     }
+}
+IconComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-icon',
+                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}.faIconWrapper,.svgIcon{height:24px;width:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{height:inherit;width:inherit}"]
+            },] }
+];
+IconComponent.propDecorators = {
+    icon: [{ type: Input }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], IconComponent.prototype, "icon", null);
-IconComponent = IconComponent_1 = __decorate([
-    Component({
-        selector: 'aup-icon',
-        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);
 (function (IconComponent) {
     IconComponent.IconPrefix = Enum({
         SVG: 'svg',
@@ -1935,55 +1729,52 @@ IconComponent = IconComponent_1 = __decorate([
     });
 })(IconComponent || (IconComponent = {}));
 
-let NoopComponent = class NoopComponent {
+class NoopComponent {
     constructor() {
     }
-};
-NoopComponent = __decorate([
-    Component({
-        selector: 'aup-noop',
-        template: "",
-        styles: [":host{display:block}"]
-    }),
-    __metadata("design:paramtypes", [])
-], NoopComponent);
+}
+NoopComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-noop',
+                template: "",
+                styles: [":host{display:block}"]
+            },] }
+];
+NoopComponent.ctorParameters = () => [];
 
-let ScrollContainerComponent = class ScrollContainerComponent {
+class ScrollContainerComponent {
     constructor() { }
     ngOnInit() {
     }
-};
-ScrollContainerComponent = __decorate([
-    Component({
-        selector: 'aup-scroll-container',
-        template: "<div class=\"container\" cdkScrollable>\n    <ng-content></ng-content>\n</div>\n",
-        styles: [":host{display:flex;flex-direction:column;min-height:0;align-items:stretch}.container{display:flex;flex-direction:column;flex:1;flex-basis:0;overflow-y:scroll;align-items:stretch}"]
-    }),
-    __metadata("design:paramtypes", [])
-], ScrollContainerComponent);
+}
+ScrollContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-scroll-container',
+                template: "<div class=\"container\" cdkScrollable>\n    <ng-content></ng-content>\n</div>\n",
+                styles: [":host{flex-direction:column;min-height:0}.container,:host{align-items:stretch;display:flex}.container{flex:1;flex-basis:0;flex-direction:column;overflow-y:scroll}"]
+            },] }
+];
+ScrollContainerComponent.ctorParameters = () => [];
 
-let SectionHeaderComponent = class SectionHeaderComponent {
+class SectionHeaderComponent {
     constructor() {
         this.underline = false;
     }
     ngOnInit() {
     }
+}
+SectionHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-section-header',
+                template: "<ng-content></ng-content>\n",
+                styles: [":host{--def-border-bottom-color:var(--border-bottom-color,rgba(0,0,0,0.07));color:rgba(0,0,0,.5);display:block;font-size:12px;line-height:12px;padding:8px 16px}:host.underline{border-bottom:1px solid var(--def-border-bottom-color)}"]
+            },] }
+];
+SectionHeaderComponent.ctorParameters = () => [];
+SectionHeaderComponent.propDecorators = {
+    underline: [{ type: Input }, { type: HostBinding, args: ['class.underline',] }]
 };
-__decorate([
-    Input(),
-    HostBinding('class.underline'),
-    __metadata("design:type", Object)
-], SectionHeaderComponent.prototype, "underline", void 0);
-SectionHeaderComponent = __decorate([
-    Component({
-        selector: 'aup-section-header',
-        template: "<ng-content></ng-content>\n",
-        styles: [":host{--def-border-bottom-color:var(--border-bottom-color, rgba(0, 0, 0, 0.07));display:block;padding:8px 16px;font-size:12px;line-height:12px;color:rgba(0,0,0,.5)}:host.underline{border-bottom:1px solid var(--def-border-bottom-color)}"]
-    }),
-    __metadata("design:paramtypes", [])
-], SectionHeaderComponent);
 
-var SwitchCaseWhenDirective_1, SwitchCaseDefaultDirective_1;
 class SwitchCaseOption {
     constructor(templateRef) {
         this.templateRef = templateRef;
@@ -1992,7 +1783,7 @@ class SwitchCaseOption {
         return this.constructor.name;
     }
 }
-let SwitchCaseWhenDirective = SwitchCaseWhenDirective_1 = class SwitchCaseWhenDirective extends SwitchCaseOption {
+class SwitchCaseWhenDirective extends SwitchCaseOption {
     constructor(templateRef) {
         super(templateRef);
         this.isDefault = false;
@@ -2000,22 +1791,20 @@ let SwitchCaseWhenDirective = SwitchCaseWhenDirective_1 = class SwitchCaseWhenDi
     matches(value) {
         return this.aupSwitchCaseWhen === value;
     }
-};
+}
+SwitchCaseWhenDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[aupSwitchCaseWhen]',
+                providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseWhenDirective }]
+            },] }
+];
 SwitchCaseWhenDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SwitchCaseWhenDirective.prototype, "aupSwitchCaseWhen", void 0);
-SwitchCaseWhenDirective = SwitchCaseWhenDirective_1 = __decorate([
-    Directive({
-        selector: '[aupSwitchCaseWhen]',
-        providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseWhenDirective_1 }]
-    }),
-    __metadata("design:paramtypes", [TemplateRef])
-], SwitchCaseWhenDirective);
-let SwitchCaseDefaultDirective = SwitchCaseDefaultDirective_1 = class SwitchCaseDefaultDirective extends SwitchCaseOption {
+SwitchCaseWhenDirective.propDecorators = {
+    aupSwitchCaseWhen: [{ type: Input }]
+};
+class SwitchCaseDefaultDirective extends SwitchCaseOption {
     constructor(templateRef) {
         super(templateRef);
         this.isDefault = true;
@@ -2023,18 +1812,17 @@ let SwitchCaseDefaultDirective = SwitchCaseDefaultDirective_1 = class SwitchCase
     matches(value) {
         return false;
     }
-};
+}
+SwitchCaseDefaultDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[aupSwitchCaseDefault]',
+                providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseDefaultDirective }]
+            },] }
+];
 SwitchCaseDefaultDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-SwitchCaseDefaultDirective = SwitchCaseDefaultDirective_1 = __decorate([
-    Directive({
-        selector: '[aupSwitchCaseDefault]',
-        providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseDefaultDirective_1 }]
-    }),
-    __metadata("design:paramtypes", [TemplateRef])
-], SwitchCaseDefaultDirective);
-let SwitchCaseComponent = class SwitchCaseComponent extends DisposableComponent {
+class SwitchCaseComponent extends DisposableComponent {
     constructor(cdr) {
         super();
         this.cdr = cdr;
@@ -2075,30 +1863,30 @@ let SwitchCaseComponent = class SwitchCaseComponent extends DisposableComponent
             this.selectedIndex = -1;
         }
     }
-};
+}
+SwitchCaseComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-switch-case',
+                template: "<mat-tab-group class=\"content-wrapper\" no-tab-header full-height-tabs [selectedIndex]=\"selectedIndex\">\n  <mat-tab *ngFor=\"let option of switchCaseOptions\">\n    <ng-template [ngTemplateOutlet]=\"option.templateRef\"></ng-template>\n  </mat-tab>\n</mat-tab-group>\n\n\n",
+                styles: [":host{align-items:stretch;display:flex;flex-direction:column}mat-tab-group{flex:1}"]
+            },] }
+];
 SwitchCaseComponent.ctorParameters = () => [
     { type: ChangeDetectorRef }
 ];
+SwitchCaseComponent.propDecorators = {
+    switchModel: [{ type: Input }],
+    switch: [{ type: Input }],
+    switchCaseOptions: [{ type: ContentChildren, args: [SwitchCaseOption,] }]
+};
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], SwitchCaseComponent.prototype, "switchModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('switchModel'),
+    StoreInValueModel('switchModel'),
     __metadata("design:type", Object)
 ], SwitchCaseComponent.prototype, "switch", void 0);
-__decorate([
-    ContentChildren(SwitchCaseOption),
-    __metadata("design:type", QueryList)
-], SwitchCaseComponent.prototype, "switchCaseOptions", void 0);
-SwitchCaseComponent = __decorate([
-    Component({
-        selector: 'aup-switch-case',
-        template: "<mat-tab-group class=\"content-wrapper\" no-tab-header full-height-tabs [selectedIndex]=\"selectedIndex\">\n  <mat-tab *ngFor=\"let option of switchCaseOptions\">\n    <ng-template [ngTemplateOutlet]=\"option.templateRef\"></ng-template>\n  </mat-tab>\n</mat-tab-group>\n\n\n",
-        styles: [":host{display:flex;flex-direction:column;align-items:stretch}mat-tab-group{flex:1}"]
-    }),
-    __metadata("design:paramtypes", [ChangeDetectorRef])
-], SwitchCaseComponent);
 
 const HEADER_CELL_RENDERER_PORTAL = Symbol('aup-cell-header-renderer-component-ref');
 const CELL_RENDERER_PORTAL = Symbol('aup-cell-renderer-component-ref');
@@ -2191,7 +1979,7 @@ class TemplateCellRendererPortalRef extends CellRendererPortalRef {
     }
 }
 
-let DefaultCellRendererComponent = class DefaultCellRendererComponent {
+class DefaultCellRendererComponent {
     constructor() {
     }
     set value(value) {
@@ -2200,37 +1988,34 @@ let DefaultCellRendererComponent = class DefaultCellRendererComponent {
     get value() {
         return this._value;
     }
+}
+DefaultCellRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-default-cell-renderer',
+                template: "{{value}}\n",
+                styles: [""]
+            },] }
+];
+DefaultCellRendererComponent.ctorParameters = () => [];
+DefaultCellRendererComponent.propDecorators = {
+    value: [{ type: Input }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], DefaultCellRendererComponent.prototype, "value", null);
-DefaultCellRendererComponent = __decorate([
-    Component({
-        selector: 'aup-default-cell-renderer',
-        template: "{{value}}\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], DefaultCellRendererComponent);
 
-let DefaultHeaderCellRendererComponent = class DefaultHeaderCellRendererComponent {
+class DefaultHeaderCellRendererComponent {
     constructor() {
     }
+}
+DefaultHeaderCellRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-default-header-renderer',
+                template: "{{headerText}}\n",
+                styles: [""]
+            },] }
+];
+DefaultHeaderCellRendererComponent.ctorParameters = () => [];
+DefaultHeaderCellRendererComponent.propDecorators = {
+    headerText: [{ type: Input }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DefaultHeaderCellRendererComponent.prototype, "headerText", void 0);
-DefaultHeaderCellRendererComponent = __decorate([
-    Component({
-        selector: 'aup-default-header-renderer',
-        template: "{{headerText}}\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], DefaultHeaderCellRendererComponent);
 
 class EditSession extends GarbageCollector {
     constructor(rowId, row, form, saveCommand) {
@@ -2253,7 +2038,7 @@ class EditSession extends GarbageCollector {
     }
 }
 
-let EditRowControls = class EditRowControls extends DisposableComponent {
+class EditRowControls extends DisposableComponent {
     constructor() {
         super();
         this.saveCommand = Command.create(() => {
@@ -2274,30 +2059,26 @@ let EditRowControls = class EditRowControls extends DisposableComponent {
         var _a;
         return (_a = this.editSession) === null || _a === void 0 ? void 0 : _a.form;
     }
+}
+EditRowControls.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-row-editor-controls',
+                template: "<button *ngIf=\"!editSession\" mat-icon-button [pectinCommand]=\"editRowCommand\" class=\"edit-button\"><aup-icon icon=\"mat:edit\"></aup-icon></button>\n<button *ngIf=\"editSession\" mat-icon-button [pectinCommand]=\"saveCommand\"><aup-icon icon=\"mat:done\"></aup-icon></button>\n<button *ngIf=\"editSession\" mat-icon-button [pectinCommand]=\"cancelCommand\"><aup-icon icon=\"mat:clear\"></aup-icon></button>\n",
+                styles: [":host{display:block;width:80px}.edit-button{visibility:hidden}:host-context(tr:hover) .edit-button{visibility:visible}"]
+            },] }
+];
+EditRowControls.ctorParameters = () => [];
+EditRowControls.propDecorators = {
+    row: [{ type: Input }],
+    editRowCommand: [{ type: Input }],
+    editSession: [{ type: Input }]
 };
 __decorate([
-    Input(),
-    __metadata("design:type", Object)
-], EditRowControls.prototype, "row", void 0);
-__decorate([
-    Input(),
     TrackExternal(),
     __metadata("design:type", Command)
 ], EditRowControls.prototype, "editRowCommand", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", EditSession)
-], EditRowControls.prototype, "editSession", void 0);
-EditRowControls = __decorate([
-    Component({
-        selector: 'aup-row-editor-controls',
-        template: "<button *ngIf=\"!editSession\" mat-icon-button [pectinCommand]=\"editRowCommand\" class=\"edit-button\"><aup-icon icon=\"mat:edit\"></aup-icon></button>\n<button *ngIf=\"editSession\" mat-icon-button [pectinCommand]=\"saveCommand\"><aup-icon icon=\"mat:done\"></aup-icon></button>\n<button *ngIf=\"editSession\" mat-icon-button [pectinCommand]=\"cancelCommand\"><aup-icon icon=\"mat:clear\"></aup-icon></button>\n",
-        styles: [":host{display:block;width:80px}.edit-button{visibility:hidden}:host-context(tr:hover) .edit-button{visibility:visible}"]
-    }),
-    __metadata("design:paramtypes", [])
-], EditRowControls);
 
-let SelectCellRendererComponent = class SelectCellRendererComponent extends DisposableComponent {
+class SelectCellRendererComponent extends DisposableComponent {
     constructor() {
         super();
         this.selectCommand = Command.create(() => {
@@ -2307,21 +2088,20 @@ let SelectCellRendererComponent = class SelectCellRendererComponent extends Disp
     isSelected() {
         return this.selectionModel.isSelected(this.row);
     }
+}
+SelectCellRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-select-cell-renderer',
+                template: "<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\"></mat-checkbox>\n",
+                styles: [""]
+            },] }
+];
+SelectCellRendererComponent.ctorParameters = () => [];
+SelectCellRendererComponent.propDecorators = {
+    row: [{ type: Input }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SelectCellRendererComponent.prototype, "row", void 0);
-SelectCellRendererComponent = __decorate([
-    Component({
-        selector: 'aup-select-cell-renderer',
-        template: "<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\"></mat-checkbox>\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], SelectCellRendererComponent);
 
-let SelectHeaderCellRendererComponent = class SelectHeaderCellRendererComponent extends DisposableComponent {
+class SelectHeaderCellRendererComponent extends DisposableComponent {
     constructor() {
         super();
         this.selectCommand = Command.create(() => {
@@ -2336,15 +2116,15 @@ let SelectHeaderCellRendererComponent = class SelectHeaderCellRendererComponent
         var _a;
         return ((_a = this.selectionModel) === null || _a === void 0 ? void 0 : _a.someSelected.value) || false;
     }
-};
-SelectHeaderCellRendererComponent = __decorate([
-    Component({
-        selector: 'aup-select-header-cell-renderer',
-        template: "<mat-checkbox *ngIf=\"enableHeaderControls\" [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\" [indeterminate]=\"this.isIntermediate()\"></mat-checkbox>\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], SelectHeaderCellRendererComponent);
+}
+SelectHeaderCellRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-select-header-cell-renderer',
+                template: "<mat-checkbox *ngIf=\"enableHeaderControls\" [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\" [indeterminate]=\"this.isIntermediate()\"></mat-checkbox>\n",
+                styles: [""]
+            },] }
+];
+SelectHeaderCellRendererComponent.ctorParameters = () => [];
 
 const noop = () => {
 };
@@ -2447,17 +2227,17 @@ class PropertyColumnModel extends ColumnModel {
     cellRenderer(componentType, onComponentInitOrOptions) {
         this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData, firstTime) => {
             if (firstTime) {
-                if (___default.isFunction(onComponentInitOrOptions)) {
+                if (_.isFunction(onComponentInitOrOptions)) {
                     onComponentInitOrOptions(component);
                 }
                 else {
-                    if (___default.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onComponentInit)) {
+                    if (_.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onComponentInit)) {
                         onComponentInitOrOptions.onComponentInit(component);
                     }
                 }
             }
             component.value = this._format(rowData.row[this.property]);
-            if (!___default.isFunction(onComponentInitOrOptions) && ___default.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onRowUpdate)) {
+            if (!_.isFunction(onComponentInitOrOptions) && _.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onRowUpdate)) {
                 onComponentInitOrOptions.onRowUpdate(component, rowData.row);
             }
         }));
@@ -2470,7 +2250,7 @@ class PropertyColumnModel extends ColumnModel {
             component[CELL_RENDERER_COMPONENT_ROW_CACHE] = rowData.row;
             let disableEditCallback = false;
             if (firstTime) {
-                if (___default.isFunction(options === null || options === void 0 ? void 0 : options.onComponentInit)) {
+                if (_.isFunction(options === null || options === void 0 ? void 0 : options.onComponentInit)) {
                     options.onComponentInit(component);
                 }
                 // install our edit callback
@@ -2485,7 +2265,7 @@ class PropertyColumnModel extends ColumnModel {
             disableEditCallback = true;
             component.value = rowData.row[this.property];
             disableEditCallback = false;
-            if (!___default.isFunction(options) && ___default.isFunction(options === null || options === void 0 ? void 0 : options.onRowUpdate)) {
+            if (!_.isFunction(options) && _.isFunction(options === null || options === void 0 ? void 0 : options.onRowUpdate)) {
                 options.onRowUpdate(component, rowData.row);
             }
         }));
@@ -2493,7 +2273,7 @@ class PropertyColumnModel extends ColumnModel {
     }
     cellEditor(editor, validatorsOrInitialiser, onComponentInit) {
         const validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;
-        const initialiser = ___default.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : onComponentInit;
+        const initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : onComponentInit;
         this.configureCellEditor(new CellEditorPortalRef(editor, (component, editSession) => {
             const formValueModel = editSession.form.pluck(this.property);
             if (validators) {
@@ -2530,7 +2310,7 @@ class ListPropertyColumnModel extends ColumnModel {
     }
     cellEditor(editor, validatorsOrInitialiser, initialiseComponent) {
         const validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;
-        const initialiser = ___default.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;
+        const initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;
         this.configureCellEditor(new CellEditorPortalRef(editor, (component, editSession) => {
             const formListModel = editSession.form.pluckList(this.property);
             if (validators) {
@@ -2561,17 +2341,17 @@ class CustomValueColumnModel extends ColumnModel {
     cellRenderer(componentType, onComponentInitOrOptions) {
         this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData, firstTime) => {
             if (firstTime) {
-                if (___default.isFunction(onComponentInitOrOptions)) {
+                if (_.isFunction(onComponentInitOrOptions)) {
                     onComponentInitOrOptions(component);
                 }
                 else {
-                    if (___default.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onComponentInit)) {
+                    if (_.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onComponentInit)) {
                         onComponentInitOrOptions.onComponentInit(component);
                     }
                 }
             }
             component.value = this.getValue(rowData.row);
-            if (!___default.isFunction(onComponentInitOrOptions) && ___default.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onRowUpdate)) {
+            if (!_.isFunction(onComponentInitOrOptions) && _.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onRowUpdate)) {
                 onComponentInitOrOptions.onRowUpdate(component, rowData.row);
             }
         }));
@@ -2864,9 +2644,6 @@ let TableModel = TableModel_1 = class TableModel {
         (_a = this.selectionColumnModel) === null || _a === void 0 ? void 0 : _a.selectRow(row);
     }
 };
-TableModel.ctorParameters = () => [
-    { type: ListModel }
-];
 TableModel = TableModel_1 = __decorate([
     TrackExternal.Strategy(new TrackExternal.OneTimeBinding()),
     __metadata("design:paramtypes", [ListModel])
@@ -2899,7 +2676,7 @@ TableModel = TableModel_1 = __decorate([
  *   }
  * }
  */
-let TableComponent = class TableComponent extends DisposableComponent {
+class TableComponent extends DisposableComponent {
     constructor() {
         super();
     }
@@ -2923,22 +2700,24 @@ let TableComponent = class TableComponent extends DisposableComponent {
             this.tableModel.selectRow(row);
         }
     }
+}
+TableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-table',
+                template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n      [ngClass]=\"tableModel.getRowClasses(row)\" [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n  ></tr>\n\n</table>\n",
+                styles: [":host{align-items:stretch;display:flex;flex-direction:column}:host table{flex:1}"]
+            },] }
+];
+TableComponent.ctorParameters = () => [];
+TableComponent.propDecorators = {
+    tableModel: [{ type: Input }]
 };
 __decorate([
-    Input(),
     TrackExternal(),
     __metadata("design:type", TableModel)
 ], TableComponent.prototype, "tableModel", void 0);
-TableComponent = __decorate([
-    Component({
-        selector: 'aup-table',
-        template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n      [ngClass]=\"tableModel.getRowClasses(row)\" [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n  ></tr>\n\n</table>\n",
-        styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
-    }),
-    __metadata("design:paramtypes", [])
-], TableComponent);
 
-let ColumnTemplateDirective = class ColumnTemplateDirective {
+class ColumnTemplateDirective {
     constructor(host, templateRef, viewContainer) {
         this.host = host;
         this.templateRef = templateRef;
@@ -2951,38 +2730,25 @@ let ColumnTemplateDirective = class ColumnTemplateDirective {
         assert.isTruthy(this.aupColumnTemplateColumnId);
         this.host.registerColumnTemplate(this.aupColumnTemplateColumnId, this.templateRef, this.viewContainer, this.aupColumnTemplateFillCell, (_a = this.aupColumnTemplateAutoPadChild) !== null && _a !== void 0 ? _a : this.aupColumnTemplateFillCell);
     }
-};
+}
+ColumnTemplateDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[aupColumnTemplate]'
+            },] }
+];
 ColumnTemplateDirective.ctorParameters = () => [
     { type: TableComponent },
     { type: TemplateRef },
     { type: ViewContainerRef }
 ];
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ColumnTemplateDirective.prototype, "aupColumnTemplate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ColumnTemplateDirective.prototype, "aupColumnTemplateColumnId", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ColumnTemplateDirective.prototype, "aupColumnTemplateFillCell", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ColumnTemplateDirective.prototype, "aupColumnTemplateAutoPadChild", void 0);
-ColumnTemplateDirective = __decorate([
-    Directive({
-        selector: '[aupColumnTemplate]'
-    }),
-    __metadata("design:paramtypes", [TableComponent,
-        TemplateRef,
-        ViewContainerRef])
-], ColumnTemplateDirective);
-
-let TableCellRendererComponent = class TableCellRendererComponent extends DisposableComponent {
+ColumnTemplateDirective.propDecorators = {
+    aupColumnTemplate: [{ type: Input }],
+    aupColumnTemplateColumnId: [{ type: Input }],
+    aupColumnTemplateFillCell: [{ type: Input }],
+    aupColumnTemplateAutoPadChild: [{ type: Input }]
+};
+
+class TableCellRendererComponent extends DisposableComponent {
     constructor() {
         super();
         this.defaultClassNames = 'aup-cell-renderer';
@@ -3037,45 +2803,26 @@ let TableCellRendererComponent = class TableCellRendererComponent extends Dispos
             editRowCommand: this.editRowCommand
         };
     }
+}
+TableCellRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-table-cell-renderer',
+                template: "<ng-container *ngIf=\"!hasActiveEditor()\" [cdkPortalOutlet]=\"getRendererPortal()\" (attached)=\"initialiseRenderer($event.instance)\"></ng-container>\n<ng-container *ngIf=\"hasActiveEditor()\" [cdkPortalOutlet]=\"getEditorPortal()\" (attached)=\"initialiseEditor($event.instance)\"></ng-container>\n",
+                styles: [""]
+            },] }
+];
+TableCellRendererComponent.ctorParameters = () => [];
+TableCellRendererComponent.propDecorators = {
+    row: [{ type: Input }],
+    column: [{ type: Input }],
+    editSession: [{ type: Input }],
+    tableModel: [{ type: Input }],
+    defaultClassNames: [{ type: HostBinding, args: ['class',] }],
+    fillCell: [{ type: HostBinding, args: ['class.fillCell',] }],
+    padChild: [{ type: HostBinding, args: ['class.padChild',] }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TableCellRendererComponent.prototype, "row", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", ColumnModel)
-], TableCellRendererComponent.prototype, "column", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", EditSession)
-], TableCellRendererComponent.prototype, "editSession", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TableModel)
-], TableCellRendererComponent.prototype, "tableModel", void 0);
-__decorate([
-    HostBinding('class'),
-    __metadata("design:type", Object)
-], TableCellRendererComponent.prototype, "defaultClassNames", void 0);
-__decorate([
-    HostBinding('class.fillCell'),
-    __metadata("design:type", Object)
-], TableCellRendererComponent.prototype, "fillCell", void 0);
-__decorate([
-    HostBinding('class.padChild'),
-    __metadata("design:type", Object)
-], TableCellRendererComponent.prototype, "padChild", void 0);
-TableCellRendererComponent = __decorate([
-    Component({
-        selector: 'aup-table-cell-renderer',
-        template: "<ng-container *ngIf=\"!hasActiveEditor()\" [cdkPortalOutlet]=\"getRendererPortal()\" (attached)=\"initialiseRenderer($event.instance)\"></ng-container>\n<ng-container *ngIf=\"hasActiveEditor()\" [cdkPortalOutlet]=\"getEditorPortal()\" (attached)=\"initialiseEditor($event.instance)\"></ng-container>\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], TableCellRendererComponent);
 
-let TableHeaderCellRendererComponent = class TableHeaderCellRendererComponent {
+class TableHeaderCellRendererComponent {
     constructor() {
         this.defaultClassNames = 'aup-header-cell-renderer';
     }
@@ -3089,23 +2836,19 @@ let TableHeaderCellRendererComponent = class TableHeaderCellRendererComponent {
     getPortal() {
         return this[HEADER_CELL_RENDERER_PORTAL];
     }
+}
+TableHeaderCellRendererComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-table-header-cell-renderer',
+                template: "<ng-container [cdkPortalOutlet]=\"getPortal()\" (attached)=\"initialiseHeader($event.instance)\"></ng-container>\n",
+                styles: [":host{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center}"]
+            },] }
+];
+TableHeaderCellRendererComponent.ctorParameters = () => [];
+TableHeaderCellRendererComponent.propDecorators = {
+    column: [{ type: Input }],
+    defaultClassNames: [{ type: HostBinding, args: ['class',] }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", ColumnModel)
-], TableHeaderCellRendererComponent.prototype, "column", void 0);
-__decorate([
-    HostBinding('class'),
-    __metadata("design:type", Object)
-], TableHeaderCellRendererComponent.prototype, "defaultClassNames", void 0);
-TableHeaderCellRendererComponent = __decorate([
-    Component({
-        selector: 'aup-table-header-cell-renderer',
-        template: "<ng-container [cdkPortalOutlet]=\"getPortal()\" (attached)=\"initialiseHeader($event.instance)\"></ng-container>\n",
-        styles: [":host{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%}"]
-    }),
-    __metadata("design:paramtypes", [])
-], TableHeaderCellRendererComponent);
 
 class MenuItemData {
     constructor(factory, face) {
@@ -3116,7 +2859,7 @@ class MenuItemData {
 /**
  *
  */
-let TableRowMenuComponent = class TableRowMenuComponent extends DisposableComponent {
+class TableRowMenuComponent extends DisposableComponent {
     constructor() {
         super();
         this.actions = [];
@@ -3141,19 +2884,11 @@ let TableRowMenuComponent = class TableRowMenuComponent extends DisposableCompon
     closeMoreMenu() {
         this.menu.closeMenu();
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TableRowMenuComponent.prototype, "value", void 0);
-__decorate([
-    ViewChild(MatMenuTrigger),
-    __metadata("design:type", MatMenuTrigger)
-], TableRowMenuComponent.prototype, "menu", void 0);
-TableRowMenuComponent = __decorate([
-    Component({
-        selector: 'aup-table-row-menu',
-        template: `
+}
+TableRowMenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-table-row-menu',
+                template: `
       <aup-tool-bar>
           <aup-command *ngFor="let action of actions" [command]="action.factory.create(value)"
                        [face]="action.faceModel"></aup-command>
@@ -3165,16 +2900,20 @@ TableRowMenuComponent = __decorate([
           </aup-more-menu>
       </ng-container>
   `,
-        styles: [`:host {
+                styles: [`:host {
     display: inline-flex;
     flex-direction: row;
     align-items: center;
   }`]
-    }),
-    __metadata("design:paramtypes", [])
-], TableRowMenuComponent);
+            },] }
+];
+TableRowMenuComponent.ctorParameters = () => [];
+TableRowMenuComponent.propDecorators = {
+    value: [{ type: Input }],
+    menu: [{ type: ViewChild, args: [MatMenuTrigger,] }]
+};
 
-let VerticalFocusContainerComponent = class VerticalFocusContainerComponent extends FocusContainerComponent {
+class VerticalFocusContainerComponent extends FocusContainerComponent {
     constructor(focusManager) {
         super(focusManager);
         this.focusManager = focusManager;
@@ -3205,237 +2944,150 @@ let VerticalFocusContainerComponent = class VerticalFocusContainerComponent exte
     }
     ngOnInit() {
     }
-};
+}
+VerticalFocusContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-vertical-focus-container',
+                template: "<ng-content></ng-content>\n",
+                providers: [
+                    { provide: FocusManager }
+                ],
+                styles: [":host{display:block}"]
+            },] }
+];
 VerticalFocusContainerComponent.ctorParameters = () => [
     { type: FocusManager, decorators: [{ type: Self }] }
 ];
+VerticalFocusContainerComponent.propDecorators = {
+    rightArrowCommand: [{ type: Input, args: ['command.arrowRight',] }],
+    leftArrowCommand: [{ type: Input, args: ['command.arrowLeft',] }],
+    arrowLeft: [{ type: HostListener, args: ['keyup.arrowLeft', ['$event'],] }],
+    arrowRight: [{ type: HostListener, args: ['keyup.arrowRight', ['$event'],] }],
+    arrowDown: [{ type: HostListener, args: ['keyup.arrowDown', ['$event'],] }],
+    arrowUp: [{ type: HostListener, args: ['keyup.arrowUp', ['$event'],] }]
+};
 __decorate([
-    Input('command.arrowRight'),
     TrackExternal(),
     __metadata("design:type", Command)
 ], VerticalFocusContainerComponent.prototype, "rightArrowCommand", void 0);
 __decorate([
-    Input('command.arrowLeft'),
     TrackExternal(),
     __metadata("design:type", Command)
 ], VerticalFocusContainerComponent.prototype, "leftArrowCommand", void 0);
-__decorate([
-    HostListener('keyup.arrowLeft', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", void 0)
-], VerticalFocusContainerComponent.prototype, "arrowLeft", null);
-__decorate([
-    HostListener('keyup.arrowRight', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", void 0)
-], VerticalFocusContainerComponent.prototype, "arrowRight", null);
-__decorate([
-    HostListener('keyup.arrowDown', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", void 0)
-], VerticalFocusContainerComponent.prototype, "arrowDown", null);
-__decorate([
-    HostListener('keyup.arrowUp', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", void 0)
-], VerticalFocusContainerComponent.prototype, "arrowUp", null);
-VerticalFocusContainerComponent = __decorate([
-    Component({
-        selector: 'aup-vertical-focus-container',
-        template: "<ng-content></ng-content>\n",
-        providers: [
-            { provide: FocusManager }
-        ],
-        styles: [":host{display:block}"]
-    }),
-    __param(0, Self()),
-    __metadata("design:paramtypes", [FocusManager])
-], VerticalFocusContainerComponent);
-
-let ComponentsModule = class ComponentsModule {
+
+class ComponentsModule {
     constructor(faIconLibrary) {
         faIconLibrary.addIconPacks(fas);
     }
-};
+}
+ComponentsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    AbstractInputComponent,
+                    AbstractValueInputComponent,
+                    AbstractListInputComponent,
+                    NumberInputComponent,
+                    StringInputComponent,
+                    TextInputComponent,
+                    PasswordInputComponent,
+                    SelectInputComponent,
+                    MultipleSelectInputComponent,
+                    AutocompleteInputComponent,
+                    CheckboxInputComponent,
+                    ScrollContainerComponent,
+                    NoopComponent,
+                    SwitchCaseComponent,
+                    SwitchCaseWhenDirective,
+                    SwitchCaseDefaultDirective,
+                    FocusContainerComponent,
+                    VerticalFocusContainerComponent,
+                    FocusableComponent,
+                    CardContainerComponent,
+                    TableComponent,
+                    EditRowControls,
+                    ColumnTemplateDirective,
+                    DefaultCellRendererComponent,
+                    TableCellRendererComponent,
+                    SelectCellRendererComponent,
+                    SelectHeaderCellRendererComponent,
+                    DefaultHeaderCellRendererComponent,
+                    TableHeaderCellRendererComponent,
+                    IconComponent,
+                    SectionHeaderComponent,
+                    TableRowMenuComponent,
+                    ToolBarComponent,
+                    CommandComponent,
+                    PopupMenuComponent,
+                    CommandGroupComponent,
+                    CommandFaceComponent,
+                    MoreMenuComponent,
+                    SeparatorComponent,
+                    FlexComponent,
+                    CommandGroupMenuRendererComponent,
+                    CommandGroupRendererComponent
+                ],
+                imports: [
+                    CommonModule,
+                    BrowserAnimationsModule,
+                    FormsModule,
+                    MatInputModule,
+                    MatFormFieldModule,
+                    MatSelectModule,
+                    MatTabsModule,
+                    DirectivesModule,
+                    MatIconModule,
+                    MatButtonModule,
+                    MatCheckboxModule,
+                    MatTableModule,
+                    PortalModule,
+                    CdkScrollableModule,
+                    FontAwesomeModule,
+                    MatTooltipModule,
+                    MatAutocompleteModule,
+                    MatMenuModule,
+                    MatDividerModule
+                ],
+                exports: [
+                    NumberInputComponent,
+                    StringInputComponent,
+                    TextInputComponent,
+                    PasswordInputComponent,
+                    CheckboxInputComponent,
+                    SelectInputComponent,
+                    MultipleSelectInputComponent,
+                    AutocompleteInputComponent,
+                    ScrollContainerComponent,
+                    NoopComponent,
+                    SwitchCaseComponent,
+                    SwitchCaseWhenDirective,
+                    SwitchCaseDefaultDirective,
+                    FocusContainerComponent,
+                    VerticalFocusContainerComponent,
+                    FocusableComponent,
+                    CardContainerComponent,
+                    TableComponent,
+                    EditRowControls,
+                    ColumnTemplateDirective,
+                    IconComponent,
+                    SectionHeaderComponent,
+                    TableRowMenuComponent,
+                    CommandGroupComponent,
+                    ToolBarComponent,
+                    CommandComponent,
+                    PopupMenuComponent,
+                    CommandFaceComponent,
+                    MoreMenuComponent,
+                    SeparatorComponent,
+                    FlexComponent
+                ],
+                providers: [
+                    FocusBindingFactory
+                ]
+            },] }
+];
 ComponentsModule.ctorParameters = () => [
     { type: FaIconLibrary }
 ];
-ComponentsModule = __decorate([
-    NgModule({
-        declarations: [
-            AbstractInputComponent,
-            AbstractValueInputComponent,
-            AbstractListInputComponent,
-            NumberInputComponent,
-            StringInputComponent,
-            TextInputComponent,
-            PasswordInputComponent,
-            SelectInputComponent,
-            MultipleSelectInputComponent,
-            AutocompleteInputComponent,
-            CheckboxInputComponent,
-            ScrollContainerComponent,
-            NoopComponent,
-            SwitchCaseComponent,
-            SwitchCaseWhenDirective,
-            SwitchCaseDefaultDirective,
-            FocusContainerComponent,
-            VerticalFocusContainerComponent,
-            FocusableComponent,
-            CardContainerComponent,
-            TableComponent,
-            EditRowControls,
-            ColumnTemplateDirective,
-            DefaultCellRendererComponent,
-            TableCellRendererComponent,
-            SelectCellRendererComponent,
-            SelectHeaderCellRendererComponent,
-            DefaultHeaderCellRendererComponent,
-            TableHeaderCellRendererComponent,
-            IconComponent,
-            SectionHeaderComponent,
-            TableRowMenuComponent,
-            ToolBarComponent,
-            CommandComponent,
-            PopupMenuComponent,
-            CommandGroupComponent,
-            CommandFaceComponent,
-            MoreMenuComponent,
-            SeparatorComponent,
-            FlexComponent,
-            CommandGroupMenuRendererComponent,
-            CommandGroupRendererComponent
-        ],
-        imports: [
-            CommonModule,
-            BrowserAnimationsModule,
-            FormsModule,
-            MatInputModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatTabsModule,
-            DirectivesModule,
-            MatIconModule,
-            MatButtonModule,
-            MatCheckboxModule,
-            MatTableModule,
-            PortalModule,
-            CdkScrollableModule,
-            FontAwesomeModule,
-            MatTooltipModule,
-            MatAutocompleteModule,
-            MatMenuModule,
-            MatDividerModule
-        ],
-        exports: [
-            NumberInputComponent,
-            StringInputComponent,
-            TextInputComponent,
-            PasswordInputComponent,
-            CheckboxInputComponent,
-            SelectInputComponent,
-            MultipleSelectInputComponent,
-            AutocompleteInputComponent,
-            ScrollContainerComponent,
-            NoopComponent,
-            SwitchCaseComponent,
-            SwitchCaseWhenDirective,
-            SwitchCaseDefaultDirective,
-            FocusContainerComponent,
-            VerticalFocusContainerComponent,
-            FocusableComponent,
-            CardContainerComponent,
-            TableComponent,
-            EditRowControls,
-            ColumnTemplateDirective,
-            IconComponent,
-            SectionHeaderComponent,
-            TableRowMenuComponent,
-            CommandGroupComponent,
-            ToolBarComponent,
-            CommandComponent,
-            PopupMenuComponent,
-            CommandFaceComponent,
-            MoreMenuComponent,
-            SeparatorComponent,
-            FlexComponent
-        ],
-        providers: [
-            FocusBindingFactory
-        ]
-    }),
-    __metadata("design:paramtypes", [FaIconLibrary])
-], ComponentsModule);
-
-let ActivityActionsComponent = class ActivityActionsComponent extends DisposableComponent {
-    constructor() {
-        super(...arguments);
-        this.align = 'start';
-    }
-    get alignEnd() {
-        return this.align === 'end';
-    }
-    get alignStretch() {
-        return this.align === 'stretch';
-    }
-    ngOnInit() {
-    }
-    hasConfirmText() {
-        return !___default.isEmpty(this.confirmText);
-    }
-    hasCancelText() {
-        return !___default.isEmpty(this.cancelText);
-    }
-    hasConfirmCommand() {
-        return DelegatingCommand.hasDelegate(this.confirmCommand);
-    }
-    hasCancelCommand() {
-        return DelegatingCommand.hasDelegate(this.cancelCommand);
-    }
-};
-__decorate([
-    Input(),
-    TrackExternal(),
-    __metadata("design:type", Command)
-], ActivityActionsComponent.prototype, "confirmCommand", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ActivityActionsComponent.prototype, "confirmText", void 0);
-__decorate([
-    Input(),
-    TrackExternal(),
-    __metadata("design:type", Command)
-], ActivityActionsComponent.prototype, "cancelCommand", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ActivityActionsComponent.prototype, "cancelText", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ActivityActionsComponent.prototype, "align", void 0);
-__decorate([
-    HostBinding('class.align-end'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ActivityActionsComponent.prototype, "alignEnd", null);
-__decorate([
-    HostBinding('class.align-stretch'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ActivityActionsComponent.prototype, "alignStretch", null);
-ActivityActionsComponent = __decorate([
-    Component({
-        selector: 'aup-activity-actions',
-        template: "<ng-container *ngIf=\"hasCancelCommand()\">\n  <button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n    <aup-icon icon=\"mat:clear\"></aup-icon>\n  </button>\n  <button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n    <aup-icon icon=\"mat:done\"></aup-icon>\n  </button>\n  <button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
-        styles: [":host{display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";-ms-grid-columns:1fr auto auto;grid-template-columns:1fr auto auto}:host.align-stretch{grid-template-areas:\"cancel content confirm\";-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto}.cancel{-ms-grid-row:1;-ms-grid-column:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-row:1;-ms-grid-column:2}:host.align-stretch>.cancel{-ms-grid-row:1;-ms-grid-column:1}.confirm{-ms-grid-row:1;-ms-grid-column:2;grid-area:confirm}:host.align-end>.confirm{-ms-grid-row:1;-ms-grid-column:3}:host.align-stretch>.confirm{-ms-grid-row:1;-ms-grid-column:3}.column{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-row:1;-ms-grid-column:1}:host.align-stretch>.column{-ms-grid-row:1;-ms-grid-column:2}"]
-    })
-], ActivityActionsComponent);
 
 const ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
 class Activity extends DisposableComponent {
@@ -3487,38 +3139,87 @@ class Activity extends DisposableComponent {
         return !!this._activityContext;
     }
 }
+Activity.decorators = [
+    { type: Component, args: [{
+                template: ''
+            },] }
+];
+Activity.propDecorators = {
+    class: [{ type: HostBinding, args: ['class',] }],
+    isFocused: [{ type: HostBinding, args: ['attr.focused',] }]
+};
+
+class ActivityActionsComponent extends DisposableComponent {
+    constructor() {
+        super(...arguments);
+        this.align = 'start';
+    }
+    get alignEnd() {
+        return this.align === 'end';
+    }
+    get alignStretch() {
+        return this.align === 'stretch';
+    }
+    ngOnInit() {
+    }
+    hasConfirmText() {
+        return !_.isEmpty(this.confirmText);
+    }
+    hasCancelText() {
+        return !_.isEmpty(this.cancelText);
+    }
+    hasConfirmCommand() {
+        return DelegatingCommand.hasDelegate(this.confirmCommand);
+    }
+    hasCancelCommand() {
+        return DelegatingCommand.hasDelegate(this.cancelCommand);
+    }
+}
+ActivityActionsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-activity-actions',
+                template: "<ng-container *ngIf=\"hasCancelCommand()\">\n  <button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n    <aup-icon icon=\"mat:clear\"></aup-icon>\n  </button>\n  <button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n    <aup-icon icon=\"mat:done\"></aup-icon>\n  </button>\n  <button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
+                styles: [":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]
+            },] }
+];
+ActivityActionsComponent.propDecorators = {
+    confirmCommand: [{ type: Input }],
+    confirmText: [{ type: Input }],
+    cancelCommand: [{ type: Input }],
+    cancelText: [{ type: Input }],
+    align: [{ type: Input }],
+    alignEnd: [{ type: HostBinding, args: ['class.align-end',] }],
+    alignStretch: [{ type: HostBinding, args: ['class.align-stretch',] }]
+};
 __decorate([
-    HostBinding('class'),
-    __metadata("design:type", Object)
-], Activity.prototype, "class", void 0);
+    TrackExternal(),
+    __metadata("design:type", Command)
+], ActivityActionsComponent.prototype, "confirmCommand", void 0);
 __decorate([
-    HostBinding('attr.focused'),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
-], Activity.prototype, "isFocused", null);
+    TrackExternal(),
+    __metadata("design:type", Command)
+], ActivityActionsComponent.prototype, "cancelCommand", void 0);
 
-let AlertDialogComponent = class AlertDialogComponent extends Activity {
+class AlertDialogComponent extends Activity {
     constructor(alert) {
         super();
         this.alert = alert;
     }
     ngOnInit() {
     }
-};
+}
+AlertDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-alert-dialog',
+                template: "<h3 matDialogTitle *ngIf=\"alert.title\">{{alert.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-raised-button color=\"primary\" (click)=\"done()\" data-cy=\"close-button\">{{alert.ok()}}</button>\n</div>\n",
+                styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{align-items:flex-end;justify-content:flex-end;margin-bottom:0!important;padding:0}"]
+            },] }
+];
 AlertDialogComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
-AlertDialogComponent = __decorate([
-    Component({
-        selector: 'aup-alert-dialog',
-        template: "<h3 matDialogTitle *ngIf=\"alert.title\">{{alert.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-raised-button color=\"primary\" (click)=\"done()\" data-cy=\"close-button\">{{alert.ok()}}</button>\n</div>\n",
-        styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}"]
-    }),
-    __param(0, Inject(ACTIVITY_DATA)),
-    __metadata("design:paramtypes", [Object])
-], AlertDialogComponent);
-
-let ConfirmThenDialogComponent = class ConfirmThenDialogComponent extends Activity {
+
+class ConfirmThenDialogComponent extends Activity {
     constructor(config) {
         super();
         this.config = config;
@@ -3537,21 +3238,19 @@ let ConfirmThenDialogComponent = class ConfirmThenDialogComponent extends Activi
             .then((result) => this.done(result))
             .catch(error => this.cancel(error));
     }
-};
+}
+ConfirmThenDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-confirmation-dialog',
+                template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"onConfirm()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</div>\n\n",
+                styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{align-items:flex-end;justify-content:flex-end;margin-bottom:0!important;padding:0}"]
+            },] }
+];
 ConfirmThenDialogComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
-ConfirmThenDialogComponent = __decorate([
-    Component({
-        selector: 'aup-confirmation-dialog',
-        template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"onConfirm()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</div>\n\n",
-        styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}"]
-    }),
-    __param(0, Inject(ACTIVITY_DATA)),
-    __metadata("design:paramtypes", [Object])
-], ConfirmThenDialogComponent);
-
-let ConfirmationDialogComponent = class ConfirmationDialogComponent extends Activity {
+
+class ConfirmationDialogComponent extends Activity {
     constructor(confirm) {
         super();
         this.confirm = confirm;
@@ -3562,19 +3261,17 @@ let ConfirmationDialogComponent = class ConfirmationDialogComponent extends Acti
     isDestructive() {
         return this.confirm.destructive && this.confirm.destructive();
     }
-};
+}
+ConfirmationDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-confirmation-dialog',
+                template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"done()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</div>\n\n",
+                styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{align-items:flex-end;justify-content:flex-end;margin-bottom:0!important;padding:0}"]
+            },] }
+];
 ConfirmationDialogComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
-ConfirmationDialogComponent = __decorate([
-    Component({
-        selector: 'aup-confirmation-dialog',
-        template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<div matDialogActions>\n  <button mat-button (click)=\"cancel()\" data-cy=\"cancel-button\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"done()\" data-cy=\"confirm-button\">{{confirm.ok()}}</button>\n</div>\n\n",
-        styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}"]
-    }),
-    __param(0, Inject(ACTIVITY_DATA)),
-    __metadata("design:paramtypes", [Object])
-], ConfirmationDialogComponent);
 
 class AbstractInteractionContext {
     startActivity(activityType, data, options) {
@@ -3665,7 +3362,7 @@ class ActivityRef {
  * ActivityOutletComponent creates and displays an activity and delegates the interaction context functionality to an
  * external service.
  */
-let ActivityOutletComponent = class ActivityOutletComponent {
+class ActivityOutletComponent {
     constructor(componentFactoryResolver, viewContainerRef, injector) {
         this.componentFactoryResolver = componentFactoryResolver;
         this.viewContainerRef = viewContainerRef;
@@ -3700,33 +3397,25 @@ let ActivityOutletComponent = class ActivityOutletComponent {
     get component() {
         return this.activityComponentRef.instance;
     }
-};
+}
+ActivityOutletComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-activity-outlet',
+                template: '',
+                styles: [":host{display:block}"]
+            },] }
+];
 ActivityOutletComponent.ctorParameters = () => [
     { type: ComponentFactoryResolver },
     { type: ViewContainerRef },
     { type: Injector }
 ];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ActivityOutletComponent.prototype, "nestedInteractionContext", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", ActivityRef),
-    __metadata("design:paramtypes", [ActivityRef])
-], ActivityOutletComponent.prototype, "activityRef", null);
-ActivityOutletComponent = __decorate([
-    Component({
-        selector: 'aup-activity-outlet',
-        template: '',
-        styles: [":host{display:block}"]
-    }),
-    __metadata("design:paramtypes", [ComponentFactoryResolver,
-        ViewContainerRef,
-        Injector])
-], ActivityOutletComponent);
-
-let ActivityContainerComponent = class ActivityContainerComponent extends AbstractInteractionContext {
+ActivityOutletComponent.propDecorators = {
+    nestedInteractionContext: [{ type: Input }],
+    activityRef: [{ type: Input }]
+};
+
+class ActivityContainerComponent extends AbstractInteractionContext {
     constructor() {
         super();
         this.dynamicHeight = false;
@@ -3775,7 +3464,7 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
         if (!this.isActive()) {
             lang$1.illegalState('no activity in progress');
         }
-        return ___default.findLast(this.activityRefs, tab => !tab.isComplete());
+        return _.findLast(this.activityRefs, tab => !tab.isComplete());
     }
     /**
      * Cancels the current activity and returns true the context is no longer active, false if
@@ -3902,27 +3591,20 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
             this.synchroniseSelectedTabIndex();
         }, 75);
     }
+}
+ActivityContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-activity-container',
+                template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <!--\n    We have issues where angular is triggering a leave animation when an\n    new activity is started, but is not running the enter animation\n    when it is scrolled back into view.  So we track the tab changes and\n    disable all animations inside the tab while we're animating.\n    -->\n    <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n      <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n",
+                styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
+            },] }
+];
+ActivityContainerComponent.ctorParameters = () => [];
+ActivityContainerComponent.propDecorators = {
+    dynamicHeight: [{ type: Input }],
+    tabs: [{ type: ViewChild, args: ['tabs', { static: true },] }],
+    activityOutlets: [{ type: ViewChildren, args: [ActivityOutletComponent,] }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ActivityContainerComponent.prototype, "dynamicHeight", void 0);
-__decorate([
-    ViewChild('tabs', { static: true }),
-    __metadata("design:type", MatTabGroup)
-], ActivityContainerComponent.prototype, "tabs", void 0);
-__decorate([
-    ViewChildren(ActivityOutletComponent),
-    __metadata("design:type", QueryList)
-], ActivityContainerComponent.prototype, "activityOutlets", void 0);
-ActivityContainerComponent = __decorate([
-    Component({
-        selector: 'aup-activity-container',
-        template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <!--\n    We have issues where angular is triggering a leave animation when an\n    new activity is started, but is not running the enter animation\n    when it is scrolled back into view.  So we track the tab changes and\n    disable all animations inside the tab while we're animating.\n    -->\n    <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n      <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n",
-        styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
-    }),
-    __metadata("design:paramtypes", [])
-], ActivityContainerComponent);
 
 class InteractionServiceRoutingAdapter {
     constructor(activeInteractionContextIds, activeModalContext, createExclusiveInteractionContext) {
@@ -3956,9 +3638,8 @@ class InteractionServiceRoutingAdapter {
 class ModalInteractionContextFactory {
 }
 
-var InteractionService_1;
 let inplaceMonitorCount = 0;
-let InteractionService = InteractionService_1 = class InteractionService {
+class InteractionService {
     constructor(modelInteractionContextFactory) {
         this.modelInteractionContextFactory = modelInteractionContextFactory;
         this.garbage = new GarbageCollector();
@@ -3967,9 +3648,9 @@ let InteractionService = InteractionService_1 = class InteractionService {
         // private readonly _activeContext: ValueModelChain<InteractionContext>;
         this._navigationInProgress = new DelegatingValueModel().withDefault(false);
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this.garbage);
-        this.exclusiveInteractionRegistry = new InteractionService_1.ContextRegistry();
-        this.modalInteractionRegistry = new InteractionService_1.ContextRegistry();
-        this.inPlaceInteractionRegistry = new InteractionService_1.ContextRegistry();
+        this.exclusiveInteractionRegistry = new InteractionService.ContextRegistry();
+        this.modalInteractionRegistry = new InteractionService.ContextRegistry();
+        this.inPlaceInteractionRegistry = new InteractionService.ContextRegistry();
         this.modalInteractionRegistry.disableWhen(valueOf.any(this.exclusiveInteractionRegistry.active, this.modalInteractionRegistry.active).areTruthy());
         this.inPlaceInteractionRegistry.disableWhen(valueOf.any(this.exclusiveInteractionRegistry.active, this.modalInteractionRegistry.active, this.inPlaceInteractionRegistry.active).areTruthy());
         this.active = valueOf.any(this.inPlaceInteractionRegistry.active, this.modalInteractionRegistry.active).areTruthy();
@@ -3995,13 +3676,13 @@ let InteractionService = InteractionService_1 = class InteractionService {
      */
     createModalInteractionContextDisposedWith(disposable) {
         // TODO: look at making the registry the factory..
-        return this.modelInteractionContextFactory.createInteractionContext('modal', new InteractionService_1.ApiAdapter(this.placeRouter, this.modalInteractionRegistry));
+        return this.modelInteractionContextFactory.createInteractionContext('modal', new InteractionService.ApiAdapter(this.placeRouter, this.modalInteractionRegistry));
     }
     registerInplaceInteractionContext(interactionContext) {
         // TODO: look at making the registry the factory..
         // Todo: check for double registration.
         // Todo: allow multiple inplace interactions..
-        interactionContext.initialise(`ip${++inplaceMonitorCount}`, new InteractionService_1.ApiAdapter(this.placeRouter, this.inPlaceInteractionRegistry));
+        interactionContext.initialise(`ip${++inplaceMonitorCount}`, new InteractionService.ApiAdapter(this.placeRouter, this.inPlaceInteractionRegistry));
     }
     /**
      * Creates an interaction context that will prevent any other contexts from starting an
@@ -4016,20 +3697,19 @@ let InteractionService = InteractionService_1 = class InteractionService {
         this._navigationInProgress.setDelegate(this.placeRouter.navigationInProgress);
         const self = this;
         return new InteractionServiceRoutingAdapter(this.activeInteractionContextIds, this.activeModalContext, () => {
-            return self.modelInteractionContextFactory.createInteractionContext('exclusive', new InteractionService_1.ApiAdapter(this.placeRouter, this.exclusiveInteractionRegistry));
+            return self.modelInteractionContextFactory.createInteractionContext('exclusive', new InteractionService.ApiAdapter(this.placeRouter, this.exclusiveInteractionRegistry));
         });
     }
-};
+}
+InteractionService.ɵprov = ɵɵdefineInjectable({ factory: function InteractionService_Factory() { return new InteractionService(ɵɵinject(ModalInteractionContextFactory)); }, token: InteractionService, providedIn: "root" });
+InteractionService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
 InteractionService.ctorParameters = () => [
     { type: ModalInteractionContextFactory }
 ];
-InteractionService.ɵprov = ɵɵdefineInjectable({ factory: function InteractionService_Factory() { return new InteractionService(ɵɵinject(ModalInteractionContextFactory)); }, token: InteractionService, providedIn: "root" });
-InteractionService = InteractionService_1 = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __metadata("design:paramtypes", [ModalInteractionContextFactory])
-], InteractionService);
 (function (InteractionService) {
     /**
      * Provides a mechanism for the service to keep track of what the API adapters are doing to
@@ -4093,7 +3773,7 @@ InteractionService = InteractionService_1 = __decorate([
     InteractionService.ApiAdapter = ApiAdapter;
 })(InteractionService || (InteractionService = {}));
 
-let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponent extends DisposableComponent {
+class InPlaceInteractionContextComponent extends DisposableComponent {
     constructor(interactionService, tabConfig) {
         super();
         this.interactionService = interactionService;
@@ -4138,28 +3818,22 @@ let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponen
     startActivity(activityType, data, options) {
         return this.activityContainerComponent.startActivity(activityType, data, options);
     }
-};
+}
+InPlaceInteractionContextComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-in-place-interaction-context',
+                template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
+                styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
+            },] }
+];
 InPlaceInteractionContextComponent.ctorParameters = () => [
     { type: InteractionService },
     { type: undefined, decorators: [{ type: Inject, args: [MAT_TABS_CONFIG,] }, { type: Optional }] }
 ];
-__decorate([
-    ViewChild('activityContainer', { static: true }),
-    __metadata("design:type", ActivityContainerComponent)
-], InPlaceInteractionContextComponent.prototype, "activityContainerComponent", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], InPlaceInteractionContextComponent.prototype, "animateFirstActivity", void 0);
-InPlaceInteractionContextComponent = __decorate([
-    Component({
-        selector: 'aup-in-place-interaction-context',
-        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
-        styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
-    }),
-    __param(1, Inject(MAT_TABS_CONFIG)), __param(1, Optional()),
-    __metadata("design:paramtypes", [InteractionService, Object])
-], InPlaceInteractionContextComponent);
+InPlaceInteractionContextComponent.propDecorators = {
+    activityContainerComponent: [{ type: ViewChild, args: ['activityContainer', { static: true },] }],
+    animateFirstActivity: [{ type: Input }]
+};
 
 /**
  * Css Vars.
@@ -4170,7 +3844,7 @@ InPlaceInteractionContextComponent = __decorate([
  *   --link-border-radius
  *   --link-padding
  */
-let AddItemInteractionContextComponent = class AddItemInteractionContextComponent extends DisposableComponent {
+class AddItemInteractionContextComponent extends DisposableComponent {
     constructor() {
         super();
         this.icon = "mat:add";
@@ -4194,51 +3868,31 @@ let AddItemInteractionContextComponent = class AddItemInteractionContextComponen
     }
     ngOnInit() {
     }
+}
+AddItemInteractionContextComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-add-item-interaction-context',
+                template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
+                styles: [":host{--def-link-background:var(--link-background,transparent);--def-link-background-hover:var(--link-background-hover,rgba(0,0,0,0.05));--def-link-border-radius:var(--link-border-radius,4px);--def-link-color:var(--link-color,currentColor);--def-link-color-hover:var(--link-color-hover,currentColor);--def-link-padding:var(--link-padding,calc(var(--aup-default-padding)/2));border-radius:var(--def-link-border-radius);box-sizing:border-box;display:flex;flex-direction:column;outline:none}:host:hover a.link{background-color:var(--def-link-background-hover);color:var(--def-link-color-hover)}a.link,aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{align-items:center;background:var(--def-link-background);color:var(--def-link-color);cursor:pointer;display:flex;flex-direction:row;padding:var(--def-link-padding);text-decoration:none}a.link mat-icon{margin-right:8px}"]
+            },] }
+];
+AddItemInteractionContextComponent.ctorParameters = () => [];
+AddItemInteractionContextComponent.propDecorators = {
+    label: [{ type: Input }],
+    icon: [{ type: Input }],
+    activityClass: [{ type: Input }],
+    activityData: [{ type: Input }],
+    addCommand: [{ type: Input }],
+    interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent,] }],
+    active: [{ type: HostBinding, args: ['class.interaction-active',] }],
+    tabindex: [{ type: HostBinding, args: ['tabindex',] }]
 };
 __decorate([
-    Input(),
-    __metadata("design:type", String)
-], AddItemInteractionContextComponent.prototype, "label", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], AddItemInteractionContextComponent.prototype, "icon", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], AddItemInteractionContextComponent.prototype, "activityClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], AddItemInteractionContextComponent.prototype, "activityData", void 0);
-__decorate([
-    Input(),
     TrackExternal(),
     __metadata("design:type", Command)
 ], AddItemInteractionContextComponent.prototype, "addCommand", void 0);
-__decorate([
-    ViewChild(InPlaceInteractionContextComponent),
-    __metadata("design:type", InPlaceInteractionContextComponent)
-], AddItemInteractionContextComponent.prototype, "interactionContext", void 0);
-__decorate([
-    HostBinding('class.interaction-active'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], AddItemInteractionContextComponent.prototype, "active", null);
-__decorate([
-    HostBinding('tabindex'),
-    __metadata("design:type", Object)
-], AddItemInteractionContextComponent.prototype, "tabindex", void 0);
-AddItemInteractionContextComponent = __decorate([
-    Component({
-        selector: 'aup-add-item-interaction-context',
-        template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
-        styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-background:var(--link-background, transparent);--def-link-background-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
-    }),
-    __metadata("design:paramtypes", [])
-], AddItemInteractionContextComponent);
 
-let PopupInteractionContextComponent = class PopupInteractionContextComponent extends DisposableComponent {
+class PopupInteractionContextComponent extends DisposableComponent {
     constructor(_element, _overlay, scrollable) {
         super();
         this._element = _element;
@@ -4305,36 +3959,26 @@ let PopupInteractionContextComponent = class PopupInteractionContextComponent ex
     }
     ngOnInit() {
     }
-};
+}
+PopupInteractionContextComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-popup-interaction-context',
+                template: "<ng-content></ng-content>\n",
+                styles: [":host{display:inline}:host.interaction-active{background:rgba(0,0,0,.05)}"]
+            },] }
+];
 PopupInteractionContextComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: Overlay },
     { type: CdkScrollable, decorators: [{ type: Optional }, { type: SkipSelf }] }
 ];
-__decorate([
-    HostBinding('class.interaction-active'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PopupInteractionContextComponent.prototype, "active", null);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PopupInteractionContextComponent.prototype, "anchorX", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PopupInteractionContextComponent.prototype, "anchorY", void 0);
-PopupInteractionContextComponent = __decorate([
-    Component({
-        selector: 'aup-popup-interaction-context',
-        template: "<ng-content></ng-content>\n",
-        styles: [":host{display:inline}:host.interaction-active{background:rgba(0,0,0,.05)}"]
-    }),
-    __param(2, Optional()), __param(2, SkipSelf()),
-    __metadata("design:paramtypes", [ElementRef, Overlay, CdkScrollable])
-], PopupInteractionContextComponent);
-
-let InteractionContextTriggerFor = class InteractionContextTriggerFor extends GarbageCollector {
+PopupInteractionContextComponent.propDecorators = {
+    active: [{ type: HostBinding, args: ['class.interaction-active',] }],
+    anchorX: [{ type: Input }],
+    anchorY: [{ type: Input }]
+};
+
+class InteractionContextTriggerFor extends GarbageCollector {
     constructor() {
         super();
         this.activityDone = new EventEmitter();
@@ -4373,56 +4017,30 @@ let InteractionContextTriggerFor = class InteractionContextTriggerFor extends Ga
         });
     }
     prepareActivityData() {
-        return ___default.isFunction(this.activityDataFactory()) ? this.activityDataFactory() : this.activityData;
+        return _.isFunction(this.activityDataFactory()) ? this.activityDataFactory() : this.activityData;
     }
+}
+InteractionContextTriggerFor.decorators = [
+    { type: Directive, args: [{
+                selector: '[aupInteractionContextTriggerFor]'
+            },] }
+];
+InteractionContextTriggerFor.ctorParameters = () => [];
+InteractionContextTriggerFor.propDecorators = {
+    aupInteractionContextTriggerFor: [{ type: Input }],
+    activityClass: [{ type: Input }],
+    activityData: [{ type: Input }],
+    activityDataFactory: [{ type: Input }],
+    activityDone: [{ type: Output }],
+    activityCancelled: [{ type: Output }],
+    onEnter: [{ type: HostListener, args: ['keyup.enter', ['$event'],] }],
+    onClick: [{ type: HostListener, args: ['click', ['$event'],] }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], InteractionContextTriggerFor.prototype, "aupInteractionContextTriggerFor", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], InteractionContextTriggerFor.prototype, "activityClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], InteractionContextTriggerFor.prototype, "activityData", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], InteractionContextTriggerFor.prototype, "activityDataFactory", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], InteractionContextTriggerFor.prototype, "activityDone", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], InteractionContextTriggerFor.prototype, "activityCancelled", void 0);
-__decorate([
-    HostListener('keyup.enter', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", void 0)
-], InteractionContextTriggerFor.prototype, "onEnter", null);
-__decorate([
-    HostListener('click', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", void 0)
-], InteractionContextTriggerFor.prototype, "onClick", null);
-InteractionContextTriggerFor = __decorate([
-    Directive({
-        selector: '[aupInteractionContextTriggerFor]'
-    }),
-    __metadata("design:paramtypes", [])
-], InteractionContextTriggerFor);
 
 // @see https://github.com/ng-packagr/ng-packagr/issues/641 and  https://github.com/angular/angular/issues/21123
 // we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)
 // @dynamic
-let AbstractInputActivity = class AbstractInputActivity extends Activity {
+class AbstractInputActivity extends Activity {
     constructor(data) {
         super();
         this.data = data;
@@ -4448,26 +4066,23 @@ let AbstractInputActivity = class AbstractInputActivity extends Activity {
     onActivityReady() {
         this.valueModel.focusContext.requestFocus();
     }
-};
+}
+AbstractInputActivity.decorators = [
+    { type: Component, args: [{ template: `` },] }
+];
 AbstractInputActivity.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
-__decorate([
-    HostBinding('class'),
-    __metadata("design:type", Object)
-], AbstractInputActivity.prototype, "class", void 0);
-AbstractInputActivity = __decorate([
-    Component({ template: `` }),
-    __param(0, Inject(ACTIVITY_DATA)),
-    __metadata("design:paramtypes", [Object])
-], AbstractInputActivity);
-
-let StringInputActivity = class StringInputActivity extends AbstractInputActivity {
+AbstractInputActivity.propDecorators = {
+    class: [{ type: HostBinding, args: ['class',] }]
 };
-StringInputActivity = __decorate([
-    Component({
-        selector: 'aup-string-input-activity',
-        template: `
+
+class StringInputActivity extends AbstractInputActivity {
+}
+StringInputActivity.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-string-input-activity',
+                template: `
     <aup-string-input [valueModel]="valueModel"
                       [label]="data.label"
                       [placeholder]="data.placeholder"
@@ -4477,10 +4092,10 @@ StringInputActivity = __decorate([
                           [confirmCommand]="confirmCommand"
                           [cancelCommand]="cancelCommand"></aup-activity-actions>
   `
-    })
-], StringInputActivity);
+            },] }
+];
 
-let SelectInputActivity = class SelectInputActivity extends AbstractInputActivity {
+class SelectInputActivity extends AbstractInputActivity {
     constructor() {
         super(...arguments);
         this.defaultOptionLabelFormat = (option) => {
@@ -4495,11 +4110,11 @@ let SelectInputActivity = class SelectInputActivity extends AbstractInputActivit
         var _a;
         return ((_a = this.data.optionsModel) === null || _a === void 0 ? void 0 : _a.value) || this.data.options;
     }
-};
-SelectInputActivity = __decorate([
-    Component({
-        selector: 'aup-select-input-activity',
-        template: `
+}
+SelectInputActivity.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-select-input-activity',
+                template: `
     <aup-select-input [valueModel]="valueModel"
                       [label]="data.label"
                       [placeholder]="data.placeholder"
@@ -4512,8 +4127,8 @@ SelectInputActivity = __decorate([
                           [confirmCommand]="confirmCommand"
                           [cancelCommand]="cancelCommand"></aup-activity-actions>
   `
-    })
-], SelectInputActivity);
+            },] }
+];
 
 class Dimension {
     constructor(width, height) {
@@ -4560,7 +4175,7 @@ class Bounds extends Dimension {
     Bounds.ofElement = ofElement;
 })(Bounds || (Bounds = {}));
 
-let ResizeAwareComponent = class ResizeAwareComponent extends DisposableComponent {
+class ResizeAwareComponent extends DisposableComponent {
     constructor(elementRef, ngZone) {
         super();
         this.elementRef = elementRef;
@@ -4592,77 +4207,77 @@ let ResizeAwareComponent = class ResizeAwareComponent extends DisposableComponen
     updateBounds() {
         this._boundsModel.value = Bounds.ofElement(this.nativeElement);
     }
-};
+}
+ResizeAwareComponent.decorators = [
+    { type: Directive }
+];
 ResizeAwareComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: NgZone }
 ];
-ResizeAwareComponent = __decorate([
-    Directive(),
-    __metadata("design:paramtypes", [ElementRef, NgZone])
-], ResizeAwareComponent);
 
 /**
  * @file Automatically generated by barrelsby.
  */
 
-let InteractionModule = class InteractionModule {
-};
-InteractionModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            MatButtonModule,
-            MatDialogModule,
-            MatTabsModule,
-            PortalModule,
-            RouterModule,
-            MatIconModule,
-            DirectivesModule,
-            FlexModule,
-            GridModule,
-            ComponentsModule
-        ],
-        declarations: [
-            ActivityContainerComponent,
-            ConfirmationDialogComponent,
-            ConfirmThenDialogComponent,
-            AlertDialogComponent,
-            ActivityOutletComponent,
-            InPlaceInteractionContextComponent,
-            AddItemInteractionContextComponent,
-            ActivityActionsComponent,
-            PopupInteractionContextComponent,
-            StringInputActivity,
-            SelectInputActivity,
-            AbstractInputActivity,
-            InteractionContextTriggerFor
-        ],
-        exports: [
-            ActivityContainerComponent,
-            ActivityOutletComponent,
-            InPlaceInteractionContextComponent,
-            AddItemInteractionContextComponent,
-            ActivityActionsComponent,
-            PopupInteractionContextComponent,
-            InteractionContextTriggerFor,
-            StringInputActivity,
-            SelectInputActivity
-        ],
-        entryComponents: [
-            ActivityContainerComponent,
-            ConfirmationDialogComponent,
-            ConfirmThenDialogComponent,
-            AlertDialogComponent
-        ],
-        providers: [
-            InteractionService
-            // {
-            //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: "2s" }
-            // }
-        ]
-    })
-], InteractionModule);
+class InteractionModule {
+}
+InteractionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatButtonModule,
+                    MatDialogModule,
+                    MatTabsModule,
+                    PortalModule,
+                    RouterModule,
+                    MatIconModule,
+                    DirectivesModule,
+                    FlexModule,
+                    GridModule,
+                    ComponentsModule
+                ],
+                declarations: [
+                    ActivityContainerComponent,
+                    ConfirmationDialogComponent,
+                    ConfirmThenDialogComponent,
+                    AlertDialogComponent,
+                    ActivityOutletComponent,
+                    InPlaceInteractionContextComponent,
+                    AddItemInteractionContextComponent,
+                    ActivityActionsComponent,
+                    PopupInteractionContextComponent,
+                    StringInputActivity,
+                    SelectInputActivity,
+                    AbstractInputActivity,
+                    InteractionContextTriggerFor,
+                    Activity
+                ],
+                exports: [
+                    ActivityContainerComponent,
+                    ActivityOutletComponent,
+                    InPlaceInteractionContextComponent,
+                    AddItemInteractionContextComponent,
+                    ActivityActionsComponent,
+                    PopupInteractionContextComponent,
+                    InteractionContextTriggerFor,
+                    StringInputActivity,
+                    SelectInputActivity
+                ],
+                entryComponents: [
+                    ActivityContainerComponent,
+                    ConfirmationDialogComponent,
+                    ConfirmThenDialogComponent,
+                    AlertDialogComponent
+                ],
+                providers: [
+                    InteractionService
+                    // {
+                    //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: "2s" }
+                    // }
+                ]
+            },] }
+];
 
 class ParameterDefinition {
     constructor(propertyName, options, urlFormat) {
@@ -4711,7 +4326,7 @@ class ParameterDefinition {
             this.isArray = false;
         }
         isEmptyValue(value) {
-            return ___default.isNil(value);
+            return _.isNil(value);
         }
         hasChanged(a, b) {
             return a !== b;
@@ -4725,7 +4340,7 @@ class ParameterDefinition {
             this.isArray = false;
         }
         isEmptyValue(value) {
-            return ___default.isNil(value);
+            return _.isNil(value);
         }
         hasChanged(a, b) {
             return a !== b;
@@ -4739,10 +4354,10 @@ class ParameterDefinition {
             this.isArray = true;
         }
         isEmptyValue(value) {
-            return ___default.isNil(value) || value.length < 1;
+            return _.isNil(value) || value.length < 1;
         }
         hasChanged(a, b) {
-            return !___default.isEqual(a, b);
+            return !_.isEqual(a, b);
         }
     }
     ParameterDefinition.ArrayParameter = ArrayParameter;
@@ -4780,12 +4395,12 @@ class PlaceDefinition {
     }
     getPlaceData(key, defaultValue) {
         return this.data ?
-            ___default.isNil(this.data[key]) ? defaultValue : this.data[key] :
+            _.isNil(this.data[key]) ? defaultValue : this.data[key] :
             defaultValue;
     }
     searchPlaceData(keys, defaultValue) {
         if (this.data) {
-            const found = keys.find(key => !___default.isNil(this.data[key]));
+            const found = keys.find(key => !_.isNil(this.data[key]));
             return found ? this.data[found] : defaultValue;
         }
         else {
@@ -4853,7 +4468,7 @@ class PlaceDefinition {
                         // because our id routes redirect if the id isn't present we always have a id
                         // parameter in our params.  This will bugger our remember and defaultvalue sanitisation
                         // as it'll see that the id is present (event thought its a blank string).
-                        if (!___default.isEmpty(value)) {
+                        if (!_.isEmpty(value)) {
                             result[def.name] = def.urlFormat.parse(value);
                         }
                     }
@@ -4885,12 +4500,11 @@ __decorate([
     __metadata("design:returntype", Array)
 ], PlaceDefinition.prototype, "getVisitParameterDefs", null);
 
-var PlaceComponent_1;
 // RAKE: making this Symbol(...) broke things.
 const DEFINITION_META_DATA_KEY = 'PLACE_DEFINITION_OPTIONS';
 // this one seems ok.
 const ROUTE_PARAMETER_LIST_KEY = Symbol('place:route:parameters');
-let PlaceComponent = PlaceComponent_1 = class PlaceComponent extends DisposableComponent {
+class PlaceComponent extends DisposableComponent {
     constructor() {
         super();
         this.visitModel = new MutableValueModel();
@@ -4938,7 +4552,7 @@ let PlaceComponent = PlaceComponent_1 = class PlaceComponent extends DisposableC
         binding.writeRight();
     }
     get placeDefinition() {
-        return PlaceComponent_1.getDefinition(this.constructor);
+        return PlaceComponent.getDefinition(this.constructor);
     }
     get childPlaces() {
         return this.placeDefinition.children.map(d => d.component);
@@ -4954,16 +4568,16 @@ let PlaceComponent = PlaceComponent_1 = class PlaceComponent extends DisposableC
     }
     onPlaceReady() {
     }
-};
+}
+PlaceComponent.decorators = [
+    { type: Directive }
+];
+PlaceComponent.ctorParameters = () => [];
 __decorate([
     Memoize$1(),
     __metadata("design:type", PlaceDefinition),
     __metadata("design:paramtypes", [])
 ], PlaceComponent.prototype, "placeDefinition", null);
-PlaceComponent = PlaceComponent_1 = __decorate([
-    Directive(),
-    __metadata("design:paramtypes", [])
-], PlaceComponent);
 (function (PlaceComponent) {
     function isPlaceComponentConstructor(target) {
         return lang.constructorChain(target).includes(PlaceComponent);
@@ -5342,7 +4956,7 @@ class SynchroniseInteractionContextIdsWithRoute extends NavigationSession {
         const currentIds = this.interactionServiceAdapter.getActiveInteractionContextIds();
         const previousIds = this.urlService.getCurrentLocationUrlSnapshot().getInteractionIds();
         // console.log(`---> synchroniseInteractionIds`, { is: currentIds.join(','), was: previousIds.join(',') });
-        if (___default.isEqual(currentIds, previousIds)) {
+        if (_.isEqual(currentIds, previousIds)) {
             // console.log('### Activity context ids were the same, skipping');
             this.context.finishRoutingSession();
         }
@@ -5478,25 +5092,13 @@ class PopStateDuringInteractionNavigation extends AbstractPopStateNavigation {
  * This state handles the scenario where a link navigation triggered an interaction and the user clicked back a to cancel it.
  * The routing event sequence is different depending on the link that was clicked.
  *
- * If the link was the same as the previous history location (i.e. they've gone back via a link rather than clicking back) then the sequence is:
- *
- * -> Idle -> NavigationTransition
- * -> confirm dialog shown.
- * -> click back
- * -> NavigationCancel -> clickedLinkUrl === cancel.url
- * -> NavigationEnd
- *
- * Otherwise if the link is different from teh history location then the sequence is:
- *
- * -> Idle -> NavigationTransition
- * -> confirm dialog shown.
- * -> click back
- * -> NavigationCancel -> clickedLinkUrl !== cancel.url
- * -> NavigationEnd
- * -> PopState
- * -> NavigationCancel
+ * NOTE: In angular prior to 10 the sequence of routing events was different depending on the initial link that was clicked.
+ *       This class used have ugle if/else code to handle it and a not that it should be split into sub states.
+ *       During the update to angular 10 I did this (as the tests for this scenario were failings). After doing so
+ *       it appears that angular now behaves the same in both cases. But rather that revert the changes I've left the
+ *       sub-state handling in in case it ever comes back.
  */
-class WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish extends EventCleanUpSession {
+class WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined extends EventCleanUpSession {
     constructor(context, startingUrl, clickedLinkUrl) {
         super(context, startingUrl);
         this.clickedLinkUrl = clickedLinkUrl;
@@ -5504,33 +5106,84 @@ class WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish extend
         this.clickedLinkMatchedBackButtonUrl = false;
         this.debugPropertyKeys = ['idle', 'startingUrl', 'clickedLinkUrl', 'firstCancelEventUrl', 'clickedLinkMatchedBackButtonUrl', 'popStateEventUrl'];
     }
-    // @Trace()
     onRouterStarted(event) {
         this.ignore(event);
     }
-    // @Trace()
     onRouterCancelled(event) {
-        // TODO: should really split this into two sub states in the first cancel event.
-        if (!this.firstCancelEventUrl) {
-            this.firstCancelEventUrl = event.url;
-            this.clickedLinkMatchedBackButtonUrl = event.url === this.clickedLinkUrl;
-            this.ignore(event);
+        if (event.url === this.clickedLinkUrl) {
+            this.context.transitionTo(new WaitForLinkSameAsBackToPlayOut(this.context, this.startingUrl, this.clickedLinkUrl));
         }
         else {
-            // we wait for our popped state to come in.
-            if (!this.clickedLinkMatchedBackButtonUrl && this.popStateEventUrl) {
-                this.finaliseRouting();
-            }
+            this.context.transitionTo(new WaitForLinkDifferentFromBackToPlayOut(this.context, this.startingUrl, this.clickedLinkUrl));
         }
     }
+    canDeactivatePlace(component, currentUrl, nextUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return false;
+        });
+    }
+}
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [NavigationStart]),
+    __metadata("design:returntype", void 0)
+], WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined.prototype, "onRouterStarted", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [NavigationCancel]),
+    __metadata("design:returntype", void 0)
+], WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined.prototype, "onRouterCancelled", null);
+class WaitForLinkSameAsBackToPlayOut extends EventCleanUpSession {
+    constructor(context, startingUrl, clickedLinkUrl) {
+        super(context, startingUrl);
+        this.clickedLinkUrl = clickedLinkUrl;
+        this.isPopState = false;
+        this.debugPropertyKeys = ['idle', 'startingUrl', 'clickedLinkUrl', 'popStateEventUrl'];
+    }
     // @Trace()
     onRouterEnd(event) {
-        if (this.clickedLinkMatchedBackButtonUrl) {
+        this.ignore(event);
+    }
+    // @Trace()
+    onRouterError(event) {
+        this.ignore(event);
+    }
+    // @Trace()
+    onPopState(event) {
+        this.popStateEventUrl = event.url;
+        this.ignore(event);
+    }
+    // @Trace()
+    onRouterCancelled(event) {
+        if (this.popStateEventUrl) {
             this.finaliseRouting();
         }
-        else {
-            this.ignore(event);
-        }
+    }
+    // @Trace()
+    finaliseRouting() {
+        this.repairBrowserHistoryAndUrlAfterGuardCancellation(this.clickedLinkUrl, this.startingUrl);
+        return this.context.finishRoutingSession();
+    }
+    canDeactivatePlace(component, currentUrl, nextUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return false;
+        });
+    }
+}
+// See the note above.  This class is identical to the previous but I've left it here in case angular decides to
+// route differently in this scenario going forward.
+class WaitForLinkDifferentFromBackToPlayOut extends EventCleanUpSession {
+    constructor(context, startingUrl, clickedLinkUrl) {
+        super(context, startingUrl);
+        this.clickedLinkUrl = clickedLinkUrl;
+        this.isPopState = false;
+        this.debugPropertyKeys = ['idle', 'startingUrl', 'clickedLinkUrl', 'popStateEventUrl'];
+    }
+    // @Trace()
+    onRouterEnd(event) {
+        this.ignore(event);
     }
     // @Trace()
     onRouterError(event) {
@@ -5541,6 +5194,13 @@ class WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish extend
         this.popStateEventUrl = event.url;
         this.ignore(event);
     }
+    // @Trace()
+    onRouterCancelled(event) {
+        if (this.popStateEventUrl) {
+            this.finaliseRouting();
+        }
+    }
+    // @Trace()
     finaliseRouting() {
         this.repairBrowserHistoryAndUrlAfterGuardCancellation(this.clickedLinkUrl, this.startingUrl);
         return this.context.finishRoutingSession();
@@ -5551,6 +5211,49 @@ class WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish extend
         });
     }
 }
+//
+// ### Router State Transition: null -> Navigating(startingUrl: /activities/dialogs;l=en, urlAfterRedirects: undefined)
+//  ### ###### Router Event: NavigationStart
+//  NavigationStart(id: 6, url: '/home')
+//  NavigationStart {id: 6, url: "/home", navigationTrigger: "imperative", restoredState: null}
+// logger.js:39 Ignoring router event: NavigationStart -> /home :: Navigating(startingUrl: /activities/dialogs;l=en, urlAfterRedirects: undefined)
+//  ### ###### Router Event: RoutesRecognized
+//  RoutesRecognized(id: 6, url: '/home', urlAfterRedirects: '/home', state: Route(url:'', path:'') { Route(url:'home', path:'home') } )
+//  RoutesRecognized {id: 6, url: "/home", urlAfterRedirects: "/home", state: RouterStateSnapshot}
+//  ###### Router Event: GuardsCheckStart
+//  GuardsCheckStart(id: 6, url: '/home', urlAfterRedirects: '/home', state: Route(url:'', path:'') { Route(url:'home', path:'home') } )
+//  GuardsCheckStart {id: 6, url: "/home", urlAfterRedirects: "/home", state: RouterStateSnapshot}
+// logger.js:39 back button pressed during navigation session interaction promise
+// logger.js:39 cancelling current navigation activity..
+//   logger.js:39 ### Router State Transition: Navigating(startingUrl: /activities/dialogs;l=en, urlAfterRedirects: undefined) -> WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish(idle: undefined, startingUrl: /activities/dialogs;l=en, clickedLinkUrl: /home, firstCancelEventUrl: undefined, clickedLinkMatchedBackButtonUrl: false, popStateEventUrl: undefined)
+//  ###### Router Event: GuardsCheckEnd
+//  GuardsCheckEnd(id: 6, url: '/home', urlAfterRedirects: '/home', state: Route(url:'', path:'') { Route(url:'home', path:'home') } , shouldActivate: false)
+//  GuardsCheckEnd {id: 6, url: "/home", urlAfterRedirects: "/home", state: RouterStateSnapshot, shouldActivate: false}
+//  ###### Router Event: NavigationCancel
+//  NavigationCancel(id: 6, url: '/home')
+//  NavigationCancel {id: 6, url: "/home", reason: ""}
+// logger.js:54 WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish.onRouterCancelled
+// logger.js:19 args NavigationCancel {id: 6, url: "/home", reason: ""}
+// logger.js:39 Ignoring router event: NavigationCancel -> /home :: WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish(idle: undefined, startingUrl: /activities/dialogs;l=en, clickedLinkUrl: /home, firstCancelEventUrl: /home, clickedLinkMatchedBackButtonUrl: true, popStateEventUrl: undefined)
+// logger.js:28 <-- WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish.onRouterCancelled undefined
+// logger.js:54 WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish.onRouterEnd
+// logger.js:19 args NavigationEnd {id: -1, url: "", urlAfterRedirects: ""}
+// logger.js:54 WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish.finaliseRouting
+// logger.js:39 WORK-AROUND: Updating browser location after pop state - see angular issue #13586
+// navigation-session.ts:129 replacing /activities/dialogs;l=en with /home
+//   navigation-session.ts:131 pushing /activities/dialogs;l=en back onto the history.
+//  ????? place-router.ts:281 ### Router Session Finished (was WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish(idle: undefined, startingUrl: /activities/dialogs;l=en, clickedLinkUrl: /home, firstCancelEventUrl: /home, clickedLinkMatchedBackButtonUrl: true, popStateEventUrl: undefined))
+// logger.js:28 <-- WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish.finaliseRouting undefined
+// logger.js:28 <-- WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish.onRouterEnd undefined
+//  ###### Router Event: NavigationStart
+//  NavigationStart(id: 7, url: '/home')
+//  NavigationStart {id: 7, url: "/home", navigationTrigger: "popstate", restoredState: {…}}
+// logger.js:39 ### Router State Transition: null -> PopStateNavigation(startingUrl: /activities/dialogs;l=en, poppedHistoryUrl: /home)
+//  ###### Router Event: RoutesRecognized
+//  RoutesRecognized(id: 7, url: '/home', urlAfterRedirects: '/home', state: Route(url:'', path:'') { Route(url:'home', path:'home') } )
+//  RoutesRecognized {id: 7, url: "/home", urlAfterRedirects: "/home", state: RouterStateSnapshot}
+//  ###### Router Event: GuardsCheckStart
+//  GuardsCheckStart(id: 7, url: '/home', urlAfterRedirects: '/home', state: Route(url:'', path:'') { Route(url:'home', path:'home') } )
 
 class Navigating extends NavigationSession {
     constructor() {
@@ -5569,7 +5272,7 @@ class Navigating extends NavigationSession {
         this.context.finishRoutingSession(this.getVisits());
     }
     handleCanDeactivateCancelledEventScenario(newUrl) {
-        this.context.transitionTo(new WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish(this.context, this.startingUrl, newUrl));
+        this.context.transitionTo(new WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined(this.context, this.startingUrl, newUrl));
     }
 }
 
@@ -5663,8 +5366,7 @@ class PopStateNavigation extends AbstractPopStateNavigation {
     }
 }
 
-var PlaceHistory_1;
-let PlaceHistory = PlaceHistory_1 = class PlaceHistory {
+class PlaceHistory {
     constructor() {
         this._archive = new Map();
         this.placeHistoryDepth = 4;
@@ -5676,7 +5378,7 @@ let PlaceHistory = PlaceHistory_1 = class PlaceHistory {
         }
     }
     notifyNavigationFinished(visits) {
-        this._activeVisits = new PlaceHistory_1.VisitRecord(visits);
+        this._activeVisits = new PlaceHistory.VisitRecord(visits);
     }
     updateVisit(visit) {
         assert.isTruthy(this._activeVisits);
@@ -5687,7 +5389,7 @@ let PlaceHistory = PlaceHistory_1 = class PlaceHistory {
         return !!((_a = this._previousVisits) === null || _a === void 0 ? void 0 : _a.getVisitFor(placeDef));
     }
     getMostRecentVisitFor(placeDef) {
-        return ___default.first(this.getHistory(placeDef));
+        return _.first(this.getHistory(placeDef));
     }
     getHistory(placeDef) {
         let history = this._archive.get(placeDef);
@@ -5703,21 +5405,21 @@ let PlaceHistory = PlaceHistory_1 = class PlaceHistory {
     archive(visits) {
         visits.forEach(state => {
             const history = this.getHistory(state.placeDefinition);
-            const previousState = ___default.first(history);
+            const previousState = _.first(history);
             if (!previousState || state.hasChangedFrom(previousState)) {
                 history.unshift(state); // LIFO
                 this.setHistory(state.placeDefinition, history.slice(0, this.placeHistoryDepth));
             }
         });
     }
-};
+}
 PlaceHistory.ɵprov = ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(); }, token: PlaceHistory, providedIn: "root" });
-PlaceHistory = PlaceHistory_1 = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __metadata("design:paramtypes", [])
-], PlaceHistory);
+PlaceHistory.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+PlaceHistory.ctorParameters = () => [];
 (function (PlaceHistory) {
     class VisitRecord {
         constructor(visits) {
@@ -5853,7 +5555,7 @@ class UrlSnapshot {
         return this.getInteractionIds().length > 0;
     }
     hasInteractionIds(ids) {
-        return ___default.isEqual(this.getInteractionIds(), ids);
+        return _.isEqual(this.getInteractionIds(), ids);
     }
     // @Trace()
     updateInteractionIds(ids) {
@@ -5891,7 +5593,7 @@ class UrlSnapshot {
     UrlSnapshot.createPathIdFor = createPathIdFor;
 })(UrlSnapshot || (UrlSnapshot = {}));
 
-let UrlService = class UrlService {
+class UrlService {
     constructor(angularRouter, angularLocation, urlSerializer) {
         this.angularRouter = angularRouter;
         this.angularLocation = angularLocation;
@@ -5939,21 +5641,20 @@ let UrlService = class UrlService {
     back() {
         this.angularLocation.back();
     }
-};
+}
+UrlService.ɵprov = ɵɵdefineInjectable({ factory: function UrlService_Factory() { return new UrlService(ɵɵinject(Router), ɵɵinject(Location), ɵɵinject(UrlSerializer)); }, token: UrlService, providedIn: "root" });
+UrlService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
 UrlService.ctorParameters = () => [
     { type: Router },
     { type: Location },
     { type: UrlSerializer }
 ];
-UrlService.ɵprov = ɵɵdefineInjectable({ factory: function UrlService_Factory() { return new UrlService(ɵɵinject(Router), ɵɵinject(Location), ɵɵinject(UrlSerializer)); }, token: UrlService, providedIn: "root" });
-UrlService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __metadata("design:paramtypes", [Router, Location, UrlSerializer])
-], UrlService);
-
-let PlaceRouter = class PlaceRouter extends GarbageCollector {
+
+class PlaceRouter extends GarbageCollector {
     constructor(angularRouter, angularLocation, interactionService, urlService, placeHistory) {
         super();
         this.angularRouter = angularRouter;
@@ -6202,7 +5903,13 @@ let PlaceRouter = class PlaceRouter extends GarbageCollector {
             [def.getFormattedRouteId(visit), def.getFormattedRouteParameters(visit)] :
             [def.getFormattedRouteParameters(visit)];
     }
-};
+}
+PlaceRouter.ɵprov = ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(ɵɵinject(Router), ɵɵinject(Location), ɵɵinject(InteractionService), ɵɵinject(UrlService), ɵɵinject(PlaceHistory)); }, token: PlaceRouter, providedIn: "root" });
+PlaceRouter.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
 PlaceRouter.ctorParameters = () => [
     { type: Router },
     { type: Location },
@@ -6210,17 +5917,6 @@ PlaceRouter.ctorParameters = () => [
     { type: UrlService },
     { type: PlaceHistory }
 ];
-PlaceRouter.ɵprov = ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(ɵɵinject(Router), ɵɵinject(Location), ɵɵinject(InteractionService), ɵɵinject(UrlService), ɵɵinject(PlaceHistory)); }, token: PlaceRouter, providedIn: "root" });
-PlaceRouter = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __metadata("design:paramtypes", [Router,
-        Location,
-        InteractionService,
-        UrlService,
-        PlaceHistory])
-], PlaceRouter);
 
 class Visit {
     constructor(placeDefinition, visitParameters = {}) {
@@ -6332,7 +6028,7 @@ function leftRightPlaceAnimation(duration) {
 }
 const LEFT_RIGHT_PLACE_ANIMATION = leftRightPlaceAnimation('0.3s');
 
-let PlaceOutletComponent = class PlaceOutletComponent extends DisposableComponent {
+class PlaceOutletComponent extends DisposableComponent {
     constructor(router, placeRouter, placeConfig, parentOutlet) {
         super();
         this.router = router;
@@ -6490,37 +6186,45 @@ let PlaceOutletComponent = class PlaceOutletComponent extends DisposableComponen
             this.onAnimationFinishedJob = undefined;
         }
     }
-};
+}
+PlaceOutletComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-place-outlet',
+                template: "<ng-container *ngIf=\"animationEnabled.value\">\n  <div class=\"router-outlet-container\" cdkScrollable\n       [@routeAnimations]=\"{value: getAnimationOrder(), params:{duration: animationDuration}}\"\n       (@routeAnimations.start)=\"animationStarted()\"\n       (@routeAnimations.done)=\"animationDone()\"\n  >\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!animationEnabled.value\">\n  <div class=\"router-outlet-container\" cdkScrollable>\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n",
+                animations: [LEFT_RIGHT_PLACE_ANIMATION],
+                styles: [":host{display:flex;flex-direction:column;min-height:0}.router-outlet-container{display:block;flex:1;min-height:0;overflow-x:hidden;overflow-y:scroll;position:relative}router-outlet{display:none}"]
+            },] }
+];
 PlaceOutletComponent.ctorParameters = () => [
     { type: Router },
     { type: PlaceRouter },
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [AUP_PLACE_CONFIG,] }] },
     { type: PlaceOutletComponent, decorators: [{ type: SkipSelf }, { type: Optional }] }
 ];
+PlaceOutletComponent.propDecorators = {
+    animate: [{ type: Input }],
+    animateModel: [{ type: Input }],
+    customPlaceAnimationOrderModel: [{ type: Input, args: ['placeAnimationOrderModel',] }],
+    customPlaceAnimationOrder: [{ type: Input, args: ['placeAnimationOrder',] }],
+    placeChanged: [{ type: Output }],
+    routerOut: [{ type: ViewChild, args: ['routeOutlet', { static: true },] }]
+};
 __decorate([
-    Input(), StoreInValueModel('animateModel'),
+    StoreInValueModel('animateModel'),
     __metadata("design:type", Boolean)
 ], PlaceOutletComponent.prototype, "animate", void 0);
 __decorate([
-    Input(), TrackExternal({ defaultValue: true }),
+    TrackExternal({ defaultValue: true }),
     __metadata("design:type", ValueModel)
 ], PlaceOutletComponent.prototype, "animateModel", void 0);
 __decorate([
-    Input('placeAnimationOrderModel'), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ListModel)
 ], PlaceOutletComponent.prototype, "customPlaceAnimationOrderModel", void 0);
 __decorate([
-    Input('placeAnimationOrder'), StoreInListModel('customPlaceAnimationOrderModel'),
+    StoreInListModel('customPlaceAnimationOrderModel'),
     __metadata("design:type", Array)
 ], PlaceOutletComponent.prototype, "customPlaceAnimationOrder", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], PlaceOutletComponent.prototype, "placeChanged", void 0);
-__decorate([
-    ViewChild('routeOutlet', { static: true }),
-    __metadata("design:type", RouterOutlet)
-], PlaceOutletComponent.prototype, "routerOut", void 0);
 __decorate([
     Trace(),
     __metadata("design:type", Function),
@@ -6533,20 +6237,8 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], PlaceOutletComponent.prototype, "onOutletDeactivated", null);
-PlaceOutletComponent = __decorate([
-    Component({
-        selector: 'aup-place-outlet',
-        template: "<ng-container *ngIf=\"animationEnabled.value\">\n  <div class=\"router-outlet-container\" cdkScrollable\n       [@routeAnimations]=\"{value: getAnimationOrder(), params:{duration: animationDuration}}\"\n       (@routeAnimations.start)=\"animationStarted()\"\n       (@routeAnimations.done)=\"animationDone()\"\n  >\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!animationEnabled.value\">\n  <div class=\"router-outlet-container\" cdkScrollable>\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n",
-        animations: [LEFT_RIGHT_PLACE_ANIMATION],
-        styles: [":host{display:flex;flex-direction:column;min-height:0}.router-outlet-container{flex:1;display:block;position:relative;min-height:0;overflow-x:hidden;overflow-y:scroll}router-outlet{display:none}"]
-    }),
-    __param(2, Optional()), __param(2, Inject(AUP_PLACE_CONFIG)),
-    __param(3, SkipSelf()), __param(3, Optional()),
-    __metadata("design:paramtypes", [Router,
-        PlaceRouter, Object, PlaceOutletComponent])
-], PlaceOutletComponent);
-
-let AbstractPlaceNavigationComponent = class AbstractPlaceNavigationComponent extends DisposableComponent {
+
+class AbstractPlaceNavigationComponent extends DisposableComponent {
     constructor(placeRouter) {
         super();
         this._activePlaceComponent = new DelegatingValueModel();
@@ -6576,24 +6268,35 @@ let AbstractPlaceNavigationComponent = class AbstractPlaceNavigationComponent ex
     }
     ngOnInit() {
     }
-};
+}
+AbstractPlaceNavigationComponent.decorators = [
+    { type: Component, args: [{
+                template: ''
+            },] }
+];
 AbstractPlaceNavigationComponent.ctorParameters = () => [
     { type: PlaceRouter }
 ];
+AbstractPlaceNavigationComponent.propDecorators = {
+    places: [{ type: Input }],
+    placesModel: [{ type: Input }],
+    placeOutlet: [{ type: Input }],
+    placeOutletModel: [{ type: Input }]
+};
 __decorate([
-    Input(), StoreInListModel('placesModel'),
+    StoreInListModel('placesModel'),
     __metadata("design:type", Array)
 ], AbstractPlaceNavigationComponent.prototype, "places", void 0);
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ListModel)
 ], AbstractPlaceNavigationComponent.prototype, "placesModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('placeOutletModel'),
+    StoreInValueModel('placeOutletModel'),
     __metadata("design:type", PlaceOutletComponent)
 ], AbstractPlaceNavigationComponent.prototype, "placeOutlet", void 0);
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], AbstractPlaceNavigationComponent.prototype, "placeOutletModel", void 0);
 __decorate([
@@ -6602,71 +6305,68 @@ __decorate([
     __metadata("design:paramtypes", [PlaceDefinition]),
     __metadata("design:returntype", Object)
 ], AbstractPlaceNavigationComponent.prototype, "getNavigationFace", null);
-AbstractPlaceNavigationComponent = __decorate([
-    Component({
-        template: ''
-    }),
-    __metadata("design:paramtypes", [PlaceRouter])
-], AbstractPlaceNavigationComponent);
-
-let BusyOverlayComponent = class BusyOverlayComponent {
+
+class BusyOverlayComponent {
     constructor() {
     }
     ngOnInit() {
     }
+}
+BusyOverlayComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-busy-overlay',
+                template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
+                styles: [":host{position:relative}div.busy-overlay-backdrop{-ms-grid-columns:auto;-ms-grid-rows:auto;background-color:rgba(0,0,0,.2);bottom:0;display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:auto;left:0;place-content:center;position:absolute;right:0;top:0}"]
+            },] }
+];
+BusyOverlayComponent.ctorParameters = () => [];
+BusyOverlayComponent.propDecorators = {
+    busyModel: [{ type: Input }],
+    busy: [{ type: Input }]
 };
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ValueModel)
 ], BusyOverlayComponent.prototype, "busyModel", void 0);
 __decorate([
-    Input(), StoreInValueModel('busyModel'),
+    StoreInValueModel('busyModel'),
     __metadata("design:type", Boolean)
 ], BusyOverlayComponent.prototype, "busy", void 0);
-BusyOverlayComponent = __decorate([
-    Component({
-        selector: 'aup-busy-overlay',
-        template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
-        styles: [":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto;grid-template-rows:auto;place-content:center}"]
-    }),
-    __metadata("design:paramtypes", [])
-], BusyOverlayComponent);
 
-let EmptyStateComponent = class EmptyStateComponent {
+class EmptyStateComponent {
     constructor() {
     }
     ngOnInit() {
     }
-};
-EmptyStateComponent = __decorate([
-    Component({
-        selector: 'aup-empty-state',
-        template: `
+}
+EmptyStateComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-empty-state',
+                template: `
       <div class="container">
           <ng-content></ng-content>
       </div>
   `,
-        styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--aup-default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
-    }),
-    __metadata("design:paramtypes", [])
-], EmptyStateComponent);
+                styles: [":host{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300;padding:var(--aup-default-padding)}"]
+            },] }
+];
+EmptyStateComponent.ctorParameters = () => [];
 
-let ListPlaceNavComponent = class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {
+class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {
     constructor(placeRouter) {
         super(placeRouter);
     }
-};
+}
+ListPlaceNavComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-list-place-nav',
+                template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></aup-command-face>\n  </a>\n</mat-nav-list>\n",
+                styles: [":host{--selected-background:#f1f1f1;--selected-border-color:#838383;--selected-color:inherit;display:flex;flex-direction:column}mat-nav-list{padding-top:0}a.active{background:var(--selected-background);border-right:2px solid var(--selected-border-color);color:var(--selected-color)}"]
+            },] }
+];
 ListPlaceNavComponent.ctorParameters = () => [
     { type: PlaceRouter }
 ];
-ListPlaceNavComponent = __decorate([
-    Component({
-        selector: 'aup-list-place-nav',
-        template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></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.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}"]
-    }),
-    __metadata("design:paramtypes", [PlaceRouter])
-], ListPlaceNavComponent);
 
 /**
  * @example
@@ -6710,7 +6410,7 @@ ListPlaceNavComponent = __decorate([
  *   }
  * })
  */
-let SidePlaceNavigationComponent = class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {
+class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {
     constructor(router, placeRouter) {
         super(placeRouter);
         this.router = router;
@@ -6725,114 +6425,108 @@ let SidePlaceNavigationComponent = class SidePlaceNavigationComponent extends Ab
     toggleMenu() {
         this.expanded = !this.expanded;
     }
-};
+}
+SidePlaceNavigationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-side-place-navigation',
+                template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNavigationFace(placeDefinition).icon()\" [icon]=\"getNavigationFace(placeDefinition).icon()\"></aup-icon>\n    <span class=\"expanded-only\">{{getNavigationFace(placeDefinition).text()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
+                styles: [":host{--resolved-background-color:var(--nav-background-color,#555);--resolved-color:var(--nav-color,hsla(0,0%,100%,0.9));--resolved-expanded-width:var(--nav-expanded-width,235px);--resolved-nav-item-height:var(--nav-item-height,var(--resolved-nav-item-width));--resolved-nav-item-width:var(--nav-width,56px);background-color:var(--resolved-background-color);color:var(--resolved-color);display:flex;flex-direction:column;transition:width 125ms linear;width:var(--resolved-nav-item-width)}:host.expanded{max-width:var(--resolved-expanded-width);width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item aup-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{display:flex;flex:1;flex-direction:column}.mat-list-item{color:inherit;height:var(--resolved-nav-item-height);width:var(--resolved-nav-item-width)}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
+            },] }
+];
 SidePlaceNavigationComponent.ctorParameters = () => [
     { type: Router },
     { type: PlaceRouter }
 ];
-__decorate([
-    HostBinding('class.expanded'),
-    __metadata("design:type", Object)
-], SidePlaceNavigationComponent.prototype, "expanded", void 0);
-__decorate([
-    ContentChild('navEndTemplate'),
-    __metadata("design:type", TemplateRef)
-], SidePlaceNavigationComponent.prototype, "navEndTemplate", void 0);
-SidePlaceNavigationComponent = __decorate([
-    Component({
-        selector: 'aup-side-place-navigation',
-        template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNavigationFace(placeDefinition).icon()\" [icon]=\"getNavigationFace(placeDefinition).icon()\"></aup-icon>\n    <span class=\"expanded-only\">{{getNavigationFace(placeDefinition).text()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
-        styles: [":host{display:flex;flex-direction:column;--resolved-nav-item-width:var(--nav-width, 56px);--resolved-nav-item-height:var(--nav-item-height, var(--resolved-nav-item-width));--resolved-expanded-width:var(--nav-expanded-width, 235px);--resolved-color:var(--nav-color, rgba(255, 255, 255, 0.9));--resolved-background-color:var(--nav-background-color, #555);width:var(--resolved-nav-item-width);transition:width 125ms linear;background-color:var(--resolved-background-color);color:var(--resolved-color)}:host.expanded{width:var(--resolved-expanded-width);max-width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item aup-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--resolved-nav-item-width);height:var(--resolved-nav-item-height);color:inherit}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
-    }),
-    __metadata("design:paramtypes", [Router, PlaceRouter])
-], SidePlaceNavigationComponent);
-
-let TabbedPlaceNavigationComponent = class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {
+SidePlaceNavigationComponent.propDecorators = {
+    expanded: [{ type: HostBinding, args: ['class.expanded',] }],
+    navEndTemplate: [{ type: ContentChild, args: ['navEndTemplate',] }]
+};
+
+class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {
     constructor(placeRouter) {
         super(placeRouter);
     }
-};
+}
+TabbedPlaceNavigationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-tabbed-place-navigation',
+                template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></aup-command-face>\n  </a>\n</nav>\n",
+                styles: [""]
+            },] }
+];
 TabbedPlaceNavigationComponent.ctorParameters = () => [
     { type: PlaceRouter }
 ];
-TabbedPlaceNavigationComponent = __decorate([
-    Component({
-        selector: 'aup-tabbed-place-navigation',
-        template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></aup-command-face>\n  </a>\n</nav>\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [PlaceRouter])
-], TabbedPlaceNavigationComponent);
-
-let PlaceModule = class PlaceModule {
-};
-PlaceModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            BrowserAnimationsModule,
-            MatProgressSpinnerModule,
-            RouterModule,
-            MatTabsModule,
-            MatListModule,
-            MatTooltipModule,
-            MatIconModule,
-            DirectivesModule,
-            FlexModule,
-            ComponentsModule
-        ],
-        declarations: [
-            EmptyStateComponent,
-            BusyOverlayComponent,
-            PlaceOutletComponent,
-            TabbedPlaceNavigationComponent,
-            ListPlaceNavComponent,
-            SidePlaceNavigationComponent,
-            AbstractPlaceNavigationComponent
-        ],
-        entryComponents: [BusyOverlayComponent],
-        exports: [
-            BusyOverlayComponent,
-            PlaceOutletComponent,
-            EmptyStateComponent,
-            TabbedPlaceNavigationComponent,
-            ListPlaceNavComponent,
-            SidePlaceNavigationComponent,
-            AbstractPlaceNavigationComponent
-        ],
-        providers: [
-        // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: "2000ms"}}
-        ]
-    })
-], PlaceModule);
-
-let AngularUiPowerupsModule = class AngularUiPowerupsModule {
-};
-AngularUiPowerupsModule = __decorate([
-    NgModule({
-        declarations: [],
-        imports: [
-            CommonModule,
-            BrowserAnimationsModule,
-            FormsModule,
-            MatInputModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatTabsModule,
-            DirectivesModule,
-            ComponentsModule,
-            PlaceModule,
-            InteractionModule
-        ],
-        exports: [
-            InteractionModule,
-            PlaceModule,
-            DirectivesModule,
-            ComponentsModule,
-            NoopComponent
-        ]
-    })
-], AngularUiPowerupsModule);
+
+class PlaceModule {
+}
+PlaceModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    BrowserAnimationsModule,
+                    MatProgressSpinnerModule,
+                    RouterModule,
+                    MatTabsModule,
+                    MatListModule,
+                    MatTooltipModule,
+                    MatIconModule,
+                    DirectivesModule,
+                    FlexModule,
+                    ComponentsModule
+                ],
+                declarations: [
+                    EmptyStateComponent,
+                    BusyOverlayComponent,
+                    PlaceOutletComponent,
+                    TabbedPlaceNavigationComponent,
+                    ListPlaceNavComponent,
+                    SidePlaceNavigationComponent,
+                    AbstractPlaceNavigationComponent
+                ],
+                entryComponents: [BusyOverlayComponent],
+                exports: [
+                    BusyOverlayComponent,
+                    PlaceOutletComponent,
+                    EmptyStateComponent,
+                    TabbedPlaceNavigationComponent,
+                    ListPlaceNavComponent,
+                    SidePlaceNavigationComponent,
+                    AbstractPlaceNavigationComponent
+                ],
+                providers: [
+                // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: "2000ms"}}
+                ]
+            },] }
+];
+
+class AngularUiPowerupsModule {
+}
+AngularUiPowerupsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [],
+                imports: [
+                    CommonModule,
+                    BrowserAnimationsModule,
+                    FormsModule,
+                    MatInputModule,
+                    MatFormFieldModule,
+                    MatSelectModule,
+                    MatTabsModule,
+                    DirectivesModule,
+                    ComponentsModule,
+                    PlaceModule,
+                    InteractionModule
+                ],
+                exports: [
+                    InteractionModule,
+                    PlaceModule,
+                    DirectivesModule,
+                    ComponentsModule,
+                    NoopComponent
+                ]
+            },] }
+];
 
 const slideDownOnEnterDef = style({
     opacity: 0,
@@ -6864,6 +6558,9 @@ const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
  * @file Automatically generated by barrelsby.
  */
 
+// const r:Result<string, number> = null;
+// r.catch(e => {}).then();
+
 class DialogInteractionContext extends AbstractInteractionContext {
     constructor(identifier, api, dialogService, config) {
         super();
@@ -6919,7 +6616,7 @@ class DialogInteractionContext extends AbstractInteractionContext {
 }
 
 const DIALOG_INTERACTION_SERVICE_DEFAULTS = new InjectionToken('DIALOG_INTERACTION_SERVICE_DEFAULTS');
-let DialogInteractionContextFactory = class DialogInteractionContextFactory extends ModalInteractionContextFactory {
+class DialogInteractionContextFactory extends ModalInteractionContextFactory {
     constructor(dialogService, dialogServiceDefaults, matDialogDefaultConfig) {
         super();
         this.dialogService = dialogService;
@@ -6931,23 +6628,18 @@ let DialogInteractionContextFactory = class DialogInteractionContextFactory exte
         const config = Object.assign(Object.assign({ autoFocus: false, hasBackdrop: true, closeOnNavigation: false }, this.matDialogDefaultConfig), this.dialogServiceDefaults);
         return new DialogInteractionContext(identifier, api, this.dialogService, config);
     }
-};
+}
+DialogInteractionContextFactory.ɵprov = ɵɵdefineInjectable({ factory: function DialogInteractionContextFactory_Factory() { return new DialogInteractionContextFactory(ɵɵinject(MatDialog), ɵɵinject(DIALOG_INTERACTION_SERVICE_DEFAULTS, 8), ɵɵinject(MAT_DIALOG_DEFAULT_OPTIONS, 8)); }, token: DialogInteractionContextFactory, providedIn: "root" });
+DialogInteractionContextFactory.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
 DialogInteractionContextFactory.ctorParameters = () => [
     { type: MatDialog },
     { type: MatDialogConfig, decorators: [{ type: Optional }, { type: Inject, args: [DIALOG_INTERACTION_SERVICE_DEFAULTS,] }] },
     { type: MatDialogConfig, decorators: [{ type: Optional }, { type: Inject, args: [MAT_DIALOG_DEFAULT_OPTIONS,] }] }
 ];
-DialogInteractionContextFactory.ɵprov = ɵɵdefineInjectable({ factory: function DialogInteractionContextFactory_Factory() { return new DialogInteractionContextFactory(ɵɵinject(MatDialog), ɵɵinject(DIALOG_INTERACTION_SERVICE_DEFAULTS, 8), ɵɵinject(MAT_DIALOG_DEFAULT_OPTIONS, 8)); }, token: DialogInteractionContextFactory, providedIn: "root" });
-DialogInteractionContextFactory = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __param(1, Optional()), __param(1, Inject(DIALOG_INTERACTION_SERVICE_DEFAULTS)),
-    __param(2, Optional()), __param(2, Inject(MAT_DIALOG_DEFAULT_OPTIONS)),
-    __metadata("design:paramtypes", [MatDialog,
-        MatDialogConfig,
-        MatDialogConfig])
-], DialogInteractionContextFactory);
 
 /**
  * @file Automatically generated by barrelsby.
@@ -7012,7 +6704,7 @@ class ParamMapAdapter {
     }
 }
 
-let NoopAuthGuard = class NoopAuthGuard {
+class NoopAuthGuard {
     constructor() {
     }
     canActivate(activatedRoute, state) {
@@ -7020,14 +6712,14 @@ let NoopAuthGuard = class NoopAuthGuard {
             return true;
         });
     }
-};
+}
 NoopAuthGuard.ɵprov = ɵɵdefineInjectable({ factory: function NoopAuthGuard_Factory() { return new NoopAuthGuard(); }, token: NoopAuthGuard, providedIn: "root" });
-NoopAuthGuard = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __metadata("design:paramtypes", [])
-], NoopAuthGuard);
+NoopAuthGuard.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+NoopAuthGuard.ctorParameters = () => [];
 
 class VisitSanitiser {
     constructor(navigationSession, activatedRoute, router, placeHistory, injector) {
@@ -7184,11 +6876,11 @@ var Formatter;
     }
     class NumberType {
         format(value) {
-            return ___default.isNumber(value) && !___default.isNaN(value) ? `${value}` : null;
+            return _.isNumber(value) && !_.isNaN(value) ? `${value}` : null;
         }
         parse(value) {
             const parsed = Number.parseFloat(value);
-            return ___default.isNaN(parsed) ? null : parsed;
+            return _.isNaN(parsed) ? null : parsed;
         }
     }
     class BooleanType {
@@ -7272,5 +6964,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, CommandComponent, CommandDirective, CommandFace, CommandFaceComponent, CommandGroup, CommandGroupComponent, CommandGroupMenuRendererComponent, CommandGroupRendererComponent, 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, FlexComponent, 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, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, Registration, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, UrlService, UrlSnapshot, VerticalFocusContainerComponent, ViewData, 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, ToolBarComponent as ɵbn, CommandGroup as ɵbo, CommandComponent as ɵbp, PopupMenuComponent as ɵbq, CommandGroupComponent as ɵbr, CommandFaceComponent as ɵbs, MoreMenuComponent as ɵbt, SeparatorComponent as ɵbu, FlexComponent as ɵbv, CommandGroupMenuRendererComponent as ɵbw, CommandGroupRendererComponent as ɵbx, PlaceModule as ɵby, ComponentsModule as ɵbz, FocusBindingDirective as ɵc, EmptyStateComponent as ɵca, BusyOverlayComponent as ɵcb, PlaceOutletComponent as ɵcc, leftRightPlaceAnimation as ɵcd, LEFT_RIGHT_PLACE_ANIMATION as ɵce, AUP_PLACE_CONFIG as ɵcf, PlaceRouter as ɵch, InteractionService as ɵci, ModalInteractionContextFactory as ɵcj, UrlService as ɵck, PlaceHistory as ɵcl, TabbedPlaceNavigationComponent as ɵcm, AbstractPlaceNavigationComponent as ɵcn, ListPlaceNavComponent as ɵco, SidePlaceNavigationComponent as ɵcp, InteractionModule as ɵcq, ActivityContainerComponent as ɵcr, AbstractInteractionContext as ɵcs, ActivityOutletComponent as ɵct, ConfirmationDialogComponent as ɵcu, ACTIVITY_DATA as ɵcv, Activity as ɵcw, ConfirmThenDialogComponent as ɵcy, AlertDialogComponent as ɵcz, DisposableComponent as ɵd, InPlaceInteractionContextComponent as ɵdb, AddItemInteractionContextComponent as ɵdc, ActivityActionsComponent as ɵdd, PopupInteractionContextComponent as ɵde, StringInputActivity as ɵdf, AbstractInputActivity as ɵdg, SelectInputActivity as ɵdh, InteractionContextTriggerFor as ɵdi, 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, 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, CommandComponent, CommandDirective, CommandFace, CommandFaceComponent, CommandGroup, CommandGroupComponent, CommandGroupMenuRendererComponent, CommandGroupRendererComponent, 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, FlexComponent, 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, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, Registration, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, UrlService, UrlSnapshot, VerticalFocusContainerComponent, ViewData, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, 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, ToolBarComponent as ɵbn, CommandGroup as ɵbo, CommandComponent as ɵbp, PopupMenuComponent as ɵbq, CommandGroupComponent as ɵbr, CommandFaceComponent as ɵbs, MoreMenuComponent as ɵbt, SeparatorComponent as ɵbu, FlexComponent as ɵbv, CommandGroupMenuRendererComponent as ɵbw, CommandGroupRendererComponent as ɵbx, PlaceModule as ɵby, ComponentsModule as ɵbz, FocusBindingDirective as ɵc, EmptyStateComponent as ɵca, BusyOverlayComponent as ɵcb, PlaceOutletComponent as ɵcc, leftRightPlaceAnimation as ɵcd, LEFT_RIGHT_PLACE_ANIMATION as ɵce, AUP_PLACE_CONFIG as ɵcf, PlaceRouter as ɵch, InteractionService as ɵci, ModalInteractionContextFactory as ɵcj, UrlService as ɵck, PlaceHistory as ɵcl, TabbedPlaceNavigationComponent as ɵcm, AbstractPlaceNavigationComponent as ɵcn, ListPlaceNavComponent as ɵco, SidePlaceNavigationComponent as ɵcp, InteractionModule as ɵcq, ActivityContainerComponent as ɵcr, AbstractInteractionContext as ɵcs, ActivityOutletComponent as ɵct, ConfirmationDialogComponent as ɵcu, ACTIVITY_DATA as ɵcv, Activity as ɵcw, ConfirmThenDialogComponent as ɵcy, AlertDialogComponent as ɵcz, DisposableComponent as ɵd, InPlaceInteractionContextComponent as ɵdb, AddItemInteractionContextComponent as ɵdc, ActivityActionsComponent as ɵdd, PopupInteractionContextComponent as ɵde, StringInputActivity as ɵdf, AbstractInputActivity as ɵdg, SelectInputActivity as ɵdh, InteractionContextTriggerFor as ɵdi, 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