@coolon/angular-ui-powerups 12.4.0-alpha.17 → 12.4.0-alpha.19

package/esm2015/lib/components/tables/tree-table/tree-table-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-table-model.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/tables/tree-table/tree-table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import { ListModel, MutableValueModel, SelectionModel, ValueModel } from '@coolon/pectin';\nimport * as _ from 'lodash';\nimport { AbstractTableModel } from '../abstract-table-model';\nimport { SelectionColumnModel } from '../table/column-model';\nimport { DecoratedTreeNode } from './decorated-tree-node';\nimport { FlattenedTreeListModel } from './flattened-tree-list-model';\nimport { TreeExpansionModel } from './tree-expansion-model';\nimport { TreeLabelColumnModel } from './tree-label-column-model';\n\nexport type ChildArrayPropertiesOf<T> = { [K in keyof T]: T[K] extends T[] ? K : never }[keyof T];\n\n// TODO:\n//    Selection Models:\n//      - as simple navigation tree\n//      - as editable grid (selecte all, even hidden etc?)\n//      - fixing selection on underlying model changes.\n//      - rendering selection: row highlighting, checkboxes (in the tree renderer or in separate column), both.\n//    Expansion Models:\n//      - Add ability to auto show to depth\n//      - Add a predicate to check default expansion (i.e. has children of a certain type)\n//\nexport class TreeTableModel<Row> extends AbstractTableModel<Row> {\n\n  readonly treeExpansionModel = new TreeExpansionModel<Row>(row => this.identityOf(row));\n  private readonly flattenedDataSource: FlattenedTreeListModel<Row>;\n\n  constructor(source: ListModel<Row>, childAccessor: ChildArrayPropertiesOf<Row> | ((node: Row) => Row[]), builder?: (model: TreeTableModel<Row>) => void) {\n    super();\n    if (builder) builder(this);\n    const childExtractor = _.isFunction(childAccessor) ? childAccessor : row => row[childAccessor];\n    this.flattenedDataSource = this.registerDisposable(new FlattenedTreeListModel<Row>(source, childExtractor, this.treeExpansionModel));\n    this.setDataSource(this.flattenedDataSource);\n  }\n\n  treeControlColumn(builder: (column: TreeLabelColumnModel<Row>) => void) {\n    const columnId = 'tree-label';\n    const column = new TreeLabelColumnModel<Row>(columnId, () => this.getColumnTextProperties(columnId), this.treeExpansionModel);\n    builder(column);\n    this.addColumn(column);\n  }\n\n  expand(node: DecoratedTreeNode<Row>) {\n    this.treeExpansionModel.expand(node);\n  }\n\n  collapse(node: DecoratedTreeNode<Row>) {\n    this.treeExpansionModel.expand(node);\n  }\n\n  isCollapsed(node: DecoratedTreeNode<Row>): boolean {\n    return this.treeExpansionModel.isCollapsed(node);\n  }\n\n  ensureAncestorsAndSelfVisible(node: DecoratedTreeNode<Row>) {\n    this.treeExpansionModel.ensureAncestorsAndSelfVisible(node);\n  }\n\n  addSelectionColumn(selectionModel?: SelectionModel<Row>, showSelectionColumn?: ValueModel<boolean> | boolean): SelectionColumnModel<Row> {\n    return this._addSelectionColumn(selectionModel, showSelectionColumn);\n  }\n\n  // saveSelection() {\n  //   let ids: number[] = [];\n  //   const selectedArea = this._decoratedSelectionModel.leadSelection.value;\n  //   if (selectedArea) {\n  //     ids.push(selectedArea.id);\n  //     ids = ids.concat(selectedArea.siblingsAfter().map(a => a.id));\n  //     ids = ids.concat(selectedArea.siblingsBefore().reverse().map(a => a.id));\n  //     ids = ids.concat(selectedArea.ancestorsToZone().reverse().map(a => a.id));\n  //   }\n  //   this._storedSelection = ids;\n  // }\n  //\n  //\n  // restoreSelection() {\n  //   const all = this.rootNodeModel.value.selfAndDescendants();\n  //   for (let i = 0; i < this._storedSelection.length; i++) {\n  //     const id = this._storedSelection[i];\n  //     const found = all.find(area => area.id === id);\n  //     if (found) {\n  //       this.selectedAreaId.value = found.id;\n  //       break;\n  //     }\n  //   }\n  // }\n  //\n  // collapseAll(areas: T[]) {\n  //   this.collapsedAreaIds.value = [].concat(this.collapsedAreaIds.value, areas.map(a => a.id));\n  // }\n\n  // disableSelection(disable: boolean = true) {\n  //   this._disableSelection.value = disable;\n  // }\n\n\n}\n\n\nexport namespace TreeTableModel {\n\n  export interface Options<T, K extends keyof T> {\n    storeIdIn: MutableValueModel<K>\n  }\n\n  export type IconFactory<Row> = (node: Row, expanded: boolean, defaultIcon: string) => string;\n\n}\n\n\n// export class FlattenStrategy<T extends VisitableTree<any>> extends SelfAndDescendantsVisitor<T> {\n//\n//   private _areas: T[] = [];\n//   private _collapsed: Set<T>;\n//\n//   constructor(private collapsedIds: T[]) {\n//     super();\n//     this._collapsed = new Set<T>(collapsedIds);\n//   }\n//\n//   protected onVisit(it: T) {\n//     this._areas.push(it);\n//   }\n//\n//   protected shouldVisitChildrenOf(it: T): boolean {\n//     return !this._collapsed.has(it);\n//   }\n//\n//   get flattenedAreas(): T[] {\n//     return this._areas;\n//   }\n//\n// }\n\n// class DecoratorCache {\n//\n//     private map = new Map<number, T>();\n//\n//     get(area:T): T {\n//\n//         if (!area) return null;\n//\n//         let decoratedArea = this.map.get(area.id);\n//         if (!decoratedArea) {\n//             decoratedArea = TreeModel.AreaDecorator.decorate(area);\n//             this.map.set(area.id, decoratedArea);\n//         }\n//         return decoratedArea;\n//     }\n//\n//     clear() {\n//         this.map.clear();\n//     }\n//\n//\n// }\n\n\n\n\n"]}
+{"version":3,"file":"tree-table-model.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/tables/tree-table/tree-table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import { ListModel, MutableValueModel, SelectionModel, ValueModel } from '@coolon/pectin';\nimport * as _ from 'lodash';\nimport { AbstractTableModel } from '../abstract-table-model';\nimport { SelectionColumnModel } from '../table/column-model';\nimport { FlattenedTreeListModel } from './flattened-tree-list-model';\nimport { TreeExpansionModel } from './tree-expansion-model';\nimport { TreeLabelColumnModel } from './tree-label-column-model';\n\nexport type ChildArrayPropertiesOf<T> = { [K in keyof T]: T[K] extends T[] ? K : never }[keyof T];\n\n// TODO:\n//    Selection Models:\n//      - as simple navigation tree\n//      - as editable grid (selecte all, even hidden etc?)\n//      - fixing selection on underlying model changes.\n//      - rendering selection: row highlighting, checkboxes (in the tree renderer or in separate column), both.\n//    Expansion Models:\n//      - Add ability to auto show to depth\n//      - Add a predicate to check default expansion (i.e. has children of a certain type)\n//\nexport class TreeTableModel<Row> extends AbstractTableModel<Row> {\n\n  readonly treeExpansionModel = new TreeExpansionModel<Row>(row => this.identityOf(row));\n  private readonly flattenedDataSource: FlattenedTreeListModel<Row>;\n\n  constructor(source: ListModel<Row>, childAccessor: ChildArrayPropertiesOf<Row> | ((node: Row) => Row[]), builder?: (model: TreeTableModel<Row>) => void) {\n    super();\n    if (builder) builder(this);\n    const childExtractor = _.isFunction(childAccessor) ? childAccessor : row => row[childAccessor];\n    this.flattenedDataSource = this.registerDisposable(new FlattenedTreeListModel<Row>(source, childExtractor, this.treeExpansionModel));\n    this.setDataSource(this.flattenedDataSource);\n\n    this.addRowClass('aup-node-collapsed', row => this.isCollapsed(row));\n  }\n\n  treeControlColumn(builder: (column: TreeLabelColumnModel<Row>) => void) {\n    const columnId = 'tree-label';\n    const column = new TreeLabelColumnModel<Row>(columnId, () => this.getColumnTextProperties(columnId), this.treeExpansionModel);\n    builder(column);\n    this.addColumn(column);\n  }\n\n  expand(node: Row) {\n    this.treeExpansionModel.expand(node);\n  }\n\n  collapse(node: Row) {\n    this.treeExpansionModel.expand(node);\n  }\n\n  isCollapsed(node: Row): boolean {\n    return this.treeExpansionModel.isCollapsed(node);\n  }\n\n  ensureAncestorsAndSelfVisible(node: Row) {\n    this.treeExpansionModel.ensureAncestorsAndSelfVisible(node);\n  }\n\n  addSelectionColumn(selectionModel?: SelectionModel<Row>, showSelectionColumn?: ValueModel<boolean> | boolean): SelectionColumnModel<Row> {\n    return this._addSelectionColumn(selectionModel, showSelectionColumn);\n  }\n\n  // saveSelection() {\n  //   let ids: number[] = [];\n  //   const selectedArea = this._decoratedSelectionModel.leadSelection.value;\n  //   if (selectedArea) {\n  //     ids.push(selectedArea.id);\n  //     ids = ids.concat(selectedArea.siblingsAfter().map(a => a.id));\n  //     ids = ids.concat(selectedArea.siblingsBefore().reverse().map(a => a.id));\n  //     ids = ids.concat(selectedArea.ancestorsToZone().reverse().map(a => a.id));\n  //   }\n  //   this._storedSelection = ids;\n  // }\n  //\n  //\n  // restoreSelection() {\n  //   const all = this.rootNodeModel.value.selfAndDescendants();\n  //   for (let i = 0; i < this._storedSelection.length; i++) {\n  //     const id = this._storedSelection[i];\n  //     const found = all.find(area => area.id === id);\n  //     if (found) {\n  //       this.selectedAreaId.value = found.id;\n  //       break;\n  //     }\n  //   }\n  // }\n  //\n  // collapseAll(areas: T[]) {\n  //   this.collapsedAreaIds.value = [].concat(this.collapsedAreaIds.value, areas.map(a => a.id));\n  // }\n\n  // disableSelection(disable: boolean = true) {\n  //   this._disableSelection.value = disable;\n  // }\n\n\n}\n\n\nexport namespace TreeTableModel {\n\n  export interface Options<T, K extends keyof T> {\n    storeIdIn: MutableValueModel<K>\n  }\n\n  export type IconFactory<Row> = (node: Row, expanded: boolean, defaultIcon: string) => string;\n\n}\n\n\n// export class FlattenStrategy<T extends VisitableTree<any>> extends SelfAndDescendantsVisitor<T> {\n//\n//   private _areas: T[] = [];\n//   private _collapsed: Set<T>;\n//\n//   constructor(private collapsedIds: T[]) {\n//     super();\n//     this._collapsed = new Set<T>(collapsedIds);\n//   }\n//\n//   protected onVisit(it: T) {\n//     this._areas.push(it);\n//   }\n//\n//   protected shouldVisitChildrenOf(it: T): boolean {\n//     return !this._collapsed.has(it);\n//   }\n//\n//   get flattenedAreas(): T[] {\n//     return this._areas;\n//   }\n//\n// }\n\n// class DecoratorCache {\n//\n//     private map = new Map<number, T>();\n//\n//     get(area:T): T {\n//\n//         if (!area) return null;\n//\n//         let decoratedArea = this.map.get(area.id);\n//         if (!decoratedArea) {\n//             decoratedArea = TreeModel.AreaDecorator.decorate(area);\n//             this.map.set(area.id, decoratedArea);\n//         }\n//         return decoratedArea;\n//     }\n//\n//     clear() {\n//         this.map.clear();\n//     }\n//\n//\n// }\n\n\n\n\n"]}

