@coolon/angular-ui-powerups 3.6.0 → 3.7.0-alpha.0

package/cypress/components/aup-navigation.d.ts

@@ -0,0 +1,9 @@
+import { PageElement } from '../page-element';
+import { AupCommandFace } from './aup-command-face';
+export declare class AupNavigation extends PageElement {
+    static create(parent: PageElement, selector: string): AupNavigation;
+    click(label: string): void;
+    face(label: string): AupCommandFace;
+    shouldHaveLink(label: string): void;
+    shouldNotHaveLink(label: string): void;
+}

package/cypress/coolon-angular-ui-powerups-cypress.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./components/types"}],"metadata":{"PageElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":3,"character":45,"module":"./page-element"}]}],"element":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"shouldBeVisible":[{"__symbolic":"method"}],"shouldNotBeVisible":[{"__symbolic":"method"}]}},"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}},"Section":{"__symbolic":"interface"},"AupCommandFace":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupCommandGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupCommand":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Button"},"members":{}},"AupInput":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"PageElement"},"members":{"label":[{"__symbolic":"method"}],"hint":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"labelShouldBe":[{"__symbolic":"method"}],"hintShouldBe":[{"__symbolic":"method"}],"errorShouldBe":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}]}},"AupMoreMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupPopupMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupToolBar":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"Button":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"click":[{"__symbolic":"method"}],"shouldBeDisabled":[{"__symbolic":"method"}]}}},"origins":{"PageElement":"./page-element","Page":"./page","Section":"./section","AupCommandFace":"./components/aup-command-face","AupCommandGroup":"./components/aup-command-group","AupCommand":"./components/aup-command","AupInput":"./components/aup-input","AupMoreMenu":"./components/aup-more-menu","AupPopupMenu":"./components/aup-popup-menu","AupToolBar":"./components/aup-tool-bar","Button":"./components/button"},"importAs":"@coolon/angular-ui-powerups/cypress"}
+{"__symbolic":"module","version":4,"exports":[{"from":"./components/types"}],"metadata":{"PageElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":3,"character":45,"module":"./page-element"}]}],"element":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"shouldBeVisible":[{"__symbolic":"method"}],"shouldNotBeVisible":[{"__symbolic":"method"}]}},"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}},"Section":{"__symbolic":"interface"},"AupCommandFace":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupCommandGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupCommand":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Button"},"members":{}},"AupInput":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"PageElement"},"members":{"label":[{"__symbolic":"method"}],"hint":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"labelShouldBe":[{"__symbolic":"method"}],"hintShouldBe":[{"__symbolic":"method"}],"errorShouldBe":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}]}},"AupMoreMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"click":[{"__symbolic":"method"}],"face":[{"__symbolic":"method"}],"shouldHaveLink":[{"__symbolic":"method"}],"shouldNotHaveLink":[{"__symbolic":"method"}]}},"AupPopupMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupToolBar":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"Button":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"click":[{"__symbolic":"method"}],"shouldBeDisabled":[{"__symbolic":"method"}]}}},"origins":{"PageElement":"./page-element","Page":"./page","Section":"./section","AupCommandFace":"./components/aup-command-face","AupCommandGroup":"./components/aup-command-group","AupCommand":"./components/aup-command","AupInput":"./components/aup-input","AupMoreMenu":"./components/aup-more-menu","AupNavigation":"./components/aup-navigation","AupPopupMenu":"./components/aup-popup-menu","AupToolBar":"./components/aup-tool-bar","Button":"./components/button"},"importAs":"@coolon/angular-ui-powerups/cypress"}

package/cypress/exports.d.ts

@@ -9,6 +9,7 @@ export * from "./components/aup-command-group";
 export * from "./components/aup-command";
 export * from "./components/aup-input";
 export * from "./components/aup-more-menu";
+export * from "./components/aup-navigation";
 export * from "./components/aup-popup-menu";
 export * from "./components/aup-tool-bar";
 export * from "./components/button";

package/cypress/package.json

@@ -1,7 +1,8 @@
 {
   "peerDependencies": {
     "cypress": "^5.6.0",
-    "@coolon/typescript-utilities": "^2.2.0"
+    "@coolon/typescript-utilities": "^2.2.0",
+    "cypress-wait-until": "^1.6.1"
   },
   "main": "../bundles/coolon-angular-ui-powerups-cypress.umd.js",
   "module": "../fesm2015/coolon-angular-ui-powerups-cypress.js",

package/cypress/page.d.ts

@@ -7,6 +7,7 @@ export declare class Page extends PageElement {
     constructor(path: string);
     element(): Cypress.Chainable<JQuery<HTMLElement>>;
     visit(): void;
+    tryAndVisit(): void;
     shouldHaveActivityIds(...ids: string[]): void;
     shouldNotHaveActivityIds(): void;
     shouldBeActive(options?: {
@@ -27,6 +28,8 @@ export declare namespace Page {
             aupPasswordInput(selector?: string): import("./exports").AupInput<string>;
             aupNumberInput(selector?: string): import("./exports").AupInput<number>;
             aupCommand(face: import("./exports").Types.CommandFace): import("./exports").AupCommand;
+            aupTabbedNavigation<T_1 extends object>(): import("./exports").AupNavigation;
+            aupSideNavigation<T_2 extends object>(): import("./exports").AupNavigation;
             readonly rootElementAccessor?: () => Cypress.Chainable<JQuery<HTMLElement>>;
             element(): Cypress.Chainable<JQuery<HTMLElement>>;
             click(text?: string): void;

package/cypress/section.d.ts

@@ -2,6 +2,7 @@
 import { Constructable } from '@coolon/pectin';
 import { AupCommand } from './components/aup-command';
 import { AupInput } from './components/aup-input';
+import { AupNavigation } from './components/aup-navigation';
 import { Button } from './components/button';
 import { Types } from './components/types';
 import { PageElement } from './page-element';
@@ -14,6 +15,8 @@ export interface Section {
     aupPasswordInput(selector?: string): AupInput<string>;
     aupNumberInput(selector?: string): AupInput<number>;
     aupCommand(face: Types.CommandFace): AupCommand;
+    aupTabbedNavigation<T extends object>(): AupNavigation;
+    aupSideNavigation<T extends object>(): AupNavigation;
 }
 export declare namespace Section {
     function Mixin<BC extends Constructable<PageElement>>(Base: BC): {
@@ -26,6 +29,8 @@ export declare namespace Section {
             aupPasswordInput(selector?: string): AupInput<string>;
             aupNumberInput(selector?: string): AupInput<number>;
             aupCommand(face: Types.CommandFace): AupCommand;
+            aupTabbedNavigation<T_2 extends object>(): AupNavigation;
+            aupSideNavigation<T_3 extends object>(): AupNavigation;
             readonly rootElementAccessor?: () => Cypress.Chainable<JQuery<HTMLElement>>;
             element(): Cypress.Chainable<JQuery<HTMLElement>>;
             click(text?: string): void;

package/esm2015/cypress/components/aup-navigation.js

@@ -0,0 +1,21 @@
+import { PageElement } from '../page-element';
+import { AupCommandFace } from './aup-command-face';
+export class AupNavigation extends PageElement {
+    static create(parent, selector) {
+        const rootElementAccessor = () => parent.element().find(selector);
+        return new AupNavigation(rootElementAccessor);
+    }
+    click(label) {
+        return super.click(label);
+    }
+    face(label) {
+        return AupCommandFace.create(this, { text: () => label });
+    }
+    shouldHaveLink(label) {
+        this.face(label).shouldBeVisible();
+    }
+    shouldNotHaveLink(label) {
+        this.face(label).shouldNotBeVisible();
+    }
+}
+//# sourceMappingURL=aup-navigation.js.map

package/esm2015/cypress/components/aup-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aup-navigation.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/cypress/src/components/aup-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,OAAO,aAAc,SAAQ,WAAW;IAE5C,MAAM,CAAC,MAAM,CAAC,MAAmB,EAAE,QAAgB;QACjD,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClE,OAAO,IAAI,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAChD,CAAC;IAED,KAAK,CAAC,KAAa;QACjB,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,CAAC,KAAa;QAChB,OAAO,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,cAAc,CAAC,KAAa;QAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC;IAED,iBAAiB,CAAC,KAAa;QAC7B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,kBAAkB,EAAE,CAAC;IACxC,CAAC;CACF","sourcesContent":["import { PageElement } from '../page-element';\nimport { AupCommandFace } from './aup-command-face';\n\nexport class AupNavigation extends PageElement {\n\n  static create(parent: PageElement, selector: string) {\n    const rootElementAccessor = () => parent.element().find(selector);\n    return new AupNavigation(rootElementAccessor);\n  }\n\n  click(label: string) {\n    return super.click(label);\n  }\n\n  face(label: string): AupCommandFace {\n    return AupCommandFace.create(this, { text: () => label });\n  }\n\n  shouldHaveLink(label: string) {\n    this.face(label).shouldBeVisible();\n  }\n\n  shouldNotHaveLink(label: string) {\n    this.face(label).shouldNotBeVisible();\n  }\n}\n"]}

package/esm2015/cypress/components/aup-navigation.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"AupNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../page-element","name":"PageElement","line":3,"character":35},"members":{"click":[{"__symbolic":"method"}],"face":[{"__symbolic":"method"}],"shouldHaveLink":[{"__symbolic":"method"}],"shouldNotHaveLink":[{"__symbolic":"method"}]}}}}]

package/esm2015/cypress/exports.js

@@ -9,6 +9,7 @@ export * from "./components/aup-command-group";
 export * from "./components/aup-command";
 export * from "./components/aup-input";
 export * from "./components/aup-more-menu";
+export * from "./components/aup-navigation";
 export * from "./components/aup-popup-menu";
 export * from "./components/aup-tool-bar";
 export * from "./components/button";

package/esm2015/cypress/exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/exports.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./page-element\";\nexport * from \"./page\";\nexport * from \"./section\";\nexport * from \"./components/aup-command-face\";\nexport * from \"./components/aup-command-group\";\nexport * from \"./components/aup-command\";\nexport * from \"./components/aup-input\";\nexport * from \"./components/aup-more-menu\";\nexport * from \"./components/aup-popup-menu\";\nexport * from \"./components/aup-tool-bar\";\nexport * from \"./components/button\";\nexport * from \"./components/types\";\n"]}
+{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/exports.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./page-element\";\nexport * from \"./page\";\nexport * from \"./section\";\nexport * from \"./components/aup-command-face\";\nexport * from \"./components/aup-command-group\";\nexport * from \"./components/aup-command\";\nexport * from \"./components/aup-input\";\nexport * from \"./components/aup-more-menu\";\nexport * from \"./components/aup-navigation\";\nexport * from \"./components/aup-popup-menu\";\nexport * from \"./components/aup-tool-bar\";\nexport * from \"./components/button\";\nexport * from \"./components/types\";\n"]}

