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

package/dist/esm/component-models/form/tags-field.js

@@ -0,0 +1,52 @@
+import {} from '@playwright/test';
+import { TypedFormField } from './form-field.js';
+/**
+ * A model for a TagsField component.
+ */
+export class TagsField extends TypedFormField {
+    constructor() {
+        super(...arguments);
+        /** A locator to all the applied tags. Useful for getting a count. */
+        this.allTags = this.getLocator(`//*[@data-test-id="tag"]`);
+        this.input = this.getLocator('//input[@role="combobox"]');
+        this.listbox = this.getGlobalLocator('//ul[@role="listbox"]');
+        /** A locator to the select an option from the combobox. */
+        this.option = (value) => this.getGlobalLocator(`//li[@role="option" and normalize-space(text())="${value}"]`);
+    }
+    /** @inheritdoc */
+    get fieldTypeValidator() {
+        return '[@data-test-type="Tags"]';
+    }
+    /** This method verifies the field type and adds a tag. */
+    async addTagByLabel(label) {
+        // sanity check
+        await this.verifyFieldType();
+        await this.input.click();
+        await this.input.type(label);
+        await this.listbox.waitFor({ state: 'visible' });
+        const optionElement = this.option(label);
+        await optionElement.waitFor({ state: 'visible' });
+        await optionElement.click();
+        // wait for tag to be added
+        await this.getTagByLabel(label).waitFor({ state: 'visible' });
+    }
+    /**
+     * This method verifies the field type and removes a tag by value. The tag
+     * value must match exactly.
+     */
+    async removeTagWithLabel(label) {
+        // sanity check
+        await this.verifyFieldType();
+        const button = this.getLocator(`//*[@data-test-id="tag" and .//*[text()="${label}"]] //*[@data-test-id="tags-delete"]`);
+        await button.click();
+    }
+    /** This method gets a tag by position. Position is 1 indexed. Negative numbers count from the end. */
+    getTag(position) {
+        return this.getLocator(`//*[@data-test-id="tag"]`, position);
+    }
+    /** This method get a tag by value. The tag value must match exactly. */
+    getTagByLabel(label) {
+        return this.getLocator(`//*[@data-test-id="tag" and .//*[text()="${label}"]]`);
+    }
+}
+//# sourceMappingURL=tags-field.js.map

package/dist/esm/component-models/form/tags-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-field.js","sourceRoot":"","sources":["../../../../src/component-models/form/tags-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,cAAc;IAA7C;;QAME,qEAAqE;QAC5D,YAAO,GAAG,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;QAE5C,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;QACrD,YAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;QAE5E,2DAA2D;QACxC,WAAM,GAAG,CAAC,KAAa,EAAW,EAAE,CACrD,IAAI,CAAC,gBAAgB,CACnB,oDAAoD,KAAK,IAAI,CAC9D,CAAC;IAyCN,CAAC;IAxDC,kBAAkB;IAClB,IAAuB,kBAAkB;QACvC,OAAO,0BAA0B,CAAC;IACpC,CAAC;IAcD,0DAA0D;IAC1D,KAAK,CAAC,aAAa,CAAC,KAAa;QAC/B,eAAe;QACf,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACjD,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzC,MAAM,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAClD,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAE5B,2BAA2B;QAC3B,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAChE,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,kBAAkB,CAAC,KAAa;QACpC,eAAe;QACf,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAC5B,4CAA4C,KAAK,sCAAsC,CACxF,CAAC;QACF,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;IAED,sGAAsG;IACtG,MAAM,CAAC,QAAgB;QACrB,OAAO,IAAI,CAAC,UAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED,wEAAwE;IACxE,aAAa,CAAC,KAAa;QACzB,OAAO,IAAI,CAAC,UAAU,CACpB,4CAA4C,KAAK,KAAK,CACvD,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/component-models/form/text-area-field.d.ts

@@ -0,0 +1,15 @@
+import { TypedFormField } from './form-field.js';
+/**
+ * A model for a TextAreaField component.
+ */
+export declare class TextAreaField extends TypedFormField {
+    /** @inheritdoc */
+    protected get fieldTypeValidator(): string;
+    /** A locator to the input element (<input value="...">). */
+    protected readonly input: import("playwright-core").Locator;
+    /** This method verifies the field type and sets the input value. */
+    setValue(value: string): Promise<void>;
+    /** This method verifies the field type and returns the input value. */
+    getValue(): Promise<string>;
+}
+//# sourceMappingURL=text-area-field.d.ts.map

