@coolon/angular-ui-powerups 1.3.5 → 1.3.7

package/esm5/lib/directives/focus-binding.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-binding.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/focus-binding.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { ElementRef, Inject, Injectable, NgZone } from '@angular/core';\nimport { Dsl, FocusManager, GarbageCollector, Logger } from '@coolon/pectin';\n\nexport class FocusBinding extends GarbageCollector {\n\n  private readonly document: Document;\n\n  constructor(private readonly focusTargetElement: HTMLElement,\n              @Inject(NgZone) private readonly ngZone: NgZone,\n              @Inject(DOCUMENT) document: any,\n              readonly focusContext: FocusManager.Context) {\n    super();\n    // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642\n    this.document = document as Document;\n\n    // TODO: Make this also track the current enabled/disabled state.\n    const { when } = Dsl.disposeWith(this);\n    when.valueOf(this.focusContext.focused).changes((focused) => {\n      if (focused && !this.alreadyHasFocus()) {\n        this.tryAndFocus();\n      }\n    }, { initialValue: 'triggerChangeUnlessNil' });\n  }\n\n  onFocusIn() {\n    this.focusContext.notifyFocusIn();\n  }\n\n  onFocusOut() {\n    this.focusContext.notifyFocusOut();\n  }\n\n  // Hook method for debugging via tracing.\n  alreadyHasFocus() {\n    return this.isElementFocused(this.focusTarget);\n  }\n\n  // Hook method for debugging via tracing.\n  isElementFocused(element: Element): boolean {\n    return this.document.activeElement === element;\n  }\n\n  tryAndFocus(retries: number = 5) {\n    if (this.modelShouldStillHaveFocus() && this.canFocus()) {\n      if (!this.alreadyHasFocus()) {\n        this.focusTarget.focus();\n      }\n      // if we didn't get the focus we try again later.\n      if (!this.alreadyHasFocus()) {\n        Logger.get(this).log(`focus failed, trying ${retries} more times`);\n        if (retries > 0) {\n          // try again on the next paint\n          // TODO: is there an angular way of doing this without calling a window function.\n          requestAnimationFrame(() => {\n            this.tryAndFocus(retries - 1);\n          });\n        } else {\n          Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);\n        }\n      }\n    }\n  }\n\n  get focusTarget(): HTMLElement {\n    return this.focusTargetElement;\n  }\n\n  // Hook method for debugging via tracing.\n  modelShouldStillHaveFocus() {\n    return this.focusContext.focused.value;\n  }\n\n  // Hook method for debugging via tracing.\n  canFocus(): boolean {\n    const dimension = this.focusTarget.getBoundingClientRect();\n    const hasSize = dimension.height >= 0 && dimension.height >= 0;\n    // tslint:disable-next-line:no-string-literal\n    return hasSize && !this.focusTarget['disabled'];\n  }\n}\n"]}
+{"version":3,"file":"focus-binding.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/focus-binding.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { Inject, NgZone } from '@angular/core';\nimport { Dsl, FocusManager, GarbageCollector, Logger } from '@coolon/pectin';\n\nexport class FocusBinding extends GarbageCollector {\n\n  private readonly document: Document;\n\n  // TODO: update to support alternate focus mechanisms so we can interoperate with mat-checkbox\n  constructor(private readonly focusTargetElement: HTMLElement,\n              @Inject(NgZone) private readonly ngZone: NgZone,\n              @Inject(DOCUMENT) document: any,\n              readonly focusContext: FocusManager.Context) {\n    super();\n    // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642\n    this.document = document as Document;\n\n    // TODO: Make this also track the current enabled/disabled state.\n    const { when } = Dsl.disposeWith(this);\n    when.valueOf(this.focusContext.focused).changes((focused) => {\n      if (focused && !this.alreadyHasFocus()) {\n        this.tryAndFocus();\n      }\n    }, { initialValue: 'triggerChangeUnlessNil' });\n  }\n\n  onFocusIn() {\n    this.focusContext.notifyFocusIn();\n  }\n\n  onFocusOut() {\n    this.focusContext.notifyFocusOut();\n  }\n\n  // Hook method for debugging via tracing.\n  alreadyHasFocus() {\n    return this.isElementFocused(this.focusTarget);\n  }\n\n  // Hook method for debugging via tracing.\n  isElementFocused(element: Element): boolean {\n    return this.document.activeElement === element;\n  }\n\n  tryAndFocus(retries: number = 5) {\n    if (this.modelShouldStillHaveFocus() && this.canFocus()) {\n      if (!this.alreadyHasFocus()) {\n        this.focusTarget.focus();\n      }\n      // if we didn't get the focus we try again later.\n      if (!this.alreadyHasFocus()) {\n        Logger.get(this).log(`focus failed, trying ${retries} more times`);\n        if (retries > 0) {\n          // try again on the next paint\n          // TODO: is there an angular way of doing this without calling a window function.\n          requestAnimationFrame(() => {\n            this.tryAndFocus(retries - 1);\n          });\n        } else {\n          Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);\n        }\n      }\n    }\n  }\n\n  get focusTarget(): HTMLElement {\n    return this.focusTargetElement;\n  }\n\n  // Hook method for debugging via tracing.\n  modelShouldStillHaveFocus() {\n    return this.focusContext.focused.value;\n  }\n\n  // Hook method for debugging via tracing.\n  canFocus(): boolean {\n    const dimension = this.focusTarget.getBoundingClientRect();\n    const hasSize = dimension.height >= 0 && dimension.height >= 0;\n    // tslint:disable-next-line:no-string-literal\n    return hasSize && !this.focusTarget['disabled'];\n  }\n}\n"]}

package/esm5/lib/place/route/visit-sanitiser.js

@@ -1,6 +1,4 @@
-import { __awaiter, __decorate, __generator, __metadata } from "tslib";
-import { Trace } from '@coolon/pectin';
-import { Visit } from '../visit';
+import { __awaiter, __generator } from "tslib";
 var VisitSanitiser = /** @class */ (function () {
     function VisitSanitiser(navigationSession, activatedRoute, router, placeHistory, injector) {
         this.navigationSession = navigationSession;
@@ -9,6 +7,7 @@ var VisitSanitiser = /** @class */ (function () {
         this.placeHistory = placeHistory;
         this.injector = injector;
     }
+    // @Trace()
     VisitSanitiser.prototype.sanitise = function (visit) {
         return __awaiter(this, void 0, void 0, function () {
             var placeDef, routeIdDef, routeId, sanitisedValue, parameterDefs, sanitisedVisit, i, def, value, sanitisedValue;
@@ -57,12 +56,6 @@ var VisitSanitiser = /** @class */ (function () {
             });
         });
     };
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Visit]),
-        __metadata("design:returntype", Promise)
-    ], VisitSanitiser.prototype, "sanitise", null);
     return VisitSanitiser;
 }());
 export { VisitSanitiser };

