@coolon/angular-ui-powerups 12.3.1 → 12.4.0-alpha.1

package/esm2015/cypress/components/button-mixin.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ButtonMixin":{"__symbolic":"function","parameters":["Base"],"value":{"__symbolic":"class"}}}}]

package/esm2015/cypress/components/button.js

@@ -1,11 +1,15 @@
 import { PageElement } from '../page-element';
-export class Button extends PageElement {
-    click() {
-        return this.element().click();
-    }
-    shouldBeDisabled() {
-        this.should("be.disabled");
-        // this.should("have.css", "color", "rgba(0,0,0,0.26)")
+import { ButtonMixin } from './button-mixin';
+export class Button extends ButtonMixin(PageElement) {
+    constructor(parentElementAccessor, buttonText) {
+        super(parentElementAccessor, {
+            findIn(parent) {
+                return parent.contains('button', buttonText);
+            },
+            shouldNotExist(parent) {
+                return parent.should('not.contain', buttonText);
+            }
+        });
     }
 }
 //# sourceMappingURL=button.js.map

package/esm2015/cypress/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/cypress/src/components/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,OAAO,MAAO,SAAQ,WAAW;IAErC,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;IAChC,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAC3B,uDAAuD;IACzD,CAAC;CAEF","sourcesContent":["import { PageElement } from '../page-element';\n\nexport class Button extends PageElement {\n\n  click() {\n    return this.element().click();\n  }\n\n  shouldBeDisabled() {\n    this.should(\"be.disabled\");\n    // this.should(\"have.css\", \"color\", \"rgba(0,0,0,0.26)\")\n  }\n\n}\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/cypress/src/components/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,OAAO,MAAO,SAAQ,WAAW,CAAC,WAAW,CAAC;IAElD,YAAY,qBAAsD,EAAE,UAAkB;QACpF,KAAK,CAAC,qBAAqB,EAAE;YAC3B,MAAM,CAAC,MAAiC;gBACtC,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;YAC/C,CAAC;YACD,cAAc,CAAC,MAAiC;gBAC9C,OAAO,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;YAClD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CAEF","sourcesContent":["import { PageElement } from '../page-element';\nimport { ButtonMixin } from './button-mixin';\n\nexport class Button extends ButtonMixin(PageElement) {\n\n  constructor(parentElementAccessor: () => Cypress.Chainable<JQuery>, buttonText: string) {\n    super(parentElementAccessor, {\n      findIn(parent: Cypress.Chainable<JQuery>): Cypress.Chainable<JQuery> {\n        return parent.contains('button', buttonText);\n      },\n      shouldNotExist(parent: Cypress.Chainable<JQuery>) {\n        return parent.should('not.contain', buttonText);\n      }\n    });\n  }\n\n}\n\n"]}

package/esm2015/cypress/components/button.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Button":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../page-element","name":"PageElement","line":2,"character":28},"members":{"click":[{"__symbolic":"method"}],"shouldBeDisabled":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Button":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":3,"character":28},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":5,"character":37},{"__symbolic":"reference","name":"string"}]}]}}}}]

package/esm2015/cypress/coolon-angular-ui-powerups-cypress.js.map

@@ -1 +1 @@
-{"version":3,"file":"coolon-angular-ui-powerups-cypress.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/coolon-angular-ui-powerups-cypress.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,WAAW,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './exports';\n"]}
+{"version":3,"file":"coolon-angular-ui-powerups-cypress.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/coolon-angular-ui-powerups-cypress.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,WAAW,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './exports';\n\nexport {Types as ɵa} from './components/types';"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./exports"}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./exports"},{"from":"./components/types","export":[{"name":"Types","as":"ɵa"}]}]}]

package/esm2015/cypress/exports.js

@@ -3,6 +3,7 @@
  */
 export * from "./page-element";
 export * from "./page";
+export * from "./path";
 export * from "./section";
 export * from "./components/aup-command-face";
 export * from "./components/aup-command-group";
@@ -11,7 +12,9 @@ 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-table";
 export * from "./components/aup-tool-bar";
+export * from "./components/button-mixin";
 export * from "./components/button";
 export * from "./components/types";
 //# sourceMappingURL=exports.js.map

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,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"]}
+{"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,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,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,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 \"./path\";\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-table\";\nexport * from \"./components/aup-tool-bar\";\nexport * from \"./components/button-mixin\";\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-navigation"},{"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":"./path"},{"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-table"},{"from":"./components/aup-tool-bar"},{"from":"./components/button-mixin"},{"from":"./components/button"},{"from":"./components/types"}]}]

package/esm2015/cypress/page-element.js