package/dist/esm/component-models/form/text-area-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area-field.d.ts","sourceRoot":"","sources":["../../../../src/component-models/form/text-area-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,qBAAa,aAAc,SAAQ,cAAc;IAC/C,kBAAkB;IAClB,cAAuB,kBAAkB,IAAI,MAAM,CAElD;IAED,4DAA4D;IAC5D,SAAS,CAAC,QAAQ,CAAC,KAAK,oCAAiC;IAEzD,oEAAoE;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAM5C,uEAAuE;IACjE,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC;CAKlC"}

package/dist/esm/component-models/form/text-area-field.js

@@ -0,0 +1,28 @@
+import { TypedFormField } from './form-field.js';
+/**
+ * A model for a TextAreaField component.
+ */
+export class TextAreaField extends TypedFormField {
+    constructor() {
+        super(...arguments);
+        /** A locator to the input element (<input value="...">). */
+        this.input = this.getLocator('//textarea');
+    }
+    /** @inheritdoc */
+    get fieldTypeValidator() {
+        return '[@data-test-type="TextArea"]';
+    }
+    /** This method verifies the field type and sets the input value. */
+    async setValue(value) {
+        // sanity check
+        await this.verifyFieldType();
+        await this.input.fill(value.toString());
+    }
+    /** This method verifies the field type and returns the input value. */
+    async getValue() {
+        // sanity check
+        await this.verifyFieldType();
+        return (await this.input.inputValue()) ?? '';
+    }
+}
+//# sourceMappingURL=text-area-field.js.map

package/dist/esm/component-models/form/text-area-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area-field.js","sourceRoot":"","sources":["../../../../src/component-models/form/text-area-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,cAAc;IAAjD;;QAME,4DAA4D;QACzC,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAe3D,CAAC;IArBC,kBAAkB;IAClB,IAAuB,kBAAkB;QACvC,OAAO,8BAA8B,CAAC;IACxC,CAAC;IAKD,oEAAoE;IACpE,KAAK,CAAC,QAAQ,CAAC,KAAa;QAC1B,eAAe;QACf,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,uEAAuE;IACvE,KAAK,CAAC,QAAQ;QACZ,eAAe;QACf,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;CACF"}

package/dist/esm/component-models/form/toggle-button-field.d.ts

@@ -0,0 +1,17 @@
+import { TypedFormField } from './form-field.js';
+/**
+ * A model for a ToggleButtonField component.
+ */
+export declare class ToggleButtonField extends TypedFormField {
+    /** @inheritdoc */
+    protected get fieldTypeValidator(): string;
+    /** A locator to the button element. */
+    protected readonly button: import("playwright-core").Locator;
+    /** A locator to the confirm button which may show after setting a value. */
+    readonly confirmButton: import("playwright-core").Locator;
+    /** This method toggles the button. */
+    toggle(): Promise<void>;
+    /** This method gets the current state of the button. */
+    isOn(): Promise<boolean>;
+}
+//# sourceMappingURL=toggle-button-field.d.ts.map

package/dist/esm/component-models/form/toggle-button-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-field.d.ts","sourceRoot":"","sources":["../../../../src/component-models/form/toggle-button-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,cAAc;IACnD,kBAAkB;IAClB,cAAuB,kBAAkB,IAAI,MAAM,CAElD;IAED,uCAAuC;IACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,oCAA+B;IAExD,4EAA4E;IAC5E,QAAQ,CAAC,aAAa,oCAEpB;IAEF,sCAAsC;IAChC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAI7B,wDAAwD;IAClD,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;CAI/B"}

package/dist/esm/component-models/form/toggle-button-field.js

@@ -0,0 +1,27 @@
+import { TypedFormField } from './form-field.js';
+/**
+ * A model for a ToggleButtonField component.
+ */
+export class ToggleButtonField extends TypedFormField {
+    constructor() {
+        super(...arguments);
+        /** A locator to the button element. */
+        this.button = this.getLocator('//button');
+        /** A locator to the confirm button which may show after setting a value. */
+        this.confirmButton = this.getLocator('//button/following-sibling::*//*[@data-test-id="confirm"]');
+    }
+    /** @inheritdoc */
+    get fieldTypeValidator() {
+        return '[@data-test-type="ToggleButton"]';
+    }
+    /** This method toggles the button. */
+    async toggle() {
+        await this.button.click();
+    }
+    /** This method gets the current state of the button. */
+    async isOn() {
+        const checked = await this.button.getAttribute('data-test-checked');
+        return checked === 'true';
+    }
+}
+//# sourceMappingURL=toggle-button-field.js.map

