@ngneers/controls-playwright 0.0.1-pre1

package/dist/components/filter.d.ts

@@ -0,0 +1,186 @@
+import { type Locator } from '@playwright/test';
+import { NgnInputHarness } from './input';
+import { NgnSelectHarness } from './select';
+export declare class NgnFilterHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"filter", ["root", "inline", "summary", "icon", "popover-content", "rows", "row", "condition-divider", "footer", "footer-actions", "active-indicator"], readonly [{
+        readonly class: "popover";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+    }, {
+        readonly class: "input-field";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly class: "input";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+            readonly projected: true;
+        }]>;
+    }, {
+        readonly class: "value";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly class: "input";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+            readonly projected: true;
+        }]>;
+    }, {
+        readonly class: "operator";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly class: "input";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+            readonly projected: true;
+        }]>;
+    }, {
+        readonly class: "list-select";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly class: "popover";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+        }, {
+            readonly class: "list-box";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "item-selected", "item-highlighted", "item-disabled"], readonly [{
+                readonly class: "checkbox";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "box-icon-visible", "invalid"], readonly []>;
+            }, {
+                readonly class: "scroller";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
+            }]>;
+        }, {
+            readonly class: "filter";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly class: "input";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+                readonly projected: true;
+            }]>;
+        }]>;
+    }, {
+        readonly class: "operator-select";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly class: "popover";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+        }, {
+            readonly class: "list-box";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "item-selected", "item-highlighted", "item-disabled"], readonly [{
+                readonly class: "checkbox";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "box-icon-visible", "invalid"], readonly []>;
+            }, {
+                readonly class: "scroller";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
+            }]>;
+        }, {
+            readonly class: "filter";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly class: "input";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+                readonly projected: true;
+            }]>;
+        }]>;
+    }, {
+        readonly class: "calendar";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"calendar", ["root", "inline", "invalid", "details", "header", "navigation", "days", "week-day", "day", "day-selected", "day-today", "day-other-month", "months", "month", "time", "input-field"], readonly [{
+            readonly class: "input";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"mask-input", ["root", "section", "section-active", "section-placeholder", "separator", "proxy", "sr-only"], readonly []>;
+        }, {
+            readonly class: "trigger-icon";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"icon", ["root", "default"], readonly []>;
+        }, {
+            readonly class: "popover";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+        }, {
+            readonly class: "previous";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+        }, {
+            readonly class: "next";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+        }, {
+            readonly class: "current-month";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly class: "popover";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+            }, {
+                readonly class: "list-box";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "item-selected", "item-highlighted", "item-disabled"], readonly [{
+                    readonly class: "checkbox";
+                    readonly template: import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "box-icon-visible", "invalid"], readonly []>;
+                }, {
+                    readonly class: "scroller";
+                    readonly template: import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
+                }]>;
+            }, {
+                readonly class: "filter";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly class: "input";
+                    readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+                    readonly projected: true;
+                }]>;
+            }]>;
+        }, {
+            readonly class: "current-year";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly class: "popover";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+            }, {
+                readonly class: "list-box";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "item-selected", "item-highlighted", "item-disabled"], readonly [{
+                    readonly class: "checkbox";
+                    readonly template: import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "box-icon-visible", "invalid"], readonly []>;
+                }, {
+                    readonly class: "scroller";
+                    readonly template: import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
+                }]>;
+            }, {
+                readonly class: "filter";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly class: "input";
+                    readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+                    readonly projected: true;
+                }]>;
+            }]>;
+        }, {
+            readonly class: "current-month-field";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly class: "input";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+                readonly projected: true;
+            }]>;
+        }, {
+            readonly class: "current-year-field";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly class: "input";
+                readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+                readonly projected: true;
+            }]>;
+        }]>;
+    }, {
+        readonly class: "input";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+    }, {
+        readonly class: "remove-btn";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+    }, {
+        readonly class: "add-button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+    }, {
+        readonly class: "cancel-button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+    }, {
+        readonly class: "apply-button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+    }, {
+        readonly class: "clear-button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+    }]>>;
+    readonly trigger: Locator;
+    readonly popoverContent: Locator;
+    constructor(locator: Locator);
+    expectOpened(opened?: boolean): Promise<void>;
+    open(): Promise<void>;
+    row(index: number): Locator;
+    operatorSelect(index: number): NgnSelectHarness;
+    /** Select inside row using the 'value' ptClass (e.g. boolean operator or list select). */
+    valueSelect(index: number): NgnSelectHarness;
+    valueInput(index: number): NgnInputHarness;
+    removeButton(index: number): Locator;
+    addConditionButton(): Locator;
+    matchModeDivider(): Locator;
+    clearButton(): Locator;
+    applyButton(): Locator;
+    cancelButton(): Locator;
+}
+//# sourceMappingURL=filter.d.ts.map

