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

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('lodash'), require('@coolon/typescript-utilities'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups/cypress', ['exports', 'lodash', '@coolon/typescript-utilities', '@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._, global.typescriptUtilities, 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('@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';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -26,47 +26,6 @@
 
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
 
-    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.should('not.have', selector); }
-            } : selector;
-        }
-        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.find = function (selector) {
-            var _this = this;
-            return new PageElement(function () { return _this.element(); }, selector);
-        };
-        PageElement.prototype.click = function (text) {
-            text ? this.element().contains(text).click() : this.element().click();
-        };
-        Object.defineProperty(PageElement.prototype, "should", {
-            get: function () {
-                return this.element().should;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        PageElement.prototype.shouldBeVisible = function () {
-            this.should('be.visible');
-        };
-        PageElement.prototype.shouldNotBeVisible = function () {
-            if (!this.elementAccessStrategy.shouldNotExist) {
-                typescriptUtilities.lang.abstractMethod(this.constructor);
-            }
-            this.elementAccessStrategy.shouldNotExist(this.getParentElement());
-        };
-        return PageElement;
-    }());
-
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -379,140 +338,126 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var urlSerialiser = new router.DefaultUrlSerializer();
-    exports.Path = /** @class */ (function () {
-        function Path(segments) {
-            this.segments = segments;
+    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;
         }
-        Path.extractVisitParameters = function (url) {
-            var result = {};
-            var urlTree = urlSerialiser.parse(url);
-            urlTree.root.children.primary.segments.forEach(function (s) {
-                result = Object.assign(Object.assign({}, result), s.parameters);
-            });
-            return result;
+        PageElement.prototype.element = function () {
+            var parent = this.getParentElement();
+            return parent ? this.elementAccessStrategy.findIn(parent) : undefined;
         };
-        Path.prototype.toUrl = function (matrixParams) {
-            return this.segments.map(function (s) { return s.toUrlPart(matrixParams); }).join('/');
+        PageElement.prototype.getParentElement = function () {
+            return this.parentElementAccessor ? this.parentElementAccessor() : undefined;
         };
-        return Path;
-    }());
-    (function (Path) {
-        function setUrlSerialiser(serialiser) {
-            urlSerialiser = serialiser;
-        }
-        Path.setUrlSerialiser = setUrlSerialiser;
-        var Segment = /** @class */ (function () {
-            function Segment(path, params) {
-                if (params === void 0) { params = {}; }
-                var _a;
-                this.path = path;
-                this.routeId = params === null || params === void 0 ? void 0 : params.routeId;
-                this.visitParams = (_a = params === null || params === void 0 ? void 0 : params.visitParams) !== null && _a !== void 0 ? _a : [];
-            }
-            Segment.prototype.toUrlPart = function (params) {
-                var path = this.path;
-                this.visitParams.forEach(function (p) {
-                    var value = params[p];
-                    if (value) {
-                        path = path + ";" + p + "=" + value;
-                    }
-                });
-                if (this.routeId && params[this.routeId]) {
-                    path = path + '/' + params[this.routeId];
-                }
-                return path;
-            };
-            return Segment;
-        }());
-        Path.Segment = Segment;
-        var Builder = /** @class */ (function () {
-            function Builder() {
-                this.segments = [];
+        PageElement.prototype.find = function (selector) {
+            var _this = this;
+            return new PageElement(function () { return _this.element(); }, selector);
+        };
+        PageElement.prototype.click = function (text) {
+            text ? this.element().contains(text).click() : this.element().click();
+        };
+        Object.defineProperty(PageElement.prototype, "should", {
+            get: function () {
+                return this.getShoulder(this.getShouldElement());
+            },
+            enumerable: false,
+            configurable: true
+        });
+        PageElement.prototype.getShoulder = function (element) {
+            return element.should.bind(element);
+        };
+        PageElement.prototype.getShouldElement = function () {
+            return this.element();
+        };
+        PageElement.prototype.shouldBeVisible = function () {
+            this.should('be.visible');
+        };
+        PageElement.prototype.shouldNotBeVisible = function () {
+            if (!this.elementAccessStrategy.shouldNotExist) {
+                typescriptUtilities.lang.abstractMethod(this.constructor);
             }
-            Builder.prototype.segment = function (name, params) {
-                var builder = new Segment(name, params);
-                this.segments.push(builder);
-                return this;
-            };
-            Builder.prototype.getPath = function () {
-                return new Path(this.segments);
-            };
-            return Builder;
-        }());
-        Path.Builder = Builder;
-    })(exports.Path || (exports.Path = {}));
+            this.elementAccessStrategy.shouldNotExist(this.getParentElement());
+        };
+        return PageElement;
+    }());
 
+    var FaceAccessor = /** @class */ (function () {
+        function FaceAccessor(face) {
+            this.face = face;
+        }
+        FaceAccessor.prototype.findIn = function (parent) {
+            return this.face.text ?
+                parent.contains("aup-command-face", this.face.text()) :
+                this.face.icon ?
+                    parent.find("aup-icon[ng-reflect-icon=" + this.face.icon() + "]").closest('aup-command-face') :
+                    undefined;
+        };
+        FaceAccessor.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;
+    }());
     var AupCommandFace = /** @class */ (function (_super) {
         __extends(AupCommandFace, _super);
         function AupCommandFace(parentElement, face) {
             return _super.call(this, function () { return parentElement.element(); }, AupCommandFace.createAccessor(face)) || this;
         }
         AupCommandFace.createAccessor = function (face) {
-            // AOT barfs if we return a lambda
-            var accessor = {
-                findIn: function (parent) {
-                    return face.text ?
-                        parent.contains("aup-command-face", face.text()) :
-                        face.icon ?
-                            parent.find("aup-icon[ng-reflect-icon=" + face.icon() + "]").closest('aup-command-face') :
-                            undefined;
-                },
-                shouldNotExist: function (parent) {
-                    return face.text ?
-                        parent.should("not.contain", "aup-command-face", face.text()) :
-                        face.icon ?
-                            parent.should("not.contain", "aup-icon[ng-reflect-icon=" + face.icon() + "]") :
-                            undefined;
-                }
-            };
-            return accessor;
+            return new FaceAccessor(face);
         };
         return AupCommandFace;
     }(PageElement));
 
-    function ButtonMixin(Base) {
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                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));
-    }
-
     var AupCommand = /** @class */ (function (_super) {
         __extends(AupCommand, _super);
-        function AupCommand(parentElementAccessor, face) {
-            var _this = this;
-            var faceAccessor = AupCommandFace.createAccessor(face);
-            _this = _super.call(this, parentElementAccessor, {
-                findIn: function (parent) {
-                    return faceAccessor.findIn(parent).closest("aup-command");
+        function AupCommand(parent, faceOrSelector) {
+            return _super.call(this, parent, {
+                findIn: function (parentElement) {
+                    if (___namespace.isString(faceOrSelector)) {
+                        return parentElement.find(faceOrSelector);
+                    }
+                    else {
+                        return AupCommandFace.createAccessor(faceOrSelector).findIn(parentElement).closest('aup-command');
+                    }
+                },
+                shouldNotExist: function (parentElement) {
+                    this.findIn(parentElement).should("not.exist");
                 }
             }) || this;
-            return _this;
         }
-        Object.defineProperty(AupCommand.prototype, "should", {
-            get: function () {
-                return this.element().find('button').should;
-            },
-            enumerable: false,
-            configurable: true
-        });
+        AupCommand.prototype.click = function () {
+            this.getButton().click();
+        };
+        AupCommand.prototype.getShouldElement = function () {
+            return this.getButton();
+        };
+        AupCommand.prototype.shouldBeDisabled = function () {
+            this.getButton().should('be.disabled');
+        };
+        AupCommand.prototype.getButton = function () {
+            return this.element().find('button');
+        };
         return AupCommand;
-    }(ButtonMixin(PageElement)));
+    }(PageElement));
+
+    var AupEmptyState = /** @class */ (function (_super) {
+        __extends(AupEmptyState, _super);
+        function AupEmptyState() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupEmptyState.prototype.shouldContainText = function (text) {
+            this.element().should("contain.text", text);
+        };
+        return AupEmptyState;
+    }(PageElement));
 
     exports.AupInput = /** @class */ (function (_super) {
         __extends(AupInput, _super);
@@ -530,21 +475,21 @@
         };
         Object.defineProperty(AupInput.prototype, "labelShould", {
             get: function () {
-                return this.label().should;
+                return this.getShoulder(this.label());
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(AupInput.prototype, "hintShould", {
             get: function () {
-                return this.hint().should;
+                return this.getShoulder(this.hint());
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(AupInput.prototype, "errorShould", {
             get: function () {
-                return this.error().should;
+                return this.getShoulder(this.error());
             },
             enumerable: false,
             configurable: true
@@ -578,13 +523,9 @@
                 input.type("" + value);
                 this.input().should('have.value', "" + value);
             };
-            Object.defineProperty(HtmlInput.prototype, "should", {
-                get: function () {
-                    return this.input().should;
-                },
-                enumerable: false,
-                configurable: true
-            });
+            HtmlInput.prototype.getShouldElement = function () {
+                return this.input();
+            };
             return HtmlInput;
         }(AupInput));
         AupInput.HtmlInput = HtmlInput;
@@ -593,13 +534,9 @@
             function TextAreaInput() {
                 return _super !== null && _super.apply(this, arguments) || this;
             }
-            Object.defineProperty(TextAreaInput.prototype, "should", {
-                get: function () {
-                    return this.input().should;
-                },
-                enumerable: false,
-                configurable: true
-            });
+            TextAreaInput.prototype.getShouldElement = function () {
+                return this.input();
+            };
             TextAreaInput.prototype.input = function () {
                 return this.element().find('textarea');
             };
@@ -686,6 +623,27 @@
         AupTable.Cell = Cell;
     })(exports.AupTable || (exports.AupTable = {}));
 
+    function ButtonMixin(Base) {
+        return /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                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));
+    }
+
     var Button = /** @class */ (function (_super) {
         __extends(Button, _super);
         function Button(parentElementAccessor, buttonText) {
@@ -701,78 +659,222 @@
         return Button;
     }(ButtonMixin(PageElement)));
 
-    exports.Section = void 0;
-    (function (Section) {
-        function Mixin(Base) {
-            return /** @class */ (function (_super) {
-                __extends(class_1, _super);
-                function class_1() {
-                    return _super !== null && _super.apply(this, arguments) || this;
+    var Builder = /** @class */ (function () {
+        function Builder(source) {
+            this.source = source;
+        }
+        Builder.prototype.find = function (selector) {
+            return new PageElement(this.source, 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); }
+            });
+        };
+        Builder.prototype.button = function (text) {
+            return new Button(this.source, text);
+        };
+        Builder.prototype.aupStringInput = function (selector) {
+            return new exports.AupInput.HtmlInput(this.source, 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');
+        };
+        Builder.prototype.aupPasswordInput = function (selector) {
+            return new exports.AupInput.HtmlInput(this.source, 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');
+        };
+        Builder.prototype.aupCommand = function (faceOrSelector) {
+            return new AupCommand(this.source, faceOrSelector);
+        };
+        Builder.prototype.aupTabbedNavigation = function () {
+            return new AupNavigation(this.source, 'aup-tabbed-place-navigation');
+        };
+        Builder.prototype.aupSideNavigation = function () {
+            return new AupNavigation(this.source, '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.aupEmptyState = function (selectorOrBuilder, optionalBuilder) {
+            return this.createContainerElement(AupEmptyState, selectorOrBuilder, optionalBuilder, 'aup-empty-state');
+        };
+        Builder.prototype.createContainerElement = function (klass, selectorOrBuilder, optionalBuilder, defaultSelector) {
+            var selector = ___namespace.isString(selectorOrBuilder) ? selectorOrBuilder : defaultSelector;
+            var builder = ___namespace.isFunction(selectorOrBuilder) ? selectorOrBuilder : optionalBuilder;
+            if (!selector) {
+                typescriptUtilities.lang.illegalState('This element requires a selector but none was provided');
+            }
+            var element = new klass(this.source, selector);
+            return builder ? typescriptUtilities.Mixin.createProxy(element, builder(new Builder(element))) : element;
+        };
+        return Builder;
+    }());
+
+    var AupAbstractActivity = /** @class */ (function (_super) {
+        __extends(AupAbstractActivity, _super);
+        function AupAbstractActivity(parent, selector) {
+            var _this = _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]');
+            return _this;
+        }
+        return AupAbstractActivity;
+    }(PageElement));
+
+    var AupActivity = /** @class */ (function (_super) {
+        __extends(AupActivity, _super);
+        function AupActivity(parent, selector) {
+            return _super.call(this, parent, selector) || this;
+        }
+        Object.defineProperty(AupActivity.prototype, "confirmCommand", {
+            get: function () {
+                return this._confirmCommand;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AupActivity.prototype, "cancelCommand", {
+            get: function () {
+                return this._cancelCommand;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return AupActivity;
+    }(AupAbstractActivity));
+
+    var AupModalActivity = /** @class */ (function (_super) {
+        __extends(AupModalActivity, _super);
+        function AupModalActivity() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupModalActivity.prototype.clickBackdrop = function () {
+            this.element().closest(".cdk-overlay-backdrop").click(-50, -50, { force: true });
+        };
+        return AupModalActivity;
+    }(AupActivity));
+
+    var AupAlert = /** @class */ (function (_super) {
+        __extends(AupAlert, _super);
+        function AupAlert(parent, selector) {
+            return _super.call(this, parent, selector) || this;
+        }
+        Object.defineProperty(AupAlert.prototype, "closeCommand", {
+            get: function () {
+                return this._confirmCommand;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AupAlert.prototype.clickClose = function () {
+            this.closeCommand.click();
+        };
+        return AupAlert;
+    }(AupAbstractActivity));
+
+    var AupModalAlert = /** @class */ (function (_super) {
+        __extends(AupModalAlert, _super);
+        function AupModalAlert(parent, selector) {
+            return _super.call(this, parent, selector) || this;
+        }
+        AupModalAlert.prototype.clickBackdrop = function () {
+            this.element()
+                .closest(".cdk-overlay-container")
+                .find(".cdk-overlay-backdrop").click(-50, -50, { force: true });
+        };
+        return AupModalAlert;
+    }(AupAlert));
+
+    var PageBuilder = /** @class */ (function (_super) {
+        __extends(PageBuilder, _super);
+        function PageBuilder() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        PageBuilder.prototype.aupModalActivity = function (selector, builder) {
+            return this.createContainerElement(AupModalActivity, ".dialog-interaction-context " + selector, builder);
+        };
+        PageBuilder.prototype.aupModalAlert = function (builder) {
+            return this.createContainerElement(AupModalAlert, ".dialog-interaction-context aup-alert-dialog", builder);
+        };
+        PageBuilder.prototype.aupModelConfirm = function (builder) {
+            return this.aupModalActivity("aup-confirm-dialog", builder);
+        };
+        return PageBuilder;
+    }(Builder));
+
+    var urlSerialiser = new router.DefaultUrlSerializer();
+    exports.Path = /** @class */ (function () {
+        function Path(segments) {
+            this.segments = segments;
+        }
+        Path.extractVisitParameters = function (url) {
+            var _a, _b;
+            var result = {};
+            var urlTree = urlSerialiser.parse(url);
+            var urlSegments = (_b = (_a = urlTree.root.children.primary) === null || _a === void 0 ? void 0 : _a.segments) !== null && _b !== void 0 ? _b : [];
+            urlSegments === null || urlSegments === void 0 ? void 0 : urlSegments.forEach(function (s) {
+                result = Object.assign(Object.assign({}, result), s.parameters);
+            });
+            return result;
+        };
+        Path.prototype.toUrl = function (matrixParams) {
+            return this.segments.map(function (s) { return s.toUrlPart(matrixParams); }).join('/');
+        };
+        return Path;
+    }());
+    (function (Path) {
+        function setUrlSerialiser(serialiser) {
+            urlSerialiser = serialiser;
+        }
+        Path.setUrlSerialiser = setUrlSerialiser;
+        var Segment = /** @class */ (function () {
+            function Segment(path, params) {
+                if (params === void 0) { params = {}; }
+                var _a;
+                this.path = path;
+                this.routeId = params === null || params === void 0 ? void 0 : params.routeId;
+                this.visitParams = (_a = params === null || params === void 0 ? void 0 : params.visitParams) !== null && _a !== void 0 ? _a : [];
+            }
+            Segment.prototype.toUrlPart = function (params) {
+                var path = this.path;
+                this.visitParams.forEach(function (p) {
+                    var value = params[p];
+                    if (value) {
+                        path = path + ";" + p + "=" + value;
+                    }
+                });
+                if (this.routeId && params[this.routeId]) {
+                    path = path + '/' + params[this.routeId];
                 }
-                class_1.prototype.section = function (selector, section) {
-                    var _this = this;
-                    var impl = new Impl(function () { return _this.element(); }, selector);
-                    return typescriptUtilities.Mixin.createProxy(section(impl), impl);
-                };
-                class_1.prototype.find = function (selector) {
-                    var _this = this;
-                    return new PageElement(function () { return _this.element(); }, selector);
-                };
-                class_1.prototype.contains = function (text) {
-                    var _this = this;
-                    return new PageElement(function () { return _this.element(); }, {
-                        findIn: function (parent) { return parent.contains(text); },
-                        shouldNotExist: function (parent) { return parent.should("not.contain", text); }
-                    });
-                };
-                class_1.prototype.button = function (text) {
-                    var _this = this;
-                    return new Button(function () { return _this.element(); }, text);
-                };
-                class_1.prototype.aupStringInput = function (selector) {
-                    var _this = this;
-                    return new exports.AupInput.HtmlInput(function () { return _this.element(); }, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
-                };
-                class_1.prototype.aupTextInput = function (selector) {
-                    var _this = this;
-                    return new exports.AupInput.TextAreaInput(function () { return _this.element(); }, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
-                };
-                class_1.prototype.aupPasswordInput = function (selector) {
-                    var _this = this;
-                    return new exports.AupInput.HtmlInput(function () { return _this.element(); }, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
-                };
-                class_1.prototype.aupNumberInput = function (selector) {
-                    var _this = this;
-                    return new exports.AupInput.HtmlInput(function () { return _this.element(); }, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
-                };
-                class_1.prototype.aupCommand = function (face) {
-                    var _this = this;
-                    return new AupCommand(function () { return _this.element(); }, face);
-                };
-                class_1.prototype.aupTabbedNavigation = function () {
-                    var _this = this;
-                    return new AupNavigation(function () { return _this.element(); }, 'aup-tabbed-place-navigation');
-                };
-                class_1.prototype.aupSideNavigation = function () {
-                    var _this = this;
-                    return new AupNavigation(function () { return _this.element(); }, 'aup-list-place-nav');
-                };
-                class_1.prototype.aupTable = function (selector) {
-                    var _this = this;
-                    return new exports.AupTable(function () { return _this.element(); }, selector !== null && selector !== void 0 ? selector : 'aup-table');
-                };
-                return class_1;
-            }(Base));
-        }
-        Section.Mixin = Mixin;
-        var Impl = /** @class */ (function (_super) {
-            __extends(Impl, _super);
-            function Impl() {
-                return _super !== null && _super.apply(this, arguments) || this;
+                return path;
+            };
+            return Segment;
+        }());
+        Path.Segment = Segment;
+        var Builder = /** @class */ (function () {
+            function Builder() {
+                this.segments = [];
             }
-            return Impl;
-        }(Mixin(PageElement)));
-    })(exports.Section || (exports.Section = {}));
+            Builder.prototype.segment = function (name, params) {
+                var builder = new Segment(name, params);
+                this.segments.push(builder);
+                return this;
+            };
+            Builder.prototype.getPath = function () {
+                return new Path(this.segments);
+            };
+            return Builder;
+        }());
+        Path.Builder = Builder;
+    })(exports.Path || (exports.Path = {}));
 
     exports.Page = /** @class */ (function (_super) {
         __extends(Page, _super);
@@ -809,8 +911,8 @@
         };
         Page.prototype.shouldBeActive = function (withParameters) {
             // Note: cy.window() doesn't return a promise... it's a chainable.
-            cy.window().then(function (window) {
-                cy['waitUntil'](function () {
+            cy['waitUntil'](function () {
+                return cy.window().then(function (window) {
                     return window['aup.PlaceRouter'] && !window['aup.PlaceRouter'].isNavigating();
                 });
             });
@@ -828,26 +930,19 @@
         return Page;
     }(PageElement));
     (function (Page) {
-        function create(pathOrPathBuilder, page) {
+        function create(pathOrPathBuilder, builder) {
             var pathBuilder = new exports.Path.Builder();
             if (___namespace.isString(pathOrPathBuilder)) {
-                pathOrPathBuilder.split("/").filter(function (p) { return !___namespace.isEmpty(p); }).forEach(function (p) { return pathBuilder.segment(p); });
+                pathOrPathBuilder.split('/').filter(function (p) { return !___namespace.isEmpty(p); }).forEach(function (p) { return pathBuilder.segment(p); });
             }
             else {
                 pathOrPathBuilder(pathBuilder);
             }
-            var builder = new PageBuilder(pathBuilder.getPath());
-            return typescriptUtilities.Mixin.createProxy(page(builder), builder);
+            var instance = new Page(pathBuilder.getPath());
+            var content = builder(new PageBuilder(instance));
+            return typescriptUtilities.Mixin.createProxy(content, instance);
         }
         Page.create = create;
-        var PageBuilder = /** @class */ (function (_super) {
-            __extends(PageBuilder, _super);
-            function PageBuilder() {
-                return _super !== null && _super.apply(this, arguments) || this;
-            }
-            return PageBuilder;
-        }(exports.Section.Mixin(Page)));
-        Page.PageBuilder = PageBuilder;
     })(exports.Page || (exports.Page = {}));
 
     var AupCommandGroup = /** @class */ (function (_super) {
@@ -910,15 +1005,24 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.AupAbstractActivity = AupAbstractActivity;
+    exports.AupActivity = AupActivity;
+    exports.AupAlert = AupAlert;
     exports.AupCommand = AupCommand;
     exports.AupCommandFace = AupCommandFace;
     exports.AupCommandGroup = AupCommandGroup;
+    exports.AupEmptyState = AupEmptyState;
+    exports.AupModalActivity = AupModalActivity;
+    exports.AupModalAlert = AupModalAlert;
     exports.AupMoreMenu = AupMoreMenu;
     exports.AupNavigation = AupNavigation;
     exports.AupPopupMenu = AupPopupMenu;
     exports.AupToolBar = AupToolBar;
+    exports.Builder = Builder;
     exports.Button = Button;
     exports.ButtonMixin = ButtonMixin;
+    exports.FaceAccessor = FaceAccessor;
+    exports.PageBuilder = PageBuilder;
     exports.PageElement = PageElement;
 
     Object.defineProperty(exports, '__esModule', { value: true });