package/dist/esm/component-models/form/toggle-button-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-field.js","sourceRoot":"","sources":["../../../../src/component-models/form/toggle-button-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,cAAc;IAArD;;QAME,uCAAuC;QACpB,WAAM,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QAExD,4EAA4E;QACnE,kBAAa,GAAG,IAAI,CAAC,UAAU,CACtC,2DAA2D,CAC5D,CAAC;IAYJ,CAAC;IAvBC,kBAAkB;IAClB,IAAuB,kBAAkB;QACvC,OAAO,kCAAkC,CAAC;IAC5C,CAAC;IAUD,sCAAsC;IACtC,KAAK,CAAC,MAAM;QACV,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED,wDAAwD;IACxD,KAAK,CAAC,IAAI;QACR,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;QACpE,OAAO,OAAO,KAAK,MAAM,CAAC;IAC5B,CAAC;CACF"}

package/dist/esm/component-models/form/untyped-form-field.d.ts

@@ -0,0 +1,64 @@
+import { type FrameLocator, type Page } from '@playwright/test';
+import { BooleanViewField } from './boolean-view-field.js';
+import { CheckboxField } from './checkbox-field.js';
+import { CustomTagsField } from './custom-tags-field.js';
+import { DateTimeField } from './date-time-field.js';
+import { DynamicDataListField } from './dynamic-data-list-field.js';
+import { FileUploadField } from './file-upload-field.js';
+import { FormField, TypedFormField } from './form-field.js';
+import { GenericField } from './generic-field.js';
+import { LinkField } from './link-field.js';
+import { RadioField } from './radio-field.js';
+import { ReadOnlyField } from './read-only-field.js';
+import { ReadOnlyTextField } from './read-only-text-field.js';
+import { SelectField } from './select-field.js';
+import { SingleLineTextField } from './single-line-text-field.js';
+import { TagsField } from './tags-field.js';
+import { TextAreaField } from './text-area-field.js';
+import { ToggleButtonField } from './toggle-button-field.js';
+/** Interface for a form field constructor */
+export interface FieldConstructor<TField> {
+    new (parent: Page | FrameLocator, xpath: string): TField;
+}
+/**
+ * A model for a FormElementContainer component with methods to apply a model of a specific field type.
+ */
+export declare class UntypedFormField extends FormField {
+    /** A locator to the form field content. */
+    readonly content: import("playwright-core").Locator;
+    /** This method applies a model to this field. */
+    as: <TField extends TypedFormField>(type: FieldConstructor<TField>) => TField;
+    /** This method applies a BooleanViewField model to this field. */
+    asBooleanViewField: () => BooleanViewField;
+    /** This method applies a CheckboxField model to this field. */
+    asCheckboxField: () => CheckboxField;
+    /** This method applies a CustomTagsField model to this field. */
+    asCustomTagsField: () => CustomTagsField;
+    /** This method applies a DateTimeField model to this field. */
+    asDateTimeField: () => DateTimeField;
+    /** This method applies a DynamicDataListField model to this field. */
+    asDynamicDataListField: () => DynamicDataListField;
+    /** This method applies a FileUploadField model to this field. */
+    asFileUploadField: () => FileUploadField;
+    /** This method applies a GenericField model to this field. */
+    asGenericField: () => GenericField;
+    /** This method applies a LinkField model to this field. */
+    asLinkField: () => LinkField;
+    /** This method applies a RadioField model to this field. */
+    asRadioField: () => RadioField;
+    /** This method applies a ReadOnlyField model to this field. */
+    asReadOnlyField: () => ReadOnlyField;
+    /** This method applies a ReadOnlyTextField model to this field. */
+    asReadOnlyTextField: () => ReadOnlyTextField;
+    /** This method applies a SelectField model to this field. */
+    asSelectField: () => SelectField;
+    /** This method applies a SingleLineTextField model to this field. */
+    asSingleLineTextField: () => SingleLineTextField;
+    /** This method applies a TagsField model to this field. */
+    asTagsField: () => TagsField;
+    /** This method applies a TextAreaField model to this field. */
+    asTextAreaField: () => TextAreaField;
+    /** This method applies a ToggleButtonField model to this field. */
+    asToggleButtonField: () => ToggleButtonField;
+}
+//# sourceMappingURL=untyped-form-field.d.ts.map