package/esm5/lib/place/route/visit-sanitiser.js.map

@@ -1 +1 @@
-{"version":3,"file":"visit-sanitiser.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/route/visit-sanitiser.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC;IACE,wBAAoB,iBAAoC,EAAU,cAAsC,EAAU,MAAc,EAAU,YAA0B,EAAU,QAAkB;QAA5K,sBAAiB,GAAjB,iBAAiB,CAAmB;QAAU,mBAAc,GAAd,cAAc,CAAwB;QAAU,WAAM,GAAN,MAAM,CAAQ;QAAU,iBAAY,GAAZ,YAAY,CAAc;QAAU,aAAQ,GAAR,QAAQ,CAAU;IAEhM,CAAC;IAGK,iCAAQ,GAAd,UAAe,KAAY;;;;;;wBACnB,QAAQ,GAAG,KAAK,CAAC,eAAe,CAAC;6BACnC,QAAQ,CAAC,UAAU,EAAE,EAArB,wBAAqB;wBACjB,UAAU,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;wBAC/C,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;wBACZ,qBAAM,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAA;;wBAA/H,cAAc,GAAG,SAA8G;wBACrI,OAAO,CAAC,GAAG,CAAC,EAAC,OAAO,SAAA,EAAE,cAAc,gBAAA,EAAC,CAAC,CAAC;wBACvC,oCAAoC;wBACpC,IAAI,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE;4BAClD,+DAA+D;4BAC/D,qCAAqC;4BACrC,sBAAO,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,EAAC;yBAClD;;;wBAIG,aAAa,GAAG,QAAQ,CAAC,qBAAqB,CAAC;4BACnD,sBAAsB,EAAE,IAAI;4BAC5B,yBAAyB,EAAE,IAAI;yBAChC,CAAC,CAAC;wBACC,cAAc,GAAU,KAAK,CAAC;wBACzB,CAAC,GAAG,CAAC;;;6BAAE,CAAA,CAAC,GAAG,aAAa,CAAC,MAAM,CAAA;wBAChC,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;wBACvB,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBACpB,qBAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAA;;wBAA/H,cAAc,GAAG,SAA8G;wBACrI,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;4BACzC,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;yBAC9D;;;wBANuC,CAAC,EAAE,CAAA;;4BAS7C,sBAAO,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAC;;;;KACtE;IA/BD;QADC,KAAK,EAAE;;yCACc,KAAK;;kDA+B1B;IAEH,qBAAC;CAAA,AAvCD,IAuCC;SAvCY,cAAc","sourcesContent":["import { Injector } from '@angular/core';\nimport { ActivatedRouteSnapshot, Router } from '@angular/router';\nimport { Trace } from '@coolon/pectin';\nimport { NavigationSession } from '../navigation/session/navigation-session';\nimport { PlaceHistory } from '../place-history';\nimport { Visit } from '../visit';\n\nexport class VisitSanitiser {\n  constructor(private navigationSession: NavigationSession, private activatedRoute: ActivatedRouteSnapshot, private router: Router, private placeHistory: PlaceHistory, private injector: Injector) {\n\n  }\n\n  @Trace()\n  async sanitise(visit: Visit): Promise<Visit> {\n    const placeDef = visit.placeDefinition;\n    if (placeDef.hasRouteId()) {\n      const routeIdDef = placeDef.getRouteIdParameterDef();\n      const routeId = visit.getRouteId();\n      const sanitisedValue = await routeIdDef.sanitise(routeId, visit, this.placeHistory, this.injector, this.navigationSession.isPopState);\n      console.log({routeId, sanitisedValue});\n      // ###------- EARLY EXIT --------###\n      if (routeIdDef.hasChanged(routeId, sanitisedValue)) {\n        // if the route id has changed we redirect immediately as other\n        // parameter sanitisers might use it.\n        return visit.replace(routeIdDef, sanitisedValue);\n      }\n    }\n\n    // if we didn't replace the routeId we continue the url present parameters.\n    const parameterDefs = placeDef.getVisitParameterDefs({\n      includeRouteParameters: true,\n      includeNonRouteParameters: true\n    });\n    let sanitisedVisit: Visit = visit;\n    for (let i = 0; i < parameterDefs.length; i++) {\n      const def = parameterDefs[i];\n      const value = visit.getParameter(def.name);\n      const sanitisedValue = await def.sanitise(value, sanitisedVisit, this.placeHistory, this.injector, this.navigationSession.isPopState);\n      if (def.hasChanged(value, sanitisedValue)) {\n        sanitisedVisit = sanitisedVisit.replace(def, sanitisedValue);\n      }\n    }\n\n    return sanitisedVisit.hasChangedFrom(visit) ? sanitisedVisit : visit;\n  }\n\n}\n"]}
+{"version":3,"file":"visit-sanitiser.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/route/visit-sanitiser.ts"],"names":[],"mappings":";AAOA;IACE,wBAAoB,iBAAoC,EAAU,cAAsC,EAAU,MAAc,EAAU,YAA0B,EAAU,QAAkB;QAA5K,sBAAiB,GAAjB,iBAAiB,CAAmB;QAAU,mBAAc,GAAd,cAAc,CAAwB;QAAU,WAAM,GAAN,MAAM,CAAQ;QAAU,iBAAY,GAAZ,YAAY,CAAc;QAAU,aAAQ,GAAR,QAAQ,CAAU;IAEhM,CAAC;IAED,WAAW;IACL,iCAAQ,GAAd,UAAe,KAAY;;;;;;wBACnB,QAAQ,GAAG,KAAK,CAAC,eAAe,CAAC;6BACnC,QAAQ,CAAC,UAAU,EAAE,EAArB,wBAAqB;wBACjB,UAAU,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;wBAC/C,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;wBACZ,qBAAM,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAA;;wBAA/H,cAAc,GAAG,SAA8G;wBACrI,OAAO,CAAC,GAAG,CAAC,EAAC,OAAO,SAAA,EAAE,cAAc,gBAAA,EAAC,CAAC,CAAC;wBACvC,oCAAoC;wBACpC,IAAI,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE;4BAClD,+DAA+D;4BAC/D,qCAAqC;4BACrC,sBAAO,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,EAAC;yBAClD;;;wBAIG,aAAa,GAAG,QAAQ,CAAC,qBAAqB,CAAC;4BACnD,sBAAsB,EAAE,IAAI;4BAC5B,yBAAyB,EAAE,IAAI;yBAChC,CAAC,CAAC;wBACC,cAAc,GAAU,KAAK,CAAC;wBACzB,CAAC,GAAG,CAAC;;;6BAAE,CAAA,CAAC,GAAG,aAAa,CAAC,MAAM,CAAA;wBAChC,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;wBACvB,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBACpB,qBAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAA;;wBAA/H,cAAc,GAAG,SAA8G;wBACrI,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;4BACzC,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;yBAC9D;;;wBANuC,CAAC,EAAE,CAAA;;4BAS7C,sBAAO,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAC;;;;KACtE;IAEH,qBAAC;AAAD,CAAC,AAvCD,IAuCC","sourcesContent":["import { Injector } from '@angular/core';\nimport { ActivatedRouteSnapshot, Router } from '@angular/router';\nimport { Trace } from '@coolon/pectin';\nimport { NavigationSession } from '../navigation/session/navigation-session';\nimport { PlaceHistory } from '../place-history';\nimport { Visit } from '../visit';\n\nexport class VisitSanitiser {\n  constructor(private navigationSession: NavigationSession, private activatedRoute: ActivatedRouteSnapshot, private router: Router, private placeHistory: PlaceHistory, private injector: Injector) {\n\n  }\n\n  // @Trace()\n  async sanitise(visit: Visit): Promise<Visit> {\n    const placeDef = visit.placeDefinition;\n    if (placeDef.hasRouteId()) {\n      const routeIdDef = placeDef.getRouteIdParameterDef();\n      const routeId = visit.getRouteId();\n      const sanitisedValue = await routeIdDef.sanitise(routeId, visit, this.placeHistory, this.injector, this.navigationSession.isPopState);\n      console.log({routeId, sanitisedValue});\n      // ###------- EARLY EXIT --------###\n      if (routeIdDef.hasChanged(routeId, sanitisedValue)) {\n        // if the route id has changed we redirect immediately as other\n        // parameter sanitisers might use it.\n        return visit.replace(routeIdDef, sanitisedValue);\n      }\n    }\n\n    // if we didn't replace the routeId we continue the url present parameters.\n    const parameterDefs = placeDef.getVisitParameterDefs({\n      includeRouteParameters: true,\n      includeNonRouteParameters: true\n    });\n    let sanitisedVisit: Visit = visit;\n    for (let i = 0; i < parameterDefs.length; i++) {\n      const def = parameterDefs[i];\n      const value = visit.getParameter(def.name);\n      const sanitisedValue = await def.sanitise(value, sanitisedVisit, this.placeHistory, this.injector, this.navigationSession.isPopState);\n      if (def.hasChanged(value, sanitisedValue)) {\n        sanitisedVisit = sanitisedVisit.replace(def, sanitisedValue);\n      }\n    }\n\n    return sanitisedVisit.hasChangedFrom(visit) ? sanitisedVisit : visit;\n  }\n\n}\n"]}

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata, __param, __awaiter } from 'tslib';
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { ElementRef, Inject, Input, HostListener, Directive, NgZone, NgModule, ɵɵdefineInjectable, ɵɵinject, Injectable, Host, HostBinding, Component, EventEmitter, Output, ContentChild, TemplateRef, ChangeDetectorRef, ContentChildren, QueryList, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Optional, SkipSelf } from '@angular/core';
+import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, Host, HostBinding, Component, EventEmitter, Output, ContentChild, TemplateRef, ChangeDetectorRef, ContentChildren, QueryList, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Optional, SkipSelf } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -135,49 +135,35 @@ DisposableComponent = __decorate([
     Directive()
 ], DisposableComponent);
 