@@ -1,9 +1,22 @@
+import * as _ from 'lodash';
+import { lang } from '@coolon/typescript-utilities';
 export class PageElement {
-    constructor(rootElementAccessor) {
-        this.rootElementAccessor = rootElementAccessor;
+    constructor(parent, selector) {
+        this.parentElementAccessor = parent instanceof PageElement ? () => parent.element() : parent;
+        this.elementAccessStrategy = _.isString(selector) ? {
+            findIn: p => p.find(selector),
+            shouldNotExist: (p) => p.should('not.have', selector)
+        } : selector;
     }
     element() {
-        return this.rootElementAccessor ? this.rootElementAccessor() : undefined;
+        const parent = this.getParentElement();
+        return parent ? this.elementAccessStrategy.findIn(parent) : undefined;
+    }
+    getParentElement() {
+        return this.parentElementAccessor ? this.parentElementAccessor() : undefined;
+    }
+    find(selector) {
+        return new PageElement(() => this.element(), selector);
     }
     click(text) {
         text ? this.element().contains(text).click() : this.element().click();
@@ -12,10 +25,13 @@ export class PageElement {
         return this.element().should;
     }
     shouldBeVisible() {
-        this.should("be.visible");
+        this.should('be.visible');
     }
     shouldNotBeVisible() {
-        this.should("not.be.visible");
+        if (!this.elementAccessStrategy.shouldNotExist) {
+            lang.abstractMethod(this.constructor);
+        }
+        this.elementAccessStrategy.shouldNotExist(this.getParentElement());
     }
 }
 //# sourceMappingURL=page-element.js.map

package/esm2015/cypress/page-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-element.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page-element.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,WAAW;IACtB,YAAqB,mBAAqD;QAArD,wBAAmB,GAAnB,mBAAmB,CAAkC;IAC1E,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,CAAC;IAED,KAAK,CAAC,IAAa;QACjB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;IACxE,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC;IAC/B,CAAC;IAED,eAAe;QACb,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAChC,CAAC;CACF","sourcesContent":["import Chainable = Cypress.Chainable;\n\nexport class PageElement {\n  constructor(readonly rootElementAccessor?: () => Cypress.Chainable<JQuery>) {\n  }\n\n  element(): Chainable<JQuery> {\n    return this.rootElementAccessor ? this.rootElementAccessor() : undefined;\n  }\n\n  click(text?: string) {\n    text ? this.element().contains(text).click() : this.element().click();\n  }\n\n  get should() {\n    return this.element().should;\n  }\n\n  shouldBeVisible() {\n    this.should(\"be.visible\");\n  }\n\n  shouldNotBeVisible() {\n    this.should(\"not.be.visible\");\n  }\n}\n"]}
+{"version":3,"file":"page-element.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page-element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,MAAM,OAAO,WAAW;IAKtB,YAAY,MAAuD,EAAE,QAAuC;QAE1G,IAAI,CAAC,qBAAqB,GAAG,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAC7F,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAClD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC7B,cAAc,EAAE,CAAC,CAA4B,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC;SACjF,CAAC,CAAC,CAAC,QAAQ,CAAA;IACd,CAAC;IAED,OAAO;QACL,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACvC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACxE,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/E,CAAC;IAED,IAAI,CAAC,QAAgB;QACnB,OAAO,IAAI,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,CAAC;IACzD,CAAC;IAED,KAAK,CAAC,IAAa;QACjB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;IACxE,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC;IAC/B,CAAC;IAED,eAAe;QACb,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE;YAC9C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACvC;QACD,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAA;IACpE,CAAC;CACF","sourcesContent":["import Chainable = Cypress.Chainable;\nimport * as _ from 'lodash';\nimport { lang } from '@coolon/typescript-utilities';\n\nexport class PageElement {\n\n  readonly elementAccessStrategy: PageElement.Accessor;\n  readonly parentElementAccessor: () => Cypress.Chainable<JQuery>;\n\n  constructor(parent: PageElement | (() => Cypress.Chainable<JQuery>), selector: string | PageElement.Accessor) {\n\n    this.parentElementAccessor = parent instanceof PageElement ? () => parent.element() : parent;\n    this.elementAccessStrategy = _.isString(selector) ? {\n      findIn: p => p.find(selector),\n      shouldNotExist: (p: Cypress.Chainable<JQuery>) => p.should('not.have', selector)\n    } : selector\n  }\n\n  element(): Chainable<JQuery> {\n    const parent = this.getParentElement();\n    return parent ? this.elementAccessStrategy.findIn(parent) : undefined;\n  }\n\n  getParentElement(): Cypress.Chainable<JQuery> {\n    return this.parentElementAccessor ? this.parentElementAccessor() : undefined;\n  }\n\n  find(selector: string): PageElement {\n    return new PageElement(() => this.element(), selector);\n  }\n\n  click(text?: string) {\n    text ? this.element().contains(text).click() : this.element().click();\n  }\n\n  get should() {\n    return this.element().should;\n  }\n\n  shouldBeVisible() {\n    this.should('be.visible');\n  }\n\n  shouldNotBeVisible() {\n    if (!this.elementAccessStrategy.shouldNotExist) {\n      lang.abstractMethod(this.constructor);\n    }\n    this.elementAccessStrategy.shouldNotExist(this.getParentElement())\n  }\n}\n\nexport namespace PageElement {\n  export interface Accessor {\n    findIn(parent: Cypress.Chainable<JQuery>): Cypress.Chainable<JQuery>;\n    shouldNotExist?(parent: Cypress.Chainable<JQuery>);\n  }\n}\n"]}

package/esm2015/cypress/page-element.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"PageElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":3,"character":45}]}],"element":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"shouldBeVisible":[{"__symbolic":"method"}],"shouldNotBeVisible":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"PageElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":9,"character":36},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"Accessor"}]}],"element":[{"__symbolic":"method"}],"getParentElement":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"shouldBeVisible":[{"__symbolic":"method"}],"shouldNotBeVisible":[{"__symbolic":"method"}]}}}}]

package/esm2015/cypress/page.js

@@ -1,21 +1,25 @@
 import { Mixin } from '@coolon/typescript-utilities';
+import * as _ from 'lodash';
 import { PageElement } from './page-element';