package/dist/esm/component-models/form/untyped-form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"untyped-form-field.d.ts","sourceRoot":"","sources":["../../../../src/component-models/form/untyped-form-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,6CAA6C;AAC7C,MAAM,WAAW,gBAAgB,CAAC,MAAM;IACtC,KAAK,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1D;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,SAAS;IAC7C,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,oCAA8D;IAE9E,iDAAiD;IACjD,EAAE,GAAI,MAAM,SAAS,cAAc,EACjC,MAAM,gBAAgB,CAAC,MAAM,CAAC,KAC7B,MAAM,CAAoC;IAE7C,kEAAkE;IAClE,kBAAkB,QAAO,gBAAgB,CAA8B;IAEvE,+DAA+D;IAC/D,eAAe,QAAO,aAAa,CAA2B;IAE9D,iEAAiE;IACjE,iBAAiB,QAAO,eAAe,CAA6B;IAEpE,+DAA+D;IAC/D,eAAe,QAAO,aAAa,CAA2B;IAE9D,sEAAsE;IACtE,sBAAsB,QAAO,oBAAoB,CACjB;IAEhC,iEAAiE;IACjE,iBAAiB,QAAO,eAAe,CAA6B;IAEpE,8DAA8D;IAC9D,cAAc,QAAO,YAAY,CAA0B;IAE3D,2DAA2D;IAC3D,WAAW,QAAO,SAAS,CAAuB;IAElD,4DAA4D;IAC5D,YAAY,QAAO,UAAU,CAAwB;IAErD,+DAA+D;IAC/D,eAAe,QAAO,aAAa,CAA2B;IAE9D,mEAAmE;IACnE,mBAAmB,QAAO,iBAAiB,CAA+B;IAE1E,6DAA6D;IAC7D,aAAa,QAAO,WAAW,CAAyB;IAExD,qEAAqE;IACrE,qBAAqB,QAAO,mBAAmB,CAChB;IAE/B,2DAA2D;IAC3D,WAAW,QAAO,SAAS,CAAuB;IAElD,+DAA+D;IAC/D,eAAe,QAAO,aAAa,CAA2B;IAE9D,mEAAmE;IACnE,mBAAmB,QAAO,iBAAiB,CAA+B;CAC3E"}

package/dist/esm/component-models/form/untyped-form-field.js

@@ -0,0 +1,63 @@
+import {} from '@playwright/test';
+import { BooleanViewField } from './boolean-view-field.js';
+import { CheckboxField } from './checkbox-field.js';
+import { CustomTagsField } from './custom-tags-field.js';
+import { DateTimeField } from './date-time-field.js';
+import { DynamicDataListField } from './dynamic-data-list-field.js';
+import { FileUploadField } from './file-upload-field.js';
+import { FormField, TypedFormField } from './form-field.js';
+import { GenericField } from './generic-field.js';
+import { LinkField } from './link-field.js';
+import { RadioField } from './radio-field.js';
+import { ReadOnlyField } from './read-only-field.js';
+import { ReadOnlyTextField } from './read-only-text-field.js';
+import { SelectField } from './select-field.js';
+import { SingleLineTextField } from './single-line-text-field.js';
+import { TagsField } from './tags-field.js';
+import { TextAreaField } from './text-area-field.js';
+import { ToggleButtonField } from './toggle-button-field.js';
+/**
+ * A model for a FormElementContainer component with methods to apply a model of a specific field type.
+ */
+export class UntypedFormField extends FormField {
+    constructor() {
+        super(...arguments);
+        /** A locator to the form field content. */
+        this.content = this.getLocator('//*[@data-test-id="form-field-content"]');
+        /** This method applies a model to this field. */
+        this.as = (type) => new type(this.root, this.xpath);
+        /** This method applies a BooleanViewField model to this field. */
+        this.asBooleanViewField = () => this.as(BooleanViewField);
+        /** This method applies a CheckboxField model to this field. */
+        this.asCheckboxField = () => this.as(CheckboxField);
+        /** This method applies a CustomTagsField model to this field. */
+        this.asCustomTagsField = () => this.as(CustomTagsField);
+        /** This method applies a DateTimeField model to this field. */
+        this.asDateTimeField = () => this.as(DateTimeField);
+        /** This method applies a DynamicDataListField model to this field. */
+        this.asDynamicDataListField = () => this.as(DynamicDataListField);
+        /** This method applies a FileUploadField model to this field. */
+        this.asFileUploadField = () => this.as(FileUploadField);
+        /** This method applies a GenericField model to this field. */
+        this.asGenericField = () => this.as(GenericField);
+        /** This method applies a LinkField model to this field. */
+        this.asLinkField = () => this.as(LinkField);
+        /** This method applies a RadioField model to this field. */
+        this.asRadioField = () => this.as(RadioField);
+        /** This method applies a ReadOnlyField model to this field. */
+        this.asReadOnlyField = () => this.as(ReadOnlyField);
+        /** This method applies a ReadOnlyTextField model to this field. */
+        this.asReadOnlyTextField = () => this.as(ReadOnlyTextField);
+        /** This method applies a SelectField model to this field. */
+        this.asSelectField = () => this.as(SelectField);
+        /** This method applies a SingleLineTextField model to this field. */
+        this.asSingleLineTextField = () => this.as(SingleLineTextField);
+        /** This method applies a TagsField model to this field. */
+        this.asTagsField = () => this.as(TagsField);
+        /** This method applies a TextAreaField model to this field. */
+        this.asTextAreaField = () => this.as(TextAreaField);
+        /** This method applies a ToggleButtonField model to this field. */
+        this.asToggleButtonField = () => this.as(ToggleButtonField);
+    }
+}
+//# sourceMappingURL=untyped-form-field.js.map