package/esm2015/lib/components/tables/tree-table/tree-table-model.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ChildArrayPropertiesOf":{"__symbolic":"interface"},"TreeTableModel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-table-model","name":"AbstractTableModel","line":21,"character":41},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ListModel","line":26,"character":22,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":26,"character":32,"context":{"typeName":"Row"}}]},{"__symbolic":"error","message":"Could not resolve type","line":26,"character":53,"context":{"typeName":"ChildArrayPropertiesOf"}},{"__symbolic":"error","message":"Expression form not supported","line":26,"character":117}]}],"treeControlColumn":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"isCollapsed":[{"__symbolic":"method"}],"ensureAncestorsAndSelfVisible":[{"__symbolic":"method"}],"addSelectionColumn":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ChildArrayPropertiesOf":{"__symbolic":"interface"},"TreeTableModel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-table-model","name":"AbstractTableModel","line":20,"character":41},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ListModel","line":25,"character":22,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":32,"context":{"typeName":"Row"}}]},{"__symbolic":"error","message":"Could not resolve type","line":25,"character":53,"context":{"typeName":"ChildArrayPropertiesOf"}},{"__symbolic":"error","message":"Expression form not supported","line":25,"character":117}]}],"treeControlColumn":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"isCollapsed":[{"__symbolic":"method"}],"ensureAncestorsAndSelfVisible":[{"__symbolic":"method"}],"addSelectionColumn":[{"__symbolic":"method"}]}}}}]

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