package/esm2015/cypress/exports.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./page-element"},{"from":"./page"},{"from":"./section"},{"from":"./components/aup-command-face"},{"from":"./components/aup-command-group"},{"from":"./components/aup-command"},{"from":"./components/aup-input"},{"from":"./components/aup-more-menu"},{"from":"./components/aup-popup-menu"},{"from":"./components/aup-tool-bar"},{"from":"./components/button"},{"from":"./components/types"}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./page-element"},{"from":"./page"},{"from":"./section"},{"from":"./components/aup-command-face"},{"from":"./components/aup-command-group"},{"from":"./components/aup-command"},{"from":"./components/aup-input"},{"from":"./components/aup-more-menu"},{"from":"./components/aup-navigation"},{"from":"./components/aup-popup-menu"},{"from":"./components/aup-tool-bar"},{"from":"./components/button"},{"from":"./components/types"}]}]

package/esm2015/cypress/page.js

@@ -11,9 +11,12 @@ export class Page extends PageElement {
         return cy.get(this.rootElementSelector);
     }
     visit() {
-        cy.visit(this.path);
+        this.tryAndVisit();
         this.shouldBeActive();
     }
+    tryAndVisit() {
+        cy.visit(this.path);
+    }
     shouldHaveActivityIds(...ids) {
         cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);
     }
@@ -21,6 +24,12 @@ export class Page extends PageElement {
         cy.location('search').should('not.contain', `?aup-interactions`);
     }
     shouldBeActive(options) {
+        // Note: cy.window() doesn't return a promise... it's a chainable.
+        cy.window().then(window => {
+            cy['waitUntil'](() => {
+                return window['aup.PlaceRouter'] && !window['aup.PlaceRouter'].isNavigating();
+            });
+        });
         const bits = [this.path];
         // TODO: add support for parameter names...
         if (options && options.withParameters) {

package/esm2015/cypress/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,IAAK,SAAQ,WAAW;IAInC,YAAqB,IAAY;QAC/B,KAAK,EAAE,CAAC;QADW,SAAI,GAAJ,IAAI,CAAQ;QAFvB,wBAAmB,GAAG,MAAM,CAAC;IAIvC,CAAC;IAED,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1C,CAAC;IAED,KAAK;QACH,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,qBAAqB,CAAC,GAAG,GAAa;QACpC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,qBAAqB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjF,CAAC;IAED,wBAAwB;QACtB,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC;IACnE,CAAC;IAED,cAAc,CAAC,OAAqF;QAClG,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,2CAA2C;QAC3C,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACxB;QACD,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,sBAAsB,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACvE;QAED,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAE1E,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,EAAE;YAChC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;SAC5C;IACH,CAAC;CAEF;AAGD,WAAiB,IAAI;IAEnB,SAAgB,MAAM,CAAmB,IAAY,EAAE,IAA0B;QAC/E,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,CAAa,CAAC;IAC/D,CAAC;IAHe,WAAM,SAGrB,CAAA;IAED,MAAa,OAAQ,SAAQ,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;KAC/C;IADY,YAAO,UACnB,CAAA;AAEH,CAAC,EAVgB,IAAI,KAAJ,IAAI,QAUpB","sourcesContent":["import { Mixin } from '@coolon/typescript-utilities';\nimport { PageElement } from './page-element';\nimport { Section } from './section';\n\nexport class Page extends PageElement {\n\n  protected rootElementSelector = 'body';\n\n  constructor(readonly path: string) {\n    super();\n  }\n\n  element(): Cypress.Chainable<JQuery<HTMLElement>> {\n    return cy.get(this.rootElementSelector);\n  }\n\n  visit() {\n    cy.visit(this.path);\n    this.shouldBeActive();\n  }\n\n  shouldHaveActivityIds(...ids: string[]) {\n    cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);\n  }\n\n  shouldNotHaveActivityIds() {\n    cy.location('search').should('not.contain', `?aup-interactions`);\n  }\n\n  shouldBeActive(options?: { withTitle?: string, withActivities?: string[], withParameters?: boolean }) {\n    const bits = [this.path];\n    // TODO: add support for parameter names...\n    if (options && options.withParameters) {\n      bits.push(`;([^\\?]+)`);\n    }\n    if (options && options.withActivities) {\n      bits.push(`\\?aup-interactions=${options.withActivities.join('--')})`);\n    }\n\n    cy.location('pathname').should('match', new RegExp(`^${bits.join('')}$`));\n\n    if (options && options.withTitle) {\n      cy.title().should('eq', options.withTitle);\n    }\n  }\n\n}\n\n\nexport namespace Page {\n\n  export function create<T extends object>(path: string, page: (page: Builder) => T): T & Page {\n    const builder = new Builder(path);\n    return Mixin.createProxy(page(builder), builder) as T & Page;\n  }\n\n  export class Builder extends Section.Mixin(Page) {\n  }\n\n}\n"]}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,IAAK,SAAQ,WAAW;IAInC,YAAqB,IAAY;QAC/B,KAAK,EAAE,CAAC;QADW,SAAI,GAAJ,IAAI,CAAQ;QAFvB,wBAAmB,GAAG,MAAM,CAAC;IAIvC,CAAC;IAED,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1C,CAAC;IAED,KAAK;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,WAAW;QACT,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,qBAAqB,CAAC,GAAG,GAAa;QACpC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,qBAAqB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjF,CAAC;IAED,wBAAwB;QACtB,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC;IACnE,CAAC;IAED,cAAc,CAAC,OAAqF;QAElG,kEAAkE;QAClE,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxB,EAAE,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE;gBACnB,OAAO,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,EAAE,CAAC;YAChF,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAA;QAEF,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzB,2CAA2C;QAC3C,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACxB;QACD,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,sBAAsB,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACvE;QAED,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAE1E,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,EAAE;YAChC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;SAC5C;IACH,CAAC;CAEF;AAGD,WAAiB,IAAI;IAEnB,SAAgB,MAAM,CAAmB,IAAY,EAAE,IAA0B;QAC/E,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,CAAa,CAAC;IAC/D,CAAC;IAHe,WAAM,SAGrB,CAAA;IAED,MAAa,OAAQ,SAAQ,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;KAC/C;IADY,YAAO,UACnB,CAAA;AAEH,CAAC,EAVgB,IAAI,KAAJ,IAAI,QAUpB","sourcesContent":["import { Mixin } from '@coolon/typescript-utilities';\nimport { PageElement } from './page-element';\nimport { Section } from './section';\n\nexport class Page extends PageElement {\n\n  protected rootElementSelector = 'body';\n\n  constructor(readonly path: string) {\n    super();\n  }\n\n  element(): Cypress.Chainable<JQuery<HTMLElement>> {\n    return cy.get(this.rootElementSelector);\n  }\n\n  visit() {\n    this.tryAndVisit();\n    this.shouldBeActive();\n  }\n\n  tryAndVisit() {\n    cy.visit(this.path);\n  }\n\n  shouldHaveActivityIds(...ids: string[]) {\n    cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);\n  }\n\n  shouldNotHaveActivityIds() {\n    cy.location('search').should('not.contain', `?aup-interactions`);\n  }\n\n  shouldBeActive(options?: { withTitle?: string, withActivities?: string[], withParameters?: boolean }) {\n\n    // Note: cy.window() doesn't return a promise... it's a chainable.\n    cy.window().then(window => {\n      cy['waitUntil'](() => {\n        return window['aup.PlaceRouter'] && !window['aup.PlaceRouter'].isNavigating();\n      });\n    })\n\n    const bits = [this.path];\n\n    // TODO: add support for parameter names...\n    if (options && options.withParameters) {\n      bits.push(`;([^\\?]+)`);\n    }\n    if (options && options.withActivities) {\n      bits.push(`\\?aup-interactions=${options.withActivities.join('--')})`);\n    }\n\n    cy.location('pathname').should('match', new RegExp(`^${bits.join('')}$`));\n\n    if (options && options.withTitle) {\n      cy.title().should('eq', options.withTitle);\n    }\n  }\n\n}\n\n\nexport namespace Page {\n\n  export function create<T extends object>(path: string, page: (page: Builder) => T): T & Page {\n    const builder = new Builder(path);\n    return Mixin.createProxy(page(builder), builder) as T & Page;\n  }\n\n  export class Builder extends Section.Mixin(Page) {\n  }\n\n}\n"]}

package/esm2015/cypress/page.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./page-element","name":"PageElement","line":4,"character":26},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./page-element","name":"PageElement","line":4,"character":26},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}}}}]