package/dist/components/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../src/components/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIxD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,qBAAa,gBAAgB;IAMR,OAAO,EAAE,OAAO;IALnC,SAAgB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAuC;IAE9D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,cAAc,EAAE,OAAO,CAAC;gBAErB,OAAO,EAAE,OAAO;IAKtB,YAAY,CAAC,MAAM,UAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAI1C,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAK3B,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI3B,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB;IAItD,0FAA0F;IACnF,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB;IAI5C,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe;IAM1C,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIpC,kBAAkB,IAAI,OAAO;IAI7B,gBAAgB,IAAI,OAAO;IAI3B,WAAW,IAAI,OAAO;IAItB,WAAW,IAAI,OAAO;IAItB,YAAY,IAAI,OAAO;CAG/B"}

package/dist/components/filter.js

@@ -0,0 +1,55 @@
+import { expect } from '@playwright/test';
+import { filterControlTemplate } from '@ngneers/controls-themes/templates/filter';
+import { themeClasses } from '../utils/theme';
+import { NGN_CLASSES } from '../utils/classes';
+import { NgnInputHarness } from './input';
+import { NgnSelectHarness } from './select';
+export class NgnFilterHarness {
+    locator;
+    classes = themeClasses(filterControlTemplate);
+    trigger;
+    popoverContent;
+    constructor(locator) {
+        this.locator = locator;
+        this.trigger = locator.locator(this.classes['input-field']['root']);
+        this.popoverContent = locator.locator(this.classes['popover-content']);
+    }
+    async expectOpened(opened = true) {
+        await expect(this.popoverContent).toBeVisible({ visible: opened });
+    }
+    async open() {
+        await this.trigger.click();
+        await this.expectOpened(true);
+    }
+    row(index) {
+        return this.locator.locator(this.classes['row']).nth(index);
+    }
+    operatorSelect(index) {
+        return new NgnSelectHarness(this.row(index).locator(this.classes['operator']['root']));
+    }
+    /** Select inside row using the 'value' ptClass (e.g. boolean operator or list select). */
+    valueSelect(index) {
+        return new NgnSelectHarness(this.row(index).locator(this.classes['value']['root']));
+    }
+    valueInput(index) {
+        return new NgnInputHarness(this.row(index).locator(`${this.classes['value']['root']} ${NGN_CLASSES.input['root']}`));
+    }
+    removeButton(index) {
+        return this.row(index).locator(this.classes['remove-btn']['root']);
+    }
+    addConditionButton() {
+        return this.locator.locator('[data-testid="filter-add-rule"]');
+    }
+    matchModeDivider() {
+        return this.locator.locator('[data-testid="filter-match-mode"]');
+    }
+    clearButton() {
+        return this.locator.locator('[data-testid="filter-clear"]');
+    }
+    applyButton() {
+        return this.locator.locator('[data-testid="filter-apply"]');
+    }
+    cancelButton() {
+        return this.locator.locator('[data-testid="filter-cancel"]');
+    }
+}

package/dist/components/hint.d.ts

@@ -0,0 +1,10 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnHintHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"hint", ["root", "content", "icon", `kind-${string}`, `color-${string}`], readonly []>>;
+    readonly locator: Locator;
+    readonly content: Locator;
+    readonly icon: Locator;
+    constructor(locator: Locator);
+    expectIcon(hasIcon: boolean): Promise<void>;
+}
+//# sourceMappingURL=hint.d.ts.map

package/dist/components/hint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint.d.ts","sourceRoot":"","sources":["../../src/components/hint.ts"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAExD,qBAAa,cAAc;IACzB,SAAgB,OAAO,6LAAqC;IAE5D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,IAAI,EAAE,OAAO,CAAC;gBAElB,OAAO,EAAE,OAAO;IAMf,UAAU,CAAC,OAAO,EAAE,OAAO;CAOzC"}