package/dist/esm/component-models/form/untyped-form-field.js.map

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

package/dist/esm/component-models/hub-tiles.d.ts

@@ -0,0 +1,42 @@
+import { type FrameLocator, type Locator, type Page } from '@playwright/test';
+import { ComponentModel } from '../component-model.js';
+/**
+ * A model for hub group which groups tiles in a row.
+ */
+export declare class HubGroup extends ComponentModel {
+    /** A locator to the hub group label. */
+    readonly label: Locator;
+    /** This method gets a tile by position. Position is 1 indexed. Negative numbers count from the end. */
+    getTile(position: number): Locator;
+    /** This method gets a tile by label. The text of the label must match exactly. */
+    getTileByLabel(label: string): Locator;
+    /** This method gets a tile by URL. The URL must match exactly. */
+    getTileByURL(url: string): Locator;
+}
+/**
+ * A model for Hub component. Use this model for the tiles on the settings page.
+ */
+export declare class Hub extends ComponentModel {
+    /**
+     * A model for hub component. Use this model for the tiles on the settings page.
+     * @param parent  The playwright page or frame.
+     * @param xpath  An absolute XPath selector to this element. Default: '//*[@data-test-id="hub"]'
+     */
+    constructor(parent: Page | FrameLocator, xpath?: string);
+    /**
+     * This method gets a hub group by position. Position is 1 indexed. Negative numbers count from the end.
+     * A hub group is a row of tiles with a label.
+     */
+    getGroup(position: number): HubGroup;
+    /** This method gets a hub group by label. The text of the label must match exactly. */
+    getGroupByLabel(label: string): HubGroup;
+    /** This method gets a tile by URL. The tile can be in any hub group. The URL must match exactly. */
+    getTileByURL(url: string): Locator;
+    /**
+     * This method gets a tile by Label. The tile can be in any hub group. The
+     * label must match exactly. If multiple tiles share the same label, the 'nth'
+     * parameter can be used to select which is returned (the first by default).
+     */
+    getTileByLabel(label: string, nth?: number): Locator;
+}
+//# sourceMappingURL=hub-tiles.d.ts.map

package/dist/esm/component-models/hub-tiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hub-tiles.d.ts","sourceRoot":"","sources":["../../../src/component-models/hub-tiles.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;AAEvD;;GAEG;AACH,qBAAa,QAAS,SAAQ,cAAc;IAC1C,wCAAwC;IACxC,QAAQ,CAAC,KAAK,UAA0D;IAExE,uGAAuG;IACvG,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIlC,kFAAkF;IAClF,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAMtC,kEAAkE;IAClE,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;CAGnC;AAED;;GAEG;AACH,qBAAa,GAAI,SAAQ,cAAc;IACrC;;;;OAIG;gBACS,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,KAAK,SAA6B;IAI3E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ;IAIpC,uFAAuF;IACvF,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ;IAOxC,oGAAoG;IACpG,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIlC;;;;OAIG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,OAAO;CAMhD"}

package/dist/esm/component-models/hub-tiles.js

