@coolon/angular-ui-powerups 11.0.0-alpha.9 → 11.0.1

package/esm2015/lib/services/visibility-service.js

@@ -0,0 +1,74 @@
+// TODO: Merge various wake detection events into this class.  visibility, wake events, websocket connection, online detection.
+import { DOCUMENT } from '@angular/common';
+import { Inject, Injectable } from '@angular/core';
+import { Dsl, GarbageCollector, MutableValueModel } from '@coolon/pectin';
+import * as wakeEvent from 'wake-event';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+// Taken from: https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API
+export class VisibilityService extends GarbageCollector {
+    // private _wakeEvents = new MutableStream<Instant>();
+    // private _throttledWakeEvents: Stream<Instant>;
+    constructor(document) {
+        super();
+        this._visibleModel = new MutableValueModel();
+        this.document = document; // see https://stackoverflow.com/a/53715642
+        const { chain } = Dsl.disposeWith(this);
+        // Set the name of the hidden property and the change event for visibility
+        if (typeof this.document.hidden !== 'undefined') { // Opera 12.10 and Firefox 18 and later support
+            this.attributeName = 'hidden';
+            this.eventName = 'visibilitychange';
+        }
+        else if (typeof this.document['msHidden'] !== 'undefined') {
+            this.attributeName = 'msHidden';
+            this.eventName = 'msvisibilitychange';
+        }
+        else if (typeof this.document['webkitHidden'] !== 'undefined') {
+            this.attributeName = 'webkitHidden';
+            this.eventName = 'webkitvisibilitychange';
+        }
+        // Warn if the browser doesn't support addEventListener or the Page Visibility API
+        if (typeof this.document.addEventListener === 'undefined' || typeof document[this.attributeName] === 'undefined') {
+            console.log('This demo requires a browser, such as Google Chrome or Firefox, that supports the Page Visibility API.');
+        }
+        else {
+            // Handle page visibility change
+            const handler = () => this.updateVisibilityState();
+            this.document.addEventListener(this.eventName, handler, false);
+            this.onDispose(() => {
+                this.document.removeEventListener(this.eventName, handler);
+            });
+        }
+        wakeEvent(() => this.updateVisibilityState());
+        this._visibleModel.value = this.isVisible();
+        // give the network a chance to come back or we end up with a bunch of failed requests.
+        // should probably also implement a connection service so that we can go
+        // connectionServer.ensureConnectedThen(fireWakeEvent);
+        // this._throttledWakeEvents = chain(this._wakeEvents).throttle(300);
+    }
+    // get wakeEvents(): Stream<Instant> {
+    //   return this._throttledWakeEvents;
+    // }
+    // @trace
+    updateVisibilityState() {
+        this._visibleModel.value = this.isVisible();
+        // this._wakeEvents.publish(Instant.now());
+    }
+    get visibleModel() {
+        return this._visibleModel.readonly;
+    }
+    isHidden() {
+        return !!this.document[this.attributeName];
+    }
+    isVisible() {
+        return !this.isHidden();
+    }
+}
+VisibilityService.ɵprov = i0.ɵɵdefineInjectable({ factory: function VisibilityService_Factory() { return new VisibilityService(i0.ɵɵinject(i1.DOCUMENT)); }, token: VisibilityService, providedIn: "root" });
+VisibilityService.decorators = [
+    { type: Injectable, args: [{ providedIn: 'root' },] }
+];
+VisibilityService.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
+];
+//# sourceMappingURL=visibility-service.js.map

