@coolon/angular-ui-powerups 1.1.1 → 1.2.1

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.2.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.2.0...v1.2.1) (2020-05-19)
+
+## [1.2.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.1.1...v1.2.0) (2020-05-18)
+
+
+### Features
+
+* added aup-checkbox-input component ([529447f](https://bitbucket.org/coolon/angular-ui-powerups/commit/529447f972433b8bc70a965a2df7326fe2c493be))
+
 ### [1.1.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.1.0...v1.1.1) (2020-05-14)
 
 ## [1.1.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.0.2...v1.1.0) (2020-05-12)

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/material/checkbox'), require('@angular/material/button'), require('@angular/material/icon'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/material/dialog'), require('@angular/router'), require('@coolon/typescript-utilities'), require('lodash'), require('@angular/material/progress-spinner'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/material/checkbox', '@angular/material/button', '@angular/material/icon', '@coolon/pectin', '@angular/cdk/portal', '@angular/material/dialog', '@angular/router', '@coolon/typescript-utilities', 'lodash', '@angular/material/progress-spinner', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill', 'rxjs'], factory) :
-    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.material.checkbox, global.ng.material.button, global.ng.material.icon, global.pectin, global.ng.cdk.portal, global.ng.material.dialog, global.ng.router, global.typescriptUtilities, global.___default, global.ng.material.progressSpinner, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver, global.rxjs));
-}(this, (function (exports, common, core, forms, formField, input, select, tabs, animations, checkbox, button, icon, pectin, portal, dialog, router, typescriptUtilities, ___default, progressSpinner, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver, rxjs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/icon'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/material/dialog'), require('@angular/router'), require('@coolon/typescript-utilities'), require('lodash'), require('@angular/material/progress-spinner'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/material/button', '@angular/material/checkbox', '@angular/material/icon', '@coolon/pectin', '@angular/cdk/portal', '@angular/material/dialog', '@angular/router', '@coolon/typescript-utilities', 'lodash', '@angular/material/progress-spinner', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill', 'rxjs'], factory) :
+    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.material.button, global.ng.material.checkbox, global.ng.material.icon, global.pectin, global.ng.cdk.portal, global.ng.material.dialog, global.ng.router, global.typescriptUtilities, global.___default, global.ng.material.progressSpinner, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver, global.rxjs));
+}(this, (function (exports, common, core, forms, formField, input, select, tabs, animations, button, checkbox, icon, pectin, portal, dialog, router, typescriptUtilities, ___default, progressSpinner, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver, rxjs) { 'use strict';
 
     var ___default__default = 'default' in ___default ? ___default['default'] : ___default;
     ResizeObserver = ResizeObserver && Object.prototype.hasOwnProperty.call(ResizeObserver, 'default') ? ResizeObserver['default'] : ResizeObserver;
@@ -485,6 +485,215 @@
         return DirectivesModule;
     }());
 
+    var FocusContainerComponent = /** @class */ (function () {
+        function FocusContainerComponent(focusManager) {
+            this.focusManager = focusManager;
+            this.tabIndex = -1;
+        }
+        FocusContainerComponent.prototype.ngOnInit = function () {
+        };
+        FocusContainerComponent.prototype.restoreFocus = function () {
+            this.focusManager.restoreFocus();
+        };
+        FocusContainerComponent.ctorParameters = function () { return [
+            { type: pectin.FocusManager, decorators: [{ type: core.Host }] }
+        ]; };
+        __decorate([
+            core.HostBinding("attr.tabindex"),
+            __metadata("design:type", Object)
+        ], FocusContainerComponent.prototype, "tabIndex", void 0);
+        __decorate([
+            pectin.Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", []),
+            __metadata("design:returntype", void 0)
+        ], FocusContainerComponent.prototype, "restoreFocus", null);
+        FocusContainerComponent = __decorate([
+            core.Component({
+                selector: 'aup-focus-container',
+                template: "<ng-content></ng-content>\n",
+                providers: [
+                    { provide: pectin.FocusManager }
+                ],
+                styles: [":host{display:block}"]
+            }),
+            __param(0, core.Host()),
+            __metadata("design:paramtypes", [pectin.FocusManager])
+        ], FocusContainerComponent);
+        return FocusContainerComponent;
+    }());
+
+    exports.ɵt = /** @class */ (function (_super) {
+        __extends(FocusBinding, _super);
+        function FocusBinding(focusTargetElement, ngZone, document, focusContext) {
+            var _this = _super.call(this) || this;
+            _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.
+            var when = pectin.Dsl.disposeWith(_this).when;
+            when.valueOf(_this.focusContext.focused).changes(function (focused) {
+                if (focused && !_this.alreadyHasFocus()) {
+                    _this.tryAndFocus();
+                }
+            }, { initialValue: 'triggerChangeUnlessNil' });
+            return _this;
+        }
+        FocusBinding.prototype.onFocusIn = function () {
+            this.focusContext.notifyFocusIn();
+        };
+        FocusBinding.prototype.onFocusOut = function () {
+            this.focusContext.notifyFocusOut();
+        };
+        // Hook method for debugging via tracing.
+        FocusBinding.prototype.alreadyHasFocus = function () {
+            return this.isElementFocused(this.focusTarget);
+        };
+        // Hook method for debugging via tracing.
+        FocusBinding.prototype.isElementFocused = function (element) {
+            return this.document.activeElement === element;
+        };
+        FocusBinding.prototype.tryAndFocus = function (retries) {
+            var _this = this;
+            if (retries === void 0) { 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()) {
+                    pectin.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(function () {
+                            _this.tryAndFocus(retries - 1);
+                        });
+                    }
+                    else {
+                        pectin.Logger.get(this).warn("Tried to focus but gave up as the component wasn't enabled or visible.");
+                    }
+                }
+            }
+        };
+        Object.defineProperty(FocusBinding.prototype, "focusTarget", {
+            get: function () {
+                return this.focusTargetElement;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        // Hook method for debugging via tracing.
+        FocusBinding.prototype.modelShouldStillHaveFocus = function () {
+            return this.focusContext.focused.value;
+        };
+        // Hook method for debugging via tracing.
+        FocusBinding.prototype.canFocus = function () {
+            var dimension = this.focusTarget.getBoundingClientRect();
+            var hasSize = dimension.height >= 0 && dimension.height >= 0;
+            // tslint:disable-next-line:no-string-literal
+            return hasSize && !this.focusTarget['disabled'];
+        };
+        FocusBinding = __decorate([
+            __param(1, core.Inject(core.NgZone)),
+            __param(2, core.Inject(common.DOCUMENT)),
+            __metadata("design:paramtypes", [HTMLElement,
+                core.NgZone, Object, Object])
+        ], FocusBinding);
+        return FocusBinding;
+    }(pectin.GarbageCollector));
+    (function (FocusBinding) {
+        var Factory = /** @class */ (function () {
+            function Factory(ngZone, document) {
+                this.ngZone = ngZone;
+                // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
+                this.document = document;
+            }
+            Factory.prototype.createBinding = function (el, focusContext) {
+                return new FocusBinding(el.nativeElement, this.ngZone, this.document, focusContext);
+            };
+            Factory.ctorParameters = function () { return [
+                { type: core.NgZone, decorators: [{ type: core.Inject, args: [core.NgZone,] }] },
+                { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
+            ]; };
+            Factory = __decorate([
+                core.Injectable({
+                    providedIn: 'root'
+                }),
+                __param(0, core.Inject(core.NgZone)), __param(1, core.Inject(common.DOCUMENT)),
+                __metadata("design:paramtypes", [core.NgZone, Object])
+            ], Factory);
+            return Factory;
+        }());
+        FocusBinding.Factory = Factory;
+    })(exports.ɵt || (exports.ɵt = {}));
+
+    var FocusableComponent = /** @class */ (function (_super) {
+        __extends(FocusableComponent, _super);
+        function FocusableComponent(el, focusManager, focusBindingFactory) {
+            var _this = _super.call(this) || this;
+            _this.el = el;
+            _this.focusManager = focusManager;
+            var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+            if (_this.focusManager) {
+                _this._focusContext = _this.focusManager.registerFocusable(_this);
+                _this.registerDisposable(focusBindingFactory.createBinding(el, _this.focusContext));
+            }
+            return _this;
+        }
+        Object.defineProperty(FocusableComponent.prototype, "focusable", {
+            get: function () {
+                return !!this.focusContext ? 0 : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        FocusableComponent.prototype.onFocus = function () {
+            var _a;
+            (_a = this.focusContext) === null || _a === void 0 ? void 0 : _a.notifyFocusIn();
+        };
+        FocusableComponent.prototype.onBlur = function () {
+            var _a;
+            (_a = this.focusContext) === null || _a === void 0 ? void 0 : _a.notifyFocusOut();
+        };
+        Object.defineProperty(FocusableComponent.prototype, "focusContext", {
+            get: function () {
+                return this._focusContext;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        FocusableComponent.ctorParameters = function () { return [
+            { type: core.ElementRef },
+            { type: pectin.FocusManager },
+            { type: exports.ɵt.Factory }
+        ]; };
+        __decorate([
+            core.HostBinding('attr.tabindex'),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], FocusableComponent.prototype, "focusable", null);
+        __decorate([
+            core.HostListener('focus'),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", []),
+            __metadata("design:returntype", void 0)
+        ], FocusableComponent.prototype, "onFocus", null);
+        __decorate([
+            core.HostListener('blur'),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", []),
+            __metadata("design:returntype", void 0)
+        ], FocusableComponent.prototype, "onBlur", null);
+        FocusableComponent = __decorate([
+            core.Component({ template: '' }),
+            __metadata("design:paramtypes", [core.ElementRef, pectin.FocusManager, exports.ɵt.Factory])
+        ], FocusableComponent);
+        return FocusableComponent;
+    }(DisposableComponent));
+
     var AbstractInputComponent = /** @class */ (function (_super) {
         __extends(AbstractInputComponent, _super);
         function AbstractInputComponent() {
@@ -995,7 +1204,9 @@
                     AbstractInputComponent,
                     SwitchCaseComponent,
                     SwitchCaseWhenDirective,
-                    SwitchCaseDefaultDirective
+                    SwitchCaseDefaultDirective,
+                    FocusContainerComponent,
+                    FocusableComponent
                 ],
                 imports: [
                     common.CommonModule,
@@ -1020,7 +1231,9 @@
                     NoopComponent,
                     SwitchCaseComponent,
                     SwitchCaseWhenDirective,
-                    SwitchCaseDefaultDirective
+                    SwitchCaseDefaultDirective,
+                    FocusContainerComponent,
+                    FocusableComponent
                 ]
             })
         ], ComponentsModule);
@@ -1564,7 +1777,7 @@
     }());
 
     var inplaceMonitorCount = 0;
-    exports.ɵba = /** @class */ (function () {
+    exports.ɵbd = /** @class */ (function () {
         function InteractionService(modelInteractionContextFactory) {
             this.modelInteractionContextFactory = modelInteractionContextFactory;
             this.garbage = new pectin.GarbageCollector();
@@ -1724,7 +1937,7 @@
             return ApiAdapter;
         }());
         InteractionService.ApiAdapter = ApiAdapter;
-    })(exports.ɵba || (exports.ɵba = {}));
+    })(exports.ɵbd || (exports.ɵbd = {}));
 
     var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
         __extends(InPlaceInteractionContextComponent, _super);
@@ -1768,7 +1981,7 @@
             return this.activityContainerComponent.startActivity(activityType, data);
         };
         InPlaceInteractionContextComponent.ctorParameters = function () { return [
-            { type: exports.ɵba }
+            { type: exports.ɵbd }
         ]; };
         __decorate([
             core.ViewChild('activityContainer', { static: true }),
@@ -1780,7 +1993,7 @@
                 template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\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}"]
             }),
-            __metadata("design:paramtypes", [exports.ɵba])
+            __metadata("design:paramtypes", [exports.ɵbd])
         ], InPlaceInteractionContextComponent);
         return InPlaceInteractionContextComponent;
     }(DisposableComponent));