@@ -0,0 +1,61 @@
+import {} from '@playwright/test';
+import { ComponentModel } from '../component-model.js';
+/**
+ * A model for hub group which groups tiles in a row.
+ */
+export class HubGroup extends ComponentModel {
+    constructor() {
+        super(...arguments);
+        /** A locator to the hub group label. */
+        this.label = this.getLocator('//[@data-test-id="hub-group-label"]');
+    }
+    /** This method gets a tile by position. Position is 1 indexed. Negative numbers count from the end. */
+    getTile(position) {
+        return this.getLocator('//a[.//*[@data-test-id="tile-label"]]', position);
+    }
+    /** This method gets a tile by label. The text of the label must match exactly. */
+    getTileByLabel(label) {
+        return this.getLocator(`//a[.//*[@data-test-id="tile-label" and text()="${label}"]]`);
+    }
+    /** This method gets a tile by URL. The URL must match exactly. */
+    getTileByURL(url) {
+        return this.getLocator(`//a[@href="${url}"]`);
+    }
+}
+/**
+ * A model for Hub component. Use this model for the tiles on the settings page.
+ */
+export class Hub extends ComponentModel {
+    /**
+     * A model for hub component. Use this model for the tiles on the settings page.
+     * @param parent  The playwright page or frame.
+     * @param xpath  An absolute XPath selector to this element. Default: '//*[@data-test-id="hub"]'
+     */
+    constructor(parent, xpath = '//*[@data-test-id="hub"]') {
+        super(parent, xpath);
+    }
+    /**
+     * This method gets a hub group by position. Position is 1 indexed. Negative numbers count from the end.
+     * A hub group is a row of tiles with a label.
+     */
+    getGroup(position) {
+        return new HubGroup(this, '//*[@data-test-id="hub-group"]', position);
+    }
+    /** This method gets a hub group by label. The text of the label must match exactly. */
+    getGroupByLabel(label) {
+        return new HubGroup(this, `//*[@data-test-id="hub-group" and .//*[@data-test-id="hub-group-label" and text()="${label}"]]`);
+    }
+    /** This method gets a tile by URL. The tile can be in any hub group. The URL must match exactly. */
+    getTileByURL(url) {
+        return this.getLocator(`//a[@href="${url}"]`);
+    }
+    /**
+     * This method gets a tile by Label. The tile can be in any hub group. The
+     * label must match exactly. If multiple tiles share the same label, the 'nth'
+     * parameter can be used to select which is returned (the first by default).
+     */
+    getTileByLabel(label, nth = 1) {
+        return this.getLocator(`//a[.//*[@data-test-id="tile-label" and text()="${label}"]]`, nth);
+    }
+}
+//# sourceMappingURL=hub-tiles.js.map

package/dist/esm/component-models/hub-tiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hub-tiles.js","sourceRoot":"","sources":["../../../src/component-models/hub-tiles.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,cAAc;IAA5C;;QACE,wCAAwC;QAC/B,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;IAkB1E,CAAC;IAhBC,uGAAuG;IACvG,OAAO,CAAC,QAAgB;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,uCAAuC,EAAE,QAAQ,CAAC,CAAC;IAC5E,CAAC;IAED,kFAAkF;IAClF,cAAc,CAAC,KAAa;QAC1B,OAAO,IAAI,CAAC,UAAU,CACpB,mDAAmD,KAAK,KAAK,CAC9D,CAAC;IACJ,CAAC;IAED,kEAAkE;IAClE,YAAY,CAAC,GAAW;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,GAAI,SAAQ,cAAc;IACrC;;;;OAIG;IACH,YAAY,MAA2B,EAAE,KAAK,GAAG,0BAA0B;QACzE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACvB,CAAC;IAED;;;OAGG;IACH,QAAQ,CAAC,QAAgB;QACvB,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,gCAAgC,EAAE,QAAQ,CAAC,CAAC;IACxE,CAAC;IAED,uFAAuF;IACvF,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,QAAQ,CACjB,IAAI,EACJ,sFAAsF,KAAK,KAAK,CACjG,CAAC;IACJ,CAAC;IAED,oGAAoG;IACpG,YAAY,CAAC,GAAW;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC;QACnC,OAAO,IAAI,CAAC,UAAU,CACpB,mDAAmD,KAAK,KAAK,EAC7D,GAAG,CACJ,CAAC;IACJ,CAAC;CACF"}

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

@@ -0,0 +1,19 @@
+export * from './accordion.js';
+export * from './actions.js';
+export * from './button.js';
+export * from './dynamic-data-list.js';
+export * from './filters/index.js';
+export * from './form/index.js';
+export * from './hub-tiles.js';
+export * from './info-panel.js';
+export * from './inline-menu.js';
+export * from './landing-page-header.js';
+export * from './landing-page-tiles.js';
+export * from './list-row.js';
+export * from './list.js';
+export * from './loader.js';
+export * from './message-bar.js';
+export * from './modal/index.js';
+export * from './page-header.js';
+export * from './tab.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/component-models/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,19 @@
+export * from './accordion.js';
+export * from './actions.js';
+export * from './button.js';
+export * from './dynamic-data-list.js';
+export * from './filters/index.js';
+export * from './form/index.js';
+export * from './hub-tiles.js';
+export * from './info-panel.js';
+export * from './inline-menu.js';
+export * from './landing-page-header.js';
+export * from './landing-page-tiles.js';
+export * from './list-row.js';
+export * from './list.js';
+export * from './loader.js';
+export * from './message-bar.js';
+export * from './modal/index.js';
+export * from './page-header.js';
+export * from './tab.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/component-models/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC"}