package/esm2015/lib/services/visibility-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-service.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/services/visibility-service.ts"],"names":[],"mappings":"AAAA,+HAA+H;AAG/H,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,iBAAiB,EAAc,MAAM,gBAAgB,CAAC;AACtF,OAAO,KAAK,SAAS,MAAM,YAAY,CAAC;;;AAExC,mFAAmF;AAGnF,MAAM,OAAO,iBAAkB,SAAQ,gBAAgB;IAOrD,sDAAsD;IACtD,iDAAiD;IAEjD,YAA8B,QAAa;QACzC,KAAK,EAAE,CAAC;QALF,kBAAa,GAAG,IAAI,iBAAiB,EAAW,CAAC;QAMvD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,2CAA2C;QAErE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAExC,0EAA0E;QAC1E,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,WAAW,EAAE,EAAE,+CAA+C;YAChG,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;YAC9B,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC;SACrC;aAAM,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,WAAW,EAAE;YAC3D,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;YAChC,IAAI,CAAC,SAAS,GAAG,oBAAoB,CAAC;SACvC;aAAM,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,WAAW,EAAE;YAC/D,IAAI,CAAC,aAAa,GAAG,cAAc,CAAC;YACpC,IAAI,CAAC,SAAS,GAAG,wBAAwB,CAAC;SAC3C;QAED,kFAAkF;QAClF,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,gBAAgB,KAAK,WAAW,IAAI,OAAO,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,WAAW,EAAE;YAChH,OAAO,CAAC,GAAG,CAAC,wGAAwG,CAAC,CAAC;SACvH;aAAM;YACL,gCAAgC;YAChC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YACnD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YAC/D,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;gBAClB,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAC7D,CAAC,CAAC,CAAC;SAEJ;QAED,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAC9C,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAE5C,uFAAuF;QACvF,wEAAwE;QACxE,uDAAuD;QACvD,qEAAqE;IAEvE,CAAC;IAED,sCAAsC;IACtC,sCAAsC;IACtC,IAAI;IAEJ,SAAS;IACC,qBAAqB;QAC7B,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC5C,2CAA2C;IAC7C,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,QAAQ;QACN,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7C,CAAC;IAED,SAAS;QACP,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC;;;;YAxEF,UAAU,SAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;4CAWnB,MAAM,SAAC,QAAQ","sourcesContent":["// TODO: Merge various wake detection events into this class.  visibility, wake events, websocket connection, online detection.\n\n\nimport { DOCUMENT } from '@angular/common';\nimport { Inject, Injectable } from '@angular/core';\nimport { Dsl, GarbageCollector, MutableValueModel, ValueModel } from '@coolon/pectin';\nimport * as wakeEvent from 'wake-event';\n\n// Taken from: https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API\n\n@Injectable({ providedIn: 'root' })\nexport class VisibilityService extends GarbageCollector {\n\n  private readonly document: Document;\n  private readonly attributeName: string;\n  private readonly eventName: string;\n\n  private _visibleModel = new MutableValueModel<boolean>();\n  // private _wakeEvents = new MutableStream<Instant>();\n  // private _throttledWakeEvents: Stream<Instant>;\n\n  constructor(@Inject(DOCUMENT) document: any) {\n    super();\n    this.document = document; // see https://stackoverflow.com/a/53715642\n\n    const { chain } = Dsl.disposeWith(this);\n\n    // Set the name of the hidden property and the change event for visibility\n    if (typeof this.document.hidden !== 'undefined') { // Opera 12.10 and Firefox 18 and later support\n      this.attributeName = 'hidden';\n      this.eventName = 'visibilitychange';\n    } else if (typeof this.document['msHidden'] !== 'undefined') {\n      this.attributeName = 'msHidden';\n      this.eventName = 'msvisibilitychange';\n    } else if (typeof this.document['webkitHidden'] !== 'undefined') {\n      this.attributeName = 'webkitHidden';\n      this.eventName = 'webkitvisibilitychange';\n    }\n\n    // Warn if the browser doesn't support addEventListener or the Page Visibility API\n    if (typeof this.document.addEventListener === 'undefined' || typeof document[this.attributeName] === 'undefined') {\n      console.log('This demo requires a browser, such as Google Chrome or Firefox, that supports the Page Visibility API.');\n    } else {\n      // Handle page visibility change\n      const handler = () => this.updateVisibilityState();\n      this.document.addEventListener(this.eventName, handler, false);\n      this.onDispose(() => {\n        this.document.removeEventListener(this.eventName, handler);\n      });\n\n    }\n\n    wakeEvent(() => this.updateVisibilityState());\n    this._visibleModel.value = this.isVisible();\n\n    // give the network a chance to come back or we end up with a bunch of failed requests.\n    // should probably also implement a connection service so that we can go\n    // connectionServer.ensureConnectedThen(fireWakeEvent);\n    // this._throttledWakeEvents = chain(this._wakeEvents).throttle(300);\n\n  }\n\n  // get wakeEvents(): Stream<Instant> {\n  //   return this._throttledWakeEvents;\n  // }\n\n  // @trace\n  protected updateVisibilityState() {\n    this._visibleModel.value = this.isVisible();\n    // this._wakeEvents.publish(Instant.now());\n  }\n\n  get visibleModel(): ValueModel<boolean> {\n    return this._visibleModel.readonly;\n  }\n\n  isHidden(): boolean {\n    return !!this.document[this.attributeName];\n  }\n\n  isVisible(): boolean {\n    return !this.isHidden();\n  }\n\n}\n"]}

