@axinom/mosaic-e2e-ui-selectors 0.16.9 → 0.16.10-rc.3

package/dist/esm/component-models/dynamic-data-list.d.ts

@@ -0,0 +1,88 @@
+import { type FrameLocator, type Locator, type Page } from '@playwright/test';
+import { ComponentModel } from '../component-model.js';
+import { InlineMenu } from './inline-menu.js';
+/**
+ * A model for a data entry cell.
+ */
+export declare class DynamicDataEntryCell extends ComponentModel {
+    /** A locator to an input element (text entry). */
+    readonly input: Locator;
+    /** A locator to a select element (dropdown). */
+    readonly select: Locator;
+    /** A locator to a combobox element (autocorrect dropdown from MUI). */
+    readonly combobox: Locator;
+}
+/**
+ * A model for a list row cell.
+ */
+export declare class DynamicListCell extends ComponentModel {
+    /** A locator to the element containing the value. */
+    readonly content: Locator;
+    /** This method verifies that the cell is visible and gets the cell value. */
+    getValue(): Promise<string>;
+}
+/**
+ * A model for a dynamic data list header.
+ */
+export declare class DynamicListHeader extends ComponentModel {
+    getLabel(position: number): Locator;
+    getLabelByPropertyName(name: string): Locator;
+}
+/**
+ * A model for a data entry row which is used to enter new data.
+ */
+export declare class DynamicListDataEntry extends ComponentModel {
+    /**
+     * A locator to the add button ('+'). Depending on the configuration of the
+     * data list this may add a row directly or open a mod*a*l. Use the mod*a*l
+     * property on the form component mod*e*l for a mod*a*l opened in this way.
+     */
+    readonly addButton: Locator;
+    readonly combobox: Locator;
+    protected readonly option: (value: string) => Locator;
+    setDdlOption(ddlProp: string, value: string): Promise<void>;
+    getCell(position: number): DynamicDataEntryCell;
+    getCellByPropertyName(name: string): DynamicDataEntryCell;
+}
+/**
+ * A model for a dynamic data list row.
+ */
+export declare class DynamicListRow extends ComponentModel {
+    /** A locator to the remove button for this row ('X'). */
+    readonly removeButton: Locator;
+    /** A model for the the inline menu for this row (e.g. '...'). */
+    readonly inlineMenu: InlineMenu;
+    getCell(position: number): DynamicListCell;
+    getCellByPropertyName(name: string): DynamicListCell;
+}
+/**
+ * A model for a DynamicDataList component.
+ */
+export declare class DynamicDataList extends ComponentModel {
+    /**
+     * A model representing a dynamic data list component.
+     * @param parent  The parent playwright page, frame or component model.
+     * @param xpath  A relative xpath selector to this element from the parent.
+     */
+    constructor(parent: Page | FrameLocator | ComponentModel, xpath?: string);
+    /** A model representing the dynamic data list header row. */
+    readonly header: DynamicListHeader;
+    /** A model representing the data entry row. */
+    readonly dataEntryRow: DynamicListDataEntry;
+    /** A locator to all visible rows. Useful for getting a count. */
+    readonly allVisibleRows: Locator;
+    /** This method gets a visible row by position. Position is 1 indexed. Negative numbers count from the end. */
+    getRow(position: number): DynamicListRow;
+    /**
+     * This method gets a row by matching the value of a property. If multiple
+     * rows share the same property value, the 'nth' parameter can be used to
+     * select which is returned (the first by default).
+     */
+    getRowByPropertyValue(propertyName: string, propertyValue: string, nth?: number): DynamicListRow;
+    /**
+     * This method waits for transitions of new or removed rows of data to be completed.
+     * As this method does *not* wait for an event it should *not* be used inside Promise.all.
+     */
+    waitForData(): Promise<void>;
+}
+//# sourceMappingURL=dynamic-data-list.d.ts.map

