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

package/cypress/builder.d.ts

@@ -4,16 +4,19 @@ import { AupEmptyState } from './components/aup-empty-state';
 import { AupInput } from './components/aup-input';
 import { AupNavigation } from './components/aup-navigation';
 import { AupTable } from './components/aup-table';
+import { AupTreeTable } from './components/aup-tree-table';
 import { Button } from './components/button';
+import { MatCheckbox } from './components/mat-checkbox';
 import { Types } from './components/types';
 import { PageElement } from './page-element';
 export declare class Builder {
-    readonly source: PageElement;
-    constructor(source: PageElement);
+    readonly parentPageElement: PageElement;
+    constructor(parentPageElement: PageElement);
     find(selector: string): PageElement;
     section<T extends object>(selector: string, builder: Builder.ContainerCallback<T>): T & PageElement;
     contains(text: string): PageElement;
     button(text: string): Button;
+    matCheckbox(text: string): MatCheckbox;
     aupStringInput(selector?: string): AupInput<string>;
     aupTextInput(selector?: string): AupInput<string>;
     aupPasswordInput(selector?: string): AupInput<string>;
@@ -23,8 +26,14 @@ export declare class Builder {
     aupTabbedNavigation<T extends object>(): AupNavigation;
     aupSideNavigation<T extends object>(): AupNavigation;
     aupTable(selector?: string): AupTable;
+    aupTable<T extends object>(builder: Builder.ContainerCallback<T, AupTable>): AupTable & T;
+    aupTable<T extends object>(selector: string, builder: Builder.ContainerCallback<T, AupTable>): AupTable & T;
+    aupTreeTable(selector?: string): AupTreeTable;
+    aupTreeTable<T extends object>(builder: Builder.ContainerCallback<T, AupTreeTable>): AupTreeTable & T;
+    aupTreeTable<T extends object>(selector: string, builder: Builder.ContainerCallback<T, AupTreeTable>): AupTreeTable & T;
     aupEmptyState(selector?: string): AupEmptyState;
     aupEmptyState<T extends object>(builder: Builder.ContainerCallback<T, AupEmptyState>): AupEmptyState & T;
+    aupEmptyState<T extends object>(selector: string, builder: Builder.ContainerCallback<T, AupEmptyState>): AupEmptyState & T;
     protected createElement<T extends object, E extends PageElement>(klass: Constructable<E>, selectorOrBuilder: string | Builder.ElementCallback<T, E>, optionalBuilder: Builder.ElementCallback<T, E>, defaultSelector?: string): E & T;
     protected createContainerElement<T extends object, E extends PageElement>(klass: Constructable<E>, selectorOrBuilder: string | Builder.ContainerCallback<T, E>, optionalBuilder: Builder.ContainerCallback<T, E>, defaultSelector?: string): E & T;
 }

package/cypress/components/aup-abstract-activity.d.ts

@@ -1,8 +1,9 @@
+import { ElementLocator } from '../element-locator';
 import { PageElement } from '../page-element';
 import { AupCommand } from './aup-command';
 export declare class AupAbstractActivity extends PageElement {
     protected _confirmCommand: AupCommand;
     protected _cancelCommand: AupCommand;
     readonly title: PageElement;
-    constructor(parent: PageElement.ParentLocator, selector: string | PageElement.Accessor);
+    constructor(parent: PageElement, selector: string | ElementLocator);
 }

package/cypress/components/aup-abstract-table.d.ts

@@ -0,0 +1,18 @@
+import { ElementLocator } from '../element-locator';
+import { PageElement } from '../page-element';
+import { AupTableColumn } from './table/aup-table-column';
+import { AupTableRow } from './table/aup-table-row';
+import { AupTableSelectionColumn } from './table/aup-table-selection-column';
+export declare abstract class AupAbstractTable<TR extends AupTableRow> extends PageElement {
+    row(rowId: any): TR;
+    rowNumber(rowNumber: number): TR;
+    column(columnId: string): AupTableColumn<TR>;
+    get selectionColumn(): AupTableSelectionColumn<TR>;
+    abstract createRow(locator: ElementLocator): TR;
+}
+export declare namespace AupAbstractTable {
+    function cssSelectorForTableRowById(rowId: string): string;
+    function cssSelectorForNthTableRow(rowNumber: number): string;
+    function cssSelectorForColumnCellRendererById(columnOrId: AupTableColumn<any> | string): string;
+    function cssSelectorForCell(rowId: string, columnOrId: string | AupTableColumn<any>): string;
+}

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

@@ -1,8 +1,9 @@
+import { ElementLocator } from '../element-locator';
 import { PageElement } from '../page-element';
 import { AupAbstractActivity } from './aup-abstract-activity';
 import { AupCommand } from './aup-command';
 export declare class AupActivity extends AupAbstractActivity {
-    constructor(parent: PageElement.ParentLocator, selector: string | PageElement.Accessor);
+    constructor(parent: PageElement, selector: string | ElementLocator);
     get confirmCommand(): AupCommand;
     get cancelCommand(): AupCommand;
 }

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

@@ -1,8 +1,9 @@
+import { ElementLocator } from '../element-locator';
 import { PageElement } from '../page-element';
 import { AupAbstractActivity } from './aup-abstract-activity';
 import { AupCommand } from './aup-command';
 export declare class AupAlert extends AupAbstractActivity {
-    constructor(parent: PageElement.ParentLocator, selector: string | PageElement.Accessor);
+    constructor(parent: PageElement, selector: string | ElementLocator);
     get closeCommand(): AupCommand;
     clickClose(): void;
 }

package/cypress/components/aup-command-face.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="cypress" />
+import { ElementLocator } from '../element-locator';
 import { PageElement } from '../page-element';
 import { Types } from './types';
-export declare class FaceAccessor implements PageElement.Accessor {
+export declare class FaceElementLocator implements ElementLocator {
     readonly face: Types.CommandFace;
     constructor(face: Types.CommandFace);
-    findIn(parent: Cypress.Chainable<JQuery>): Cypress.Chainable<JQuery>;
-    shouldNotExist(parent: Cypress.Chainable<JQuery>): Cypress.Chainable<JQuery<HTMLElement>>;
+    findIn(parent: PageElement): Cypress.Chainable<JQuery>;
+    shouldNotExist(parent: PageElement): any;
 }
 export declare class AupCommandFace extends PageElement {
     constructor(parentElement: PageElement, face: Types.CommandFace);
-    static createAccessor(face: Types.CommandFace): PageElement.Accessor;
+    static createElementLocator(face: Types.CommandFace): ElementLocator;
 }

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

@@ -2,7 +2,7 @@
 import { PageElement } from '../page-element';
 import { Types } from './types';
 export declare class AupCommand extends PageElement {
-    constructor(parent: PageElement | (() => Cypress.Chainable<JQuery>), faceOrSelector: string | Types.CommandFace);
+    constructor(parent: PageElement, faceOrSelector: string | Types.CommandFace);
     click(): void;
     getShouldElement(): Cypress.Chainable<JQuery>;
     shouldBeDisabled(): void;

package/cypress/components/aup-modal-alert.d.ts

@@ -1,6 +1,7 @@
+import { ElementLocator } from '../element-locator';
 import { PageElement } from '../page-element';
 import { AupAlert } from './aup-alert';
 export declare class AupModalAlert extends AupAlert {
-    constructor(parent: PageElement.ParentLocator, selector: string | PageElement.Accessor);
+    constructor(parent: PageElement, selector: string | ElementLocator);
     clickBackdrop(): void;
 }

package/cypress/components/aup-popup-menu.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="cypress" />
 import { PageElement } from '../page-element';
 import { Types } from './types';
 export declare class AupPopupMenu extends PageElement {
-    constructor(parentElementAccessor: PageElement | (() => Cypress.Chainable<JQuery>), face: Types.CommandFace);
+    constructor(parentElementAccessor: PageElement, face: Types.CommandFace);
     static create(parent: PageElement, face: Types.CommandFace): AupPopupMenu;
 }

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

@@ -1,18 +1,8 @@
-import { PageElement } from '../page-element';
-export declare class AupTable extends PageElement {
-    constructor(parentElementAccessor: PageElement.ParentLocator, selector: string | PageElement.Accessor);
-    row(rowId: any): AupTable.Row;
-    column(columnId: string): AupTable.Column;
+import { ElementLocator } from '../element-locator';
+import { AupAbstractTable } from './aup-abstract-table';
+import { AupTableRow } from './table/aup-table-row';
+export declare class AupTable extends AupAbstractTable<AupTableRow> {
+    createRow(locator: ElementLocator): AupTableRow;
 }
 export declare namespace AupTable {
-    class Row extends PageElement {
-    }
-    class Column {
-        readonly table: AupTable;
-        readonly columnId: string;
-        constructor(table: AupTable, columnId: string);
-        cell(content: string): Cell;
-    }
-    class Cell extends PageElement {
-    }
 }

package/cypress/components/aup-tree-table.d.ts

@@ -0,0 +1,16 @@
+import { ElementLocator } from '../element-locator';
+import { AupAbstractTable } from './aup-abstract-table';
+import { AupTableColumn } from './table/aup-table-column';
+import { AupTableRow } from './table/aup-table-row';
+export declare class AupTreeTable extends AupAbstractTable<AupTreeTable.Row> {
+    get treeControlColumn(): AupTreeTable.TreeControlColumn;
+    createRow(locator: ElementLocator): AupTreeTable.Row;
+}
+export declare namespace AupTreeTable {
+    class Row extends AupTableRow {
+        shouldBeExpanded(): void;
+        shouldBeCollapsed(): void;
+    }
+    class TreeControlColumn extends AupTableColumn<Row> {
+    }
+}

package/cypress/components/button.d.ts

@@ -1,22 +1,24 @@
 /// <reference types="cypress" />
+import { ElementLocator } from '../element-locator';
 import { PageElement } from '../page-element';
 declare const Button_base: {
     new (...args: any[]): {
-        click(): Cypress.Chainable<JQuery<HTMLElement>>;
         shouldBeDisabled(): void;
-        readonly elementAccessStrategy: PageElement.Accessor;
-        readonly parentElementAccessor: () => Cypress.Chainable<JQuery<HTMLElement>>;
-        element(): Cypress.Chainable<JQuery<HTMLElement>>;
-        getParentElement(): Cypress.Chainable<JQuery<HTMLElement>>;
-        find(selector: string): PageElement;
+        readonly elementAccessStrategy: ElementLocator;
+        readonly parent: PageElement<any>;
+        dom(): Cypress.Chainable<JQuery<HTMLElement>>;
+        find(selector: string): PageElement<PageElement<any>>;
+        click(text?: string): void;
         readonly should: any;
         getShoulder(element: Cypress.Chainable<JQuery<HTMLElement>>): any;
         getShouldElement(): Cypress.Chainable<JQuery<HTMLElement>>;
         shouldBeVisible(): void;
         shouldNotBeVisible(): void;
+        shouldExist(): void;
+        shouldNotExist(): void;
     };
 } & typeof PageElement;
 export declare class Button extends Button_base {
-    constructor(parentElementAccessor: PageElement.ParentLocator, buttonText: string);
+    constructor(parentElementAccessor: PageElement, buttonText: string);
 }
 export {};

package/cypress/components/form-element-mixin.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="cypress" />
+import { Constructable } from '@coolon/typescript-utilities';
+import { PageElement } from '../page-element';
+export declare function FormElementMixin<T, BC extends Constructable<PageElement>>(Base: BC): {
+    new (...args: any[]): {
+        shouldBeDisabled(): void;
+        readonly elementAccessStrategy: import("../element-locator").ElementLocator;
+        readonly parent: PageElement<any>;
+        dom(): Cypress.Chainable<JQuery<HTMLElement>>;
+        find(selector: string): PageElement<PageElement<any>>;
+        click(text?: string): void;
+        readonly should: any;
+        getShoulder(element: Cypress.Chainable<JQuery<HTMLElement>>): any;
+        getShouldElement(): Cypress.Chainable<JQuery<HTMLElement>>;
+        shouldBeVisible(): void;
+        shouldNotBeVisible(): void;
+        shouldExist(): void;
+        shouldNotExist(): void;
+    };
+} & BC;

package/cypress/components/mat-checkbox.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="cypress" />
+import { ElementLocator } from '../element-locator';
+import { PageElement } from '../page-element';
+declare const MatCheckbox_base: {
+    new (...args: any[]): {
+        shouldBeDisabled(): void;
+        readonly elementAccessStrategy: ElementLocator;
+        readonly parent: PageElement<any>;
+        dom(): Cypress.Chainable<JQuery<HTMLElement>>;
+        find(selector: string): PageElement<PageElement<any>>;
+        click(text?: string): void;
+        readonly should: any;
+        getShoulder(element: Cypress.Chainable<JQuery<HTMLElement>>): any;
+        getShouldElement(): Cypress.Chainable<JQuery<HTMLElement>>;
+        shouldBeVisible(): void;
+        shouldNotBeVisible(): void;
+        shouldExist(): void;
+        shouldNotExist(): void;
+    };
+} & typeof PageElement;
+export declare class MatCheckbox extends MatCheckbox_base {
+    constructor(parentElementAccessor: PageElement, text: string);
+    shouldBeChecked(): void;
+    shouldNotBeChecked(): void;
+    hiddenCheckBoxElement(): Cypress.Chainable<JQuery<HTMLElement>>;
+    check(): void;
+    uncheck(): void;
+}
+export {};

package/cypress/components/table/aup-table-cell.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="cypress" />
+import { PageElement } from '../../page-element';
+import { AupAbstractTable } from '../aup-abstract-table';
+import { AupTableRow } from './aup-table-row';
+import Chainable = Cypress.Chainable;
+export declare class AupTableCell<TR extends AupTableRow> extends PageElement<AupAbstractTable<TR>> {
+    rowId(): Chainable<string>;
+    row(): TR;
+}

package/cypress/components/table/aup-table-column.d.ts

@@ -0,0 +1,10 @@
+import { PageElement } from '../../page-element';
+import { AupAbstractTable } from '../aup-abstract-table';
+import { AupTableCell } from './aup-table-cell';
+import { AupTableRow } from './aup-table-row';
+export declare class AupTableColumn<TR extends AupTableRow> extends PageElement<AupAbstractTable<TR>> {
+    readonly columnId: string;
+    constructor(table: AupAbstractTable<any>, columnId: string);
+    cellContaining(content: string): AupTableCell<TR>;
+    rowContaining(content: string): TR;
+}

package/cypress/components/table/aup-table-row.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="cypress" />
+import { PageElement } from '../../page-element';
+import { AupAbstractTable } from '../aup-abstract-table';
+import { AupTableCell } from './aup-table-cell';
+import { AupTableColumn } from './aup-table-column';
+import { AupTableSelectionCell } from './aup-table-selection-cell';
+import { AupTableSelectionColumn } from './aup-table-selection-column';
+import Chainable = Cypress.Chainable;
+export declare class AupTableRow extends PageElement<AupAbstractTable<any>> {
+    rowId(): Chainable<string>;
+    shouldHaveRowId(rowId: string): void;
+    cell(columnId: string): AupTableCell<this>;
+    cell(column: AupTableColumn<this>): AupTableCell<this>;
+    cell(column: AupTableSelectionColumn<this>): AupTableSelectionCell<this>;
+    shouldBeSelected(): void;
+    shouldNotBeSelected(): void;
+}

package/cypress/components/table/aup-table-selection-cell.d.ts

@@ -0,0 +1,5 @@
+import { AupTableCell } from './aup-table-cell';
+import { AupTableRow } from './aup-table-row';
+export declare class AupTableSelectionCell<TR extends AupTableRow> extends AupTableCell<TR> {
+    selectAll(): void;
+}

package/cypress/components/table/aup-table-selection-column.d.ts

@@ -0,0 +1,5 @@
+import { AupTableColumn } from './aup-table-column';
+import { AupTableRow } from './aup-table-row';
+export declare class AupTableSelectionColumn<TR extends AupTableRow> extends AupTableColumn<TR> {
+    selectAll(): void;
+}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./components/types"}],"metadata":{"Builder":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"}]}],"find":[{"__symbolic":"method"}],"section":[{"__symbolic":"method"}],"contains":[{"__symbolic":"method"}],"button":[{"__symbolic":"method"}],"aupStringInput":[{"__symbolic":"method"}],"aupTextInput":[{"__symbolic":"method"}],"aupPasswordInput":[{"__symbolic":"method"}],"aupNumberInput":[{"__symbolic":"method"}],"aupCommand":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"aupTabbedNavigation":[{"__symbolic":"method"}],"aupSideNavigation":[{"__symbolic":"method"}],"aupTable":[{"__symbolic":"method"}],"aupEmptyState":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"createElement":[{"__symbolic":"method"}],"createContainerElement":[{"__symbolic":"method"}]}},"PageBuilder":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Builder"},"members":{"aupModalActivity":[{"__symbolic":"method"}],"aupModalAlert":[{"__symbolic":"method"}],"aupModelConfirm":[{"__symbolic":"method"}]}},"PageElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"ParentLocator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"Accessor"}]}],"element":[{"__symbolic":"method"}],"getParentElement":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"getShoulder":[{"__symbolic":"method"}],"getShouldElement":[{"__symbolic":"method"}],"shouldBeVisible":[{"__symbolic":"method"}],"shouldNotBeVisible":[{"__symbolic":"method"}]}},"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Path"}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldHaveTitle":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}},"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"}]}},"AupAbstractActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"ParentLocator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"Accessor"}]}]}},"AupActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAbstractActivity"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"ParentLocator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"Accessor"}]}]}},"AupAlert":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAbstractActivity"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"ParentLocator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"Accessor"}]}],"clickClose":[{"__symbolic":"method"}]}},"FaceAccessor":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}],"findIn":[{"__symbolic":"method"}],"shouldNotExist":[{"__symbolic":"method"}]}},"AupCommandFace":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}]},"statics":{"createAccessor":{"__symbolic":"function","parameters":["face"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"FaceAccessor"},"arguments":[{"__symbolic":"reference","name":"face"}]}}}},"AupCommandGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupCommand":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":7,"character":36,"module":"./components/aup-command"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}],"click":[{"__symbolic":"method"}],"getShouldElement":[{"__symbolic":"method"}],"shouldBeDisabled":[{"__symbolic":"method"}],"getButton":[{"__symbolic":"method"}]}},"AupEmptyState":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"shouldContainText":[{"__symbolic":"method"}]}},"AupInput":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"PageElement"},"members":{"label":[{"__symbolic":"method"}],"hint":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"labelShouldBe":[{"__symbolic":"method"}],"hintShouldBe":[{"__symbolic":"method"}],"errorShouldBe":[{"__symbolic":"method"}],"shouldBeFocused":[{"__symbolic":"method"}],"shouldNotBeFocused":[{"__symbolic":"method"}],"type":[{"__symbolic":"method"}],"hitEnter":[{"__symbolic":"method"}],"input":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}]}},"AupModalActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupActivity"},"members":{"clickBackdrop":[{"__symbolic":"method"}]}},"AupModalAlert":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAlert"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"ParentLocator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"Accessor"}]}],"clickBackdrop":[{"__symbolic":"method"}]}},"AupMoreMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{},"statics":{"create":{"__symbolic":"function","parameters":["parent"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"AupMoreMenu"},"arguments":[{"__symbolic":"reference","name":"parent"},"aup-more-menu"]}}}},"AupNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"click":[{"__symbolic":"method"}],"face":[{"__symbolic":"method"}],"shouldHaveLink":[{"__symbolic":"method"}],"shouldNotHaveLink":[{"__symbolic":"method"}]}},"AupPopupMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":7,"character":51,"module":"./components/aup-popup-menu"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}]},"statics":{"create":{"__symbolic":"function","parameters":["parent","face"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"AupPopupMenu"},"arguments":[{"__symbolic":"reference","name":"parent"},{"__symbolic":"reference","name":"face"}]}}}},"AupTable":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"ParentLocator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"Accessor"}]}],"row":[{"__symbolic":"method"}],"column":[{"__symbolic":"method"}]}},"AupToolBar":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"ButtonMixin":{"__symbolic":"function","parameters":["Base"],"value":{"__symbolic":"class"}},"Button":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":3,"character":28,"module":"./components/button"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"PageElement"},"member":"ParentLocator"},{"__symbolic":"reference","name":"string"}]}]}}},"origins":{"Builder":"./builder","PageBuilder":"./page-builder","PageElement":"./page-element","Page":"./page","Path":"./path","AupAbstractActivity":"./components/aup-abstract-activity","AupActivity":"./components/aup-activity","AupAlert":"./components/aup-alert","FaceAccessor":"./components/aup-command-face","AupCommandFace":"./components/aup-command-face","AupCommandGroup":"./components/aup-command-group","AupCommand":"./components/aup-command","AupEmptyState":"./components/aup-empty-state","AupInput":"./components/aup-input","AupModalActivity":"./components/aup-modal-activity","AupModalAlert":"./components/aup-modal-alert","AupMoreMenu":"./components/aup-more-menu","AupNavigation":"./components/aup-navigation","AupPopupMenu":"./components/aup-popup-menu","AupTable":"./components/aup-table","AupToolBar":"./components/aup-tool-bar","ButtonMixin":"./components/button-mixin","Button":"./components/button","ɵa":"./components/types"},"importAs":"@coolon/angular-ui-powerups/cypress"}
+{"__symbolic":"module","version":4,"exports":[{"from":"./components/types"}],"metadata":{"Builder":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"}]}],"find":[{"__symbolic":"method"}],"section":[{"__symbolic":"method"}],"contains":[{"__symbolic":"method"}],"button":[{"__symbolic":"method"}],"matCheckbox":[{"__symbolic":"method"}],"aupStringInput":[{"__symbolic":"method"}],"aupTextInput":[{"__symbolic":"method"}],"aupPasswordInput":[{"__symbolic":"method"}],"aupNumberInput":[{"__symbolic":"method"}],"aupCommand":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"aupTabbedNavigation":[{"__symbolic":"method"}],"aupSideNavigation":[{"__symbolic":"method"}],"aupTable":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"aupTreeTable":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"aupEmptyState":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"createElement":[{"__symbolic":"method"}],"createContainerElement":[{"__symbolic":"method"}]}},"ElementLocator":{"__symbolic":"interface"},"PageBuilder":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Builder"},"members":{"aupModalActivity":[{"__symbolic":"method"}],"aupModalAlert":[{"__symbolic":"method"}],"aupModelConfirm":[{"__symbolic":"method"}]}},"PageElement":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":9,"character":22,"context":{"typeName":"P"},"module":"./page-element"},{"__symbolic":"reference","name":"string"}]},{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":22,"context":{"typeName":"P"},"module":"./page-element"},{"__symbolic":"reference","name":"ElementLocator"}]},{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":11,"character":31,"context":{"typeName":"P"},"module":"./page-element"},{"__symbolic":"reference","name":"string"}]}],"dom":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"getShoulder":[{"__symbolic":"method"}],"getShouldElement":[{"__symbolic":"method"}],"shouldBeVisible":[{"__symbolic":"method"}],"shouldNotBeVisible":[{"__symbolic":"method"}],"shouldExist":[{"__symbolic":"method"}],"shouldNotExist":[{"__symbolic":"method"}]}},"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Path"}]}],"dom":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldHaveTitle":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}},"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"}]}},"AupAbstractActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"reference","name":"string"}]}]}},"AupAbstractTable":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"PageElement"},"members":{"row":[{"__symbolic":"method"}],"rowNumber":[{"__symbolic":"method"}],"column":[{"__symbolic":"method"}],"selectionColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":31,"character":3}}]}],"createRow":[{"__symbolic":"method"}]}},"AupActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAbstractActivity"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"reference","name":"string"}]}]}},"AupAlert":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAbstractActivity"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"reference","name":"string"}]}],"clickClose":[{"__symbolic":"method"}]}},"FaceElementLocator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}],"findIn":[{"__symbolic":"method"}],"shouldNotExist":[{"__symbolic":"method"}]}},"AupCommandFace":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}]},"statics":{"createElementLocator":{"__symbolic":"function","parameters":["face"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"FaceElementLocator"},"arguments":[{"__symbolic":"reference","name":"face"}]}}}},"AupCommandGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupCommand":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}],"click":[{"__symbolic":"method"}],"getShouldElement":[{"__symbolic":"method"}],"shouldBeDisabled":[{"__symbolic":"method"}],"getButton":[{"__symbolic":"method"}]}},"AupEmptyState":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"shouldContainText":[{"__symbolic":"method"}]}},"AupInput":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"PageElement"},"members":{"label":[{"__symbolic":"method"}],"hint":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"labelShouldBe":[{"__symbolic":"method"}],"hintShouldBe":[{"__symbolic":"method"}],"errorShouldBe":[{"__symbolic":"method"}],"shouldBeFocused":[{"__symbolic":"method"}],"shouldNotBeFocused":[{"__symbolic":"method"}],"type":[{"__symbolic":"method"}],"hitEnter":[{"__symbolic":"method"}],"input":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}]}},"AupModalActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupActivity"},"members":{"clickBackdrop":[{"__symbolic":"method"}]}},"AupModalAlert":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAlert"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"reference","name":"string"}]}],"clickBackdrop":[{"__symbolic":"method"}]}},"AupMoreMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{},"statics":{"create":{"__symbolic":"function","parameters":["parent"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"AupMoreMenu"},"arguments":[{"__symbolic":"reference","name":"parent"},"aup-more-menu"]}}}},"AupNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"click":[{"__symbolic":"method"}],"face":[{"__symbolic":"method"}],"shouldHaveLink":[{"__symbolic":"method"}],"shouldNotHaveLink":[{"__symbolic":"method"}]}},"AupPopupMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"CommandFace"}]}]},"statics":{"create":{"__symbolic":"function","parameters":["parent","face"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"AupPopupMenu"},"arguments":[{"__symbolic":"reference","name":"parent"},{"__symbolic":"reference","name":"face"}]}}}},"AupTable":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAbstractTable"},"members":{"createRow":[{"__symbolic":"method"}]}},"AupToolBar":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{}},"AupTreeTable":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AupAbstractTable"},"members":{"treeControlColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":9,"character":3}}]}],"createRow":[{"__symbolic":"method"}]}},"Button":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":4,"character":28,"module":"./components/button"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"reference","name":"string"}]}]}},"FormElementMixin":{"__symbolic":"function","parameters":["Base"],"value":{"__symbolic":"class"}},"MatCheckbox":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":4,"character":33,"module":"./components/mat-checkbox"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PageElement"},{"__symbolic":"reference","name":"string"}]}],"shouldBeChecked":[{"__symbolic":"method"}],"shouldNotBeChecked":[{"__symbolic":"method"}],"hiddenCheckBoxElement":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"uncheck":[{"__symbolic":"method"}]}},"AupTableCell":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"PageElement"},"members":{"rowId":[{"__symbolic":"method"}],"row":[{"__symbolic":"method"}]}},"AupTableColumn":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"PageElement"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AupAbstractTable"},{"__symbolic":"reference","name":"string"}]}],"cellContaining":[{"__symbolic":"method"}],"rowContaining":[{"__symbolic":"method"}]}},"AupTableRow":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PageElement"},"members":{"rowId":[{"__symbolic":"method"}],"shouldHaveRowId":[{"__symbolic":"method"}],"cell":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"shouldBeSelected":[{"__symbolic":"method"}],"shouldNotBeSelected":[{"__symbolic":"method"}]}},"AupTableSelectionCell":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AupTableCell"},"members":{"selectAll":[{"__symbolic":"method"}]}},"AupTableSelectionColumn":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AupTableColumn"},"members":{"selectAll":[{"__symbolic":"method"}]}}},"origins":{"Builder":"./builder","ElementLocator":"./element-locator","PageBuilder":"./page-builder","PageElement":"./page-element","Page":"./page","Path":"./path","AupAbstractActivity":"./components/aup-abstract-activity","AupAbstractTable":"./components/aup-abstract-table","AupActivity":"./components/aup-activity","AupAlert":"./components/aup-alert","FaceElementLocator":"./components/aup-command-face","AupCommandFace":"./components/aup-command-face","AupCommandGroup":"./components/aup-command-group","AupCommand":"./components/aup-command","AupEmptyState":"./components/aup-empty-state","AupInput":"./components/aup-input","AupModalActivity":"./components/aup-modal-activity","AupModalAlert":"./components/aup-modal-alert","AupMoreMenu":"./components/aup-more-menu","AupNavigation":"./components/aup-navigation","AupPopupMenu":"./components/aup-popup-menu","AupTable":"./components/aup-table","AupToolBar":"./components/aup-tool-bar","AupTreeTable":"./components/aup-tree-table","Button":"./components/button","FormElementMixin":"./components/form-element-mixin","MatCheckbox":"./components/mat-checkbox","AupTableCell":"./components/table/aup-table-cell","AupTableColumn":"./components/table/aup-table-column","AupTableRow":"./components/table/aup-table-row","AupTableSelectionCell":"./components/table/aup-table-selection-cell","AupTableSelectionColumn":"./components/table/aup-table-selection-column","ɵa":"./components/types"},"importAs":"@coolon/angular-ui-powerups/cypress"}