@@ -1,27 +1,46 @@
 import { lang, Mixin } from '@coolon/typescript-utilities';
 import * as _ from 'lodash';
+import { __decorate, __metadata } from 'tslib';
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import { DefaultUrlSerializer } from '@angular/router';
 
-class PageElement {
-    constructor(parent, selector) {
-        this.parentElementAccessor = parent instanceof PageElement ? () => parent.element() : parent;
-        this.elementAccessStrategy = _.isString(selector) ? {
-            findIn: p => p.find(selector),
-            shouldNotExist: (p) => p.find(selector).should('not.exist')
-        } : selector;
+var ElementLocator;
+(function (ElementLocator) {
+    function findByCssSelector(selector) {
+        return {
+            findIn: parent => parent.dom().find(selector),
+            shouldNotExist: (p) => p.dom().find(selector).should('not.exist')
+        };
+    }
+    ElementLocator.findByCssSelector = findByCssSelector;
+    function findByTextContent(selector, text) {
+        return {
+            findIn(parent) {
+                return parent.dom().contains(selector, text);
+            },
+            shouldNotExist(parent) {
+                return parent.dom().should('not.contain', text);
+            }
+        };
     }
-    element() {
-        const parent = this.getParentElement();
-        return parent ? this.elementAccessStrategy.findIn(parent) : undefined;
+    ElementLocator.findByTextContent = findByTextContent;
+})(ElementLocator || (ElementLocator = {}));
+
+class PageElement {
+    constructor(parent, selectorOrLocator) {
+        this.parent = parent;
+        this.elementAccessStrategy = _.isString(selectorOrLocator) ?
+            ElementLocator.findByCssSelector(selectorOrLocator) :
+            selectorOrLocator;
     }
-    getParentElement() {
-        return this.parentElementAccessor ? this.parentElementAccessor() : undefined;
+    dom() {
+        return this.elementAccessStrategy.findIn(this.parent);
     }
     find(selector) {
-        return new PageElement(() => this.element(), selector);
+        return new PageElement(this, selector);
     }
     click(text) {
-        text ? this.element().contains(text).click() : this.element().click();
+        text ? this.dom().contains(text).click() : this.dom().click();
     }
     get should() {
         return this.getShoulder(this.getShouldElement());
@@ -30,28 +49,36 @@ class PageElement {
         return element.should.bind(element);
     }
     getShouldElement() {
-        return this.element();
+        return this.dom();
     }
     shouldBeVisible() {
         this.should('be.visible');
     }
     shouldNotBeVisible() {
+        this.should('not.be.visible');
+    }
+    shouldExist() {
+        this.dom().should('exist');
+    }
+    shouldNotExist() {
         if (!this.elementAccessStrategy.shouldNotExist) {
-            lang.abstractMethod(this.constructor);
+            this.dom().should('not.exist');
+        }
+        else {
+            this.elementAccessStrategy.shouldNotExist(this.parent);
         }
-        this.elementAccessStrategy.shouldNotExist(this.getParentElement());
     }
 }
 
-class FaceAccessor {
+class FaceElementLocator {
     constructor(face) {
         this.face = face;
     }
     findIn(parent) {
         return this.face.text ?
-            parent.contains(`aup-command-face`, this.face.text()) :
+            parent.dom().contains(`aup-command-face`, this.face.text()) :
             this.face.icon ?
-                parent.find(`aup-icon[ng-reflect-icon=${this.face.icon()}]`).closest('aup-command-face') :
+                parent.dom().find(`aup-icon[ng-reflect-icon=${this.face.icon()}]`).closest('aup-command-face') :
                 undefined;
     }
     shouldNotExist(parent) {
@@ -64,10 +91,10 @@ class FaceAccessor {
 }
 class AupCommandFace extends PageElement {
     constructor(parentElement, face) {
-        super(() => parentElement.element(), AupCommandFace.createAccessor(face));
+        super(parentElement, AupCommandFace.createElementLocator(face));
     }
-    static createAccessor(face) {
-        return new FaceAccessor(face);
+    static createElementLocator(face) {
+        return new FaceElementLocator(face);
     }
 }
 
@@ -76,10 +103,10 @@ class AupCommand extends PageElement {
         super(parent, {
             findIn(parentElement) {
                 if (_.isString(faceOrSelector)) {
-                    return parentElement.find(faceOrSelector);
+                    return parentElement.dom().find(faceOrSelector);
                 }
                 else {
-                    return AupCommandFace.createAccessor(faceOrSelector).findIn(parentElement).closest('aup-command');
+                    return AupCommandFace.createElementLocator(faceOrSelector).findIn(parentElement).closest('aup-command');
                 }
             },
             shouldNotExist(parentElement) {
@@ -97,25 +124,25 @@ class AupCommand extends PageElement {
         this.getButton().should('be.disabled');
     }
     getButton() {
-        return this.element().find('button');
+        return this.dom().find('button');
     }
 }
 
 class AupEmptyState extends PageElement {
     shouldContainText(text) {
-        this.element().should("contain.text", text);
+        this.dom().should("contain.text", text);
     }
 }
 
 class AupInput extends PageElement {
     label() {
-        return this.element().find('label');
+        return this.dom().find('label');
     }
     hint() {
-        return this.element().find('mat-hint');
+        return this.dom().find('mat-hint');
     }
     error() {
-        return this.element().find('mat-error');
+        return this.dom().find('mat-error');
     }
     get labelShould() {
         return this.getShoulder(this.label());
@@ -151,7 +178,7 @@ class AupInput extends PageElement {
 (function (AupInput) {
     class HtmlInput extends AupInput {
         input() {
-            return this.element().find('input');
+            return this.dom().find('input');
         }
         clear() {
             this.input().clear();
@@ -172,7 +199,7 @@ class AupInput extends PageElement {
             return this.input();
         }
         input() {
-            return this.element().find('textarea');
+            return this.dom().find('textarea');
         }
         clear() {
             this.input().clear();
@@ -198,115 +225,257 @@ class AupNavigation extends PageElement {
         this.face(label).shouldBeVisible();
     }
     shouldNotHaveLink(label) {
-        this.face(label).shouldNotBeVisible();
+        this.face(label).shouldNotExist();
     }
 }
 
-class AupTable extends PageElement {
-    constructor(parentElementAccessor, selector) {
-        super(parentElementAccessor, selector);
+class AupTableCell extends PageElement {
+    rowId() {
+        return this.dom().closest('tr').invoke('attr', 'aup-row-id');
+    }
+    row() {
+        const self = this;
+        return this.parent.createRow({
+            findIn(parent) {
+                return self.rowId().then(rowId => {
+                    return parent.dom().find(AupAbstractTable.cssSelectorForTableRowById(rowId));
+                });
+            }
+        });
     }
+}
+
+class AupTableColumn extends PageElement {
+    constructor(table, columnId) {
+        super(table, AupAbstractTable.cssSelectorForColumnCellRendererById(columnId));
+        this.columnId = columnId;
+    }
+    cellContaining(content) {
+        const self = this;
+        return new AupTableCell(this.parent, {
+            findIn(parent) {
+                return parent.dom().contains(AupAbstractTable.cssSelectorForColumnCellRendererById(self.columnId), content);
+            }
+        });
+    }
+    rowContaining(content) {
+        return this.cellContaining(content).row();
+    }
+}
+
+class AupTableSelectionColumn extends AupTableColumn {
+    selectAll() {
+    }
+}
+
+class AupAbstractTable extends PageElement {
     row(rowId) {
-        return new AupTable.Row(() => this.element(), `tr[aup-table-id=${rowId}]`);
+        return this.createRow({
+            findIn(parent) {
+                return parent.dom().find(AupAbstractTable.cssSelectorForTableRowById(rowId));
+            }
+        });
+    }
+    rowNumber(rowNumber) {
+        return this.createRow({
+            findIn(parent) {
+                return parent.dom().find(AupAbstractTable.cssSelectorForNthTableRow(rowNumber));
+            }
+        });
     }
     column(columnId) {
-        return new AupTable.Column(this, columnId);
+        return new AupTableColumn(this, columnId);
+    }
+    get selectionColumn() {
+        return new AupTableSelectionColumn(this, 'selection-column');
+    }
+}
+__decorate([
+    Memoize(),
+    __metadata("design:type", AupTableSelectionColumn),
+    __metadata("design:paramtypes", [])
+], AupAbstractTable.prototype, "selectionColumn", null);
+(function (AupAbstractTable) {
+    function cssSelectorForTableRowById(rowId) {
+        return `tbody tr[aup-row-id=${rowId}]`;
+    }
+    AupAbstractTable.cssSelectorForTableRowById = cssSelectorForTableRowById;
+    function cssSelectorForNthTableRow(rowNumber) {
+        return `tbody tr:nth-child(${rowNumber})`;
+    }
+    AupAbstractTable.cssSelectorForNthTableRow = cssSelectorForNthTableRow;
+    function cssSelectorForColumnCellRendererById(columnOrId) {
+        const columnId = _.isString(columnOrId) ? columnOrId : columnOrId.columnId;
+        return `aup-table-cell-renderer[column-id=${columnId}]`;
+    }
+    AupAbstractTable.cssSelectorForColumnCellRendererById = cssSelectorForColumnCellRendererById;
+    function cssSelectorForCell(rowId, columnOrId) {
+        return `${cssSelectorForTableRowById(rowId)} ${cssSelectorForColumnCellRendererById(columnOrId)}`;
+    }
+    AupAbstractTable.cssSelectorForCell = cssSelectorForCell;
+})(AupAbstractTable || (AupAbstractTable = {}));
+
+/* tslint:disable:unified-signatures */
+class AupTableRow extends PageElement {
+    rowId() {
+        return this.dom()
+            .invoke('attr', 'aup-row-id');
+    }
+    shouldHaveRowId(rowId) {
+        this.rowId().should('eq', rowId);
+    }
+    cell(columnOrId) {
+        const self = this;
+        return new AupTableCell(this.parent, {
+            findIn(parent) {
+                return self.rowId()
+                    .then(rowId => AupAbstractTable.cssSelectorForCell(rowId, columnOrId))
+                    .then(selector => parent.dom().find(selector));
+            }
+        });
+    }
+    shouldBeSelected() {
+        this.dom().should('have.class', 'aup-row-selected');
+    }
+    shouldNotBeSelected() {
+        this.dom().should('not.have.class', 'aup-row-selected');
+    }
+}
+
+class AupTable extends AupAbstractTable {
+    createRow(locator) {
+        return new AupTableRow(this, locator);
+    }
+}
+
+class AupTreeTable extends AupAbstractTable {
+    get treeControlColumn() {
+        return new AupTreeTable.TreeControlColumn(this, 'tree-label');
+    }
+    createRow(locator) {
+        return new AupTreeTable.Row(this, locator);
     }
 }
-(function (AupTable) {
-    class Row extends PageElement {
-    }
-    AupTable.Row = Row;
-    class Column {
-        constructor(table, columnId) {
-            this.table = table;
-            this.columnId = columnId;
+__decorate([
+    Memoize(),
+    __metadata("design:type", AupTreeTable.TreeControlColumn),
+    __metadata("design:paramtypes", [])
+], AupTreeTable.prototype, "treeControlColumn", null);
+(function (AupTreeTable) {
+    class Row extends AupTableRow {
+        shouldBeExpanded() {
+            this.dom().should("not.have.class", "aup-node-collapsed");
         }
-        cell(content) {
-            const self = this;
-            return new Cell(this.table, {
-                findIn(parent) {
-                    return parent.contains(`aup-table-cell-renderer[column-id=${self.columnId}]`, content);
-                }
-            });
+        shouldBeCollapsed() {
+            this.dom().should("have.class", "aup-node-collapsed");
         }
     }
-    AupTable.Column = Column;
-    class Cell extends PageElement {
+    AupTreeTable.Row = Row;
+    class TreeControlColumn extends AupTableColumn {
     }
-    AupTable.Cell = Cell;
-})(AupTable || (AupTable = {}));
+    AupTreeTable.TreeControlColumn = TreeControlColumn;
+})(AupTreeTable || (AupTreeTable = {}));
 
-function ButtonMixin(Base) {
+function FormElementMixin(Base) {
     return class extends Base {
         constructor(...args) {
             super(...args);
         }
-        click() {
-            return this.element().click();
-        }
         shouldBeDisabled() {
             this.should("be.disabled");
-            // this.should("have.css", "color", "rgba(0,0,0,0.26)")
         }
     };
 }
 
-class Button extends ButtonMixin(PageElement) {
+class Button extends FormElementMixin(PageElement) {
     constructor(parentElementAccessor, buttonText) {
-        super(parentElementAccessor, {
-            findIn(parent) {
-                return parent.contains('button', buttonText);
-            },
-            shouldNotExist(parent) {
-                return parent.should('not.contain', buttonText);
+        super(parentElementAccessor, ElementLocator.findByTextContent('button', buttonText));
+    }
+}
+
+class MatCheckbox extends FormElementMixin(PageElement) {
+    constructor(parentElementAccessor, text) {
+        super(parentElementAccessor, ElementLocator.findByTextContent('mat-checkbox', text));
+    }
+    shouldBeChecked() {
+        this.hiddenCheckBoxElement().should('be.checked');
+    }
+    shouldNotBeChecked() {
+        this.hiddenCheckBoxElement().should('not.be.checked');
+    }
+    hiddenCheckBoxElement() {
+        return this.dom().find('input[type=checkbox]');
+    }
+    check() {
+        this.hiddenCheckBoxElement().then(el => {
+            if (!el.prop('checked')) {
+                this.click();
+                this.shouldBeChecked();
+            }
+        });
+    }
+    uncheck() {
+        this.hiddenCheckBoxElement().then(el => {
+            if (el.prop('checked')) {
+                this.click();
+                this.shouldNotBeChecked();
             }
         });
     }
 }
 
 class Builder {
-    constructor(source) {
-        this.source = source;
+    constructor(parentPageElement) {
+        this.parentPageElement = parentPageElement;
     }
     find(selector) {
-        return new PageElement(this.source, selector);
+        return new PageElement(this.parentPageElement, selector);
     }
     section(selector, builder) {
         return this.createContainerElement(PageElement, selector, builder);
     }
     contains(text) {
-        return new PageElement(this.source, {
-            findIn: parent => parent.contains(text),
-            shouldNotExist: (parent) => parent.should('not.contain', text)
+        return new PageElement(this.parentPageElement, {
+            findIn(parent) {
+                return parent.dom().contains(text);
+            },
+            shouldNotExist(parent) {
+                return parent.dom().should('not.contain', text);
+            }
         });
     }
     button(text) {
-        return new Button(this.source, text);
+        return new Button(this.parentPageElement, text);
+    }
+    matCheckbox(text) {
+        return new MatCheckbox(this.parentPageElement, text);
     }
     aupStringInput(selector) {
-        return new AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
+        return new AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
     }
     aupTextInput(selector) {
-        return new AupInput.TextAreaInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
+        return new AupInput.TextAreaInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
     }
     aupPasswordInput(selector) {
-        return new AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
+        return new AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
     }
     aupNumberInput(selector) {
-        return new AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
+        return new AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
     }
     aupCommand(faceOrSelector) {
-        return new AupCommand(this.source, faceOrSelector);
+        return new AupCommand(this.parentPageElement, faceOrSelector);
     }
     aupTabbedNavigation() {
-        return new AupNavigation(this.source, 'aup-tabbed-place-navigation');
+        return new AupNavigation(this.parentPageElement, 'aup-tabbed-place-navigation');
     }
     aupSideNavigation() {
-        return new AupNavigation(this.source, 'aup-list-place-nav');
+        return new AupNavigation(this.parentPageElement, 'aup-list-place-nav');
     }
-    aupTable(selector) {
-        return new AupTable(this.source, selector !== null && selector !== void 0 ? selector : 'aup-table');
+    aupTable(selectorOrBuilder, optionalBuilder) {
+        return this.createContainerElement(AupTable, selectorOrBuilder, optionalBuilder, 'aup-table');
+    }
+    aupTreeTable(selectorOrBuilder, optionalBuilder) {
+        return this.createContainerElement(AupTreeTable, selectorOrBuilder, optionalBuilder, 'aup-tree-table');
     }
     aupEmptyState(selectorOrBuilder, optionalBuilder) {
         return this.createContainerElement(AupEmptyState, selectorOrBuilder, optionalBuilder, 'aup-empty-state');
@@ -318,7 +487,7 @@ class Builder {
         if (!selector) {
             lang.illegalState('This element requires a selector but none was provided');
         }
-        const element = new klass(this.source, selector);
+        const element = new klass(this.parentPageElement, selector);
         if (builder) {
             return Mixin.createProxy(element, builder(element));
         }
@@ -332,7 +501,7 @@ class Builder {
         if (!selector) {
             lang.illegalState('This element requires a selector but none was provided');
         }
-        const element = new klass(this.source, selector);
+        const element = new klass(this.parentPageElement, selector);
         if (builder) {
             // create the B&E type that the builder has access to
             const decoratedElement = Mixin.createProxy(element, new Builder(element));
@@ -347,6 +516,7 @@ class Builder {
 
 class AupAbstractActivity extends PageElement {
     constructor(parent, selector) {
+        // @ts-ignore
         super(parent, selector);
         this.title = this.find('aup-activity-title');
         this._confirmCommand = new Builder(this).aupCommand('[data-cy=confirm-command]');
@@ -368,7 +538,7 @@ class AupActivity extends AupAbstractActivity {
 
 class AupModalActivity extends AupActivity {
     clickBackdrop() {
-        this.element().closest(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
+        this.dom().closest(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
     }
 }
 
@@ -389,7 +559,7 @@ class AupModalAlert extends AupAlert {
         super(parent, selector);
     }
     clickBackdrop() {
-        this.element()
+        this.dom()
             .closest(`.cdk-overlay-container`)
             .find(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
     }
@@ -475,7 +645,7 @@ class Page extends PageElement {
         this.path = path;
         this.rootElementSelector = 'body';
     }
-    element() {
+    dom() {
         return cy.get(this.rootElementSelector);
     }
     visit(visitParams, queryParams) {
@@ -542,13 +712,13 @@ class AupMoreMenu extends PageElement {
 
 class AupPopupMenu extends PageElement {
     constructor(parentElementAccessor, face) {
-        const accessor = AupCommandFace.createAccessor(face);
+        const locator = AupCommandFace.createElementLocator(face);
         super(parentElementAccessor, {
             findIn(parent) {
-                return accessor.findIn(parent).closest('button');
+                return locator.findIn(parent).closest('button');
             },
             shouldNotExist(parent) {
-                accessor.shouldNotExist(parent);
+                locator.shouldNotExist(parent);
             }
         });
     }
@@ -564,6 +734,11 @@ class AupToolBar extends PageElement {
     }
 }
 
+class AupTableSelectionCell extends AupTableCell {
+    selectAll() {
+    }
+}
+
 /**
  * @file Automatically generated by barrelsby.
  */
@@ -572,5 +747,5 @@ class AupToolBar extends PageElement {
  * Generated bundle index. Do not edit.
  */
 
-export { AupAbstractActivity, AupActivity, AupAlert, AupCommand, AupCommandFace, AupCommandGroup, AupEmptyState, AupInput, AupModalActivity, AupModalAlert, AupMoreMenu, AupNavigation, AupPopupMenu, AupTable, AupToolBar, Builder, Button, ButtonMixin, FaceAccessor, Page, PageBuilder, PageElement, Path };
+export { AupAbstractActivity, AupAbstractTable, AupActivity, AupAlert, AupCommand, AupCommandFace, AupCommandGroup, AupEmptyState, AupInput, AupModalActivity, AupModalAlert, AupMoreMenu, AupNavigation, AupPopupMenu, AupTable, AupTableCell, AupTableColumn, AupTableRow, AupTableSelectionCell, AupTableSelectionColumn, AupToolBar, AupTreeTable, Builder, Button, ElementLocator, FaceElementLocator, FormElementMixin, MatCheckbox, Page, PageBuilder, PageElement, Path };
 //# sourceMappingURL=coolon-angular-ui-powerups-cypress.js.map