package/dist/esm/component-models/dynamic-data-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-data-list.d.ts","sourceRoot":"","sources":["../../../src/component-models/dynamic-data-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,cAAc;IACtD,kDAAkD;IAClD,QAAQ,CAAC,KAAK,UAA8B;IAE5C,gDAAgD;IAChD,QAAQ,CAAC,MAAM,UAA+B;IAE9C,uEAAuE;IACvE,QAAQ,CAAC,QAAQ,UAAgD;CAClE;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,cAAc;IACjD,qDAAqD;IACrD,QAAQ,CAAC,OAAO,UAAqB;IAErC,6EAA6E;IACvE,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC;CAIlC;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,cAAc;IAEnD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAQnC,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAK9C;AAED;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,cAAc;IACtD;;;;OAIG;IACH,QAAQ,CAAC,SAAS,UAEhB;IAEF,QAAQ,CAAC,QAAQ,UAAgD;IAEjE,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAI,OAAO,MAAM,KAAG,OAAO,CAGhD;IAGE,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAWjE,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB;IAS/C,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,oBAAoB;CAM1D;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,cAAc;IAChD,yDAAyD;IACzD,QAAQ,CAAC,YAAY,UAEnB;IAEF,iEAAiE;IACjE,QAAQ,CAAC,UAAU,aAAwB;IAG3C,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe;IAS1C,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe;CAMrD;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,cAAc;IACjD;;;;OAIG;gBAED,MAAM,EAAE,IAAI,GAAG,YAAY,GAAG,cAAc,EAC5C,KAAK,SAA2C;IAKlD,6DAA6D;IAC7D,QAAQ,CAAC,MAAM,oBAGb;IAEF,+CAA+C;IAC/C,QAAQ,CAAC,YAAY,uBAGnB;IAEF,iEAAiE;IACjE,QAAQ,CAAC,cAAc,UAErB;IAEF,8GAA8G;IAC9G,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc;IAQxC;;;;OAIG;IACH,qBAAqB,CACnB,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,cAAc;IASjB;;;OAGG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;CAKnC"}

package/dist/esm/component-models/dynamic-data-list.js

