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

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@coolon/typescript-utilities'), require('lodash'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups/cypress', ['exports', '@coolon/typescript-utilities', 'lodash', '@angular/router'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = global.coolon['angular-ui-powerups'] || {}, global.coolon['angular-ui-powerups'].cypress = {}), global.typescriptUtilities, global._, global.ng.router));
-}(this, (function (exports, typescriptUtilities, _, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@coolon/typescript-utilities'), require('lodash'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups/cypress', ['exports', '@coolon/typescript-utilities', 'lodash', '@typescript-plus/fast-memoize-decorator/dist/src', '@angular/router'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = global.coolon['angular-ui-powerups'] || {}, global.coolon['angular-ui-powerups'].cypress = {}), global.typescriptUtilities, global._, global.src, global.ng.router));
+}(this, (function (exports, typescriptUtilities, _, src, router) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -338,27 +338,43 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    exports.ElementLocator = void 0;
+    (function (ElementLocator) {
+        function findByCssSelector(selector) {
+            return {
+                findIn: function (parent) { return parent.dom().find(selector); },
+                shouldNotExist: function (p) { return p.dom().find(selector).should('not.exist'); }
+            };
+        }
+        ElementLocator.findByCssSelector = findByCssSelector;
+        function findByTextContent(selector, text) {
+            return {
+                findIn: function (parent) {
+                    return parent.dom().contains(selector, text);
+                },
+                shouldNotExist: function (parent) {
+                    return parent.dom().should('not.contain', text);
+                }
+            };
+        }
+        ElementLocator.findByTextContent = findByTextContent;
+    })(exports.ElementLocator || (exports.ElementLocator = {}));
+
     var PageElement = /** @class */ (function () {
-        function PageElement(parent, selector) {
-            this.parentElementAccessor = parent instanceof PageElement ? function () { return parent.element(); } : parent;
-            this.elementAccessStrategy = ___namespace.isString(selector) ? {
-                findIn: function (p) { return p.find(selector); },
-                shouldNotExist: function (p) { return p.find(selector).should('not.exist'); }
-            } : selector;
+        function PageElement(parent, selectorOrLocator) {
+            this.parent = parent;
+            this.elementAccessStrategy = ___namespace.isString(selectorOrLocator) ?
+                exports.ElementLocator.findByCssSelector(selectorOrLocator) :
+                selectorOrLocator;
         }
-        PageElement.prototype.element = function () {
-            var parent = this.getParentElement();
-            return parent ? this.elementAccessStrategy.findIn(parent) : undefined;
-        };
-        PageElement.prototype.getParentElement = function () {
-            return this.parentElementAccessor ? this.parentElementAccessor() : undefined;
+        PageElement.prototype.dom = function () {
+            return this.elementAccessStrategy.findIn(this.parent);
         };
         PageElement.prototype.find = function (selector) {
-            var _this = this;
-            return new PageElement(function () { return _this.element(); }, selector);
+            return new PageElement(this, selector);
         };
         PageElement.prototype.click = function (text) {
-            text ? this.element().contains(text).click() : this.element().click();
+            text ? this.dom().contains(text).click() : this.dom().click();
         };
         Object.defineProperty(PageElement.prototype, "should", {
             get: function () {
@@ -371,47 +387,55 @@
             return element.should.bind(element);
         };
         PageElement.prototype.getShouldElement = function () {
-            return this.element();
+            return this.dom();
         };
         PageElement.prototype.shouldBeVisible = function () {
             this.should('be.visible');
         };
         PageElement.prototype.shouldNotBeVisible = function () {
+            this.should('not.be.visible');
+        };
+        PageElement.prototype.shouldExist = function () {
+            this.dom().should('exist');
+        };
+        PageElement.prototype.shouldNotExist = function () {
             if (!this.elementAccessStrategy.shouldNotExist) {
-                typescriptUtilities.lang.abstractMethod(this.constructor);
+                this.dom().should('not.exist');
+            }
+            else {
+                this.elementAccessStrategy.shouldNotExist(this.parent);
             }
-            this.elementAccessStrategy.shouldNotExist(this.getParentElement());
         };
         return PageElement;
     }());
 
-    var FaceAccessor = /** @class */ (function () {
-        function FaceAccessor(face) {
+    var FaceElementLocator = /** @class */ (function () {
+        function FaceElementLocator(face) {
             this.face = face;
         }
-        FaceAccessor.prototype.findIn = function (parent) {
+        FaceElementLocator.prototype.findIn = function (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;
         };
-        FaceAccessor.prototype.shouldNotExist = function (parent) {
+        FaceElementLocator.prototype.shouldNotExist = function (parent) {
             return this.face.text ?
                 parent.should('not.contain', "aup-command-face", this.face.text()) :
                 this.face.icon ?
                     parent.should('not.contain', "aup-icon[ng-reflect-icon=" + this.face.icon() + "]") :
                     undefined;
         };
-        return FaceAccessor;
+        return FaceElementLocator;
     }());
     var AupCommandFace = /** @class */ (function (_super) {
         __extends(AupCommandFace, _super);
         function AupCommandFace(parentElement, face) {
-            return _super.call(this, function () { return parentElement.element(); }, AupCommandFace.createAccessor(face)) || this;
+            return _super.call(this, parentElement, AupCommandFace.createElementLocator(face)) || this;
         }
-        AupCommandFace.createAccessor = function (face) {
-            return new FaceAccessor(face);
+        AupCommandFace.createElementLocator = function (face) {
+            return new FaceElementLocator(face);
         };
         return AupCommandFace;
     }(PageElement));
@@ -422,10 +446,10 @@
             return _super.call(this, parent, {
                 findIn: function (parentElement) {
                     if (___namespace.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: function (parentElement) {
@@ -443,7 +467,7 @@
             this.getButton().should('be.disabled');
         };
         AupCommand.prototype.getButton = function () {
-            return this.element().find('button');
+            return this.dom().find('button');
         };
         return AupCommand;
     }(PageElement));
@@ -454,7 +478,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AupEmptyState.prototype.shouldContainText = function (text) {
-            this.element().should("contain.text", text);
+            this.dom().should("contain.text", text);
         };
         return AupEmptyState;
     }(PageElement));
@@ -465,13 +489,13 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AupInput.prototype.label = function () {
-            return this.element().find('label');
+            return this.dom().find('label');
         };
         AupInput.prototype.hint = function () {
-            return this.element().find('mat-hint');
+            return this.dom().find('mat-hint');
         };
         AupInput.prototype.error = function () {
-            return this.element().find('mat-error');
+            return this.dom().find('mat-error');
         };
         Object.defineProperty(AupInput.prototype, "labelShould", {
             get: function () {
@@ -524,7 +548,7 @@
                 return _super !== null && _super.apply(this, arguments) || this;
             }
             HtmlInput.prototype.input = function () {
-                return this.element().find('input');
+                return this.dom().find('input');
             };
             HtmlInput.prototype.clear = function () {
                 this.input().clear();
@@ -550,7 +574,7 @@
                 return this.input();
             };
             TextAreaInput.prototype.input = function () {
-                return this.element().find('textarea');
+                return this.dom().find('textarea');
             };
             TextAreaInput.prototype.clear = function () {
                 this.input().clear();
@@ -581,61 +605,209 @@
             this.face(label).shouldBeVisible();
         };
         AupNavigation.prototype.shouldNotHaveLink = function (label) {
-            this.face(label).shouldNotBeVisible();
+            this.face(label).shouldNotExist();
         };
         return AupNavigation;
     }(PageElement));
 
-    exports.AupTable = /** @class */ (function (_super) {
-        __extends(AupTable, _super);
-        function AupTable(parentElementAccessor, selector) {
-            return _super.call(this, parentElementAccessor, selector) || this;
+    var AupTableCell = /** @class */ (function (_super) {
+        __extends(AupTableCell, _super);
+        function AupTableCell() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        AupTable.prototype.row = function (rowId) {
-            var _this = this;
-            return new AupTable.Row(function () { return _this.element(); }, "tr[aup-table-id=" + rowId + "]");
+        AupTableCell.prototype.rowId = function () {
+            return this.dom().closest('tr').invoke('attr', 'aup-row-id');
         };
-        AupTable.prototype.column = function (columnId) {
-            return new AupTable.Column(this, columnId);
+        AupTableCell.prototype.row = function () {
+            var self = this;
+            return this.parent.createRow({
+                findIn: function (parent) {
+                    return self.rowId().then(function (rowId) {
+                        return parent.dom().find(exports.AupAbstractTable.cssSelectorForTableRowById(rowId));
+                    });
+                }
+            });
         };
-        return AupTable;
+        return AupTableCell;
+    }(PageElement));
+
+    var AupTableColumn = /** @class */ (function (_super) {
+        __extends(AupTableColumn, _super);
+        function AupTableColumn(table, columnId) {
+            var _this = _super.call(this, table, exports.AupAbstractTable.cssSelectorForColumnCellRendererById(columnId)) || this;
+            _this.columnId = columnId;
+            return _this;
+        }
+        AupTableColumn.prototype.cellContaining = function (content) {
+            var self = this;
+            return new AupTableCell(this.parent, {
+                findIn: function (parent) {
+                    return parent.dom().contains(exports.AupAbstractTable.cssSelectorForColumnCellRendererById(self.columnId), content);
+                }
+            });
+        };
+        AupTableColumn.prototype.rowContaining = function (content) {
+            return this.cellContaining(content).row();
+        };
+        return AupTableColumn;
+    }(PageElement));
+
+    var AupTableSelectionColumn = /** @class */ (function (_super) {
+        __extends(AupTableSelectionColumn, _super);
+        function AupTableSelectionColumn() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupTableSelectionColumn.prototype.selectAll = function () {
+        };
+        return AupTableSelectionColumn;
+    }(AupTableColumn));
+
+    exports.AupAbstractTable = /** @class */ (function (_super) {
+        __extends(AupAbstractTable, _super);
+        function AupAbstractTable() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupAbstractTable.prototype.row = function (rowId) {
+            return this.createRow({
+                findIn: function (parent) {
+                    return parent.dom().find(AupAbstractTable.cssSelectorForTableRowById(rowId));
+                }
+            });
+        };
+        AupAbstractTable.prototype.rowNumber = function (rowNumber) {
+            return this.createRow({
+                findIn: function (parent) {
+                    return parent.dom().find(AupAbstractTable.cssSelectorForNthTableRow(rowNumber));
+                }
+            });
+        };
+        AupAbstractTable.prototype.column = function (columnId) {
+            return new AupTableColumn(this, columnId);
+        };
+        Object.defineProperty(AupAbstractTable.prototype, "selectionColumn", {
+            get: function () {
+                return new AupTableSelectionColumn(this, 'selection-column');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return AupAbstractTable;
+    }(PageElement));
+    __decorate([
+        src.Memoize(),
+        __metadata("design:type", AupTableSelectionColumn),
+        __metadata("design:paramtypes", [])
+    ], exports.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) {
+            var columnId = ___namespace.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;
+    })(exports.AupAbstractTable || (exports.AupAbstractTable = {}));
+
+    var AupTableRow = /** @class */ (function (_super) {
+        __extends(AupTableRow, _super);
+        function AupTableRow() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupTableRow.prototype.rowId = function () {
+            return this.dom()
+                .invoke('attr', 'aup-row-id');
+        };
+        AupTableRow.prototype.shouldHaveRowId = function (rowId) {
+            this.rowId().should('eq', rowId);
+        };
+        AupTableRow.prototype.cell = function (columnOrId) {
+            var self = this;
+            return new AupTableCell(this.parent, {
+                findIn: function (parent) {
+                    return self.rowId()
+                        .then(function (rowId) { return exports.AupAbstractTable.cssSelectorForCell(rowId, columnOrId); })
+                        .then(function (selector) { return parent.dom().find(selector); });
+                }
+            });
+        };
+        AupTableRow.prototype.shouldBeSelected = function () {
+            this.dom().should('have.class', 'aup-row-selected');
+        };
+        AupTableRow.prototype.shouldNotBeSelected = function () {
+            this.dom().should('not.have.class', 'aup-row-selected');
+        };
+        return AupTableRow;
     }(PageElement));
-    (function (AupTable) {
+
+    var AupTable = /** @class */ (function (_super) {
+        __extends(AupTable, _super);
+        function AupTable() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupTable.prototype.createRow = function (locator) {
+            return new AupTableRow(this, locator);
+        };
+        return AupTable;
+    }(exports.AupAbstractTable));
+
+    exports.AupTreeTable = /** @class */ (function (_super) {
+        __extends(AupTreeTable, _super);
+        function AupTreeTable() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        Object.defineProperty(AupTreeTable.prototype, "treeControlColumn", {
+            get: function () {
+                return new AupTreeTable.TreeControlColumn(this, 'tree-label');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AupTreeTable.prototype.createRow = function (locator) {
+            return new AupTreeTable.Row(this, locator);
+        };
+        return AupTreeTable;
+    }(exports.AupAbstractTable));
+    __decorate([
+        src.Memoize(),
+        __metadata("design:type", exports.AupTreeTable.TreeControlColumn),
+        __metadata("design:paramtypes", [])
+    ], exports.AupTreeTable.prototype, "treeControlColumn", null);
+    (function (AupTreeTable) {
         var Row = /** @class */ (function (_super) {
             __extends(Row, _super);
             function Row() {
                 return _super !== null && _super.apply(this, arguments) || this;
             }
-            return Row;
-        }(PageElement));
-        AupTable.Row = Row;
-        var Column = /** @class */ (function () {
-            function Column(table, columnId) {
-                this.table = table;
-                this.columnId = columnId;
-            }
-            Column.prototype.cell = function (content) {
-                var self = this;
-                return new Cell(this.table, {
-                    findIn: function (parent) {
-                        return parent.contains("aup-table-cell-renderer[column-id=" + self.columnId + "]", content);
-                    }
-                });
+            Row.prototype.shouldBeExpanded = function () {
+                this.dom().should("not.have.class", "aup-node-collapsed");
             };
-            return Column;
-        }());
-        AupTable.Column = Column;
-        var Cell = /** @class */ (function (_super) {
-            __extends(Cell, _super);
-            function Cell() {
+            Row.prototype.shouldBeCollapsed = function () {
+                this.dom().should("have.class", "aup-node-collapsed");
+            };
+            return Row;
+        }(AupTableRow));
+        AupTreeTable.Row = Row;
+        var TreeControlColumn = /** @class */ (function (_super) {
+            __extends(TreeControlColumn, _super);
+            function TreeControlColumn() {
                 return _super !== null && _super.apply(this, arguments) || this;
             }
-            return Cell;
-        }(PageElement));
-        AupTable.Cell = Cell;
-    })(exports.AupTable || (exports.AupTable = {}));
+            return TreeControlColumn;
+        }(AupTableColumn));
+        AupTreeTable.TreeControlColumn = TreeControlColumn;
+    })(exports.AupTreeTable || (exports.AupTreeTable = {}));
 
-    function ButtonMixin(Base) {
+    function FormElementMixin(Base) {
         return /** @class */ (function (_super) {
             __extends(class_1, _super);
             function class_1() {
@@ -645,12 +817,8 @@
                 }
                 return _super.apply(this, __spreadArray([], __read(args))) || this;
             }
-            class_1.prototype.click = function () {
-                return this.element().click();
-            };
             class_1.prototype.shouldBeDisabled = function () {
                 this.should("be.disabled");
-                // this.should("have.css", "color", "rgba(0,0,0,0.26)")
             };
             return class_1;
         }(Base));
@@ -659,60 +827,98 @@
     var Button = /** @class */ (function (_super) {
         __extends(Button, _super);
         function Button(parentElementAccessor, buttonText) {
-            return _super.call(this, parentElementAccessor, {
-                findIn: function (parent) {
-                    return parent.contains('button', buttonText);
-                },
-                shouldNotExist: function (parent) {
-                    return parent.should('not.contain', buttonText);
-                }
-            }) || this;
+            return _super.call(this, parentElementAccessor, exports.ElementLocator.findByTextContent('button', buttonText)) || this;
         }
         return Button;
-    }(ButtonMixin(PageElement)));
+    }(FormElementMixin(PageElement)));
+
+    var MatCheckbox = /** @class */ (function (_super) {
+        __extends(MatCheckbox, _super);
+        function MatCheckbox(parentElementAccessor, text) {
+            return _super.call(this, parentElementAccessor, exports.ElementLocator.findByTextContent('mat-checkbox', text)) || this;
+        }
+        MatCheckbox.prototype.shouldBeChecked = function () {
+            this.hiddenCheckBoxElement().should('be.checked');
+        };
+        MatCheckbox.prototype.shouldNotBeChecked = function () {
+            this.hiddenCheckBoxElement().should('not.be.checked');
+        };
+        MatCheckbox.prototype.hiddenCheckBoxElement = function () {
+            return this.dom().find('input[type=checkbox]');
+        };
+        MatCheckbox.prototype.check = function () {
+            var _this = this;
+            this.hiddenCheckBoxElement().then(function (el) {
+                if (!el.prop('checked')) {
+                    _this.click();
+                    _this.shouldBeChecked();
+                }
+            });
+        };
+        MatCheckbox.prototype.uncheck = function () {
+            var _this = this;
+            this.hiddenCheckBoxElement().then(function (el) {
+                if (el.prop('checked')) {
+                    _this.click();
+                    _this.shouldNotBeChecked();
+                }
+            });
+        };
+        return MatCheckbox;
+    }(FormElementMixin(PageElement)));
 
     var Builder = /** @class */ (function () {
-        function Builder(source) {
-            this.source = source;
+        function Builder(parentPageElement) {
+            this.parentPageElement = parentPageElement;
         }
         Builder.prototype.find = function (selector) {
-            return new PageElement(this.source, selector);
+            return new PageElement(this.parentPageElement, selector);
         };
         Builder.prototype.section = function (selector, builder) {
             return this.createContainerElement(PageElement, selector, builder);
         };
         Builder.prototype.contains = function (text) {
-            return new PageElement(this.source, {
-                findIn: function (parent) { return parent.contains(text); },
-                shouldNotExist: function (parent) { return parent.should('not.contain', text); }
+            return new PageElement(this.parentPageElement, {
+                findIn: function (parent) {
+                    return parent.dom().contains(text);
+                },
+                shouldNotExist: function (parent) {
+                    return parent.dom().should('not.contain', text);
+                }
             });
         };
         Builder.prototype.button = function (text) {
-            return new Button(this.source, text);
+            return new Button(this.parentPageElement, text);
+        };
+        Builder.prototype.matCheckbox = function (text) {
+            return new MatCheckbox(this.parentPageElement, text);
         };
         Builder.prototype.aupStringInput = function (selector) {
-            return new exports.AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
+            return new exports.AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
         };
         Builder.prototype.aupTextInput = function (selector) {
-            return new exports.AupInput.TextAreaInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
+            return new exports.AupInput.TextAreaInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
         };
         Builder.prototype.aupPasswordInput = function (selector) {
-            return new exports.AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
+            return new exports.AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
         };
         Builder.prototype.aupNumberInput = function (selector) {
-            return new exports.AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
+            return new exports.AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
         };
         Builder.prototype.aupCommand = function (faceOrSelector) {
-            return new AupCommand(this.source, faceOrSelector);
+            return new AupCommand(this.parentPageElement, faceOrSelector);
         };
         Builder.prototype.aupTabbedNavigation = function () {
-            return new AupNavigation(this.source, 'aup-tabbed-place-navigation');
+            return new AupNavigation(this.parentPageElement, 'aup-tabbed-place-navigation');
         };
         Builder.prototype.aupSideNavigation = function () {
-            return new AupNavigation(this.source, 'aup-list-place-nav');
+            return new AupNavigation(this.parentPageElement, 'aup-list-place-nav');
         };
-        Builder.prototype.aupTable = function (selector) {
-            return new exports.AupTable(this.source, selector !== null && selector !== void 0 ? selector : 'aup-table');
+        Builder.prototype.aupTable = function (selectorOrBuilder, optionalBuilder) {
+            return this.createContainerElement(AupTable, selectorOrBuilder, optionalBuilder, 'aup-table');
+        };
+        Builder.prototype.aupTreeTable = function (selectorOrBuilder, optionalBuilder) {
+            return this.createContainerElement(exports.AupTreeTable, selectorOrBuilder, optionalBuilder, 'aup-tree-table');
         };
         Builder.prototype.aupEmptyState = function (selectorOrBuilder, optionalBuilder) {
             return this.createContainerElement(AupEmptyState, selectorOrBuilder, optionalBuilder, 'aup-empty-state');
@@ -724,7 +930,7 @@
             if (!selector) {
                 typescriptUtilities.lang.illegalState('This element requires a selector but none was provided');
             }
-            var element = new klass(this.source, selector);
+            var element = new klass(this.parentPageElement, selector);
             if (builder) {
                 return typescriptUtilities.Mixin.createProxy(element, builder(element));
             }
@@ -738,7 +944,7 @@
             if (!selector) {
                 typescriptUtilities.lang.illegalState('This element requires a selector but none was provided');
             }
-            var element = new klass(this.source, selector);
+            var element = new klass(this.parentPageElement, selector);
             if (builder) {
                 // create the B&E type that the builder has access to
                 var decoratedElement = typescriptUtilities.Mixin.createProxy(element, new Builder(element));
@@ -755,7 +961,9 @@
     var AupAbstractActivity = /** @class */ (function (_super) {
         __extends(AupAbstractActivity, _super);
         function AupAbstractActivity(parent, selector) {
-            var _this = _super.call(this, parent, selector) || this;
+            var _this = 
+            // @ts-ignore
+            _super.call(this, parent, selector) || this;
             _this.title = _this.find('aup-activity-title');
             _this._confirmCommand = new Builder(_this).aupCommand('[data-cy=confirm-command]');
             _this._cancelCommand = new Builder(_this).aupCommand('[data-cy=cancel-command]');
@@ -792,7 +1000,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AupModalActivity.prototype.clickBackdrop = function () {
-            this.element().closest(".cdk-overlay-backdrop").click(-50, -50, { force: true });
+            this.dom().closest(".cdk-overlay-backdrop").click(-50, -50, { force: true });
         };
         return AupModalActivity;
     }(AupActivity));
@@ -821,7 +1029,7 @@
             return _super.call(this, parent, selector) || this;
         }
         AupModalAlert.prototype.clickBackdrop = function () {
-            this.element()
+            this.dom()
                 .closest(".cdk-overlay-container")
                 .find(".cdk-overlay-backdrop").click(-50, -50, { force: true });
         };
@@ -919,7 +1127,7 @@
             _this.rootElementSelector = 'body';
             return _this;
         }
-        Page.prototype.element = function () {
+        Page.prototype.dom = function () {
             return cy.get(this.rootElementSelector);
         };
         Page.prototype.visit = function (visitParams, queryParams) {
@@ -1003,13 +1211,13 @@
         __extends(AupPopupMenu, _super);
         function AupPopupMenu(parentElementAccessor, face) {
             var _this = this;
-            var accessor = AupCommandFace.createAccessor(face);
+            var locator = AupCommandFace.createElementLocator(face);
             _this = _super.call(this, parentElementAccessor, {
                 findIn: function (parent) {
-                    return accessor.findIn(parent).closest('button');
+                    return locator.findIn(parent).closest('button');
                 },
                 shouldNotExist: function (parent) {
-                    accessor.shouldNotExist(parent);
+                    locator.shouldNotExist(parent);
                 }
             }) || this;
             return _this;
@@ -1032,6 +1240,16 @@
         return AupToolBar;
     }(PageElement));
 
+    var AupTableSelectionCell = /** @class */ (function (_super) {
+        __extends(AupTableSelectionCell, _super);
+        function AupTableSelectionCell() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupTableSelectionCell.prototype.selectAll = function () {
+        };
+        return AupTableSelectionCell;
+    }(AupTableCell));
+
     /**
      * @file Automatically generated by barrelsby.
      */
@@ -1052,11 +1270,18 @@
     exports.AupMoreMenu = AupMoreMenu;
     exports.AupNavigation = AupNavigation;
     exports.AupPopupMenu = AupPopupMenu;
+    exports.AupTable = AupTable;
+    exports.AupTableCell = AupTableCell;
+    exports.AupTableColumn = AupTableColumn;
+    exports.AupTableRow = AupTableRow;
+    exports.AupTableSelectionCell = AupTableSelectionCell;
+    exports.AupTableSelectionColumn = AupTableSelectionColumn;
     exports.AupToolBar = AupToolBar;
     exports.Builder = Builder;
     exports.Button = Button;
-    exports.ButtonMixin = ButtonMixin;
-    exports.FaceAccessor = FaceAccessor;
+    exports.FaceElementLocator = FaceElementLocator;
+    exports.FormElementMixin = FormElementMixin;
+    exports.MatCheckbox = MatCheckbox;
     exports.PageBuilder = PageBuilder;
     exports.PageElement = PageElement;