@@ -1818,7 +2031,7 @@
                     AlertDialogComponent
                 ],
                 providers: [
-                    exports.ɵba,
+                    exports.ɵbd,
                 ]
             })
         ], InteractionModule);
@@ -2937,7 +3150,7 @@
         return PopStateNavigation;
     }(AbstractPopStateNavigation));
 
-    exports.ɵbd = /** @class */ (function () {
+    exports.ɵbg = /** @class */ (function () {
         function PlaceHistory() {
             this._archive = new Map();
             this.placeHistoryDepth = 4;
@@ -3074,7 +3287,7 @@
         //   }
         //
         // }
-    })(exports.ɵbd || (exports.ɵbd = {}));
+    })(exports.ɵbg || (exports.ɵbg = {}));
 
     exports.UrlSnapshot = /** @class */ (function () {
         // TODO: Update this accept a url Parser so it can be immutable and generate new trees on mutation using toString() are parseUrl.
@@ -3334,7 +3547,7 @@
             _this.navigationSessionName = chain(_this.navigationSessionModel)
                 .pluck('name')
                 .otherwise(idleStateName);
-            pectin.DebugContext.tag(_this._activeVisits, "PlaceRouter.activeVisits");
+            pectin.DebugContext.tag(_this._activeVisits, 'PlaceRouter.activeVisits');
             _this.activeVisitsByPlaceDefinition = chain(_this._activeVisits).indexBy('placeDefinition');
             // TODO: make setup the callbacks in during module initiation to make this testable.
             angularRouter.events.subscribe(function (event) {
@@ -3597,11 +3810,11 @@
         PlaceRouter.ctorParameters = function () { return [
             { type: router.Router },
             { type: common.Location },
-            { type: exports.ɵba },
+            { type: exports.ɵbd },
             { type: UrlService },
-            { type: exports.ɵbd }
+            { type: exports.ɵbg }
         ]; };
-        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵba), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbd)); }, token: PlaceRouter, providedIn: "root" });
+        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵbd), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbg)); }, token: PlaceRouter, providedIn: "root" });
         __decorate([
             pectin.Trace(),
             __metadata("design:type", Function),
@@ -3614,9 +3827,9 @@
             }),
             __metadata("design:paramtypes", [router.Router,
                 common.Location,
-                exports.ɵba,
+                exports.ɵbd,
                 UrlService,
-                exports.ɵbd])
+                exports.ɵbg])
         ], PlaceRouter);
         return PlaceRouter;
     }(pectin.GarbageCollector));