package/esm2015/lib/services/visibility-service.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"VisibilityService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":11,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":21,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"updateVisibilityState":[{"__symbolic":"method"}],"isHidden":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}}}]

package/esm2015/lib/services/visibility-service.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-service.ngfactory.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/services/visibility-service.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/public-api.js

@@ -4,4 +4,5 @@ export * from './lib/components/exports';
 export * from './lib/directives/exports';
 export * from './lib/interaction/exports';
 export * from './lib/place/exports';
+export * from './lib/services/exports';
 //# sourceMappingURL=public-api.js.map

package/esm2015/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../../libs/angular-ui-powerups/src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './lib/angular-ui-powerups.module';\nexport * from './lib/animations/exports';\nexport * from './lib/components/exports';\nexport * from './lib/directives/exports';\nexport * from './lib/interaction/exports';\nexport * from './lib/place/exports';\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../../libs/angular-ui-powerups/src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './lib/angular-ui-powerups.module';\nexport * from './lib/animations/exports';\nexport * from './lib/components/exports';\nexport * from './lib/directives/exports';\nexport * from './lib/interaction/exports';\nexport * from './lib/place/exports';\nexport * from './lib/services/exports';\n"]}

package/esm2015/public-api.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./lib/angular-ui-powerups.module"},{"from":"./lib/animations/exports"},{"from":"./lib/components/exports"},{"from":"./lib/directives/exports"},{"from":"./lib/interaction/exports"},{"from":"./lib/place/exports"}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./lib/angular-ui-powerups.module"},{"from":"./lib/animations/exports"},{"from":"./lib/components/exports"},{"from":"./lib/directives/exports"},{"from":"./lib/interaction/exports"},{"from":"./lib/place/exports"},{"from":"./lib/services/exports"}]}]

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

@@ -1,5 +1,5 @@
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { Directive, ElementRef, Inject, Host, Optional, Input, HostListener, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, Component, ContentChild, ViewEncapsulation, HostBinding, InjectionToken, ViewChildren, SkipSelf, EventEmitter, ViewChild, Output, Self, TemplateRef, ChangeDetectorRef, ContentChildren, ViewContainerRef, Injector, ComponentFactoryResolver, INJECTOR } from '@angular/core';
+import { Directive, ElementRef, Inject, Host, Optional, Input, HostListener, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, Pipe, NgModule, Component, ContentChild, ViewEncapsulation, HostBinding, InjectionToken, ViewChildren, SkipSelf, EventEmitter, ViewChild, Output, Self, TemplateRef, ChangeDetectorRef, ContentChildren, ViewContainerRef, Injector, ComponentFactoryResolver, INJECTOR } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -19,10 +19,11 @@ import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Disposable, MutableValueModel, DelegatingListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, MultipleSelectionModel, DelegatingSelectionModel, AbstractComputedListModel, DirtyTrackingForm, ComputedListModel, PageController, Deferred, Trace, TransactionObserver, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Disposable, MutableValueModel, DelegatingListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, MultipleSelectionModel, DelegatingSelectionModel, AbstractComputedListModel, DirtyTrackingForm, ComputedListModel, PageController, Deferred, Trace, Functions } from '@coolon/pectin';
 import { __decorate, __metadata, __awaiter } from 'tslib';
-import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import { DomSanitizer } from '@angular/platform-browser';
 import _, { find, filter, each, isNil, isEqual } from 'lodash';
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import { Enum } from 'typescript-string-enums';
 import ResizeObserver from 'resize-observer-polyfill';
 import { assert as assert$1, Stringy, Mixin, Opts, lang as lang$1, Klass } from '@coolon/typescript-utilities';
@@ -35,6 +36,7 @@ import { MatListModule } from '@angular/material/list';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
 import 'reflect-metadata';
 import { style, query, group, animate, trigger, transition } from '@angular/animations';