-let FocusBindingDirective = class FocusBindingDirective extends DisposableComponent {
-    constructor(el, ngZone, document) {
+let FocusBinding = class FocusBinding extends GarbageCollector {
+    // TODO: update to support alternate focus mechanisms so we can interoperate with mat-checkbox
+    constructor(focusTargetElement, ngZone, document, focusContext) {
         super();
-        this.el = el;
+        this.focusTargetElement = focusTargetElement;
         this.ngZone = ngZone;
+        this.focusContext = focusContext;
         // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
         this.document = document;
+        // TODO: Make this also track the current enabled/disabled state.
+        const { when } = Dsl.disposeWith(this);
+        when.valueOf(this.focusContext.focused).changes((focused) => {
+            if (focused && !this.alreadyHasFocus()) {
+                this.tryAndFocus();
+            }
+        }, { initialValue: 'triggerChangeUnlessNil' });
     }
     onFocusIn() {
-        if (this.hasBinding()) {
-            this.pectinFocusBinding.focusContext.notifyFocusIn();
-        }
+        this.focusContext.notifyFocusIn();
     }
     onFocusOut() {
-        if (this.hasBinding()) {
-            this.pectinFocusBinding.focusContext.notifyFocusOut();
-        }
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        // TODO: Make this also track the current enabled/disabled state.
-        if (this.hasBinding()) {
-            const { when } = Dsl.disposeWith(this);
-            when.valueOf(this.pectinFocusBinding.focusContext.focused).changes((focused) => {
-                if (focused && !this.alreadyHasFocus()) {
-                    this.tryAndFocus();
-                }
-            }, { initialValue: 'triggerChange' });
-        }
-        else {
-            Logger.get(this).warn('pectinFocusBinding was nil');
-        }
-    }
-    hasBinding() {
-        return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;
+        this.focusContext.notifyFocusOut();
     }
     // Hook method for debugging via tracing.
     alreadyHasFocus() {
-        return this.isFocused(this.focusTarget);
+        return this.isElementFocused(this.focusTarget);
     }
     // Hook method for debugging via tracing.
-    isFocused(element) {
+    isElementFocused(element) {
         return this.document.activeElement === element;
     }
     tryAndFocus(retries = 5) {
@@ -202,11 +188,11 @@ let FocusBindingDirective = class FocusBindingDirective extends DisposableCompon
         }
     }
     get focusTarget() {
-        return this.focusBindingTarget || this.el.nativeElement;
+        return this.focusTargetElement;
     }
     // Hook method for debugging via tracing.
     modelShouldStillHaveFocus() {
-        return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;
+        return this.focusContext.focused.value;
     }
     // Hook method for debugging via tracing.
     canFocus() {
@@ -216,11 +202,74 @@ let FocusBindingDirective = class FocusBindingDirective extends DisposableCompon
         return hasSize && !this.focusTarget['disabled'];
     }
 };
-FocusBindingDirective.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+FocusBinding = __decorate([
+    __param(1, Inject(NgZone)),
+    __param(2, Inject(DOCUMENT)),
+    __metadata("design:paramtypes", [HTMLElement,
+        NgZone, Object, Object])
+], FocusBinding);
+
+let FocusBindingFactory = class FocusBindingFactory {
+    constructor(ngZone, document) {
+        this.ngZone = ngZone;
+        // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
+        this.document = document;
+    }
+    // @Trace()
+    createBinding(el, focusContext) {
+        return new FocusBinding(el, this.ngZone, this.document, focusContext);
+    }
+};
+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 {
+    constructor(el, focusBindingFactory) {
+        super();
+        this.el = el;
+        this.focusBindingFactory = focusBindingFactory;
+    }
+    onFocusIn() {
+        if (this.hasBinding()) {
+            this.pectinFocusBinding.notifyFocusIn();
+        }
+    }
+    onFocusOut() {
+        if (this.hasBinding()) {
+            this.pectinFocusBinding.notifyFocusOut();
+        }
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        if (this.hasBinding()) {
+            this.registerDisposable(this.focusBindingFactory.createBinding(this.focusTarget, this.pectinFocusBinding));
+        }
+        else {
+            Logger.get(this).warn('pectinFocusBinding was nil');
+        }
+    }
+    hasBinding() {
+        return !!this.pectinFocusBinding && !!this.pectinFocusBinding;
+    }
+    get focusTarget() {
+        return this.focusBindingTarget || this.el.nativeElement;
+    }
+};
+FocusBindingDirective.ctorParameters = () => [
+    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+    { type: FocusBindingFactory }
+];
 __decorate([
     Input(),
     __metadata("design:type", Object)
@@ -247,10 +296,8 @@ FocusBindingDirective = __decorate([
         selector: '[pectinFocusBinding]'
     }),
     __param(0, Inject(ElementRef)),
-    __param(1, Inject(NgZone)),
-    __param(2, Inject(DOCUMENT)),
     __metadata("design:paramtypes", [ElementRef,
-        NgZone, Object])
+        FocusBindingFactory])
 ], FocusBindingDirective);
 
 let DirectivesModule = class DirectivesModule {
@@ -277,102 +324,6 @@ DirectivesModule = __decorate([
     })
 ], DirectivesModule);
 