package/dist/components/hint.js

@@ -0,0 +1,22 @@
+import { hintControlTemplate } from '@ngneers/controls-themes/templates/hint';
+import { themeClasses } from '../utils/theme';
+import { expect } from '@playwright/test';
+export class NgnHintHarness {
+    classes = themeClasses(hintControlTemplate);
+    locator;
+    content;
+    icon;
+    constructor(locator) {
+        this.locator = locator;
+        this.content = locator.locator(this.classes.content);
+        this.icon = locator.locator(this.classes.icon);
+    }
+    async expectIcon(hasIcon) {
+        if (hasIcon) {
+            await expect(this.icon).toBeVisible();
+        }
+        else {
+            await expect(this.icon).not.toBeVisible();
+        }
+    }
+}

package/dist/components/index.d.ts

@@ -0,0 +1,38 @@
+export * from './accordion';
+export * from './avatar';
+export * from './breadcrumb';
+export * from './button-group';
+export * from './button';
+export * from './calendar';
+export * from './chip';
+export * from './edit-inplace';
+export * from './inplace';
+export * from './filter';
+export * from './hint';
+export * from './input';
+export * from './input-field';
+export * from './mask-input';
+export * from './item-view';
+export * from './list-box';
+export * from './menu';
+export * from './message';
+export * from './popover';
+export * from './progress';
+export * from './radio';
+export * from './scroller';
+export * from './filter';
+export * from './select';
+export * from './select-button';
+export * from './slider';
+export * from './snackbar';
+export * from './spinner';
+export * from './state';
+export * from './switch';
+export * from './tabs';
+export * from './tag';
+export * from './toast';
+export * from './toggle-button';
+export * from './tooltip';
+export * from './tree';
+export * from './upload';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,37 @@
+export * from './accordion';
+export * from './avatar';
+export * from './breadcrumb';
+export * from './button-group';
+export * from './button';
+export * from './calendar';
+export * from './chip';
+export * from './edit-inplace';
+export * from './inplace';
+export * from './filter';
+export * from './hint';
+export * from './input';
+export * from './input-field';
+export * from './mask-input';
+export * from './item-view';
+export * from './list-box';
+export * from './menu';
+export * from './message';
+export * from './popover';
+export * from './progress';
+export * from './radio';
+export * from './scroller';
+export * from './filter';
+export * from './select';
+export * from './select-button';
+export * from './slider';
+export * from './snackbar';
+export * from './spinner';
+export * from './state';
+export * from './switch';
+export * from './tabs';
+export * from './tag';
+export * from './toast';
+export * from './toggle-button';
+export * from './tooltip';
+export * from './tree';
+export * from './upload';

package/dist/components/inplace.d.ts

@@ -0,0 +1,12 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnInplaceHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"inplace", ["root", "content", "display", "disabled"], readonly []>>;
+    readonly display: Locator;
+    readonly content: Locator;
+    constructor(locator: Locator);
+    expectDisplayVisible(visible?: boolean): Promise<void>;
+    expectContentVisible(visible?: boolean): Promise<void>;
+    clickDisplay(): Promise<void>;
+}
+//# sourceMappingURL=inplace.d.ts.map

package/dist/components/inplace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inplace.d.ts","sourceRoot":"","sources":["../../src/components/inplace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAIxD,qBAAa,iBAAiB;IAMT,OAAO,EAAE,OAAO;IALnC,SAAgB,OAAO,0KAAwC;IAE/D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAEd,OAAO,EAAE,OAAO;IAK5B,oBAAoB,CAAC,OAAO,UAAO;IAOnC,oBAAoB,CAAC,OAAO,UAAO;IAO7B,YAAY;CAG1B"}

package/dist/components/inplace.js

@@ -0,0 +1,29 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { inplaceControlTemplate } from '@ngneers/controls-themes/templates/inplace';
+export class NgnInplaceHarness {
+    locator;
+    classes = themeClasses(inplaceControlTemplate);
+    display;
+    content;
+    constructor(locator) {
+        this.locator = locator;
+        this.display = this.locator.locator(this.classes['display']);
+        this.content = this.locator.locator(this.classes['content']);
+    }
+    expectDisplayVisible(visible = true) {
+        if (visible) {
+            return expect(this.display).toBeVisible();
+        }
+        return expect(this.display).not.toBeVisible();
+    }
+    expectContentVisible(visible = true) {
+        if (visible) {
+            return expect(this.content).toBeVisible();
+        }
+        return expect(this.content).not.toBeVisible();
+    }
+    async clickDisplay() {
+        await this.display.click();
+    }
+}