+import * as wakeEvent from 'wake-event';
 
 class CommandDirective extends GarbageCollector {
     constructor(elementRef, matButton, matMenuItem) {
@@ -295,13 +297,75 @@ FocusBindingDirective.propDecorators = {
     onFocusOut: [{ type: HostListener, args: ['focusout',] }]
 };
 
+class HighlightTextModelDirective extends GarbageCollector {
+    constructor() {
+        super();
+    }
+    ngOnDestroy() {
+        this.dispose();
+    }
+}
+HighlightTextModelDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[aupHighlightTextModel]'
+            },] }
+];
+HighlightTextModelDirective.ctorParameters = () => [];
+HighlightTextModelDirective.propDecorators = {
+    aupHighlightTextModel: [{ type: Input }]
+};
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", ValueModel)
+], HighlightTextModelDirective.prototype, "aupHighlightTextModel", void 0);
+
+class HighlightPipe extends GarbageCollector {
+    constructor(sanitizer, highlightContext) {
+        super();
+        this.sanitizer = sanitizer;
+        this.highlightContext = highlightContext;
+    }
+    ngOnDestroy() {
+        this.dispose();
+    }
+    transform(value, searchModel) {
+        var _a;
+        const model = searchModel !== null && searchModel !== void 0 ? searchModel : (_a = this.highlightContext) === null || _a === void 0 ? void 0 : _a.aupHighlightTextModel;
+        const searchText = model === null || model === void 0 ? void 0 : model.value;
+        if (_.isEmpty(searchText) || !_.isString(value)) {
+            return value;
+        }
+        // Match in a case insensitive manner
+        const re = new RegExp(searchText, 'gi');
+        const match = value.match(re);
+        // If there's no match, just return the original value.
+        if (!match) {
+            return value;
+        }
+        const result = value.replace(re, '<mark>' + match[0] + '</mark>');
+        return this.sanitizer.bypassSecurityTrustHtml(result);
+    }
+}
+HighlightPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'aupHighlight',
+                pure: false
+            },] }
+];
+HighlightPipe.ctorParameters = () => [
+    { type: DomSanitizer },
+    { type: HighlightTextModelDirective, decorators: [{ type: Optional }] }
+];
+
 class DirectivesModule {
 }
 DirectivesModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
                     CommandDirective,
-                    FocusBindingDirective
+                    FocusBindingDirective,
+                    HighlightPipe,
+                    HighlightTextModelDirective
                 ],
                 imports: [
                     CommonModule,
@@ -314,7 +378,9 @@ DirectivesModule.decorators = [
                 ],
                 exports: [
                     CommandDirective,
-                    FocusBindingDirective
+                    FocusBindingDirective,
+                    HighlightPipe,
+                    HighlightTextModelDirective
                 ]
             },] }
 ];
@@ -821,7 +887,11 @@ __decorate([
 
 var TrackBy;
 (function (TrackBy) {
-    TrackBy.byIndex = (data, index) => index;
+    TrackBy.byIndex = (index, item) => index;
+    function trackByProperty(property) {
+        return (index, item) => item[property];
+    }
+    TrackBy.trackByProperty = trackByProperty;
 })(TrackBy || (TrackBy = {}));
 
 class CommandContainer extends GarbageCollector {
@@ -2007,7 +2077,7 @@ class DefaultCellRendererComponent {
 DefaultCellRendererComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-default-cell-renderer',
-                template: "{{value}}\n",
+                template: "<span [innerHTML]=\"value| aupHighlight\"></span>\n",
                 styles: [""]
             },] }
 ];
@@ -7269,12 +7339,7 @@ class AbstractPlaceNavigationComponent extends DisposableComponent {
         this.commandFactory = Command.createFactory((placeDefinition) => {
             this.placeOutlet.navigate(new Visit(placeDefinition));
         });
-        when(this.placeOutletModel).changes(outlet => {
-            // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different
-            // values in the one change detection cycle. So instead we delay the update to a different
-            // tick.
-            setTimeout(() => this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null));
-        });
+        when(this.placeOutletModel).changes(outlet => this.handlePlaceOutLetChanged(outlet), { initialValue: "triggerChange" });
         this.activePlaceDefinition = chain(this._activePlaceComponent).pluck('placeDefinition');
         this.menuItems = chain(this.placeDefinitions).map(d => {
             return {
@@ -7284,11 +7349,14 @@ class AbstractPlaceNavigationComponent extends DisposableComponent {
         }, {
             dependsOn: this.activePlaceDefinition
         });
-        const txo = new TransactionObserver({ verbose: true }).onEvent(e => console.log(e.name, e.payload));
-        txo.observe('this.placesModel', this.placesModel);
-        txo.observe('this.placeDefinitions', this.placeDefinitions);
-        txo.observe('this.activePlaceDefinition', this.activePlaceDefinition);
-        txo.observe('this.menuItems', this.menuItems);
+        // const txo = new TransactionObserver({ verbose: true }).onEvent(e => console.log(e.name, e.payload));
+        // txo.observe('this.placesModel', this.placesModel);
+        // txo.observe('this.placeDefinitions', this.placeDefinitions);
+        // txo.observe('this.activePlaceDefinition', this.activePlaceDefinition);
+        // txo.observe('this.menuItems', this.menuItems);
+    }
+    handlePlaceOutLetChanged(outlet) {
+        this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null);
     }
     getNavigationFace(placeDef) {
         const navItem = placeDef.getPlaceData('nav');
@@ -7298,9 +7366,6 @@ class AbstractPlaceNavigationComponent extends DisposableComponent {
             icon: () => navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null)
         };
     }