-let FocusBinding = class FocusBinding extends GarbageCollector {
-    constructor(focusTargetElement, ngZone, document, focusContext) {
-        super();
-        this.focusTargetElement = focusTargetElement;
-        this.ngZone = ngZone;
-        this.focusContext = focusContext;
-        // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
-        this.document = document;
-        // TODO: Make this also track the current enabled/disabled state.
-        const { when } = Dsl.disposeWith(this);
-        when.valueOf(this.focusContext.focused).changes((focused) => {
-            if (focused && !this.alreadyHasFocus()) {
-                this.tryAndFocus();
-            }
-        }, { initialValue: 'triggerChangeUnlessNil' });
-    }
-    onFocusIn() {
-        this.focusContext.notifyFocusIn();
-    }
-    onFocusOut() {
-        this.focusContext.notifyFocusOut();
-    }
-    // Hook method for debugging via tracing.
-    alreadyHasFocus() {
-        return this.isElementFocused(this.focusTarget);
-    }
-    // Hook method for debugging via tracing.
-    isElementFocused(element) {
-        return this.document.activeElement === element;
-    }
-    tryAndFocus(retries = 5) {
-        if (this.modelShouldStillHaveFocus() && this.canFocus()) {
-            if (!this.alreadyHasFocus()) {
-                this.focusTarget.focus();
-            }
-            // if we didn't get the focus we try again later.
-            if (!this.alreadyHasFocus()) {
-                Logger.get(this).log(`focus failed, trying ${retries} more times`);
-                if (retries > 0) {
-                    // try again on the next paint
-                    // TODO: is there an angular way of doing this without calling a window function.
-                    requestAnimationFrame(() => {
-                        this.tryAndFocus(retries - 1);
-                    });
-                }
-                else {
-                    Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);
-                }
-            }
-        }
-    }
-    get focusTarget() {
-        return this.focusTargetElement;
-    }
-    // Hook method for debugging via tracing.
-    modelShouldStillHaveFocus() {
-        return this.focusContext.focused.value;
-    }
-    // Hook method for debugging via tracing.
-    canFocus() {
-        const dimension = this.focusTarget.getBoundingClientRect();
-        const hasSize = dimension.height >= 0 && dimension.height >= 0;
-        // 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 {
-    constructor(ngZone, document) {
-        this.ngZone = ngZone;
-        // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
-        this.document = document;
-    }
-    createBinding(el, focusContext) {
-        return new FocusBinding(el.nativeElement, this.ngZone, this.document, focusContext);
-    }
-};
-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 FocusContainerComponent = class FocusContainerComponent extends DisposableComponent {
     constructor(focusManager) {
         super();
@@ -419,7 +370,7 @@ let FocusableComponent = class FocusableComponent extends DisposableComponent {
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         if (this.focusManager) {
             this._focusContext = this.focusManager.registerFocusable(this);
-            this.registerDisposable(focusBindingFactory.createBinding(el, this.focusContext));
+            this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));
         }
     }
     get focusable() {
@@ -636,7 +587,7 @@ __decorate([
 CheckboxInputComponent = __decorate([
     Component({
         selector: 'aup-checkbox-input',
-        template: "<mat-checkbox\n  [(ngModel)]=\"valueModel.value\"\n  [color]=\"color\"\n  [labelPosition]=\"labelPosition\"\n  [disabled]=\"!isEnabled()\"\n>{{label}}</mat-checkbox>\n<mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n<mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n",
+        template: "<!-- TODO: add focus binding -->\n<mat-checkbox\n  [(ngModel)]=\"valueModel.value\"\n  [color]=\"color\"\n  [labelPosition]=\"labelPosition\"\n  [disabled]=\"!isEnabled()\"\n>{{label}}</mat-checkbox>\n<mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n<mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n",
         styles: [":host{display:inline-flex;flex-direction:column;margin-top:24px;margin-bottom:16px}mat-error,mat-hint{margin-top:4px;margin-left:24px;font-size:12px;font-weight:400;line-height:13.5px}"]
     }),
     __metadata("design:paramtypes", [])
@@ -656,7 +607,7 @@ __decorate([
 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)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+        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)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel?.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
         styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
     }),
     __metadata("design:paramtypes", [])
@@ -676,7 +627,7 @@ __decorate([
 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)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
+        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)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
         styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
     }),
     __metadata("design:paramtypes", [])
@@ -725,7 +676,7 @@ __decorate([
 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)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"valueModel\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</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=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</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=\"hint\">{{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", [])
@@ -758,7 +709,7 @@ __decorate([
 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)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <mat-icon>close</mat-icon>\n  </button>\n</mat-form-field>\n\n",
+        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <mat-icon>close</mat-icon>\n  </button>\n</mat-form-field>\n\n",
         styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}button[disabled]{visibility:hidden}"]
     }),
     __metadata("design:paramtypes", [])