package/dist/components/input-field.d.ts

@@ -0,0 +1,12 @@
+import type { Locator } from '@playwright/test';
+export declare class NgnInputFieldHarness<T extends Record<string, any> = Record<string, any>> {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+        readonly class: "input";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+        readonly projected: true;
+    }]>>;
+    readonly children: T;
+    constructor(locator: Locator, children?: (locator: Locator) => T);
+}
+//# sourceMappingURL=input-field.d.ts.map

package/dist/components/input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/components/input-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIhD,qBAAa,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAM1E,OAAO,EAAE,OAAO;IALzB,SAAgB,OAAO;;;;SAA2C;IAElE,SAAgB,QAAQ,EAAE,CAAC,CAAC;gBAGnB,OAAO,EAAE,OAAO,EACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,CAAC;CAIrC"}

package/dist/components/input-field.js

@@ -0,0 +1,11 @@
+import { themeClasses } from '../utils/theme';
+import { inputFieldControlTemplate } from '@ngneers/controls-themes/templates/input-field';
+export class NgnInputFieldHarness {
+    locator;
+    classes = themeClasses(inputFieldControlTemplate);
+    children;
+    constructor(locator, children) {
+        this.locator = locator;
+        this.children = children?.(locator) ?? {};
+    }
+}

package/dist/components/input.d.ts

@@ -0,0 +1,12 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnInputHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>>;
+    readonly locator: Locator;
+    constructor(locator: Locator);
+    expectValue(value: string): Promise<void>;
+    clear(): Promise<void>;
+    fill(value: string): Promise<void>;
+    pressSequentially(text: string): Promise<void>;
+    press(key: string): Promise<void>;
+}
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAIxD,qBAAa,eAAe;IAC1B,SAAgB,OAAO,0JAAsC;IAE7D,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAErB,OAAO,EAAE,OAAO;IAIrB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAGzC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAItB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIlC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAI9C,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAGzC"}

package/dist/components/input.js

@@ -0,0 +1,25 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { inputControlTemplate } from '@ngneers/controls-themes/templates/input';
+export class NgnInputHarness {
+    classes = themeClasses(inputControlTemplate);
+    locator;
+    constructor(locator) {
+        this.locator = locator;
+    }
+    expectValue(value) {
+        return expect(this.locator).toHaveValue(value);
+    }
+    clear() {
+        return this.locator.clear();
+    }
+    fill(value) {
+        return this.locator.fill(value);
+    }
+    pressSequentially(text) {
+        return this.locator.pressSequentially(text, { delay: 5 });
+    }
+    press(key) {
+        return this.locator.press(key);
+    }
+}

package/dist/components/item-view.d.ts

@@ -0,0 +1,18 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnItemViewHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly []>>;
+    readonly item: Locator;
+    readonly itemVisible: Locator;
+    readonly itemOverflowing: Locator;
+    readonly overflowItem: Locator;
+    constructor(locator: Locator);
+    expectItemCount(count: number): Promise<void>;
+    expectItemVisibleCount(count: number): Promise<void>;
+    expectItemOverflowingCount(count: number): Promise<void>;
+    expectItemTexts(texts: string[]): Promise<void>;
+    expectItemVisibleTexts(texts: string[]): Promise<void>;
+    expectItemOverflowingTexts(texts: string[]): Promise<void>;
+    getItemByIndex(index: number): Locator;
+}
+//# sourceMappingURL=item-view.d.ts.map

package/dist/components/item-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-view.d.ts","sourceRoot":"","sources":["../../src/components/item-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIxD,qBAAa,kBAAkB;IAOV,OAAO,EAAE,OAAO;IANnC,SAAgB,OAAO,mPAAyC;IAChE,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,WAAW,EAAE,OAAO,CAAC;IACrC,SAAgB,eAAe,EAAE,OAAO,CAAC;IACzC,SAAgB,YAAY,EAAE,OAAO,CAAC;gBAEnB,OAAO,EAAE,OAAO;IAStB,eAAe,CAAC,KAAK,EAAE,MAAM;IAI7B,sBAAsB,CAAC,KAAK,EAAE,MAAM;IAIpC,0BAA0B,CAAC,KAAK,EAAE,MAAM;IAIxC,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE;IAI/B,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE;IAItC,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE;IAIhD,cAAc,CAAC,KAAK,EAAE,MAAM;CAGpC"}