package/cypress/element-locator.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="cypress" />
+import { PageElement } from './page-element';
+export interface ElementLocator {
+    findIn(parent: PageElement): Cypress.Chainable<JQuery>;
+    shouldNotExist?(parent: PageElement): any;
+}
+export declare namespace ElementLocator {
+    function findByCssSelector(selector: string): ElementLocator;
+    function findByTextContent(selector: string, text: string): ElementLocator;
+}

package/cypress/exports.d.ts

@@ -2,11 +2,13 @@
  * @file Automatically generated by barrelsby.
  */
 export * from "./builder";
+export * from "./element-locator";
 export * from "./page-builder";
 export * from "./page-element";
 export * from "./page";
 export * from "./path";
 export * from "./components/aup-abstract-activity";
+export * from "./components/aup-abstract-table";
 export * from "./components/aup-activity";
 export * from "./components/aup-alert";
 export * from "./components/aup-command-face";
@@ -21,6 +23,13 @@ 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/aup-tree-table";
 export * from "./components/button";
+export * from "./components/form-element-mixin";
+export * from "./components/mat-checkbox";
 export * from "./components/types";
+export * from "./components/table/aup-table-cell";
+export * from "./components/table/aup-table-column";
+export * from "./components/table/aup-table-row";
+export * from "./components/table/aup-table-selection-cell";
+export * from "./components/table/aup-table-selection-column";