package/dist/esm/component-models/info-panel.d.ts

@@ -0,0 +1,55 @@
+import { type FrameLocator, type Page } from '@playwright/test';
+import { ComponentModel } from '../component-model.js';
+/**
+ * An model for an InfoImage component.
+ */
+export declare class InfoImage extends ComponentModel {
+    /** A locator to the image element (<img src="..."). */
+    readonly image: import("playwright-core").Locator;
+}
+/**
+ * A model for a Paragraph component.
+ */
+export declare class Paragraph extends ComponentModel {
+    /** A locator to the paragraph title. */
+    readonly title: import("playwright-core").Locator;
+    /** A locator to the paragraph content. */
+    readonly content: import("playwright-core").Locator;
+    /** This method verifies that the paragraph is visible and gets the paragraph text. */
+    getValue(): Promise<string>;
+}
+/**
+ * Base class for Section and InfoList component models which can contain Paragraphs and InfoImages.
+ */
+declare abstract class ContentContainer extends ComponentModel {
+    /** This method finds an info image by position. Position is 1 indexed. Negative numbers count from the end. */
+    getInfoImage(position: number): InfoImage;
+    /** This method finds a paragraph by position. Position is 1 indexed. Negative numbers count from the end. */
+    getParagraph(position: number): Paragraph;
+    /** This method finds a paragraph by title. The title must match exactly. */
+    getParagraphByTitle(title: string): Paragraph;
+}
+/**
+ * A model for a Section component with methods to retrieve paragraphs and info images.
+ */
+export declare class Section extends ContentContainer {
+    /** A locator to the section title. */
+    readonly title: import("playwright-core").Locator;
+}
+/**
+ * A model for an InfoPanel component with methods to retrieve children.
+ */
+export declare class InfoPanel extends ContentContainer {
+    /**
+     * A model for an InfoPanel component with methods to retrieve children.
+     * @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 finds a section by position. Position is 1 indexed. Negative numbers count from the end. */
+    getSection(position: number): Section;
+    /** This method finds a section by title. The title must match exactly */
+    getSectionByTitle(title: string): Section;
+}
+export {};
+//# sourceMappingURL=info-panel.d.ts.map

package/dist/esm/component-models/info-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-panel.d.ts","sourceRoot":"","sources":["../../../src/component-models/info-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;GAEG;AACH,qBAAa,SAAU,SAAQ,cAAc;IAC3C,uDAAuD;IACvD,QAAQ,CAAC,KAAK,oCAA8D;CAC7E;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,cAAc;IAC3C,wCAAwC;IACxC,QAAQ,CAAC,KAAK,oCAA2D;IAEzE,0CAA0C;IAC1C,QAAQ,CAAC,OAAO,oCAA6D;IAE7E,sFAAsF;IAChF,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC;CAIlC;AAED;;GAEG;AACH,uBAAe,gBAAiB,SAAQ,cAAc;IACpD,+GAA+G;IAC/G,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS;IAIzC,6GAA6G;IAC7G,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS;IAIzC,4EAA4E;IAC5E,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS;CAM9C;AAED;;GAEG;AACH,qBAAa,OAAQ,SAAQ,gBAAgB;IAC3C,sCAAsC;IACtC,QAAQ,CAAC,KAAK,oCAAyD;CACxE;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,gBAAgB;IAC7C;;;;OAIG;gBAED,MAAM,EAAE,IAAI,GAAG,YAAY,GAAG,cAAc,EAC5C,KAAK,SAAoC;IAK3C,2GAA2G;IAC3G,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIrC,yEAAyE;IACzE,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;CAM1C"}

package/dist/esm/component-models/info-panel.js