@@ -4019,6 +3970,7 @@ class VisitSanitiser {
         this.placeHistory = placeHistory;
         this.injector = injector;
     }
+    // @Trace()
     sanitise(visit) {
         return __awaiter(this, void 0, void 0, function* () {
             const placeDef = visit.placeDefinition;
@@ -4052,12 +4004,6 @@ class VisitSanitiser {
         });
     }
 }
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Visit]),
-    __metadata("design:returntype", Promise)
-], VisitSanitiser.prototype, "sanitise", null);
 
 class PlaceGuard {
     constructor(router, urlService, placeRouter, placeHistory, interactionService, injector) {
@@ -4260,5 +4206,5 @@ function VisitParameterList(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, AUP_PLACE_CONFIG as ɵba, PlaceRouter as ɵbc, InteractionService as ɵbd, ModalInteractionContextFactory as ɵbe, UrlService as ɵbf, PlaceHistory as ɵbg, TabbedPlaceNavigationComponent as ɵbh, AbstractPlaceNavigationComponent as ɵbi, ListPlaceNavComponent as ɵbj, InteractionModule as ɵbk, ActivityContainerComponent as ɵbl, AbstractInteractionContext as ɵbm, ActivityOutletComponent as ɵbn, ConfirmationDialogComponent as ɵbo, ACTIVITY_DATA as ɵbp, Activity as ɵbq, ConfirmThenDialogComponent as ɵbs, AlertDialogComponent as ɵbt, InPlaceInteractionContextComponent as ɵbv, FocusBindingDirective as ɵc, DisposableComponent as ɵd, ComponentsModule as ɵe, NumberInputComponent as ɵf, AbstractInputComponent as ɵg, StringInputComponent as ɵh, PasswordInputComponent as ɵi, SelectInputComponent as ɵj, CheckboxInputComponent as ɵk, ScrollContainerComponent as ɵl, NoopComponent as ɵm, SwitchCaseOption as ɵn, SwitchCaseWhenDirective as ɵo, SwitchCaseDefaultDirective as ɵp, SwitchCaseComponent as ɵq, FocusContainerComponent as ɵr, FocusableComponent as ɵs, FocusBindingFactory as ɵt, PlaceModule as ɵu, EmptyStateComponent as ɵv, BusyOverlayComponent as ɵw, PlaceOutletComponent as ɵx, leftRightPlaceAnimation as ɵy, LEFT_RIGHT_PLACE_ANIMATION as ɵz };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, AUP_PLACE_CONFIG as ɵba, PlaceRouter as ɵbc, InteractionService as ɵbd, ModalInteractionContextFactory as ɵbe, UrlService as ɵbf, PlaceHistory as ɵbg, TabbedPlaceNavigationComponent as ɵbh, AbstractPlaceNavigationComponent as ɵbi, ListPlaceNavComponent as ɵbj, InteractionModule as ɵbk, ActivityContainerComponent as ɵbl, AbstractInteractionContext as ɵbm, ActivityOutletComponent as ɵbn, ConfirmationDialogComponent as ɵbo, ACTIVITY_DATA as ɵbp, Activity as ɵbq, ConfirmThenDialogComponent as ɵbs, AlertDialogComponent as ɵbt, InPlaceInteractionContextComponent as ɵbv, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, FocusableComponent as ɵt, PlaceModule as ɵu, EmptyStateComponent as ɵv, BusyOverlayComponent as ɵw, PlaceOutletComponent as ɵx, leftRightPlaceAnimation as ɵy, LEFT_RIGHT_PLACE_ANIMATION as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map