@@ -0,0 +1,139 @@
+import {} from '@playwright/test';
+import { ComponentModel } from '../component-model.js';
+import { InlineMenu } from './inline-menu.js';
+/**
+ * A model for a data entry cell.
+ */
+export class DynamicDataEntryCell extends ComponentModel {
+    constructor() {
+        super(...arguments);
+        /** A locator to an input element (text entry). */
+        this.input = this.getLocator('//input');
+        /** A locator to a select element (dropdown). */
+        this.select = this.getLocator('//select');
+        /** A locator to a combobox element (autocorrect dropdown from MUI). */
+        this.combobox = this.getLocator('//input[@role="combobox"]');
+    }
+}
+/**
+ * A model for a list row cell.
+ */
+export class DynamicListCell extends ComponentModel {
+    constructor() {
+        super(...arguments);
+        /** A locator to the element containing the value. */
+        this.content = this.getLocator();
+    }
+    /** This method verifies that the cell is visible and gets the cell value. */
+    async getValue() {
+        await this.content.waitFor({ state: 'visible' });
+        return (await this.content.textContent()) ?? '';
+    }
+}
+/**
+ * A model for a dynamic data list header.
+ */
+export class DynamicListHeader extends ComponentModel {
+    /* This method finds a label in a data list header by position. Position is 1 indexed. Negative numbers count from the end. */
+    getLabel(position) {
+        return this.getLocator('//*[starts-with(@data-test-id, "dynamic-list-header-property:")]', position);
+    }
+    /* This method finds a label in a data list header by property name. The name must match exactly. */
+    getLabelByPropertyName(name) {
+        return this.getLocator(`//*[starts-with(@data-test-id, "dynamic-list-header-property:${name}")]`);
+    }
+}
+/**
+ * A model for a data entry row which is used to enter new data.
+ */
+export class DynamicListDataEntry extends ComponentModel {
+    constructor() {
+        super(...arguments);
+        /**
+         * A locator to the add button ('+'). Depending on the configuration of the
+         * data list this may add a row directly or open a mod*a*l. Use the mod*a*l
+         * property on the form component mod*e*l for a mod*a*l opened in this way.
+         */
+        this.addButton = this.getLocator('//*[@data-test-id="dynamic-list-add-button"]');
+        this.combobox = this.getLocator('//input[@role="combobox"]');
+        this.option = (value) => this.getGlobalLocator(`//li[@role="option" and normalize-space(text())="${value}"]`);
+    }
+    /* This method finds a data entry cell in a row by propertyName and sets a dropdown value. */
+    async setDdlOption(ddlProp, value) {
+        // sanity check
+        await this.getCellByPropertyName(ddlProp).combobox.click();
+        await this.combobox.type(value);
+        await this.combobox.waitFor({ state: 'visible' });
+        const optionElement = this.option(value);
+        await optionElement.waitFor({ state: 'visible' });
+        await optionElement.click();
+    }
+    /* This method finds a data entry cell in a row by position. Position is 1 indexed. Negative numbers count from the end. */
+    getCell(position) {
+        return new DynamicDataEntryCell(this, '//*[starts-with(@data-test-id, "dynamic-list-data-entry-property:")]', position);
+    }
+    /* This method finds a data entry cell a row by property name. The name must match exactly. */
+    getCellByPropertyName(name) {
+        return new DynamicDataEntryCell(this, `//*[starts-with(@data-test-id, "dynamic-list-data-entry-property:${name}")]`);
+    }
+}
+/**
+ * A model for a dynamic data list row.
+ */
+export class DynamicListRow extends ComponentModel {
+    constructor() {
+        super(...arguments);
+        /** A locator to the remove button for this row ('X'). */
+        this.removeButton = this.getLocator('//*[@data-test-id="dynamic-list-remove-button"]');
+        /** A model for the the inline menu for this row (e.g. '...'). */
+        this.inlineMenu = new InlineMenu(this);
+    }
+    /* This method finds a cell in a data list row by position. Position is 1 indexed. Negative numbers count from the end. */
+    getCell(position) {
+        return new DynamicListCell(this, '//*[starts-with(@data-test-id, "dynamic-list-property:")]', position);
+    }
+    /* This method finds a cell in a data list row by property name. The name must match exactly. */
+    getCellByPropertyName(name) {
+        return new DynamicListCell(this, `//*[starts-with(@data-test-id, "dynamic-list-property:${name}")]`);
+    }
+}
+/**
+ * A model for a DynamicDataList component.
+ */
+export class DynamicDataList extends ComponentModel {
+    /**
+     * A model representing a dynamic data list component.
+     * @param parent  The parent playwright page, frame or component model.
+     * @param xpath  A relative xpath selector to this element from the parent.
+     */
+    constructor(parent, xpath = '//*[@data-test-id="dynamic-data-list"]') {
+        super(parent, xpath);
+        /** A model representing the dynamic data list header row. */
+        this.header = new DynamicListHeader(this, '//*[@data-test-id="dynamic-list-header"]');
+        /** A model representing the data entry row. */
+        this.dataEntryRow = new DynamicListDataEntry(this, '//*[@data-test-id="dynamic-list-data-entry"]');
+        /** A locator to all visible rows. Useful for getting a count. */
+        this.allVisibleRows = this.getLocator('//*[@data-test-id="dynamic-list-row"]');
+    }
+    /** This method gets a visible row by position. Position is 1 indexed. Negative numbers count from the end. */
+    getRow(position) {
+        return new DynamicListRow(this, '//*[@data-test-id="dynamic-list-row"]', position);
+    }
+    /**
+     * This method gets a row by matching the value of a property. If multiple
+     * rows share the same property value, the 'nth' parameter can be used to
+     * select which is returned (the first by default).
+     */
+    getRowByPropertyValue(propertyName, propertyValue, nth) {
+        const cellMatcher = `//*[@data-test-id="dynamic-list-property:${propertyName}" and (text()="${propertyValue}" or .//div[text()="${propertyValue}"])]`;
+        return new DynamicListRow(this, `//*[@data-test-id="dynamic-list-row" and .${cellMatcher}]`, nth);
+    }
+    /**
+     * This method waits for transitions of new or removed rows of data to be completed.
+     * As this method does *not* wait for an event it should *not* be used inside Promise.all.
+     */
+    async waitForData() {
+        await this.getLocator('//*[@data-test-id="dynamic-list-row" and (contains(@class, "rowEnter") or contains(@class, "rowExit"))]').waitFor({ state: 'hidden' });
+    }
+}
+//# sourceMappingURL=dynamic-data-list.js.map