@@ -4176,7 +4389,7 @@
             var _this = _super.call(this) || this;
             _this.elementRef = elementRef;
             _this.ngZone = ngZone;
-            _this._boundsModel = new pectin.ValueHolder(new exports.Bounds(0, 0, 0, 0));
+            _this._boundsModel = new pectin.MutableValueModel(new exports.Bounds(0, 0, 0, 0));
             return _this;
         }
         ResizeAwareComponent.prototype.ngAfterViewInit = function () {
@@ -4694,7 +4907,10 @@
                     mechanics.binding.dispose();
                 }
                 if (userModel) {
-                    mechanics.binding = new pectin.Binding(mechanics.backingModel, userModel);
+                    mechanics.binding = new pectin.Binding(mechanics.backingModel, userModel, {
+                        toLeft: pectin.Functions.identity,
+                        toRight: pectin.Functions.identity
+                    });
                     if (isEmpty(userModel)) {
                         // console.log(`Push visit to model for ${tag}`, {value: mechanics.backingModel.value});
                         mechanics.binding.writeRight(); // push the visit into the user model;
@@ -4713,7 +4929,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.RouteId(propertyKey.toString(), options, type);
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), "@RouteId", function (m) { return m.query().isNil(); });
+            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), '@RouteId', function (m) { return m.query().isNil(); });
         };
     }
     function VisitParameter(options) {
@@ -4721,7 +4937,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), "@VisitParameter", function (m) { return m.query().isNil(); });
+            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), '@VisitParameter', function (m) { return m.query().isNil(); });
         };
     }
     function VisitParameterList(options) {
@@ -4729,7 +4945,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableListModel(), "@VisitParameterList", function (m) { return m.query().isEmpty(); });
+            installMechanics(prototype, propertyKey, new pectin.MutableListModel(), '@VisitParameterList', function (m) { return m.query().isEmpty(); });
         };
     }
 