package/dist/components/item-view.js

@@ -0,0 +1,39 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { itemViewControlTemplate } from '@ngneers/controls-themes/templates/item-view';
+export class NgnItemViewHarness {
+    locator;
+    classes = themeClasses(itemViewControlTemplate);
+    item;
+    itemVisible;
+    itemOverflowing;
+    overflowItem;
+    constructor(locator) {
+        this.locator = locator;
+        this.item = locator.locator(this.classes['item']);
+        this.itemVisible = locator.locator(`${this.classes['item']}:not(${this.classes['item-overflowing']})`);
+        this.itemOverflowing = locator.locator(this.classes['item-overflowing']);
+        this.overflowItem = locator.locator(this.classes['more-items']);
+    }
+    async expectItemCount(count) {
+        await expect(this.item).toHaveCount(count);
+    }
+    async expectItemVisibleCount(count) {
+        await expect(this.itemVisible).toHaveCount(count);
+    }
+    async expectItemOverflowingCount(count) {
+        await expect(this.itemOverflowing).toHaveCount(count);
+    }
+    async expectItemTexts(texts) {
+        await expect(this.item).toHaveText(texts);
+    }
+    async expectItemVisibleTexts(texts) {
+        await expect(this.itemVisible).toHaveText(texts);
+    }
+    async expectItemOverflowingTexts(texts) {
+        await expect(this.itemOverflowing).toHaveText(texts);
+    }
+    getItemByIndex(index) {
+        return this.itemVisible.nth(index);
+    }
+}

package/dist/components/list-box.d.ts

@@ -0,0 +1,20 @@
+import { type Locator } from '@playwright/test';
+import { NgnScrollerHarness } from './scroller';
+export declare class NgnListBoxHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "item-selected", "item-highlighted", "item-disabled"], readonly [{
+        readonly class: "checkbox";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "box-icon-visible", "invalid"], readonly []>;
+    }, {
+        readonly class: "scroller";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
+    }]>>;
+    readonly group: Locator;
+    readonly item: Locator;
+    readonly itemHighlighted: Locator;
+    readonly itemSelected: Locator;
+    readonly scroller: NgnScrollerHarness;
+    constructor(locator: Locator);
+    expectItemsCount(count: number): Promise<void>;
+}
+//# sourceMappingURL=list-box.d.ts.map

package/dist/components/list-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.d.ts","sourceRoot":"","sources":["../../src/components/list-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,qBAAa,iBAAiB;IAQT,OAAO,EAAE,OAAO;IAPnC,SAAgB,OAAO;;;;;;SAAwC;IAC/D,SAAgB,KAAK,EAAE,OAAO,CAAC;IAC/B,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,eAAe,EAAE,OAAO,CAAC;IACzC,SAAgB,YAAY,EAAE,OAAO,CAAC;IACtC,SAAgB,QAAQ,EAAE,kBAAkB,CAAC;gBAE1B,OAAO,EAAE,OAAO;IAQ5B,gBAAgB,CAAC,KAAK,EAAE,MAAM;CAGtC"}

package/dist/components/list-box.js

@@ -0,0 +1,24 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { listBoxControlTemplate } from '@ngneers/controls-themes/templates/list-box';
+import { NgnScrollerHarness } from './scroller';
+export class NgnListBoxHarness {
+    locator;
+    classes = themeClasses(listBoxControlTemplate);
+    group;
+    item;
+    itemHighlighted;
+    itemSelected;
+    scroller;
+    constructor(locator) {
+        this.locator = locator;
+        this.group = locator.locator(this.classes['group']);
+        this.item = locator.locator(this.classes['item']);
+        this.itemHighlighted = locator.locator(this.classes['item-highlighted']);
+        this.itemSelected = locator.locator(this.classes['item-selected']);
+        this.scroller = new NgnScrollerHarness(locator.locator(this.classes['scroller']['root']));
+    }
+    expectItemsCount(count) {
+        return expect(this.item).toHaveCount(count);
+    }
+}