+import { Path } from './path';
 import { Section } from './section';
 export class Page extends PageElement {
     constructor(path) {
-        super();
+        super(undefined, undefined);
         this.path = path;
         this.rootElementSelector = 'body';
     }
     element() {
         return cy.get(this.rootElementSelector);
     }
-    visit() {
-        this.tryAndVisit();
-        this.shouldBeActive();
+    visit(visitParams, queryParams) {
+        this.tryAndVisit(visitParams, queryParams);
+        this.shouldBeActive(visitParams);
     }
-    tryAndVisit() {
-        cy.visit(this.path);
+    tryAndVisit(params, queryParams) {
+        const path = this.path.toUrl(params !== null && params !== void 0 ? params : {});
+        const queryString = queryParams ? `?${new URLSearchParams(queryParams).toString()}` : '';
+        cy.visit(`/${path}${queryString}`);
     }
     shouldHaveActivityIds(...ids) {
         cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);
@@ -23,35 +27,43 @@ export class Page extends PageElement {
     shouldNotHaveActivityIds() {
         cy.location('search').should('not.contain', `?aup-interactions`);
     }
-    shouldBeActive(options) {
+    shouldHaveTitle(title) {
+        cy.title().should('eq', title);
+    }
+    shouldBeActive(withParameters) {
         // 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) {
-            bits.push(`;([^\?]+)`);
-        }
-        if (options && options.withActivities) {
-            bits.push(`\?aup-interactions=${options.withActivities.join('--')})`);
-        }
-        cy.location('pathname').should('match', new RegExp(`^${bits.join('')}$`));
-        if (options && options.withTitle) {
-            cy.title().should('eq', options.withTitle);
+        if (withParameters) {
+            cy.location('pathname').then(path => {
+                const urlParams = Path.extractVisitParameters(path);
+                Object.keys(withParameters).forEach(param => {
+                    const expected = withParameters[param];
+                    // @ts-ignore
+                    expect(urlParams[param]).to.equal(expected);
+                });
+            });
         }
     }
 }
 (function (Page) {
-    function create(path, page) {
-        const builder = new Builder(path);
+    function create(pathOrPathBuilder, page) {
+        const pathBuilder = new Path.Builder();
+        if (_.isString(pathOrPathBuilder)) {
+            pathOrPathBuilder.split("/").filter(p => !_.isEmpty(p)).forEach(p => pathBuilder.segment(p));
+        }
+        else {
+            pathOrPathBuilder(pathBuilder);
+        }
+        const builder = new PageBuilder(pathBuilder.getPath());
         return Mixin.createProxy(page(builder), builder);
     }
     Page.create = create;
-    class Builder extends Section.Mixin(Page) {
+    class PageBuilder extends Section.Mixin(Page) {
     }
-    Page.Builder = Builder;
+    Page.PageBuilder = PageBuilder;
 })(Page || (Page = {}));
 //# sourceMappingURL=page.js.map

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,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"]}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page.ts"],"names":[],"mappings":"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","sourcesContent":["import { Mixin } from '@coolon/typescript-utilities';\nimport * as _ from 'lodash';\nimport { PageElement } from './page-element';\nimport { Path } from './path';\nimport { Section } from './section';\n\nexport class Page extends PageElement {\n\n  protected rootElementSelector = 'body';\n\n  constructor(readonly path: Path) {\n    super(undefined, undefined);\n  }\n\n  element(): Cypress.Chainable<JQuery<HTMLElement>> {\n    return cy.get(this.rootElementSelector);\n  }\n\n  visit(visitParams?: object, queryParams?: {[key:string]:string}) {\n    this.tryAndVisit(visitParams, queryParams);\n    this.shouldBeActive(visitParams);\n  }\n\n  tryAndVisit(params?: object, queryParams?: {[key:string]:string}) {\n    const path = this.path.toUrl(params ?? {});\n    const queryString = queryParams ? `?${new URLSearchParams(queryParams).toString()}` : '';\n    cy.visit(`/${path}${queryString}`);\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  shouldHaveTitle(title: string) {\n    cy.title().should('eq', title);\n  }\n\n  shouldBeActive(withParameters?: object) {\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\n    if (withParameters) {\n      cy.location('pathname').then(path => {\n        const urlParams = Path.extractVisitParameters(path);\n        Object.keys(withParameters).forEach(param => {\n          const expected = withParameters[param];\n          // @ts-ignore\n          expect(urlParams[param]).to.equal(expected);\n        })\n      });\n    }\n  }\n\n}\n\n\nexport namespace Page {\n\n\n  export function create<T extends object>(path: string, page: (page: PageBuilder) => T): T & Page\n  // tslint:disable-next-line:unified-signatures\n  export function create<T extends object>(pathBuilder: ((pathBuilder: Path.Builder) => void), page: (page: PageBuilder) => T): T & Page\n  export function create<T extends object>(pathOrPathBuilder: string | ((pathBuilder: Path.Builder) => void), page: (page: PageBuilder) => T): T & Page {\n    const pathBuilder = new Path.Builder();\n    if (_.isString(pathOrPathBuilder)) {\n      pathOrPathBuilder.split(\"/\").filter(p => !_.isEmpty(p)).forEach(p => pathBuilder.segment(p))\n    } else {\n      pathOrPathBuilder(pathBuilder)\n    }\n    const builder = new PageBuilder(pathBuilder.getPath());\n    return Mixin.createProxy(page(builder), builder) as T & Page;\n  }\n\n\n  export class PageBuilder 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"}],"tryAndVisit":[{"__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":6,"character":26},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./path","name":"Path","line":10,"character":29}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldHaveTitle":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}}}}]

package/esm2015/cypress/path.js

@@ -0,0 +1,61 @@
+import { DefaultUrlSerializer } from '@angular/router';
+let urlSerialiser = new DefaultUrlSerializer();
+export class Path {
+    constructor(segments) {
+        this.segments = segments;
+    }
+    static extractVisitParameters(url) {
+        let result = {};
+        const urlTree = urlSerialiser.parse(url);
+        urlTree.root.children.primary.segments.forEach(s => {
+            result = Object.assign(Object.assign({}, result), s.parameters);
+        });
+        return result;
+    }
+    toUrl(matrixParams) {
+        return this.segments.map(s => s.toUrlPart(matrixParams)).join('/');
+    }
+}
+(function (Path) {
+    function setUrlSerialiser(serialiser) {
+        urlSerialiser = serialiser;
+    }
+    Path.setUrlSerialiser = setUrlSerialiser;
+    class Segment {
+        constructor(path, params = {}) {
+            var _a;
+            this.path = path;
+            this.routeId = params === null || params === void 0 ? void 0 : params.routeId;
+            this.visitParams = (_a = params === null || params === void 0 ? void 0 : params.visitParams) !== null && _a !== void 0 ? _a : [];
+        }
+        toUrlPart(params) {
+            let path = this.path;
+            this.visitParams.forEach(p => {
+                const value = params[p];
+                if (value) {
+                    path = `${path};${p}=${value}`;
+                }
+            });
+            if (this.routeId && params[this.routeId]) {
+                path = path + '/' + params[this.routeId];
+            }
+            return path;
+        }
+    }
+    Path.Segment = Segment;
+    class Builder {
+        constructor() {
+            this.segments = [];
+        }
+        segment(name, params) {
+            const builder = new Segment(name, params);
+            this.segments.push(builder);
+            return this;
+        }
+        getPath() {
+            return new Path(this.segments);
+        }
+    }
+    Path.Builder = Builder;
+})(Path || (Path = {}));
+//# sourceMappingURL=path.js.map