package/cypress/page-element.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="cypress" />
 import Chainable = Cypress.Chainable;
-export declare class PageElement {
-    readonly elementAccessStrategy: PageElement.Accessor;
-    readonly parentElementAccessor: () => Cypress.Chainable<JQuery>;
-    constructor(parent: PageElement.ParentLocator, selector: string | PageElement.Accessor);
-    element(): Chainable<JQuery>;
-    getParentElement(): Cypress.Chainable<JQuery>;
+import { ElementLocator } from './element-locator';
+export declare class PageElement<P extends PageElement<any> = PageElement<any>> {
+    readonly parent: P;
+    readonly elementAccessStrategy: ElementLocator;
+    constructor(parent: P, selector: string);
+    constructor(parent: P, locator: ElementLocator);
+    dom(): Chainable<JQuery>;
     find(selector: string): PageElement;
     click(text?: string): void;
     get should(): any;
@@ -13,11 +14,8 @@ export declare class PageElement {
     getShouldElement(): Chainable<JQuery>;
     shouldBeVisible(): void;
     shouldNotBeVisible(): void;
+    shouldExist(): void;
+    shouldNotExist(): void;
 }
 export declare namespace PageElement {
-    type ParentLocator = PageElement | (() => Cypress.Chainable<JQuery>);
-    interface Accessor {
-        findIn(parent: Cypress.Chainable<JQuery>): Cypress.Chainable<JQuery>;
-        shouldNotExist?(parent: Cypress.Chainable<JQuery>): any;
-    }
 }

package/cypress/page.d.ts

@@ -7,7 +7,7 @@ export declare class Page extends PageElement {
     readonly path: Path;
     protected rootElementSelector: string;
     constructor(path: Path);
-    element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    dom(): Cypress.Chainable<JQuery<HTMLElement>>;
     visit(visitParams?: object, queryParams?: {
         [key: string]: string;
     }): void;

package/esm2015/cypress/builder.js

@@ -5,50 +5,62 @@ import { AupEmptyState } from './components/aup-empty-state';
 import { AupInput } from './components/aup-input';
 import { AupNavigation } from './components/aup-navigation';
 import { AupTable } from './components/aup-table';
+import { AupTreeTable } from './components/aup-tree-table';
 import { Button } from './components/button';
+import { MatCheckbox } from './components/mat-checkbox';
 import { PageElement } from './page-element';
 export 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(selectorOrBuilder, optionalBuilder) {
+        return this.createContainerElement(AupTable, selectorOrBuilder, optionalBuilder, 'aup-table');
     }
-    aupTable(selector) {
-        return new AupTable(this.source, selector !== null && selector !== void 0 ? selector : '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');
@@ -60,7 +72,7 @@ export 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 CreateMixin.createProxy(element, builder(element));
         }
@@ -74,7 +86,7 @@ export 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 = CreateMixin.createProxy(element, new Builder(element));