package/esm2015/cypress/section.js

@@ -1,6 +1,7 @@
 import { Mixin as CreateMixin } from '@coolon/typescript-utilities';
 import { AupCommand } from './components/aup-command';
 import { AupInput } from './components/aup-input';
+import { AupNavigation } from './components/aup-navigation';
 import { Button } from './components/button';
 import { PageElement } from './page-element';
 export var Section;
@@ -32,6 +33,12 @@ export var Section;
             aupCommand(face) {
                 return AupCommand.create(this, face);
             }
+            aupTabbedNavigation() {
+                return AupNavigation.create(this, 'aup-tabbed-place-navigation');
+            }
+            aupSideNavigation() {
+                return AupNavigation.create(this, 'aup-list-place-nav');
+            }
         };
     }
     Section.Mixin = Mixin;

package/esm2015/cypress/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/section.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA8B7C,MAAM,KAAW,OAAO,CA4DvB;AA5DD,WAAiB,OAAO;IAEtB,SAAgB,KAAK,CAAwC,IAAQ;QAEnE,OAAO,KAAM,SAAQ,IAAI;YAEvB,OAAO,CAAmB,QAAgB,EAAE,OAAgC;gBAC1E,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC3D,OAAO,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;YACtD,CAAC;YAED,QAAQ,CAAC,IAAY;gBACnB,OAAO,IAAI,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9D,CAAC;YAED,MAAM,CAAC,IAAY;gBACjB,OAAO,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;YACnE,CAAC;YAED,cAAc,CAAC,QAAiB;gBAC9B,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,kBAAkB,CAAC,CAAC,CAAC;YAC3F,CAAC;YAED,YAAY,CAAC,QAAiB;gBAC5B,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,gBAAgB,CAAC,CAAC,CAAC;YAC7F,CAAC;YAED,gBAAgB,CAAC,QAAiB;gBAChC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,oBAAoB,CAAC,CAAC,CAAC;YAC7F,CAAC;YAED,cAAc,CAAC,QAAiB;gBAC9B,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,kBAAkB,CAAC,CAAC,CAAC;YAC3F,CAAC;YAED,UAAU,CAAC,IAAuB;gBAChC,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACvC,CAAC;SAgBF,CAAC;IACJ,CAAC;IApDe,aAAK,QAoDpB,CAAA;IAED,MAAM,IAAK,SAAQ,KAAK,CAAC,WAAW,CAAC;KACpC;AAGH,CAAC,EA5DgB,OAAO,KAAP,OAAO,QA4DvB","sourcesContent":["import { Constructable } from '@coolon/pectin';\nimport { Mixin as CreateMixin } from '@coolon/typescript-utilities';\nimport { AupCommand } from './components/aup-command';\nimport { AupInput } from './components/aup-input';\nimport { Button } from './components/button';\nimport { Types } from './components/types';\nimport { PageElement } from './page-element';\n\nexport interface Section {\n  section<T extends object>(selector: string, section: (section: Section) => T): T & PageElement;\n\n  contains(text: string): PageElement\n\n  button(text: string): Button;\n\n  aupStringInput(selector?: string): AupInput<string>;\n\n  aupTextInput(selector?: string): AupInput<string>;\n\n  aupPasswordInput(selector?: string): AupInput<string>;\n\n  aupNumberInput(selector?: string): AupInput<number>;\n\n  aupCommand(face: Types.CommandFace): AupCommand;\n\n  // aupToolbar<T extends object>(builder: () => T): AupToolBar & T\n  //\n  // aupToolbar<T extends object>(selector: string, builder: () => T): AupToolBar & T\n  //\n  // aupToolbar<T extends object>(selectorOrBuilder: string | (() => T), builder?: () => T): AupToolBar & T\n  //\n  // aupPopupMenu<T extends object>(face: CommandFace, builder: () => T): AupPopupMenu & T\n\n}\n\n\nexport namespace Section {\n\n  export function Mixin<BC extends Constructable<PageElement>>(Base: BC) {\n\n    return class extends Base implements Section {\n\n      section<T extends object>(selector: string, section: (section: Section) => T): T & PageElement {\n        const impl = new Impl(() => this.element().find(selector));\n        return CreateMixin.createProxy(section(impl), impl);\n      }\n\n      contains(text: string): PageElement {\n        return new PageElement(() => this.element().contains(text));\n      }\n\n      button(text: string): Button {\n        return new Button(() => this.element().contains(`button`, text));\n      }\n\n      aupStringInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element().find(selector ?? 'aup-string-input'));\n      }\n\n      aupTextInput(selector?: string): AupInput<string> {\n        return new AupInput.TextAreaInput(() => this.element().find(selector ?? 'aup-text-input'));\n      }\n\n      aupPasswordInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element().find(selector ?? 'aup-password-input'));\n      }\n\n      aupNumberInput(selector?: string): AupInput<number> {\n        return new AupInput.HtmlInput(() => this.element().find(selector ?? 'aup-number-input'));\n      }\n\n      aupCommand(face: Types.CommandFace): AupCommand {\n        return AupCommand.create(this, face);\n      }\n\n      // aupToolbar<T extends object>(builder: () => T): AupToolBar\n      // aupToolbar<T extends object>(selector: string, builder: () => T): AupToolBar\n      // aupToolbar<T extends object>(selectorOrBuilder: string | (() => T), builder?: () => T): AupToolBar {\n      //   return lang.notImplemented();\n      // }\n      //\n      // aupPopupMenu<T extends object>(face: CommandFace, builder: () => T): AupPopupMenu & T {\n      //   return lang.notImplemented();\n      // }\n      //\n      // aupMoreMenu<T extends object>(builder: () => T): AupPopupMenu & T {\n      //   return lang.notImplemented();\n      // }\n\n    };\n  }\n\n  class Impl extends Mixin(PageElement) {\n  }\n\n\n}\n"]}
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/section.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiC7C,MAAM,KAAW,OAAO,CAqEvB;AArED,WAAiB,OAAO;IAEtB,SAAgB,KAAK,CAAwC,IAAQ;QAEnE,OAAO,KAAM,SAAQ,IAAI;YAEvB,OAAO,CAAmB,QAAgB,EAAE,OAAgC;gBAC1E,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC3D,OAAO,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;YACtD,CAAC;YAED,QAAQ,CAAC,IAAY;gBACnB,OAAO,IAAI,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9D,CAAC;YAED,MAAM,CAAC,IAAY;gBACjB,OAAO,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;YACnE,CAAC;YAED,cAAc,CAAC,QAAiB;gBAC9B,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,kBAAkB,CAAC,CAAC,CAAC;YAC3F,CAAC;YAED,YAAY,CAAC,QAAiB;gBAC5B,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,gBAAgB,CAAC,CAAC,CAAC;YAC7F,CAAC;YAED,gBAAgB,CAAC,QAAiB;gBAChC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,oBAAoB,CAAC,CAAC,CAAC;YAC7F,CAAC;YAED,cAAc,CAAC,QAAiB;gBAC9B,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,kBAAkB,CAAC,CAAC,CAAC;YAC3F,CAAC;YAED,UAAU,CAAC,IAAuB;gBAChC,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACvC,CAAC;YAED,mBAAmB;gBACjB,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,EAAE,6BAA6B,CAAC,CAAC;YACnE,CAAC;YAED,iBAAiB;gBACf,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;YAC1D,CAAC;SAiBF,CAAC;IACJ,CAAC;IA7De,aAAK,QA6DpB,CAAA;IAED,MAAM,IAAK,SAAQ,KAAK,CAAC,WAAW,CAAC;KACpC;AAGH,CAAC,EArEgB,OAAO,KAAP,OAAO,QAqEvB","sourcesContent":["import { Constructable } from '@coolon/pectin';\nimport { Mixin as CreateMixin } from '@coolon/typescript-utilities';\nimport { AupCommand } from './components/aup-command';\nimport { AupInput } from './components/aup-input';\nimport { AupNavigation } from './components/aup-navigation';\nimport { Button } from './components/button';\nimport { Types } from './components/types';\nimport { PageElement } from './page-element';\n\nexport interface Section {\n  section<T extends object>(selector: string, section: (section: Section) => T): T & PageElement;\n\n  contains(text: string): PageElement\n\n  button(text: string): Button;\n\n  aupStringInput(selector?: string): AupInput<string>;\n\n  aupTextInput(selector?: string): AupInput<string>;\n\n  aupPasswordInput(selector?: string): AupInput<string>;\n\n  aupNumberInput(selector?: string): AupInput<number>;\n\n  aupCommand(face: Types.CommandFace): AupCommand;\n\n  // aupToolbar<T extends object>(builder: () => T): AupToolBar & T\n  //\n  // aupToolbar<T extends object>(selector: string, builder: () => T): AupToolBar & T\n  //\n  // aupToolbar<T extends object>(selectorOrBuilder: string | (() => T), builder?: () => T): AupToolBar & T\n  //\n  // aupPopupMenu<T extends object>(face: CommandFace, builder: () => T): AupPopupMenu & T\n\n  aupTabbedNavigation<T extends object>(): AupNavigation;\n  aupSideNavigation<T extends object>(): AupNavigation;\n\n}\n\n\nexport namespace Section {\n\n  export function Mixin<BC extends Constructable<PageElement>>(Base: BC) {\n\n    return class extends Base implements Section {\n\n      section<T extends object>(selector: string, section: (section: Section) => T): T & PageElement {\n        const impl = new Impl(() => this.element().find(selector));\n        return CreateMixin.createProxy(section(impl), impl);\n      }\n\n      contains(text: string): PageElement {\n        return new PageElement(() => this.element().contains(text));\n      }\n\n      button(text: string): Button {\n        return new Button(() => this.element().contains(`button`, text));\n      }\n\n      aupStringInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element().find(selector ?? 'aup-string-input'));\n      }\n\n      aupTextInput(selector?: string): AupInput<string> {\n        return new AupInput.TextAreaInput(() => this.element().find(selector ?? 'aup-text-input'));\n      }\n\n      aupPasswordInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element().find(selector ?? 'aup-password-input'));\n      }\n\n      aupNumberInput(selector?: string): AupInput<number> {\n        return new AupInput.HtmlInput(() => this.element().find(selector ?? 'aup-number-input'));\n      }\n\n      aupCommand(face: Types.CommandFace): AupCommand {\n        return AupCommand.create(this, face);\n      }\n\n      aupTabbedNavigation<T extends object>(): AupNavigation {\n        return AupNavigation.create(this, 'aup-tabbed-place-navigation');\n      }\n\n      aupSideNavigation<T extends object>(): AupNavigation {\n        return AupNavigation.create(this, 'aup-list-place-nav');\n      }\n\n\n      // aupToolbar<T extends object>(builder: () => T): AupToolBar\n      // aupToolbar<T extends object>(selector: string, builder: () => T): AupToolBar\n      // aupToolbar<T extends object>(selectorOrBuilder: string | (() => T), builder?: () => T): AupToolBar {\n      //   return lang.notImplemented();\n      // }\n      //\n      // aupPopupMenu<T extends object>(face: CommandFace, builder: () => T): AupPopupMenu & T {\n      //   return lang.notImplemented();\n      // }\n      //\n      // aupMoreMenu<T extends object>(builder: () => T): AupPopupMenu & T {\n      //   return lang.notImplemented();\n      // }\n\n    };\n  }\n\n  class Impl extends Mixin(PageElement) {\n  }\n\n\n}\n"]}

package/esm2015/lib/place/components/abstract-place-navigation.component.js

@@ -1,20 +1,22 @@
 import { __decorate, __metadata } from "tslib";
-import { Component, Input } from '@angular/core';
+import { Component, Inject, Input } from '@angular/core';
 import { Command, DelegatingValueModel, Dsl, ListModel, StoreInListModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import { CommandFace } from '../../components/commands/command-face';
 import { DisposableComponent } from '../../components/disposable-component';
+import { PLACE_AUTH_SERVICE } from '../place-auth-service';
 import { PlaceComponent } from '../place-component';
 import { PlaceDefinition } from '../place-definition';
-import { PlaceRouter } from '../place-router';
 import { Visit } from '../visit';
 import { PlaceOutletComponent } from './place-outlet/place-outlet.component';
 export class AbstractPlaceNavigationComponent extends DisposableComponent {
-    constructor(placeRouter) {
+    constructor(authService) {
         super();
         this._activePlaceComponent = new DelegatingValueModel();
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        this.placeDefinitions = chain(this.placesModel).map(c => PlaceComponent.getDefinition(c));
+        this.placeDefinitions = chain(this.placesModel)
+            .map(c => PlaceComponent.getDefinition(c))
+            .select(d => authService.authoriserModel.value(d), { dependsOn: authService.authoriserModel });
         this.commandFactory = Command.createFactory((placeDefinition) => {
             this.placeOutlet.navigate(new Visit(placeDefinition));
         });
@@ -46,7 +48,7 @@ AbstractPlaceNavigationComponent.decorators = [
             },] }
 ];
 AbstractPlaceNavigationComponent.ctorParameters = () => [
-    { type: PlaceRouter }
+    { type: undefined, decorators: [{ type: Inject, args: [PLACE_AUTH_SERVICE,] }] }
 ];
 AbstractPlaceNavigationComponent.propDecorators = {
     places: [{ type: Input }],

package/esm2015/lib/place/components/abstract-place-navigation.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/place/components/abstract-place-navigation.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport {\n  Command,\n  Constructable,\n  DelegatingValueModel,\n  Dsl,\n  ListModel,\n  ListModelChain,\n  StoreInListModel,\n  StoreInValueModel,\n  TransactionObserver,\n  TrackExternal,\n  ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { CommandFace } from '../../components/commands/command-face';\nimport { DisposableComponent } from '../../components/disposable-component';\nimport { NavItem } from '../nav-item';\nimport { PlaceComponent } from '../place-component';\nimport { PlaceDefinition } from '../place-definition';\nimport { PlaceRouter } from '../place-router';\nimport { Visit } from '../visit';\nimport { PlaceOutletComponent } from './place-outlet/place-outlet.component';\n\n@Component({\n  template: ''\n})\nexport class AbstractPlaceNavigationComponent extends DisposableComponent implements OnInit {\n\n  @Input() @StoreInListModel('placesModel')\n  places: Constructable<PlaceComponent>[];\n\n  @Input() @TrackExternal()\n  placesModel: ListModel<Constructable<PlaceComponent>>;\n\n\n  @Input() @StoreInValueModel('placeOutletModel')\n  placeOutlet: PlaceOutletComponent;\n\n  @Input() @TrackExternal()\n  placeOutletModel: ValueModel<PlaceOutletComponent>;\n\n  readonly placeDefinitions: ListModelChain<PlaceDefinition>;\n\n  readonly commandFactory: Command.Factory<PlaceDefinition, void>;\n  readonly _activePlaceComponent = new DelegatingValueModel<PlaceComponent>();\n  private activePlaceDefinition: ValueModelChain<PlaceDefinition>;\n\n  constructor(placeRouter: PlaceRouter) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.placeDefinitions = chain(this.placesModel).map(c => PlaceComponent.getDefinition(c));\n    this.commandFactory = Command.createFactory((placeDefinition: PlaceDefinition) => {\n      this.placeOutlet.navigate(new Visit(placeDefinition));\n    });\n\n    when(this.placeOutletModel).changes(outlet => {\n      // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different\n      // values in the one change detection cycle. So instead we delay the update to a different\n      // tick.\n      setTimeout(() => this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null));\n    });\n    this.activePlaceDefinition = chain(this._activePlaceComponent).pluck('placeDefinition');\n  }\n\n\n  @Memoize()\n  getNavigationFace(placeDef: PlaceDefinition): CommandFace {\n    const navItem = placeDef.getPlaceData('nav') as NavItem;\n    return {\n      text: () => navItem ? navItem.title() : placeDef.searchPlaceData(['navTitle', 'title']),\n      tooltip: () => navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getPlaceData('navTooltip', null),\n      icon: () => navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null)\n    };\n  }\n\n  isActive(place: PlaceDefinition): boolean {\n    return this.activePlaceDefinition.query().equals(place);\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/place/components/abstract-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,OAAO,EAEP,oBAAoB,EACpB,GAAG,EACH,SAAS,EAET,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,UAAU,EAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAoB,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAK7E,MAAM,OAAO,gCAAiC,SAAQ,mBAAmB;IAqBvE,YAAwC,WAA6B;QACnE,KAAK,EAAE,CAAC;QAJD,0BAAqB,GAAG,IAAI,oBAAoB,EAAkB,CAAC;QAK1E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;aAC5C,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;aACzC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,eAAe,EAAE,CAAC,CAAC;QACjG,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,eAAgC,EAAE,EAAE;YAC/E,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC3C,+FAA+F;YAC/F,0FAA0F;YAC1F,QAAQ;YACR,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACpG,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC1F,CAAC;IAID,iBAAiB,CAAC,QAAyB;QACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAY,CAAC;QACxD,OAAO;YACL,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YACvF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC;YACzG,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC;SAC9F,CAAC;IACJ,CAAC;IAED,QAAQ,CAAC,KAAsB;QAC7B,OAAO,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IAED,QAAQ;IACR,CAAC;;;YA3DF,SAAS,SAAC;gBACT,QAAQ,EAAE,EAAE;aACb;;;4CAsBc,MAAM,SAAC,kBAAkB;;;qBAnBrC,KAAK;0BAGL,KAAK;0BAIL,KAAK;+BAGL,KAAK;;AATN;IADU,gBAAgB,CAAC,aAAa,CAAC;;gEACD;AAGxC;IADU,aAAa,EAAE;8BACZ,SAAS;qEAAgC;AAItD;IADU,iBAAiB,CAAC,kBAAkB,CAAC;8BAClC,oBAAoB;qEAAC;AAGlC;IADU,aAAa,EAAE;8BACP,UAAU;0EAAuB;AA6BnD;IADC,OAAO,EAAE;;qCACkB,eAAe;;yEAO1C","sourcesContent":["import { Component, Inject, Input, OnInit } from '@angular/core';\nimport {\n  Command,\n  Constructable,\n  DelegatingValueModel,\n  Dsl,\n  ListModel,\n  ListModelChain,\n  StoreInListModel,\n  StoreInValueModel,\n  TrackExternal,\n  ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { CommandFace } from '../../components/commands/command-face';\nimport { DisposableComponent } from '../../components/disposable-component';\nimport { NavItem } from '../nav-item';\nimport { PLACE_AUTH_SERVICE, PlaceAuthService } from '../place-auth-service';\nimport { PlaceComponent } from '../place-component';\nimport { PlaceDefinition } from '../place-definition';\nimport { Visit } from '../visit';\nimport { PlaceOutletComponent } from './place-outlet/place-outlet.component';\n\n@Component({\n  template: ''\n})\nexport class AbstractPlaceNavigationComponent extends DisposableComponent implements OnInit {\n\n  @Input() @StoreInListModel('placesModel')\n  places: Constructable<PlaceComponent>[];\n\n  @Input() @TrackExternal()\n  placesModel: ListModel<Constructable<PlaceComponent>>;\n\n\n  @Input() @StoreInValueModel('placeOutletModel')\n  placeOutlet: PlaceOutletComponent;\n\n  @Input() @TrackExternal()\n  placeOutletModel: ValueModel<PlaceOutletComponent>;\n\n  readonly placeDefinitions: ListModelChain<PlaceDefinition>;\n\n  readonly commandFactory: Command.Factory<PlaceDefinition, void>;\n  readonly _activePlaceComponent = new DelegatingValueModel<PlaceComponent>();\n  private activePlaceDefinition: ValueModelChain<PlaceDefinition>;\n\n  constructor(@Inject(PLACE_AUTH_SERVICE) authService: PlaceAuthService) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.placeDefinitions = chain(this.placesModel)\n      .map(c => PlaceComponent.getDefinition(c))\n      .select(d => authService.authoriserModel.value(d), { dependsOn: authService.authoriserModel });\n    this.commandFactory = Command.createFactory((placeDefinition: PlaceDefinition) => {\n      this.placeOutlet.navigate(new Visit(placeDefinition));\n    });\n\n    when(this.placeOutletModel).changes(outlet => {\n      // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different\n      // values in the one change detection cycle. So instead we delay the update to a different\n      // tick.\n      setTimeout(() => this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null));\n    });\n    this.activePlaceDefinition = chain(this._activePlaceComponent).pluck('placeDefinition');\n  }\n\n\n  @Memoize()\n  getNavigationFace(placeDef: PlaceDefinition): CommandFace {\n    const navItem = placeDef.getPlaceData('nav') as NavItem;\n    return {\n      text: () => navItem ? navItem.title() : placeDef.searchPlaceData(['navTitle', 'title']),\n      tooltip: () => navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getPlaceData('navTooltip', null),\n      icon: () => navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null)\n    };\n  }\n\n  isActive(place: PlaceDefinition): boolean {\n    return this.activePlaceDefinition.query().equals(place);\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm2015/lib/place/components/abstract-place-navigation.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractPlaceNavigationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../components/disposable-component","name":"DisposableComponent","line":28,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"template":""}]}],"members":{"places":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":30,"character":12},"arguments":["placesModel"]}]}],"placesModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":33,"character":12}}]}],"placeOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":37,"character":12},"arguments":["placeOutletModel"]}]}],"placeOutletModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":40,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../place-router","name":"PlaceRouter","line":49,"character":27}]}],"getNavigationFace":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":67,"character":3}}]}],"isActive":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AbstractPlaceNavigationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../components/disposable-component","name":"DisposableComponent","line":27,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"template":""}]}],"members":{"places":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":29,"character":12},"arguments":["placesModel"]}]}],"placesModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":32,"character":12}}]}],"placeOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":36,"character":12},"arguments":["placeOutletModel"]}]}],"placeOutletModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":39,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":15},"arguments":[{"__symbolic":"reference","module":"../place-auth-service","name":"PLACE_AUTH_SERVICE","line":48,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"../place-auth-service","name":"PlaceAuthService","line":48,"character":55}]}],"getNavigationFace":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":68,"character":3}}]}],"isActive":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js

@@ -1,19 +1,19 @@
-import { Component } from '@angular/core';
-import { PlaceRouter } from '../../place-router';
+import { Component, Inject } from '@angular/core';
+import { PLACE_AUTH_SERVICE } from '../../place-auth-service';
 import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';
 export class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {
-    constructor(placeRouter) {
-        super(placeRouter);
+    constructor(authService) {
+        super(authService);
     }
 }
 ListPlaceNavComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-list-place-nav',
                 template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(placeDefinition)]\"></aup-command-face>\n  </a>\n</mat-nav-list>\n",
-                styles: [":host{--selected-background:#f1f1f1;--selected-border-color:#838383;--selected-color:inherit;display:flex;flex-direction:column}mat-nav-list{padding-top:0}a.active{background:var(--selected-background);border-right:2px solid var(--selected-border-color);color:var(--selected-color)}"]
+                styles: [":host{--selected-background:#f1f1f1;--selected-border-color:#838383;--selected-color:inherit;display:flex;flex-direction:column}mat-nav-list{padding-top:0}a{border-right:2px solid transparent}a.active{background:var(--selected-background);border-right:2px solid var(--selected-border-color);color:var(--selected-color)}"]
             },] }
 ];
 ListPlaceNavComponent.ctorParameters = () => [
-    { type: PlaceRouter }
+    { type: undefined, decorators: [{ type: Inject, args: [PLACE_AUTH_SERVICE,] }] }
 ];
 //# sourceMappingURL=list-place-nav.component.js.map

package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-place-nav.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/place/components/list-place-nav/list-place-nav.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,qBAAsB,SAAQ,gCAAgC;IAEzE,YAAY,WAAuB;QACjC,KAAK,CAAC,WAAW,CAAC,CAAC;IACrB,CAAC;;;YATF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,8ZAA8C;;aAE/C;;;YAPQ,WAAW","sourcesContent":["import { Component, HostBinding } from '@angular/core';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n  selector: 'aup-list-place-nav',\n  templateUrl: './list-place-nav.component.html',\n  styleUrls: ['./list-place-nav.component.scss']\n})\nexport class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {\n\n  constructor(placeRouter:PlaceRouter) {\n    super(placeRouter);\n  }\n}\n"]}
+{"version":3,"file":"list-place-nav.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/place/components/list-place-nav/list-place-nav.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAoB,MAAM,0BAA0B,CAAC;AAEhF,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,qBAAsB,SAAQ,gCAAgC;IAEzE,YAAwC,WAA6B;QACnE,KAAK,CAAC,WAAW,CAAC,CAAC;IACrB,CAAC;;;YATF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,8ZAA8C;;aAE/C;;;4CAGc,MAAM,SAAC,kBAAkB","sourcesContent":["import { Component, HostBinding, Inject } from '@angular/core';\nimport { PLACE_AUTH_SERVICE, PlaceAuthService } from '../../place-auth-service';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n  selector: 'aup-list-place-nav',\n  templateUrl: './list-place-nav.component.html',\n  styleUrls: ['./list-place-nav.component.scss']\n})\nexport class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {\n\n  constructor(@Inject(PLACE_AUTH_SERVICE) authService: PlaceAuthService) {\n    super(authService);\n  }\n}\n"]}

package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ListPlaceNavComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-place-navigation.component","name":"AbstractPlaceNavigationComponent","line":9,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aup-list-place-nav","template":"<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(placeDefinition)]\"></aup-command-face>\n  </a>\n</mat-nav-list>\n","styles":[":host{--selected-background:#f1f1f1;--selected-border-color:#838383;--selected-color:inherit;display:flex;flex-direction:column}mat-nav-list{padding-top:0}a.active{background:var(--selected-background);border-right:2px solid var(--selected-border-color);color:var(--selected-color)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../place-router","name":"PlaceRouter","line":11,"character":26}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ListPlaceNavComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-place-navigation.component","name":"AbstractPlaceNavigationComponent","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-list-place-nav","template":"<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(placeDefinition)]\"></aup-command-face>\n  </a>\n</mat-nav-list>\n","styles":[":host{--selected-background:#f1f1f1;--selected-border-color:#838383;--selected-color:inherit;display:flex;flex-direction:column}mat-nav-list{padding-top:0}a{border-right:2px solid transparent}a.active{background:var(--selected-background);border-right:2px solid var(--selected-border-color);color:var(--selected-color)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":15},"arguments":[{"__symbolic":"reference","module":"../../place-auth-service","name":"PLACE_AUTH_SERVICE","line":12,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"../../place-auth-service","name":"PlaceAuthService","line":12,"character":55}]}]}}}}]