package/dist/esm/component-models/dynamic-data-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-data-list.js","sourceRoot":"","sources":["../../../src/component-models/dynamic-data-list.ts"],"names":[],"mappings":"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"}

package/dist/esm/component-models/filters/date-filter.d.ts

@@ -0,0 +1,17 @@
+import { TypedFilter } from './filter.js';
+/**
+ * A model for a Filter component with filter type 'Date'.
+ */
+export declare class DateFilter extends TypedFilter {
+    /** @inheritdoc */
+    protected get filterTypeValidator(): string;
+    /**
+     * This method performs actions:
+     * - Verify the filter type
+     * - Activate the filter
+     * - Set the filter value through text entry
+     * - Press enter
+     */
+    setValue(value: string | Date): Promise<void>;
+}
+//# sourceMappingURL=date-filter.d.ts.map

package/dist/esm/component-models/filters/date-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-filter.d.ts","sourceRoot":"","sources":["../../../../src/component-models/filters/date-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,kBAAkB;IAClB,cAAuB,mBAAmB,IAAI,MAAM,CAEnD;IAED;;;;;;OAMG;IACG,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;CAYpD"}

package/dist/esm/component-models/filters/date-filter.js

@@ -0,0 +1,28 @@
+import { TypedFilter } from './filter.js';
+/**
+ * A model for a Filter component with filter type 'Date'.
+ */
+export class DateFilter extends TypedFilter {
+    /** @inheritdoc */
+    get filterTypeValidator() {
+        return '[@data-test-type="Date"]';
+    }
+    /**
+     * This method performs actions:
+     * - Verify the filter type
+     * - Activate the filter
+     * - Set the filter value through text entry
+     * - Press enter
+     */
+    async setValue(value) {
+        // sanity check
+        await this.verifyFilterType();
+        // open filter for inputs
+        await this.activate();
+        // apply filter value
+        const input = this.getLocator('//input');
+        await input.fill(new Date(value).toISOString());
+        await input.press('Enter');
+    }
+}
+//# sourceMappingURL=date-filter.js.map

package/dist/esm/component-models/filters/date-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-filter.js","sourceRoot":"","sources":["../../../../src/component-models/filters/date-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IACzC,kBAAkB;IAClB,IAAuB,mBAAmB;QACxC,OAAO,0BAA0B,CAAC;IACpC,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,QAAQ,CAAC,KAAoB;QACjC,eAAe;QACf,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9B,yBAAyB;QACzB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEtB,qBAAqB;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAChD,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;CACF"}

package/dist/esm/component-models/filters/date-time-filter.d.ts

@@ -0,0 +1,9 @@
+import { DateFilter } from './date-filter.js';
+/**
+ * A model for a Filter component with filter type 'DateTime'.
+ */
+export declare class DateTimeFilter extends DateFilter {
+    /** @inheritdoc */
+    protected get filterTypeValidator(): string;
+}
+//# sourceMappingURL=date-time-filter.d.ts.map