-    isActive(place) {
-        return;
-    }
     ngOnInit() {
     }
 }
@@ -7964,6 +8029,78 @@ function VisitParameterList(options) {
     };
 }
 
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+// TODO: Merge various wake detection events into this class.  visibility, wake events, websocket connection, online detection.
+// Taken from: https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API
+class VisibilityService extends GarbageCollector {
+    // private _wakeEvents = new MutableStream<Instant>();
+    // private _throttledWakeEvents: Stream<Instant>;
+    constructor(document) {
+        super();
+        this._visibleModel = new MutableValueModel();
+        this.document = document; // see https://stackoverflow.com/a/53715642
+        const { chain } = Dsl.disposeWith(this);
+        // Set the name of the hidden property and the change event for visibility
+        if (typeof this.document.hidden !== 'undefined') { // Opera 12.10 and Firefox 18 and later support
+            this.attributeName = 'hidden';
+            this.eventName = 'visibilitychange';
+        }
+        else if (typeof this.document['msHidden'] !== 'undefined') {
+            this.attributeName = 'msHidden';
+            this.eventName = 'msvisibilitychange';
+        }
+        else if (typeof this.document['webkitHidden'] !== 'undefined') {
+            this.attributeName = 'webkitHidden';
+            this.eventName = 'webkitvisibilitychange';
+        }
+        // Warn if the browser doesn't support addEventListener or the Page Visibility API
+        if (typeof this.document.addEventListener === 'undefined' || typeof document[this.attributeName] === 'undefined') {
+            console.log('This demo requires a browser, such as Google Chrome or Firefox, that supports the Page Visibility API.');
+        }
+        else {
+            // Handle page visibility change
+            const handler = () => this.updateVisibilityState();
+            this.document.addEventListener(this.eventName, handler, false);
+            this.onDispose(() => {
+                this.document.removeEventListener(this.eventName, handler);
+            });
+        }
+        wakeEvent(() => this.updateVisibilityState());
+        this._visibleModel.value = this.isVisible();
+        // give the network a chance to come back or we end up with a bunch of failed requests.
+        // should probably also implement a connection service so that we can go
+        // connectionServer.ensureConnectedThen(fireWakeEvent);
+        // this._throttledWakeEvents = chain(this._wakeEvents).throttle(300);
+    }
+    // get wakeEvents(): Stream<Instant> {
+    //   return this._throttledWakeEvents;
+    // }
+    // @trace
+    updateVisibilityState() {
+        this._visibleModel.value = this.isVisible();
+        // this._wakeEvents.publish(Instant.now());
+    }
+    get visibleModel() {
+        return this._visibleModel.readonly;
+    }
+    isHidden() {
+        return !!this.document[this.attributeName];
+    }
+    isVisible() {
+        return !this.isHidden();
+    }
+}
+VisibilityService.ɵprov = ɵɵdefineInjectable({ factory: function VisibilityService_Factory() { return new VisibilityService(ɵɵinject(DOCUMENT)); }, token: VisibilityService, providedIn: "root" });
+VisibilityService.decorators = [
+    { type: Injectable, args: [{ providedIn: 'root' },] }
+];
+VisibilityService.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
+];
+
 /**
  * @file Automatically generated by barrelsby.
  */
@@ -7972,5 +8109,5 @@ function VisitParameterList(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FlattenStrategy, 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, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SelfAndDescendantsVisitor, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, TreeToListModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0 };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FlattenStrategy, FlexComponent, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, HighlightPipe, HighlightTextModelDirective, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SelfAndDescendantsVisitor, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, TreeToListModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, VisibilityService, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0 };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map