@@ -4761,10 +4977,13 @@
     exports.DisposableComponent = DisposableComponent;
     exports.EmptyStateComponent = EmptyStateComponent;
     exports.EventCleanUpSession = EventCleanUpSession;
+    exports.FocusBinding = exports.ɵt;
     exports.FocusBindingDirective = FocusBindingDirective;
+    exports.FocusContainerComponent = FocusContainerComponent;
+    exports.FocusableComponent = FocusableComponent;
     exports.InPlaceInteractionContextComponent = InPlaceInteractionContextComponent;
     exports.InteractionModule = InteractionModule;
-    exports.InteractionService = exports.ɵba;
+    exports.InteractionService = exports.ɵbd;
     exports.InteractionServiceRoutingAdapter = InteractionServiceRoutingAdapter;
     exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.ListPlaceNavComponent = ListPlaceNavComponent;
@@ -4780,7 +4999,7 @@
     exports.PlaceComponentDeactivationHandler = PlaceComponentDeactivationHandler;
     exports.PlaceDefinition = PlaceDefinition;
     exports.PlaceGuard = PlaceGuard;
-    exports.PlaceHistory = exports.ɵbd;
+    exports.PlaceHistory = exports.ɵbg;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouter = PlaceRouter;
@@ -4813,21 +5032,23 @@
     exports.slideRightOnEnterAnimation = slideRightOnEnterAnimation;
     exports.ɵa = DirectivesModule;
     exports.ɵb = CommandDirective;