@@ -0,0 +1,78 @@
+import {} from '@playwright/test';
+import { ComponentModel } from '../component-model.js';
+/**
+ * An model for an InfoImage component.
+ */
+export class InfoImage extends ComponentModel {
+    constructor() {
+        super(...arguments);
+        /** A locator to the image element (<img src="..."). */
+        this.image = this.getLocator('//img[@data-test-id="image-loader-img"]');
+    }
+}
+/**
+ * A model for a Paragraph component.
+ */
+export class Paragraph extends ComponentModel {
+    constructor() {
+        super(...arguments);
+        /** A locator to the paragraph title. */
+        this.title = this.getLocator('//*[@data-test-id="paragraph-title"]');
+        /** A locator to the paragraph content. */
+        this.content = this.getLocator('//*[@data-test-id="paragraph-content"]');
+    }
+    /** This method verifies that the paragraph is visible and gets the paragraph text. */
+    async getValue() {
+        await this.content.waitFor({ state: 'visible' });
+        return (await this.content.textContent()) ?? '';
+    }
+}
+/**
+ * Base class for Section and InfoList component models which can contain Paragraphs and InfoImages.
+ */
+class ContentContainer extends ComponentModel {
+    /** This method finds an info image by position. Position is 1 indexed. Negative numbers count from the end. */
+    getInfoImage(position) {
+        return new InfoImage(this, '//*[@data-test-id="info-image"]', position);
+    }
+    /** This method finds a paragraph by position. Position is 1 indexed. Negative numbers count from the end. */
+    getParagraph(position) {
+        return new Paragraph(this, '//*[@data-test-id="paragraph"]', position);
+    }
+    /** This method finds a paragraph by title. The title must match exactly. */
+    getParagraphByTitle(title) {
+        return new Paragraph(this, `//*[@data-test-id="paragraph" and .//*[@data-test-id="paragraph-title" and text()="${title}"]]`);
+    }
+}
+/**
+ * A model for a Section component with methods to retrieve paragraphs and info images.
+ */
+export class Section extends ContentContainer {
+    constructor() {
+        super(...arguments);
+        /** A locator to the section title. */
+        this.title = this.getLocator('//*[@data-test-id="section-title"]');
+    }
+}
+/**
+ * A model for an InfoPanel component with methods to retrieve children.
+ */
+export class InfoPanel extends ContentContainer {
+    /**
+     * A model for an InfoPanel component with methods to retrieve children.
+     * @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="info-panel"]') {
+        super(parent, xpath);
+    }
+    /** This method finds a section by position. Position is 1 indexed. Negative numbers count from the end. */
+    getSection(position) {
+        return new Section(this, '//*[@data-test-id="section"]', position);
+    }
+    /** This method finds a section by title. The title must match exactly */
+    getSectionByTitle(title) {
+        return new Section(this, `//*[@data-test-id="section" and .//*[@data-test-id="section-title" and text()="${title}"]]`);
+    }
+}
+//# sourceMappingURL=info-panel.js.map

package/dist/esm/component-models/info-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-panel.js","sourceRoot":"","sources":["../../../src/component-models/info-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,cAAc;IAA7C;;QACE,uDAAuD;QAC9C,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IAC9E,CAAC;CAAA;AAED;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,cAAc;IAA7C;;QACE,wCAAwC;QAC/B,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,sCAAsC,CAAC,CAAC;QAEzE,0CAA0C;QACjC,YAAO,GAAG,IAAI,CAAC,UAAU,CAAC,wCAAwC,CAAC,CAAC;IAO/E,CAAC;IALC,sFAAsF;IACtF,KAAK,CAAC,QAAQ;QACZ,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACjD,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IAClD,CAAC;CACF;AAED;;GAEG;AACH,MAAe,gBAAiB,SAAQ,cAAc;IACpD,+GAA+G;IAC/G,YAAY,CAAC,QAAgB;QAC3B,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,iCAAiC,EAAE,QAAQ,CAAC,CAAC;IAC1E,CAAC;IAED,6GAA6G;IAC7G,YAAY,CAAC,QAAgB;QAC3B,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,gCAAgC,EAAE,QAAQ,CAAC,CAAC;IACzE,CAAC;IAED,4EAA4E;IAC5E,mBAAmB,CAAC,KAAa;QAC/B,OAAO,IAAI,SAAS,CAClB,IAAI,EACJ,sFAAsF,KAAK,KAAK,CACjG,CAAC;IACJ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,gBAAgB;IAA7C;;QACE,sCAAsC;QAC7B,UAAK,GAAG,IAAI,CAAC,UAAU,CAAC,oCAAoC,CAAC,CAAC;IACzE,CAAC;CAAA;AAED;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,gBAAgB;IAC7C;;;;OAIG;IACH,YACE,MAA4C,EAC5C,KAAK,GAAG,iCAAiC;QAEzC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,2GAA2G;IAC3G,UAAU,CAAC,QAAgB;QACzB,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,8BAA8B,EAAE,QAAQ,CAAC,CAAC;IACrE,CAAC;IAED,yEAAyE;IACzE,iBAAiB,CAAC,KAAa;QAC7B,OAAO,IAAI,OAAO,CAChB,IAAI,EACJ,kFAAkF,KAAK,KAAK,CAC7F,CAAC;IACJ,CAAC;CACF"}