package/dist/esm/component-models/filters/date-time-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-filter.d.ts","sourceRoot":"","sources":["../../../../src/component-models/filters/date-time-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;GAEG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,kBAAkB;IAClB,cAAuB,mBAAmB,IAAI,MAAM,CAEnD;CACF"}

package/dist/esm/component-models/filters/date-time-filter.js

@@ -0,0 +1,11 @@
+import { DateFilter } from './date-filter.js';
+/**
+ * A model for a Filter component with filter type 'DateTime'.
+ */
+export class DateTimeFilter extends DateFilter {
+    /** @inheritdoc */
+    get filterTypeValidator() {
+        return '[@data-test-type="DateTime"]';
+    }
+}
+//# sourceMappingURL=date-time-filter.js.map

package/dist/esm/component-models/filters/date-time-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-filter.js","sourceRoot":"","sources":["../../../../src/component-models/filters/date-time-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC5C,kBAAkB;IAClB,IAAuB,mBAAmB;QACxC,OAAO,8BAA8B,CAAC;IACxC,CAAC;CACF"}

package/dist/esm/component-models/filters/filter.d.ts

@@ -0,0 +1,35 @@
+import { type FrameLocator, type Page } from '@playwright/test';
+import { ComponentModel } from '../../component-model.js';
+/**
+ * Abstract base class for all filter component models.
+ */
+export declare abstract class Filter extends ComponentModel {
+    /**
+     * A model for a filter component.
+     * @param parent  The parent playwright page, frame or component model.
+     * @param xpath  A relative xpath selector to this element from the parent.
+     * @param nth  Position among matching elements. Position is 1 indexed. Negative numbers count from the end.
+     */
+    constructor(parent: Page | FrameLocator | ComponentModel, xpath?: string, nth?: number);
+    /** A locator to the filter label. */
+    readonly label: import("playwright-core").Locator;
+    /** A locator to the element with the selected value. */
+    readonly value: import("playwright-core").Locator;
+    /** A locator to the button which clears the filter. */
+    readonly clearButton: import("playwright-core").Locator;
+    /** This method expands the filter for input. */
+    protected activate(): Promise<void>;
+}
+/**
+ * Abstract base class for filter component models of a specific type.
+ */
+export declare abstract class TypedFilter extends Filter {
+    /** A selector which will match the filter if the element type is correct. */
+    protected abstract get filterTypeValidator(): string;
+    /**
+     * This method verifies that the filter is visible, and that the actual
+     * element matches the model being used.
+     */
+    verifyFilterType(): Promise<void>;
+}
+//# sourceMappingURL=filter.d.ts.map

package/dist/esm/component-models/filters/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/component-models/filters/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D;;GAEG;AACH,8BAAsB,MAAO,SAAQ,cAAc;IACjD;;;;;OAKG;gBAED,MAAM,EAAE,IAAI,GAAG,YAAY,GAAG,cAAc,EAC5C,KAAK,SAA+C,EACpD,GAAG,SAAI;IAKT,qCAAqC;IACrC,QAAQ,CAAC,KAAK,oCAAwD;IAEtE,wDAAwD;IACxD,QAAQ,CAAC,KAAK,oCAAwD;IAEtE,uDAAuD;IACvD,QAAQ,CAAC,WAAW,oCAElB;IAEF,gDAAgD;cAChC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;CAM1C;AAED;;GAEG;AACH,8BAAsB,WAAY,SAAQ,MAAM;IAC9C,6EAA6E;IAC7E,SAAS,CAAC,QAAQ,KAAK,mBAAmB,IAAI,MAAM,CAAC;IAErD;;;OAGG;IACG,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;CASxC"}

package/dist/esm/component-models/filters/filter.js