-    exports.ɵbb = ModalInteractionContextFactory;
-    exports.ɵbc = UrlService;
-    exports.ɵbe = TabbedPlaceNavigationComponent;
-    exports.ɵbf = AbstractPlaceNavigationComponent;
-    exports.ɵbg = ListPlaceNavComponent;
-    exports.ɵbh = InteractionModule;
-    exports.ɵbi = ActivityContainerComponent;
-    exports.ɵbj = AbstractInteractionContext;
-    exports.ɵbk = ActivityOutletComponent;
-    exports.ɵbl = ConfirmationDialogComponent;
-    exports.ɵbm = ACTIVITY_DATA;
-    exports.ɵbn = Activity;
-    exports.ɵbp = ConfirmThenDialogComponent;
-    exports.ɵbq = AlertDialogComponent;
-    exports.ɵbs = InPlaceInteractionContextComponent;
+    exports.ɵba = AUP_PLACE_CONFIG;
+    exports.ɵbc = PlaceRouter;
+    exports.ɵbe = ModalInteractionContextFactory;
+    exports.ɵbf = UrlService;
+    exports.ɵbh = TabbedPlaceNavigationComponent;
+    exports.ɵbi = AbstractPlaceNavigationComponent;
+    exports.ɵbj = ListPlaceNavComponent;
+    exports.ɵbk = InteractionModule;
+    exports.ɵbl = ActivityContainerComponent;
+    exports.ɵbm = AbstractInteractionContext;
+    exports.ɵbn = ActivityOutletComponent;
+    exports.ɵbo = ConfirmationDialogComponent;
+    exports.ɵbp = ACTIVITY_DATA;
+    exports.ɵbq = Activity;
+    exports.ɵbs = ConfirmThenDialogComponent;
+    exports.ɵbt = AlertDialogComponent;
+    exports.ɵbv = InPlaceInteractionContextComponent;
     exports.ɵc = FocusBindingDirective;
     exports.ɵd = DisposableComponent;
     exports.ɵe = ComponentsModule;
@@ -4843,14 +5064,14 @@
     exports.ɵo = SwitchCaseWhenDirective;
     exports.ɵp = SwitchCaseDefaultDirective;
     exports.ɵq = SwitchCaseComponent;
-    exports.ɵr = PlaceModule;
-    exports.ɵs = EmptyStateComponent;
-    exports.ɵt = BusyOverlayComponent;
-    exports.ɵu = PlaceOutletComponent;
-    exports.ɵv = leftRightPlaceAnimation;
-    exports.ɵw = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵx = AUP_PLACE_CONFIG;
-    exports.ɵz = PlaceRouter;
+    exports.ɵr = FocusContainerComponent;
+    exports.ɵs = FocusableComponent;
+    exports.ɵu = PlaceModule;
+    exports.ɵv = EmptyStateComponent;
+    exports.ɵw = BusyOverlayComponent;
+    exports.ɵx = PlaceOutletComponent;
+    exports.ɵy = leftRightPlaceAnimation;
+    exports.ɵz = LEFT_RIGHT_PLACE_ANIMATION;
 
     Object.defineProperty(exports, '__esModule', { value: true });