package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js

@@ -1,6 +1,6 @@
-import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';
+import { Component, ContentChild, HostBinding, Inject, TemplateRef } from '@angular/core';
 import { Router } from '@angular/router';
-import { PlaceRouter } from '../../place-router';
+import { PLACE_AUTH_SERVICE } from '../../place-auth-service';
 import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';
 /**
  * @example
@@ -45,8 +45,8 @@ import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.c
  * })
  */
 export class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {
-    constructor(router, placeRouter) {
-        super(placeRouter);
+    constructor(router, authService) {
+        super(authService);
         this.router = router;
         this.expanded = false;
     }
@@ -69,7 +69,7 @@ SidePlaceNavigationComponent.decorators = [
 ];
 SidePlaceNavigationComponent.ctorParameters = () => [
     { type: Router },
-    { type: PlaceRouter }
+    { type: undefined, decorators: [{ type: Inject, args: [PLACE_AUTH_SERVICE,] }] }
 ];
 SidePlaceNavigationComponent.propDecorators = {
     expanded: [{ type: HostBinding, args: ['class.expanded',] }],

package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/place/components/side-place-navigation/side-place-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAG1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH,MAAM,OAAO,4BAA6B,SAAQ,gCAAgC;IAQhF,YAAqB,MAAc,EAAE,WAAwB;QAC3D,KAAK,CAAC,WAAW,CAAC,CAAC;QADA,WAAM,GAAN,MAAM,CAAQ;QAL5B,aAAQ,GAAG,KAAK,CAAC;IAOxB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,g6BAAqD;;aAEtD;;;YAnDQ,MAAM;YACN,WAAW;;;uBAqDjB,WAAW,SAAC,gBAAgB;6BAG5B,YAAY,SAAC,gBAAgB","sourcesContent":["import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n\n/**\n * @example\n * // Usage\n * <aup-vertical-place-navigation [places]=\"placeConstructorArray\"\n *                                [placeOutlet]=\"placeOutletComponent\">\n * </aup-vertical-place-navigation>\n * <aup-place-outlet #placeOutletComponent></aup-place-outlet>\n *\n * // CSS overrides:\n * aup-side-place-navigation {\n *   --nav-width: 56px\n *   --nav-expanded-width: 235px\n *   --nav-item-height: var(--nav-width)\n *   --nav-background-color: #555;\n *   --nav-color: rgba(255, 255, 255, 0.9);\n * }\n *\n * // Content Templates:\n * #navEndTemplate\n * <ng-template #navEndTemplate>\n *    <a mat-list-item (click)=\"logout()\" matTooltip=\"Logout\">\n *    <mat-icon>exit_to_app</mat-icon>\n *    <span *ngIf=\"sideNav.expanded\">Logout</span>\n *    </a>\n * </nav-template>\n *\n * // Place nav item in an i18n.yml\n * places:\n *   myPlace:\n *     nav(NavItem):\n *       title: \"Activities\"\n *       icon: \"build\"\n *       tooltip: \"Alerts, confirms and dialogs\"\n *\n * // In your place\n * (at)Place({\n *   path: 'myPlace',\n *   data: {\n *     nav: I18n.places.myPlace.nav\n *   }\n * })\n */\n@Component({\n  selector: 'aup-side-place-navigation',\n  templateUrl: './side-place-navigation.component.html',\n  styleUrls: ['./side-place-navigation.component.scss']\n})\nexport class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n\n  @HostBinding('class.expanded')\n  public expanded = false;\n\n  @ContentChild('navEndTemplate')\n  navEndTemplate: TemplateRef<any>;\n\n  constructor(readonly router: Router, placeRouter: PlaceRouter) {\n    super(placeRouter);\n  }\n\n  expandMenu() {\n    this.expanded = true;\n  }\n\n  collapseMenu() {\n    this.expanded = false;\n  }\n\n  toggleMenu() {\n    this.expanded = !this.expanded;\n  }\n}\n"]}
+{"version":3,"file":"side-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/place/components/side-place-navigation/side-place-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAoB,MAAM,0BAA0B,CAAC;AAEhF,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAG1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH,MAAM,OAAO,4BAA6B,SAAQ,gCAAgC;IAQhF,YAAqB,MAAc,EAA8B,WAA6B;QAC5F,KAAK,CAAC,WAAW,CAAC,CAAC;QADA,WAAM,GAAN,MAAM,CAAQ;QAL5B,aAAQ,GAAG,KAAK,CAAC;IAOxB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,g6BAAqD;;aAEtD;;;YApDQ,MAAM;4CA6DyB,MAAM,SAAC,kBAAkB;;;uBAN9D,WAAW,SAAC,gBAAgB;6BAG5B,YAAY,SAAC,gBAAgB","sourcesContent":["import { Component, ContentChild, HostBinding, Inject, TemplateRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PLACE_AUTH_SERVICE, PlaceAuthService } from '../../place-auth-service';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n\n/**\n * @example\n * // Usage\n * <aup-vertical-place-navigation [places]=\"placeConstructorArray\"\n *                                [placeOutlet]=\"placeOutletComponent\">\n * </aup-vertical-place-navigation>\n * <aup-place-outlet #placeOutletComponent></aup-place-outlet>\n *\n * // CSS overrides:\n * aup-side-place-navigation {\n *   --nav-width: 56px\n *   --nav-expanded-width: 235px\n *   --nav-item-height: var(--nav-width)\n *   --nav-background-color: #555;\n *   --nav-color: rgba(255, 255, 255, 0.9);\n * }\n *\n * // Content Templates:\n * #navEndTemplate\n * <ng-template #navEndTemplate>\n *    <a mat-list-item (click)=\"logout()\" matTooltip=\"Logout\">\n *    <mat-icon>exit_to_app</mat-icon>\n *    <span *ngIf=\"sideNav.expanded\">Logout</span>\n *    </a>\n * </nav-template>\n *\n * // Place nav item in an i18n.yml\n * places:\n *   myPlace:\n *     nav(NavItem):\n *       title: \"Activities\"\n *       icon: \"build\"\n *       tooltip: \"Alerts, confirms and dialogs\"\n *\n * // In your place\n * (at)Place({\n *   path: 'myPlace',\n *   data: {\n *     nav: I18n.places.myPlace.nav\n *   }\n * })\n */\n@Component({\n  selector: 'aup-side-place-navigation',\n  templateUrl: './side-place-navigation.component.html',\n  styleUrls: ['./side-place-navigation.component.scss']\n})\nexport class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n\n  @HostBinding('class.expanded')\n  public expanded = false;\n\n  @ContentChild('navEndTemplate')\n  navEndTemplate: TemplateRef<any>;\n\n  constructor(readonly router: Router, @Inject(PLACE_AUTH_SERVICE) authService: PlaceAuthService) {\n    super(authService);\n  }\n\n  expandMenu() {\n    this.expanded = true;\n  }\n\n  collapseMenu() {\n    this.expanded = false;\n  }\n\n  toggleMenu() {\n    this.expanded = !this.expanded;\n  }\n}\n"]}

package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SidePlaceNavigationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-place-navigation.component","name":"AbstractPlaceNavigationComponent","line":53,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":48,"character":1},"arguments":[{"selector":"aup-side-place-navigation","template":"<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNavigationFace(placeDefinition).icon()\" [icon]=\"getNavigationFace(placeDefinition).icon()\"></aup-icon>\n    <span class=\"expanded-only\">{{getNavigationFace(placeDefinition).text()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n","styles":[":host{--resolved-background-color:var(--nav-background-color,#555);--resolved-color:var(--nav-color,hsla(0,0%,100%,0.9));--resolved-expanded-width:var(--nav-expanded-width,235px);--resolved-nav-item-height:var(--nav-item-height,var(--resolved-nav-item-width));--resolved-nav-item-width:var(--nav-width,56px);background-color:var(--resolved-background-color);color:var(--resolved-color);display:flex;flex-direction:column;transition:width 125ms linear;width:var(--resolved-nav-item-width)}:host.expanded{max-width:var(--resolved-expanded-width);width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item aup-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{display:flex;flex:1;flex-direction:column}.mat-list-item{color:inherit;height:var(--resolved-nav-item-height);width:var(--resolved-nav-item-width)}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]}]}],"members":{"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["class.expanded"]}]}],"navEndTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":58,"character":3},"arguments":["navEndTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":61,"character":31},{"__symbolic":"reference","module":"../../place-router","name":"PlaceRouter","line":61,"character":52}]}],"expandMenu":[{"__symbolic":"method"}],"collapseMenu":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SidePlaceNavigationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-place-navigation.component","name":"AbstractPlaceNavigationComponent","line":54,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"selector":"aup-side-place-navigation","template":"<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNavigationFace(placeDefinition).icon()\" [icon]=\"getNavigationFace(placeDefinition).icon()\"></aup-icon>\n    <span class=\"expanded-only\">{{getNavigationFace(placeDefinition).text()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n","styles":[":host{--resolved-background-color:var(--nav-background-color,#555);--resolved-color:var(--nav-color,hsla(0,0%,100%,0.9));--resolved-expanded-width:var(--nav-expanded-width,235px);--resolved-nav-item-height:var(--nav-item-height,var(--resolved-nav-item-width));--resolved-nav-item-width:var(--nav-width,56px);background-color:var(--resolved-background-color);color:var(--resolved-color);display:flex;flex-direction:column;transition:width 125ms linear;width:var(--resolved-nav-item-width)}:host.expanded{max-width:var(--resolved-expanded-width);width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item aup-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{display:flex;flex:1;flex-direction:column}.mat-list-item{color:inherit;height:var(--resolved-nav-item-height);width:var(--resolved-nav-item-width)}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]}]}],"members":{"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":56,"character":3},"arguments":["class.expanded"]}]}],"navEndTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":59,"character":3},"arguments":["navEndTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":62,"character":40},"arguments":[{"__symbolic":"reference","module":"../../place-auth-service","name":"PLACE_AUTH_SERVICE","line":62,"character":47}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":62,"character":31},{"__symbolic":"reference","module":"../../place-auth-service","name":"PlaceAuthService","line":62,"character":80}]}],"expandMenu":[{"__symbolic":"method"}],"collapseMenu":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js