@@ -0,0 +1,49 @@
+import {} from '@playwright/test';
+import { ComponentModel } from '../../component-model.js';
+/**
+ * Abstract base class for all filter component models.
+ */
+export class Filter extends ComponentModel {
+    /**
+     * A model for a filter component.
+     * @param parent  The parent playwright page, frame or component model.
+     * @param xpath  A relative xpath selector to this element from the parent.
+     * @param nth  Position among matching elements. Position is 1 indexed. Negative numbers count from the end.
+     */
+    constructor(parent, xpath = '//*[starts-with(@data-test-id, "filter:")]', nth = 1) {
+        super(parent, xpath, nth);
+        /** A locator to the filter label. */
+        this.label = this.getLocator('//*[@data-test-id="filter-label"]');
+        /** A locator to the element with the selected value. */
+        this.value = this.getLocator('//*[@data-test-id="filter-value"]');
+        /** A locator to the button which clears the filter. */
+        this.clearButton = this.getLocator('//*[@data-test-id="filter-button-clear"]');
+    }
+    /** This method expands the filter for input. */
+    async activate() {
+        const content = this.getLocator('//*[@data-test-id="filter-content"]');
+        const button = this.getLocator('//*[@data-test-id="filter-button-toggle"]');
+        await button.click();
+        await content.waitFor({ state: 'visible' });
+    }
+}
+/**
+ * Abstract base class for filter component models of a specific type.
+ */
+export class TypedFilter extends Filter {
+    /**
+     * This method verifies that the filter is visible, and that the actual
+     * element matches the model being used.
+     */
+    async verifyFilterType() {
+        try {
+            await this.getLocator(this.filterTypeValidator).waitFor({
+                state: 'visible',
+            });
+        }
+        catch {
+            throw new Error('Filter is not visible or is not of the expected type.');
+        }
+    }
+}
+//# sourceMappingURL=filter.js.map

package/dist/esm/component-models/filters/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/component-models/filters/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D;;GAEG;AACH,MAAM,OAAgB,MAAO,SAAQ,cAAc;IACjD;;;;;OAKG;IACH,YACE,MAA4C,EAC5C,KAAK,GAAG,4CAA4C,EACpD,GAAG,GAAG,CAAC;QAEP,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QAG5B,qCAAqC;QAC5B,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;QAEtE,wDAAwD;QAC/C,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;QAEtE,uDAAuD;QAC9C,gBAAW,GAAG,IAAI,CAAC,UAAU,CACpC,0CAA0C,CAC3C,CAAC;IAXF,CAAC;IAaD,gDAAgD;IACtC,KAAK,CAAC,QAAQ;QACtB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QACvE,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,2CAA2C,CAAC,CAAC;QAC5E,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QACrB,MAAM,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9C,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAgB,WAAY,SAAQ,MAAM;IAI9C;;;OAGG;IACH,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC;gBACtD,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACP,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;CACF"}

package/dist/esm/component-models/filters/filters.d.ts

@@ -0,0 +1,34 @@
+import { type FrameLocator, type Page } from '@playwright/test';
+import { ComponentModel } from '../../component-model.js';
+import { UntypedFilter } from './untyped-filter.js';
+/**
+ * A model for a Filters component with methods to retrieve individual filters.
+ * Use this model for the filter bar on explorer stations and explorer modals.
+ */
+export declare class Filters extends ComponentModel {
+    /**
+     * A model for a Filters component with methods to retrieve individual filters.
+     * @param parent  The parent playwright page, frame or component model.
+     * @param xpath  A relative xpath selector to this element from the parent.
+     */
+    constructor(parent: Page | FrameLocator | ComponentModel, xpath?: string);
+    /**
+     * This method gets a filter by position. Position is 1 indexed. Negative numbers count from the end.
+     * @param position  The 1-indexed position among all descendent filters.
+     * @returns An untyped filter model with methods to apply a model for a specific filter type.
+     */
+    getFilter(position: number): UntypedFilter;
+    /**
+     * This method gets a filter by property name. The property name must match
+     * exactly. If multiple filters share the same property name, the 'nth'
+     * parameter can be used to select which is returned (first by default).
+     * @returns An untyped filter model with methods to apply a model for a specific filter type.
+     */
+    getFilterByName(propertyName: string, nth?: number): UntypedFilter;
+    /**
+     * This method gets a filter by label. The label text must match exactly.
+     * @returns An untyped filter model with methods to apply a model for a specific filter type.
+     */
+    getFilterByLabel(label: string): UntypedFilter;
+}
+//# sourceMappingURL=filters.d.ts.map