package/esm2015/cypress/path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/path.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAiB,MAAM,iBAAiB,CAAC;AAEtE,IAAI,aAAa,GAAkB,IAAI,oBAAoB,EAAE,CAAC;AAE9D,MAAM,OAAO,IAAI;IAEf,YAAqB,QAAwB;QAAxB,aAAQ,GAAR,QAAQ,CAAgB;IAC7C,CAAC;IAED,MAAM,CAAC,sBAAsB,CAAC,GAAW;QACvC,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACjD,MAAM,mCAAQ,MAAM,GAAK,CAAC,CAAC,UAAU,CAAE,CAAA;QACzC,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,YAAoB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,CAAC;CAEF;AAED,WAAiB,IAAI;IAEnB,SAAgB,gBAAgB,CAAC,UAAyB;QACxD,aAAa,GAAG,UAAU,CAAC;IAC7B,CAAC;IAFe,qBAAgB,mBAE/B,CAAA;IAED,MAAa,OAAO;QAKlB,YAAqB,IAAY,EAAE,SAAwB,EAAE;;YAAxC,SAAI,GAAJ,IAAI,CAAQ;YAC/B,IAAI,CAAC,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC;YAC/B,IAAI,CAAC,WAAW,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,mCAAI,EAAE,CAAC;QAC/C,CAAC;QAED,SAAS,CAAC,MAAc;YACtB,IAAI,IAAI,GAAW,IAAI,CAAC,IAAI,CAAC;YAC7B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,IAAI,KAAK,EAAE;oBACT,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;iBAChC;YACH,CAAC,CAAC,CAAC;YACH,IAAI,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;gBACxC,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aAC1C;YACD,OAAO,IAAI,CAAC;QACd,CAAC;KAEF;IAxBY,YAAO,UAwBnB,CAAA;IAED,MAAa,OAAO;QAApB;YAEU,aAAQ,GAAc,EAAE,CAAC;QAWnC,CAAC;QATC,OAAO,CAAC,IAAY,EAAE,MAAsB;YAC1C,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC5B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO;YACL,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;KACF;IAbY,YAAO,UAanB,CAAA;AAMH,CAAC,EAnDgB,IAAI,KAAJ,IAAI,QAmDpB","sourcesContent":["import { DefaultUrlSerializer, UrlSerializer } from '@angular/router';\n\nlet urlSerialiser: UrlSerializer = new DefaultUrlSerializer();\n\nexport class Path {\n\n  constructor(readonly segments: Path.Segment[]) {\n  }\n\n  static extractVisitParameters(url: string): object {\n    let result = {};\n    const urlTree = urlSerialiser.parse(url);\n    urlTree.root.children.primary.segments.forEach(s => {\n      result = { ...result, ...s.parameters }\n    });\n    return result;\n  }\n\n  toUrl(matrixParams: object): string {\n    return this.segments.map(s => s.toUrlPart(matrixParams)).join('/');\n  }\n\n}\n\nexport namespace Path {\n\n  export function setUrlSerialiser(serialiser: UrlSerializer) {\n    urlSerialiser = serialiser;\n  }\n\n  export class Segment {\n\n    private routeId: string | undefined;\n    private visitParams: string[];\n\n    constructor(readonly path: string, params: SegmentParams = {}) {\n      this.routeId = params?.routeId;\n      this.visitParams = params?.visitParams ?? [];\n    }\n\n    toUrlPart(params: object) {\n      let path: string = this.path;\n      this.visitParams.forEach(p => {\n        const value = params[p];\n        if (value) {\n          path = `${path};${p}=${value}`;\n        }\n      });\n      if (this.routeId && params[this.routeId]) {\n        path = path + '/' + params[this.routeId];\n      }\n      return path;\n    }\n\n  }\n\n  export class Builder {\n\n    private segments: Segment[] = [];\n\n    segment(name: string, params?: SegmentParams): this {\n      const builder = new Segment(name, params);\n      this.segments.push(builder);\n      return this;\n    }\n\n    getPath(): Path {\n      return new Path(this.segments);\n    }\n  }\n\n  export interface SegmentParams {\n    routeId?: string;\n    visitParams?: string[]\n  }\n}\n"]}

package/esm2015/cypress/path.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"Path":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Path"},"member":"Segment"}]}]}],"toUrl":[{"__symbolic":"method"}]}}}}]

package/esm2015/cypress/section.js

@@ -2,6 +2,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 { AupTable } from './components/aup-table';
 import { Button } from './components/button';
 import { PageElement } from './page-element';
 export var Section;