@@ -1,9 +1,9 @@
-import { Component } from '@angular/core';
-import { PlaceRouter } from '../../place-router';
+import { Component, Inject } from '@angular/core';
+import { PLACE_AUTH_SERVICE } from '../../place-auth-service';
 import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';
 export class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {
-    constructor(placeRouter) {
-        super(placeRouter);
+    constructor(authService) {
+        super(authService);
     }
 }
 TabbedPlaceNavigationComponent.decorators = [
@@ -14,6 +14,6 @@ TabbedPlaceNavigationComponent.decorators = [
             },] }
 ];
 TabbedPlaceNavigationComponent.ctorParameters = () => [
-    { type: PlaceRouter }
+    { type: undefined, decorators: [{ type: Inject, args: [PLACE_AUTH_SERVICE,] }] }
 ];
 //# sourceMappingURL=tabbed-place-navigation.component.js.map

package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbed-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,8BAA+B,SAAQ,gCAAgC;IAClF,YAAY,WAAuB;QACjC,KAAK,CAAC,WAAW,CAAC,CAAC;IACrB,CAAC;;;YARF,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,8YAAuD;;aAExD;;;YAPQ,WAAW","sourcesContent":["import { Component } from '@angular/core';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n  selector: 'aup-tabbed-place-navigation',\n  templateUrl: './tabbed-place-navigation.component.html',\n  styleUrls: ['./tabbed-place-navigation.component.scss']\n})\nexport class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n  constructor(placeRouter:PlaceRouter) {\n    super(placeRouter);\n  }\n}\n"]}
+{"version":3,"file":"tabbed-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAoB,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,8BAA+B,SAAQ,gCAAgC;IAClF,YAAwC,WAA6B;QACnE,KAAK,CAAC,WAAW,CAAC,CAAC;IACrB,CAAC;;;YARF,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,8YAAuD;;aAExD;;;4CAEc,MAAM,SAAC,kBAAkB","sourcesContent":["import { Component, Inject } from '@angular/core';\nimport { PLACE_AUTH_SERVICE, PlaceAuthService } from '../../place-auth-service';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n  selector: 'aup-tabbed-place-navigation',\n  templateUrl: './tabbed-place-navigation.component.html',\n  styleUrls: ['./tabbed-place-navigation.component.scss']\n})\nexport class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n  constructor(@Inject(PLACE_AUTH_SERVICE) authService: PlaceAuthService) {\n    super(authService);\n  }\n}\n"]}