package/dist/esm/component-models/filters/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/component-models/filters/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,cAAc;IACzC;;;;OAIG;gBAED,MAAM,EAAE,IAAI,GAAG,YAAY,GAAG,cAAc,EAC5C,KAAK,SAAiC;IAKxC;;;;OAIG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa;IAQ1C;;;;;OAKG;IACH,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,aAAa;IAQ7D;;;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa;CAM/C"}

package/dist/esm/component-models/filters/filters.js

@@ -0,0 +1,42 @@
+import {} from '@playwright/test';
+import { ComponentModel } from '../../component-model.js';
+import { UntypedFilter } from './untyped-filter.js';
+/**
+ * A model for a Filters component with methods to retrieve individual filters.
+ * Use this model for the filter bar on explorer stations and explorer modals.
+ */
+export class Filters extends ComponentModel {
+    /**
+     * A model for a Filters component with methods to retrieve individual filters.
+     * @param parent  The parent playwright page, frame or component model.
+     * @param xpath  A relative xpath selector to this element from the parent.
+     */
+    constructor(parent, xpath = '//*[@data-test-id="filters"]') {
+        super(parent, xpath);
+    }
+    /**
+     * This method gets a filter by position. Position is 1 indexed. Negative numbers count from the end.
+     * @param position  The 1-indexed position among all descendent filters.
+     * @returns An untyped filter model with methods to apply a model for a specific filter type.
+     */
+    getFilter(position) {
+        return new UntypedFilter(this, '//*[starts-with(@data-test-id, "filter:")]', position);
+    }
+    /**
+     * This method gets a filter by property name. The property name must match
+     * exactly. If multiple filters share the same property name, the 'nth'
+     * parameter can be used to select which is returned (first by default).
+     * @returns An untyped filter model with methods to apply a model for a specific filter type.
+     */
+    getFilterByName(propertyName, nth = 1) {
+        return new UntypedFilter(this, `//*[@data-test-id="filter:${propertyName}"]`, nth);
+    }
+    /**
+     * This method gets a filter by label. The label text must match exactly.
+     * @returns An untyped filter model with methods to apply a model for a specific filter type.
+     */
+    getFilterByLabel(label) {
+        return new UntypedFilter(this, `//*[starts-with(@data-test-id, "filter:") and .//*[@data-test-id="filter-label" and text()="${label}"]]`);
+    }
+}
+//# sourceMappingURL=filters.js.map

package/dist/esm/component-models/filters/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../../src/component-models/filters/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,cAAc;IACzC;;;;OAIG;IACH,YACE,MAA4C,EAC5C,KAAK,GAAG,8BAA8B;QAEtC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,QAAgB;QACxB,OAAO,IAAI,aAAa,CACtB,IAAI,EACJ,4CAA4C,EAC5C,QAAQ,CACT,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACH,eAAe,CAAC,YAAoB,EAAE,GAAG,GAAG,CAAC;QAC3C,OAAO,IAAI,aAAa,CACtB,IAAI,EACJ,6BAA6B,YAAY,IAAI,EAC7C,GAAG,CACJ,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,gBAAgB,CAAC,KAAa;QAC5B,OAAO,IAAI,aAAa,CACtB,IAAI,EACJ,+FAA+F,KAAK,KAAK,CAC1G,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/component-models/filters/free-text-filter.d.ts