@@ -9,35 +10,44 @@ export var Section;
     function Mixin(Base) {
         return class extends Base {
             section(selector, section) {
-                const impl = new Impl(() => this.element().find(selector));
+                const impl = new Impl(() => this.element(), selector);
                 return CreateMixin.createProxy(section(impl), impl);
             }
+            find(selector) {
+                return new PageElement(() => this.element(), selector);
+            }
             contains(text) {
-                return new PageElement(() => this.element().contains(text));
+                return new PageElement(() => this.element(), {
+                    findIn: parent => parent.contains(text),
+                    shouldNotExist: (parent) => parent.should("not.contain", text)
+                });
             }
             button(text) {
-                return new Button(() => this.element().contains(`button`, text));
+                return new Button(() => this.element(), text);
             }
             aupStringInput(selector) {
-                return new AupInput.HtmlInput(() => this.element().find(selector !== null && selector !== void 0 ? selector : 'aup-string-input'));
+                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-string-input');
             }
             aupTextInput(selector) {
-                return new AupInput.TextAreaInput(() => this.element().find(selector !== null && selector !== void 0 ? selector : 'aup-text-input'));
+                return new AupInput.TextAreaInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-text-input');
             }
             aupPasswordInput(selector) {
-                return new AupInput.HtmlInput(() => this.element().find(selector !== null && selector !== void 0 ? selector : 'aup-password-input'));
+                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-password-input');
             }
             aupNumberInput(selector) {
-                return new AupInput.HtmlInput(() => this.element().find(selector !== null && selector !== void 0 ? selector : 'aup-number-input'));
+                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-number-input');
             }
             aupCommand(face) {
-                return AupCommand.create(this, face);
+                return new AupCommand(() => this.element(), face);
             }
             aupTabbedNavigation() {
-                return AupNavigation.create(this, 'aup-tabbed-place-navigation');
+                return new AupNavigation(() => this.element(), 'aup-tabbed-place-navigation');
             }
             aupSideNavigation() {
-                return AupNavigation.create(this, 'aup-list-place-nav');
+                return new AupNavigation(() => this.element(), 'aup-list-place-nav');
+            }
+            aupTable(selector) {
+                return new AupTable(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-table');
             }
         };
     }

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,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"]}
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/section.ts"],"names":[],"mappings":"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","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 { AupTable } from './components/aup-table';\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  find(selector: string): 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  aupTable(selector?: string):AupTable;\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(), selector);\n        return CreateMixin.createProxy(section(impl), impl);\n      }\n\n      find(selector: string): PageElement {\n        return new PageElement(() => this.element(), selector);\n      }\n\n      contains(text: string): PageElement {\n        return new PageElement(() => this.element(), {\n          findIn: parent => parent.contains(text),\n          shouldNotExist: (parent: Cypress.Chainable<JQuery>) => parent.should(\"not.contain\", text)\n        });\n      }\n\n      button(text: string): Button {\n        return new Button(() => this.element(), text);\n      }\n\n      aupStringInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element(), selector ?? 'aup-string-input');\n      }\n\n      aupTextInput(selector?: string): AupInput<string> {\n        return new AupInput.TextAreaInput(() => this.element(), selector ?? 'aup-text-input');\n      }\n\n      aupPasswordInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element(), selector ?? 'aup-password-input');\n      }\n\n      aupNumberInput(selector?: string): AupInput<number> {\n        return new AupInput.HtmlInput(() => this.element(), selector ?? 'aup-number-input');\n      }\n\n      aupCommand(face: Types.CommandFace): AupCommand {\n        return new AupCommand(() => this.element(), face);\n      }\n\n      aupTabbedNavigation<T extends object>(): AupNavigation {\n        return new AupNavigation(() => this.element(), 'aup-tabbed-place-navigation');\n      }\n\n      aupSideNavigation<T extends object>(): AupNavigation {\n        return new AupNavigation(() => this.element(), 'aup-list-place-nav');\n      }\n\n      aupTable(selector?: string):AupTable {\n        return new AupTable(() => this.element(), selector ?? 'aup-table');\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/components/switch-case/switch-case.component.js

@@ -49,6 +49,13 @@ SwitchCaseDefaultDirective.decorators = [
 SwitchCaseDefaultDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
+/**
+ * @example
+ * <aup-switch-case [switchModel]="booleanModel">
+ *    <div *aupSwitchCaseWhen="true"></div>
+ *    <div *aupSwitchCaseDefault>The default content</div>
+ * </aup-switch-case>
+ */
 export class SwitchCaseComponent extends DisposableComponent {
     constructor(cdr) {
         super();

package/esm2015/lib/components/switch-case/switch-case.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-case.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/switch-case/switch-case.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,SAAS,EACT,KAAK,EAEL,SAAS,EACT,WAAW,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,MAAM,OAAgB,gBAAgB;IAIpC,YAAqB,WAAgC;QAAhC,gBAAW,GAAX,WAAW,CAAqB;IACrD,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;IAC/B,CAAC;CAGF;AAMD,MAAM,OAAO,uBAA2B,SAAQ,gBAAmB;IAIjE,YAAY,WAAgC;QAC1C,KAAK,CAAC,WAAW,CAAC,CAAC;QAHZ,cAAS,GAAG,KAAK,CAAC;IAI3B,CAAC;IAED,OAAO,CAAC,KAAQ;QACd,OAAO,IAAI,CAAC,iBAAiB,KAAK,KAAK,CAAC;IAC1C,CAAC;;;YAdF,SAAS,SAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,uBAAuB,EAAE,CAAC;aACjF;;;YAxBC,WAAW;;;gCA0BV,KAAK;;AAgBR,MAAM,OAAO,0BAA8B,SAAQ,gBAAmB;IAGpE,YAAY,WAAgC;QAC1C,KAAK,CAAC,WAAW,CAAC,CAAC;QAHZ,cAAS,GAAG,IAAI,CAAC;IAI1B,CAAC;IAED,OAAO,CAAC,KAAQ;QACd,OAAO,KAAK,CAAC;IACf,CAAC;;;YAbF,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC;aACpF;;;YAzCC,WAAW;;AA4Db,MAAM,OAAO,mBAAuB,SAAQ,mBAAmB;IAa7D,YAAoB,GAAsB;QACxC,KAAK,EAAE,CAAC;QADU,QAAG,GAAH,GAAG,CAAmB;QAF1C,kBAAa,GAAG,CAAC,CAAC;IAIlB,CAAC;IAED,QAAQ;IACR,CAAC;IAED,kBAAkB;QAChB,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QAChG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC;QACjD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,CAAC;QAChG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAEO,eAAe;QACrB,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC/C,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;gBAC1C,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC9B;QACH,CAAC,CAAC,CAAC;QACH,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,OAAO,CAAC,IAAI,CAAC,SAAS,gBAAgB,CAAC,MAAM,8CAA8C,CAAC,CAAC;SAC9F;QACD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC/C,IAAI,MAAM,CAAC,SAAS,EAAE;oBACpB,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC9B;YACH,CAAC,CAAC,CAAC;YACH,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,OAAO,CAAC,IAAI,CAAC,SAAS,gBAAgB,CAAC,MAAM,6CAA6C,CAAC,CAAC;aAC7F;SACF;QACD,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;SAC1C;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;YAC1D,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;SACzB;IACH,CAAC;;;YA3DF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,+RAA2C;;aAE5C;;;YAlEC,iBAAiB;;;0BAqEhB,KAAK;qBAGL,KAAK;gCAGL,eAAe,SAAC,gBAAgB;;AALjC;IADU,aAAa,EAAE;8BACZ,UAAU;wDAAI;AAG3B;IADU,iBAAiB,CAAC,aAAa,CAAC;;mDAChC","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  Directive,\n  Input,\n  OnInit,\n  QueryList,\n  TemplateRef\n} from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\n\nexport abstract class SwitchCaseOption<T> {\n\n  abstract readonly isDefault: boolean;\n\n  constructor(readonly templateRef: TemplateRef<Object>) {\n  }\n\n  get name() {\n    return this.constructor.name;\n  }\n\n  abstract matches(value: T): boolean;\n}\n\n@Directive({\n  selector: '[aupSwitchCaseWhen]',\n  providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseWhenDirective }]\n})\nexport class SwitchCaseWhenDirective<T> extends SwitchCaseOption<T> {\n  @Input() aupSwitchCaseWhen: T;\n  readonly isDefault = false;\n\n  constructor(templateRef: TemplateRef<Object>) {\n    super(templateRef);\n  }\n\n  matches(value: T): boolean {\n    return this.aupSwitchCaseWhen === value;\n  }\n}\n\n@Directive({\n  selector: '[aupSwitchCaseDefault]',\n  providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseDefaultDirective }]\n})\nexport class SwitchCaseDefaultDirective<T> extends SwitchCaseOption<T> {\n  readonly isDefault = true;\n\n  constructor(templateRef: TemplateRef<Object>) {\n    super(templateRef);\n  }\n\n  matches(value: T): boolean {\n    return false;\n  }\n}\n\n\n@Component({\n  selector: 'aup-switch-case',\n  templateUrl: './switch-case.component.html',\n  styleUrls: ['./switch-case.component.scss']\n})\nexport class SwitchCaseComponent<T> extends DisposableComponent implements OnInit, AfterContentInit {\n\n  @Input() @TrackExternal()\n  switchModel: ValueModel<T>;\n\n  @Input() @StoreInValueModel('switchModel')\n  switch: T;\n\n  @ContentChildren(SwitchCaseOption)\n  switchCaseOptions: QueryList<SwitchCaseOption<T>>;\n\n  selectedIndex = 0;\n\n  constructor(private cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  ngOnInit(): void {\n  }\n\n  ngAfterContentInit(): void {\n    const subscription = this.switchCaseOptions.changes.subscribe(change => this.updateSelection());\n    this.onDispose(() => subscription.unsubscribe());\n    const { chain, when } = Dsl.disposeWith(this);\n    when(this.switchModel).changes(() => this.updateSelection(), { initialValue: 'triggerChange' });\n    this.cdr.detectChanges();\n  }\n\n  private updateSelection() {\n    const matchingIndicies = [];\n    this.switchCaseOptions.forEach((option, index) => {\n      if (option.matches(this.switchModel.value)) {\n        matchingIndicies.push(index);\n      }\n    });\n    if (matchingIndicies.length > 1) {\n      console.warn(`found ${matchingIndicies.length} matching case values, displaying the first.`);\n    }\n    if (matchingIndicies.length === 0) {\n      this.switchCaseOptions.forEach((option, index) => {\n        if (option.isDefault) {\n          matchingIndicies.push(index);\n        }\n      });\n      if (matchingIndicies.length > 1) {\n        console.warn(`found ${matchingIndicies.length} default case values, displaying the first.`);\n      }\n    }\n    if (matchingIndicies.length > 0) {\n      this.selectedIndex = matchingIndicies[0];\n    } else {\n      console.warn(`found no matching or default case values.`);\n      this.selectedIndex = -1;\n    }\n  }\n}\n\n"]}
+{"version":3,"file":"switch-case.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/switch-case/switch-case.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  Directive,\n  Input,\n  OnInit,\n  QueryList,\n  TemplateRef\n} from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\n\nexport abstract class SwitchCaseOption<T> {\n\n  abstract readonly isDefault: boolean;\n\n  constructor(readonly templateRef: TemplateRef<Object>) {\n  }\n\n  get name() {\n    return this.constructor.name;\n  }\n\n  abstract matches(value: T): boolean;\n}\n\n@Directive({\n  selector: '[aupSwitchCaseWhen]',\n  providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseWhenDirective }]\n})\nexport class SwitchCaseWhenDirective<T> extends SwitchCaseOption<T> {\n  @Input() aupSwitchCaseWhen: T;\n  readonly isDefault = false;\n\n  constructor(templateRef: TemplateRef<Object>) {\n    super(templateRef);\n  }\n\n  matches(value: T): boolean {\n    return this.aupSwitchCaseWhen === value;\n  }\n}\n\n@Directive({\n  selector: '[aupSwitchCaseDefault]',\n  providers: [{ provide: SwitchCaseOption, useExisting: SwitchCaseDefaultDirective }]\n})\nexport class SwitchCaseDefaultDirective<T> extends SwitchCaseOption<T> {\n  readonly isDefault = true;\n\n  constructor(templateRef: TemplateRef<Object>) {\n    super(templateRef);\n  }\n\n  matches(value: T): boolean {\n    return false;\n  }\n}\n\n/**\n * @example\n * <aup-switch-case [switchModel]=\"booleanModel\">\n *    <div *aupSwitchCaseWhen=\"true\"></div>\n *    <div *aupSwitchCaseDefault>The default content</div>\n * </aup-switch-case>\n */\n@Component({\n  selector: 'aup-switch-case',\n  templateUrl: './switch-case.component.html',\n  styleUrls: ['./switch-case.component.scss']\n})\nexport class SwitchCaseComponent<T> extends DisposableComponent implements OnInit, AfterContentInit {\n\n  @Input() @TrackExternal()\n  switchModel: ValueModel<T>;\n\n  @Input() @StoreInValueModel('switchModel')\n  switch: T;\n\n  @ContentChildren(SwitchCaseOption)\n  switchCaseOptions: QueryList<SwitchCaseOption<T>>;\n\n  selectedIndex = 0;\n\n  constructor(private cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  ngOnInit(): void {\n  }\n\n  ngAfterContentInit(): void {\n    const subscription = this.switchCaseOptions.changes.subscribe(change => this.updateSelection());\n    this.onDispose(() => subscription.unsubscribe());\n    const { chain, when } = Dsl.disposeWith(this);\n    when(this.switchModel).changes(() => this.updateSelection(), { initialValue: 'triggerChange' });\n    this.cdr.detectChanges();\n  }\n\n  private updateSelection() {\n    const matchingIndicies = [];\n    this.switchCaseOptions.forEach((option, index) => {\n      if (option.matches(this.switchModel.value)) {\n        matchingIndicies.push(index);\n      }\n    });\n    if (matchingIndicies.length > 1) {\n      console.warn(`found ${matchingIndicies.length} matching case values, displaying the first.`);\n    }\n    if (matchingIndicies.length === 0) {\n      this.switchCaseOptions.forEach((option, index) => {\n        if (option.isDefault) {\n          matchingIndicies.push(index);\n        }\n      });\n      if (matchingIndicies.length > 1) {\n        console.warn(`found ${matchingIndicies.length} default case values, displaying the first.`);\n      }\n    }\n    if (matchingIndicies.length > 0) {\n      this.selectedIndex = matchingIndicies[0];\n    } else {\n      console.warn(`found no matching or default case values.`);\n      this.selectedIndex = -1;\n    }\n  }\n}\n\n"]}

package/esm2015/lib/components/switch-case/switch-case.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SwitchCaseOption":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":36,"arguments":[{"__symbolic":"reference","name":"Object"}]}]}],"matches":[{"__symbolic":"method"}]}},"SwitchCaseWhenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SwitchCaseOption"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":30,"character":1},"arguments":[{"selector":"[aupSwitchCaseWhen]","providers":[{"provide":{"__symbolic":"reference","name":"SwitchCaseOption"},"useExisting":{"__symbolic":"reference","name":"SwitchCaseWhenDirective"}}]}]}],"members":{"aupSwitchCaseWhen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":36,"arguments":[{"__symbolic":"reference","name":"Object"}]}]}],"matches":[{"__symbolic":"method"}]}},"SwitchCaseDefaultDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SwitchCaseOption"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":47,"character":1},"arguments":[{"selector":"[aupSwitchCaseDefault]","providers":[{"provide":{"__symbolic":"reference","name":"SwitchCaseOption"},"useExisting":{"__symbolic":"reference","name":"SwitchCaseDefaultDirective"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":36,"arguments":[{"__symbolic":"reference","name":"Object"}]}]}],"matches":[{"__symbolic":"method"}]}},"SwitchCaseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":69,"character":44},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":64,"character":1},"arguments":[{"selector":"aup-switch-case","template":"<mat-tab-group class=\"content-wrapper\" no-tab-header full-height-tabs [selectedIndex]=\"selectedIndex\">\n  <mat-tab *ngFor=\"let option of switchCaseOptions\">\n    <ng-template [ngTemplateOutlet]=\"option.templateRef\"></ng-template>\n  </mat-tab>\n</mat-tab-group>\n\n\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch}mat-tab-group{flex:1}"]}]}],"members":{"switchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":71,"character":12}}]}],"switch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":74,"character":12},"arguments":["switchModel"]}]}],"switchCaseOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":77,"character":3},"arguments":[{"__symbolic":"reference","name":"SwitchCaseOption"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":82,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"updateSelection":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SwitchCaseOption":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":36,"arguments":[{"__symbolic":"reference","name":"Object"}]}]}],"matches":[{"__symbolic":"method"}]}},"SwitchCaseWhenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SwitchCaseOption"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":30,"character":1},"arguments":[{"selector":"[aupSwitchCaseWhen]","providers":[{"provide":{"__symbolic":"reference","name":"SwitchCaseOption"},"useExisting":{"__symbolic":"reference","name":"SwitchCaseWhenDirective"}}]}]}],"members":{"aupSwitchCaseWhen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":36,"arguments":[{"__symbolic":"reference","name":"Object"}]}]}],"matches":[{"__symbolic":"method"}]}},"SwitchCaseDefaultDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SwitchCaseOption"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":47,"character":1},"arguments":[{"selector":"[aupSwitchCaseDefault]","providers":[{"provide":{"__symbolic":"reference","name":"SwitchCaseOption"},"useExisting":{"__symbolic":"reference","name":"SwitchCaseDefaultDirective"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":36,"arguments":[{"__symbolic":"reference","name":"Object"}]}]}],"matches":[{"__symbolic":"method"}]}},"SwitchCaseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":75,"character":44},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":70,"character":1},"arguments":[{"selector":"aup-switch-case","template":"<mat-tab-group class=\"content-wrapper\" no-tab-header full-height-tabs [selectedIndex]=\"selectedIndex\">\n  <mat-tab *ngFor=\"let option of switchCaseOptions\">\n    <ng-template [ngTemplateOutlet]=\"option.templateRef\"></ng-template>\n  </mat-tab>\n</mat-tab-group>\n\n\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch}mat-tab-group{flex:1}"]}]}],"members":{"switchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":77,"character":12}}]}],"switch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":80,"character":12},"arguments":["switchModel"]}]}],"switchCaseOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":83,"character":3},"arguments":[{"__symbolic":"reference","name":"SwitchCaseOption"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":88,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"updateSelection":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/tables/table/table.component.js

@@ -73,7 +73,7 @@ export class TableComponent extends AbstractTableComponent {
 TableComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-table',
-                template: "<div class=\"scroll-container\">\n  <table mat-table [dataSource]=\"getModel().dataSource.value\" [trackBy]=\"getModel().trackBy\">\n\n    <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n                  matColumnDef=\"{{column.columnId}}\">\n      <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n        <aup-table-header-cell-renderer [column]=\"column\"\n                                        [attr.column-index]=\"index\"\n                                        [attr.column-id]=\"column.columnId\"\n                                        [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-header-cell-renderer>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\"\n          [class.enable-cursor]=\"getModel().isCursorEnabled(column)\"\n          [class.flex]=\"column.isFlex()\"\n          [class.hide]=\"!column.isVisible()\"\n      >\n        <aup-table-cell-renderer [column]=\"column\"\n                                 [row]=\"row\"\n                                 [tableModel]=\"getModel()\"\n                                 [editSession]=\"getModel().getEditSessionFor(row)\"\n                                 [attr.column-index]=\"index\"\n                                 [attr.column-id]=\"column.columnId\"\n                                 [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-cell-renderer>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n        [ngClass]=\"getModel().getRowClasses(row)\" [class.enable-hover]=\"getModel().isHoverEnabled()\"\n        [attr.trackBy]=\"getModel().trackBy(i, row)\"\n    ></tr>\n\n  </table>\n</div>\n",
+                template: "<div class=\"scroll-container\">\n  <table mat-table [dataSource]=\"getModel().dataSource.value\" [trackBy]=\"getModel().trackBy\">\n\n    <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n                  matColumnDef=\"{{column.columnId}}\">\n      <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n        <aup-table-header-cell-renderer [column]=\"column\"\n                                        [attr.column-index]=\"index\"\n                                        [attr.column-id]=\"column.columnId\"\n                                        [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-header-cell-renderer>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\"\n          [class.enable-cursor]=\"getModel().isCursorEnabled(column)\"\n          [class.flex]=\"column.isFlex()\"\n          [class.hide]=\"!column.isVisible()\"\n      >\n        <aup-table-cell-renderer [column]=\"column\"\n                                 [row]=\"row\"\n                                 [tableModel]=\"getModel()\"\n                                 [editSession]=\"getModel().getEditSessionFor(row)\"\n                                 [attr.column-index]=\"index\"\n                                 [attr.column-id]=\"column.columnId\"\n                                 [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-cell-renderer>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n        [ngClass]=\"getModel().getRowClasses(row)\" [class.enable-hover]=\"getModel().isHoverEnabled()\"\n        [attr.aup-row-id]=\"getModel().trackBy(i, row)\"\n    ></tr>\n\n  </table>\n</div>\n",
                 providers: [
                     { provide: AbstractTableComponent, useExisting: TableComponent }
                 ],

package/esm2015/lib/components/tables/table/table.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/tables/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AASH,MAAM,OAAO,cAAoB,SAAQ,sBAA2B;IAMlE,YAAY,UAAsB,EAAE,MAAc;QAChD,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,+3DAAsC;gBAEtC,SAAS,EAAE;oBACT,EAAC,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,cAAc,EAAC;iBAC/D;;aACF;;;YAvEmB,UAAU;YAAS,MAAM;;;yBA0E1C,KAAK;;AAEN;IADC,aAAa,EAAE;8BACJ,kBAAkB;kDAAM","sourcesContent":["import { Component, ElementRef, Input, NgZone } from '@angular/core';\nimport { TrackExternal } from '@coolon/pectin';\nimport { AbstractTableModel } from '../abstract-table-model';\nimport { AbstractTableComponent } from '../abstract-table.component';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Column templates\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addTemplateColumn(\"specialColumn\");\n * });\n * <aup-table [tableModel]=\"heroTableModel\">\n *   <div *aupColumnTemplate=\"let hero; columnId: 'specialColumn'; fillCell: true; padChild:false\">\n *     {{hero.name}}\n *   </div>\n * </aup-table>\n *\n * Styling\n * @example\n *  // global settings\n * :root {\n *   --aup-table-column-gap: 10px; // defaults to 24px\n *   --aup-table-row-hover-background-color, rgba(0, 0, 0, 0.05)\n *   --aup-table-row-selected-background-color: rebeccapurple; // defaults to transparent\n *   --aup-table-first-column-padding-left: 18px // defaults to --column-gap\n *   --aup-table-last-column-padding-right: 18px // defaults to --column-gap\n * }\n *\n * // per table settings.\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   --row-hover-background-color, rgba(0, 0, 0, 0.05)\n *   --row-selected-background-color: rebeccapurple; // defaults to transparent\n *   --first-column-padding-left: 18px // defaults to --column-gap\n *   --last-column-padding-right: 18px // defaults to --column-gap\n *\n *   aup-table-header-cell-renderer,\n *   aup-table-cell-renderer {\n *     &.aup-col-my-dasherised-column-id {\n *       // do stuff\n *     }\n *     &.first-visible-column {\n *       // do stuff\n *     }\n *     &.last-visible-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: '../table.component.html',\n  styleUrls: ['../table.component.scss'],\n  providers: [\n    {provide: AbstractTableComponent, useExisting: TableComponent}\n  ]\n})\nexport class TableComponent<Row> extends AbstractTableComponent<Row> {\n\n  @Input()\n  @TrackExternal()\n  tableModel: AbstractTableModel<Row>;\n\n  constructor(elementRef: ElementRef, ngZone: NgZone) {\n    super(elementRef, ngZone);\n  }\n\n  getModel(): AbstractTableModel<Row> {\n    return this.tableModel;\n  }\n\n}\n"]}
+{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/tables/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AASH,MAAM,OAAO,cAAoB,SAAQ,sBAA2B;IAMlE,YAAY,UAAsB,EAAE,MAAc;QAChD,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,k4DAAsC;gBAEtC,SAAS,EAAE;oBACT,EAAC,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,cAAc,EAAC;iBAC/D;;aACF;;;YAvEmB,UAAU;YAAS,MAAM;;;yBA0E1C,KAAK;;AAEN;IADC,aAAa,EAAE;8BACJ,kBAAkB;kDAAM","sourcesContent":["import { Component, ElementRef, Input, NgZone } from '@angular/core';\nimport { TrackExternal } from '@coolon/pectin';\nimport { AbstractTableModel } from '../abstract-table-model';\nimport { AbstractTableComponent } from '../abstract-table.component';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Column templates\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addTemplateColumn(\"specialColumn\");\n * });\n * <aup-table [tableModel]=\"heroTableModel\">\n *   <div *aupColumnTemplate=\"let hero; columnId: 'specialColumn'; fillCell: true; padChild:false\">\n *     {{hero.name}}\n *   </div>\n * </aup-table>\n *\n * Styling\n * @example\n *  // global settings\n * :root {\n *   --aup-table-column-gap: 10px; // defaults to 24px\n *   --aup-table-row-hover-background-color, rgba(0, 0, 0, 0.05)\n *   --aup-table-row-selected-background-color: rebeccapurple; // defaults to transparent\n *   --aup-table-first-column-padding-left: 18px // defaults to --column-gap\n *   --aup-table-last-column-padding-right: 18px // defaults to --column-gap\n * }\n *\n * // per table settings.\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   --row-hover-background-color, rgba(0, 0, 0, 0.05)\n *   --row-selected-background-color: rebeccapurple; // defaults to transparent\n *   --first-column-padding-left: 18px // defaults to --column-gap\n *   --last-column-padding-right: 18px // defaults to --column-gap\n *\n *   aup-table-header-cell-renderer,\n *   aup-table-cell-renderer {\n *     &.aup-col-my-dasherised-column-id {\n *       // do stuff\n *     }\n *     &.first-visible-column {\n *       // do stuff\n *     }\n *     &.last-visible-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: '../table.component.html',\n  styleUrls: ['../table.component.scss'],\n  providers: [\n    {provide: AbstractTableComponent, useExisting: TableComponent}\n  ]\n})\nexport class TableComponent<Row> extends AbstractTableComponent<Row> {\n\n  @Input()\n  @TrackExternal()\n  tableModel: AbstractTableModel<Row>;\n\n  constructor(elementRef: ElementRef, ngZone: NgZone) {\n    super(elementRef, ngZone);\n  }\n\n  getModel(): AbstractTableModel<Row> {\n    return this.tableModel;\n  }\n\n}\n"]}