package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"TabbedPlaceNavigationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-place-navigation.component","name":"AbstractPlaceNavigationComponent","line":9,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aup-tabbed-place-navigation","template":"<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(placeDefinition)]\"></aup-command-face>\n  </a>\n</nav>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../place-router","name":"PlaceRouter","line":10,"character":26}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"TabbedPlaceNavigationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-place-navigation.component","name":"AbstractPlaceNavigationComponent","line":9,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aup-tabbed-place-navigation","template":"<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(placeDefinition)]\"></aup-command-face>\n  </a>\n</nav>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":15},"arguments":[{"__symbolic":"reference","module":"../../place-auth-service","name":"PLACE_AUTH_SERVICE","line":10,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"../../place-auth-service","name":"PlaceAuthService","line":10,"character":55}]}]}}}}]

package/esm2015/lib/place/exports.js

@@ -2,6 +2,7 @@
  * @file Automatically generated by barrelsby.
  */
 export * from "./nav-item";
+export * from "./place-auth-service";
 export * from "./place-component";
 export * from "./place-config";
 export * from "./place-definition";

package/esm2015/lib/place/exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/place/exports.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oEAAoE,CAAC;AACnF,cAAc,wEAAwE,CAAC;AACvF,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wFAAwF,CAAC;AACvG,cAAc,iHAAiH,CAAC;AAChI,cAAc,kGAAkG,CAAC;AACjH,cAAc,iEAAiE,CAAC;AAChF,cAAc,2EAA2E,CAAC;AAC1F,cAAc,uFAAuF,CAAC;AACtG,cAAc,kFAAkF,CAAC;AACjG,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./nav-item\";\nexport * from \"./place-component\";\nexport * from \"./place-config\";\nexport * from \"./place-definition\";\nexport * from \"./place-history\";\nexport * from \"./place-router\";\nexport * from \"./place.decorator\";\nexport * from \"./place.module\";\nexport * from \"./url-service\";\nexport * from \"./url-snapshot\";\nexport * from \"./visit\";\nexport * from \"./components/abstract-place-navigation.component\";\nexport * from \"./components/busy-overlay/busy-overlay.component\";\nexport * from \"./components/empty-state/empty-state.component\";\nexport * from \"./components/list-place-nav/list-place-nav.component\";\nexport * from \"./components/place-outlet/place-outlet.component\";\nexport * from \"./components/place-outlet/route-animations\";\nexport * from \"./components/side-place-navigation/side-place-navigation.component\";\nexport * from \"./components/tabbed-place-navigation/tabbed-place-navigation.component\";\nexport * from \"./guards/consolidated-param-map\";\nexport * from \"./guards/noop-auth-guard.service\";\nexport * from \"./guards/place.guard\";\nexport * from \"./navigation/place-component-deactivation-handler\";\nexport * from \"./navigation/session/abstract-pop-state-navigation\";\nexport * from \"./navigation/session/navigating\";\nexport * from \"./navigation/session/navigation-context\";\nexport * from \"./navigation/session/navigation-session\";\nexport * from \"./navigation/session/pop-state-navigation\";\nexport * from \"./navigation/session/event-cleanup/event-clean-up-session\";\nexport * from \"./navigation/session/event-cleanup/wait-until-leaving-interaction-transition-cancelled\";\nexport * from \"./navigation/session/event-cleanup/wait-until-link-triggered-navigation-interaction-cancelation-type-determined\";\nexport * from \"./navigation/session/event-cleanup/wait-until-popstate-during-can-deactivate-transition-finishes\";\nexport * from \"./navigation/session/interactions/navigating-during-interaction\";\nexport * from \"./navigation/session/interactions/pop-state-during-interaction-navigation\";\nexport * from \"./navigation/session/interactions/remove-last-interaction-from-url-navigation-session\";\nexport * from \"./navigation/session/interactions/synchronise-interaction-context-ids-with-route\";\nexport * from \"./route/formatter\";\nexport * from \"./route/json-types\";\nexport * from \"./route/parameter-decorators\";\nexport * from \"./route/parameter-definition.class\";\nexport * from \"./route/parameter-sanitiser\";\nexport * from \"./route/parameter-snapshot\";\nexport * from \"./route/visit-sanitiser\";\n"]}
+{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/place/exports.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oEAAoE,CAAC;AACnF,cAAc,wEAAwE,CAAC;AACvF,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wFAAwF,CAAC;AACvG,cAAc,iHAAiH,CAAC;AAChI,cAAc,kGAAkG,CAAC;AACjH,cAAc,iEAAiE,CAAC;AAChF,cAAc,2EAA2E,CAAC;AAC1F,cAAc,uFAAuF,CAAC;AACtG,cAAc,kFAAkF,CAAC;AACjG,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./nav-item\";\nexport * from \"./place-auth-service\";\nexport * from \"./place-component\";\nexport * from \"./place-config\";\nexport * from \"./place-definition\";\nexport * from \"./place-history\";\nexport * from \"./place-router\";\nexport * from \"./place.decorator\";\nexport * from \"./place.module\";\nexport * from \"./url-service\";\nexport * from \"./url-snapshot\";\nexport * from \"./visit\";\nexport * from \"./components/abstract-place-navigation.component\";\nexport * from \"./components/busy-overlay/busy-overlay.component\";\nexport * from \"./components/empty-state/empty-state.component\";\nexport * from \"./components/list-place-nav/list-place-nav.component\";\nexport * from \"./components/place-outlet/place-outlet.component\";\nexport * from \"./components/place-outlet/route-animations\";\nexport * from \"./components/side-place-navigation/side-place-navigation.component\";\nexport * from \"./components/tabbed-place-navigation/tabbed-place-navigation.component\";\nexport * from \"./guards/consolidated-param-map\";\nexport * from \"./guards/noop-auth-guard.service\";\nexport * from \"./guards/place.guard\";\nexport * from \"./navigation/place-component-deactivation-handler\";\nexport * from \"./navigation/session/abstract-pop-state-navigation\";\nexport * from \"./navigation/session/navigating\";\nexport * from \"./navigation/session/navigation-context\";\nexport * from \"./navigation/session/navigation-session\";\nexport * from \"./navigation/session/pop-state-navigation\";\nexport * from \"./navigation/session/event-cleanup/event-clean-up-session\";\nexport * from \"./navigation/session/event-cleanup/wait-until-leaving-interaction-transition-cancelled\";\nexport * from \"./navigation/session/event-cleanup/wait-until-link-triggered-navigation-interaction-cancelation-type-determined\";\nexport * from \"./navigation/session/event-cleanup/wait-until-popstate-during-can-deactivate-transition-finishes\";\nexport * from \"./navigation/session/interactions/navigating-during-interaction\";\nexport * from \"./navigation/session/interactions/pop-state-during-interaction-navigation\";\nexport * from \"./navigation/session/interactions/remove-last-interaction-from-url-navigation-session\";\nexport * from \"./navigation/session/interactions/synchronise-interaction-context-ids-with-route\";\nexport * from \"./route/formatter\";\nexport * from \"./route/json-types\";\nexport * from \"./route/parameter-decorators\";\nexport * from \"./route/parameter-definition.class\";\nexport * from \"./route/parameter-sanitiser\";\nexport * from \"./route/parameter-snapshot\";\nexport * from \"./route/visit-sanitiser\";\n"]}