@@ -0,0 +1,17 @@
+import { TypedFilter } from './filter.js';
+/**
+ * A model for a Filter component with filter type 'FreeText'.
+ */
+export declare class FreeTextFilter extends TypedFilter {
+    /** @inheritdoc */
+    protected get filterTypeValidator(): string;
+    /**
+     * This method performs actions:
+     * - Verify the filter type
+     * - Activate the filter
+     * - Set the filter value
+     * - Press enter
+     */
+    setValue(value: string): Promise<void>;
+}
+//# sourceMappingURL=free-text-filter.d.ts.map

package/dist/esm/component-models/filters/free-text-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"free-text-filter.d.ts","sourceRoot":"","sources":["../../../../src/component-models/filters/free-text-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C;;GAEG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,kBAAkB;IAClB,cAAuB,mBAAmB,IAAI,MAAM,CAEnD;IAED;;;;;;OAMG;IACG,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAY7C"}

package/dist/esm/component-models/filters/free-text-filter.js

@@ -0,0 +1,28 @@
+import { TypedFilter } from './filter.js';
+/**
+ * A model for a Filter component with filter type 'FreeText'.
+ */
+export class FreeTextFilter extends TypedFilter {
+    /** @inheritdoc */
+    get filterTypeValidator() {
+        return '[@data-test-type="FreeText"]';
+    }
+    /**
+     * This method performs actions:
+     * - Verify the filter type
+     * - Activate the filter
+     * - Set the filter value
+     * - Press enter
+     */
+    async setValue(value) {
+        // sanity check
+        await this.verifyFilterType();
+        // open filter for inputs
+        await this.activate();
+        // apply filter value
+        const input = this.getLocator('//input');
+        await input.fill(value);
+        await input.press('Enter');
+    }
+}
+//# sourceMappingURL=free-text-filter.js.map

package/dist/esm/component-models/filters/free-text-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"free-text-filter.js","sourceRoot":"","sources":["../../../../src/component-models/filters/free-text-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,WAAW;IAC7C,kBAAkB;IAClB,IAAuB,mBAAmB;QACxC,OAAO,8BAA8B,CAAC;IACxC,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,QAAQ,CAAC,KAAa;QAC1B,eAAe;QACf,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9B,yBAAyB;QACzB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEtB,qBAAqB;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;CACF"}

package/dist/esm/component-models/filters/index.d.ts

@@ -0,0 +1,10 @@
+export * from './date-filter.js';
+export * from './date-time-filter.js';
+export * from './filter.js';
+export * from './filters.js';
+export * from './free-text-filter.js';
+export * from './numeric-filter.js';
+export * from './options-filter.js';
+export * from './searcheable-options-filter.js';
+export * from './untyped-filter.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/component-models/filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/component-models/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC"}

package/dist/esm/component-models/filters/index.js

@@ -0,0 +1,10 @@
+export * from './date-filter.js';
+export * from './date-time-filter.js';
+export * from './filter.js';
+export * from './filters.js';
+export * from './free-text-filter.js';
+export * from './numeric-filter.js';
+export * from './options-filter.js';
+export * from './searcheable-options-filter.js';
+export * from './untyped-filter.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/component-models/filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/component-models/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC"}

package/dist/esm/component-models/filters/numeric-filter.d.ts

@@ -0,0 +1,17 @@
+import { TypedFilter } from './filter.js';
+/**
+ * A model for a Filter component with filter type 'Numeric'.
+ */
+export declare class NumericFilter extends TypedFilter {
+    /** @inheritdoc */
+    protected get filterTypeValidator(): string;
+    /**
+     * This method performs actions:
+     * - Verify the filter type
+     * - Activate the filter
+     * - Set the filter value
+     * - Press enter
+     */
+    setValue(value: string | number): Promise<void>;
+}
+//# sourceMappingURL=numeric-filter.d.ts.map

package/dist/esm/component-models/filters/numeric-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-filter.d.ts","sourceRoot":"","sources":["../../../../src/component-models/filters/numeric-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC5C,kBAAkB;IAClB,cAAuB,mBAAmB,IAAI,MAAM,CAEnD;IAED;;;;;;OAMG;IACG,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAYtD"}