@ngneers/controls-playwright 0.0.1-next.0

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

@@ -0,0 +1,62 @@
+import { type Locator } from '@playwright/test';
+/**
+ * Playwright harness for `ngn-mask-input` (v2).
+ *
+ * ## Value assertion
+ * The control's `value` model (the serialized string, or `null` when incomplete)
+ * is NOT written into any DOM element — the proxy input stays empty at all times.
+ * E2E tests must assert the emitted value via a bound echo element rendered by the
+ * test component (e.g. `<span data-testid="value">{{ inputs().value }}</span>`).
+ * This harness intentionally does NOT expose an `expectValue` method.
+ */
+export declare class NgnMaskInputHarness {
+    private readonly locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"mask-input", ["root", "section", "section-active", "section-placeholder", "separator", "proxy", "sr-only"], readonly []>>;
+    /**
+     * The visually-hidden proxy input — this is the element that receives focus
+     * and keyboard events. All `press` / `pressSequentially` calls target it.
+     */
+    readonly proxy: Locator;
+    /**
+     * All `[role="spinbutton"]` section spans (both filled and placeholder state).
+     */
+    readonly sections: Locator;
+    constructor(locator: Locator);
+    /** Focus the proxy input so subsequent key events are delivered to the control. */
+    focus(): Promise<void>;
+    /** Press a single key on the proxy input (e.g. 'ArrowRight', 'Backspace', '1'). */
+    press(key: string): Promise<void>;
+    /** Type a string of characters into the proxy input one by one, with a small delay. */
+    pressSequentially(text: string): Promise<void>;
+    /**
+     * Assert the visible rendered text of the control — the concatenation (with no
+     * separator) of all section, section-placeholder, and separator spans in DOM order.
+     * Screen-reader-only (`sr-only`) spans are excluded.
+     *
+     * Example: for a time mask `HH:MM:SS` with `12` entered in the first section
+     * the visible text is `'12:MM:SS'`.
+     *
+     * Uses Playwright's auto-retry (`expect.poll`) so it waits for Angular to render.
+     */
+    expectText(visible: string): Promise<void>;
+    /**
+     * Returns the value of `aria-activedescendant` from the proxy input, which
+     * is the `id` of the currently focused section span. Returns `null` when the
+     * attribute is absent.
+     */
+    activeDescendantId(): Promise<string | null>;
+    /**
+     * Assert the innerText of the currently active section span.
+     * Useful for verifying which section is focused and what value it shows.
+     */
+    expectActiveText(text: string): Promise<void>;
+    /**
+     * Clear all sections by focusing the proxy, pressing Home to jump to the first
+     * section, then pressing Backspace twice per section (once to clear the value,
+     * once to step back if it was already empty — harmless no-op).
+     *
+     * This is intentionally blunt: it over-presses rather than inspecting state.
+     */
+    clear(): Promise<void>;
+}
+//# sourceMappingURL=mask-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mask-input.d.ts","sourceRoot":"","sources":["../../src/components/mask-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAIxD;;;;;;;;;GASG;AACH,qBAAa,mBAAmB;IAclB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAbpC,SAAgB,OAAO,gOAA0C;IAEjE;;;OAGG;IACH,SAAgB,KAAK,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,SAAgB,QAAQ,EAAE,OAAO,CAAC;gBAEL,OAAO,EAAE,OAAO;IAM7C,mFAAmF;IACtE,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAInC,mFAAmF;IACtE,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAK9C,uFAAuF;IAC1E,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAK3D;;;;;;;;;OASG;IACI,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAejD;;;;OAIG;IACU,kBAAkB,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAKzD;;;OAGG;IACU,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAS1D;;;;;;OAMG;IACU,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;CAYpC"}

package/dist/components/mask-input.js

@@ -0,0 +1,109 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { maskInputControlTemplate } from '@ngneers/controls-themes/templates/mask-input';
+/**
+ * Playwright harness for `ngn-mask-input` (v2).
+ *
+ * ## Value assertion
+ * The control's `value` model (the serialized string, or `null` when incomplete)
+ * is NOT written into any DOM element — the proxy input stays empty at all times.
+ * E2E tests must assert the emitted value via a bound echo element rendered by the
+ * test component (e.g. `<span data-testid="value">{{ inputs().value }}</span>`).
+ * This harness intentionally does NOT expose an `expectValue` method.
+ */
+export class NgnMaskInputHarness {
+    locator;
+    classes = themeClasses(maskInputControlTemplate);
+    /**
+     * The visually-hidden proxy input — this is the element that receives focus
+     * and keyboard events. All `press` / `pressSequentially` calls target it.
+     */
+    proxy;
+    /**
+     * All `[role="spinbutton"]` section spans (both filled and placeholder state).
+     */
+    sections;
+    constructor(locator) {
+        this.locator = locator;
+        // The proxy is the only <input> inside the control.
+        this.proxy = locator.locator('input').first();
+        this.sections = locator.locator('[role="spinbutton"]');
+    }
+    /** Focus the proxy input so subsequent key events are delivered to the control. */
+    async focus() {
+        await this.proxy.focus();
+    }
+    /** Press a single key on the proxy input (e.g. 'ArrowRight', 'Backspace', '1'). */
+    async press(key) {
+        await this.proxy.focus();
+        await this.proxy.press(key);
+    }
+    /** Type a string of characters into the proxy input one by one, with a small delay. */
+    async pressSequentially(text) {
+        await this.proxy.focus();
+        await this.proxy.pressSequentially(text, { delay: 5 });
+    }
+    /**
+     * Assert the visible rendered text of the control — the concatenation (with no
+     * separator) of all section, section-placeholder, and separator spans in DOM order.
+     * Screen-reader-only (`sr-only`) spans are excluded.
+     *
+     * Example: for a time mask `HH:MM:SS` with `12` entered in the first section
+     * the visible text is `'12:MM:SS'`.
+     *
+     * Uses Playwright's auto-retry (`expect.poll`) so it waits for Angular to render.
+     */
+    expectText(visible) {
+        const visibleSelector = [
+            this.classes['section'],
+            this.classes['section-placeholder'],
+            this.classes.separator,
+        ].join(', ');
+        return expect
+            .poll(async () => {
+            const texts = await this.locator.locator(visibleSelector).allInnerTexts();
+            return texts.join('');
+        })
+            .toEqual(visible);
+    }
+    /**
+     * Returns the value of `aria-activedescendant` from the proxy input, which
+     * is the `id` of the currently focused section span. Returns `null` when the
+     * attribute is absent.
+     */
+    async activeDescendantId() {
+        const val = await this.proxy.getAttribute('aria-activedescendant');
+        return val ?? null;
+    }
+    /**
+     * Assert the innerText of the currently active section span.
+     * Useful for verifying which section is focused and what value it shows.
+     */
+    async expectActiveText(text) {
+        const id = await this.activeDescendantId();
+        if (id === null) {
+            throw new Error('No aria-activedescendant on proxy — no active section');
+        }
+        const activeSpan = this.locator.locator(`#${id}`);
+        await expect(activeSpan).toHaveText(text, { useInnerText: true });
+    }
+    /**
+     * Clear all sections by focusing the proxy, pressing Home to jump to the first
+     * section, then pressing Backspace twice per section (once to clear the value,
+     * once to step back if it was already empty — harmless no-op).
+     *
+     * This is intentionally blunt: it over-presses rather than inspecting state.
+     */
+    async clear() {
+        await this.proxy.focus();
+        // Start from the LAST section: Backspace clears the active section then steps
+        // to the previous one, so walking from the end clears every section. Starting
+        // from Home would get stuck on section 0 (Backspace there is a no-op).
+        await this.proxy.press('End');
+        const count = await this.sections.count();
+        for (let i = 0; i < count; i++) {
+            await this.proxy.press('Backspace');
+            await this.proxy.press('Backspace');
+        }
+    }
+}

package/dist/components/menu.d.ts

@@ -0,0 +1,16 @@
+import { type Locator } from '@playwright/test';
+import { NgnPopoverHarness } from './popover';
+export declare class NgnMenuHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"menu", ["root", "submenu", "item", "item-opened", "icon-children", "separator"], readonly [{
+        readonly class: "popover";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+    }]>>;
+    readonly popover: NgnPopoverHarness;
+    readonly item: Locator;
+    constructor(locator: Locator);
+    expectItemCount(count: number): Promise<void>;
+    getItemByIndex(index: number): Promise<Locator>;
+    openChildMenuByIndex(index: number): Promise<NgnMenuHarness>;
+}
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,qBAAa,cAAc;IAKN,OAAO,EAAE,OAAO;IAJnC,SAAgB,OAAO;;;SAAqC;IAC5D,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,SAAgB,IAAI,EAAE,OAAO,CAAC;gBAEX,OAAO,EAAE,OAAO;IAKtB,eAAe,CAAC,KAAK,EAAE,MAAM;IAI7B,cAAc,CAAC,KAAK,EAAE,MAAM;IAI5B,oBAAoB,CAAC,KAAK,EAAE,MAAM;CAKhD"}

package/dist/components/menu.js

@@ -0,0 +1,26 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { menuControlTemplate } from '@ngneers/controls-themes/templates/menu';
+import { NgnPopoverHarness } from './popover';
+export class NgnMenuHarness {
+    locator;
+    classes = themeClasses(menuControlTemplate);
+    popover;
+    item;
+    constructor(locator) {
+        this.locator = locator;
+        this.popover = new NgnPopoverHarness(locator.locator(this.classes['popover']['root']));
+        this.item = locator.locator(this.classes['item']);
+    }
+    async expectItemCount(count) {
+        await expect(this.item).toHaveCount(count);
+    }
+    async getItemByIndex(index) {
+        return this.item.nth(index);
+    }
+    async openChildMenuByIndex(index) {
+        const item = this.item.nth(index);
+        await item.click();
+        return new NgnMenuHarness(item.locator('ngn-menu').first());
+    }
+}

package/dist/components/message.d.ts

@@ -0,0 +1,10 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnMessageHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"message", ["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=message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/components/message.ts"],"names":[],"mappings":"AAEA,OAAa,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE9D,qBAAa,iBAAiB;IAC5B,SAAgB,OAAO,gMAAwC;IAE/D,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/message.js

@@ -0,0 +1,22 @@
+import { messageControlTemplate } from '@ngneers/controls-themes/templates/message';
+import { themeClasses } from '../utils/theme';
+import test, { expect } from '@playwright/test';
+export class NgnMessageHarness {
+    classes = themeClasses(messageControlTemplate);
+    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/popover.d.ts

@@ -0,0 +1,12 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnPopoverHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>>;
+    private readonly _ngnLazyCacher;
+    private readonly _contentWrapper;
+    private readonly _content;
+    constructor(locator: Locator);
+    get content(): Locator;
+    expectOpened(): Promise<void>;
+    expectRendered(rendered?: boolean): Promise<void>;
+}
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAIxD,qBAAa,iBAAiB;IAC5B,SAAgB,OAAO,sKAAwC;IAE/D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAU;IACzC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAU;IAC1C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;gBAEvB,OAAO,EAAE,OAAO;IAM5B,IAAW,OAAO,IAAI,OAAO,CAE5B;IAEY,YAAY;IAIZ,cAAc,CAAC,QAAQ,UAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAa5D"}

package/dist/components/popover.js

@@ -0,0 +1,33 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { popoverControlTemplate } from '@ngneers/controls-themes/templates/popover';
+export class NgnPopoverHarness {
+    classes = themeClasses(popoverControlTemplate);
+    _ngnLazyCacher;
+    _contentWrapper;
+    _content;
+    constructor(locator) {
+        this._ngnLazyCacher = locator.locator('ngn-defer');
+        this._contentWrapper = locator.locator(this.classes.content);
+        this._content = this._ngnLazyCacher.locator('> *');
+    }
+    get content() {
+        return this._content;
+    }
+    async expectOpened() {
+        await expect(this._contentWrapper).toBeVisible();
+    }
+    async expectRendered(rendered = true) {
+        await expect(this._ngnLazyCacher).toBeAttached();
+        await expect(async () => {
+            const el = await this._ngnLazyCacher.elementHandle();
+            const hasContent = !!(await el?.innerText()) || !!(await el?.evaluate(e => e.childElementCount));
+            if (rendered) {
+                expect(hasContent).toBeTruthy();
+            }
+            else {
+                expect(hasContent).toBeFalsy();
+            }
+        }).toPass({ timeout: 2000 });
+    }
+}

package/dist/components/progress.d.ts

@@ -0,0 +1,17 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnProgressHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"progress", ["root", "svg", "track", "indeterminate", "circular", "fill", "fill2"], readonly []>>;
+    readonly locator: Locator;
+    readonly track: Locator;
+    readonly fill: Locator;
+    readonly fill2: Locator;
+    readonly svg: Locator;
+    constructor(locator: Locator);
+    expectValue(value: number): Promise<void>;
+    expectMin(min: number): Promise<void>;
+    expectMax(max: number): Promise<void>;
+    expectVisible(): Promise<void>;
+    expectIndeterminate(indeterminate: boolean): Promise<void>;
+    expectCircular(circular: boolean): Promise<void>;
+}
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"AAEA,OAAa,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE9D,qBAAa,kBAAkB;IAC7B,SAAgB,OAAO,uMAAyC;IAEhE,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,KAAK,EAAE,OAAO,CAAC;IAC/B,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,KAAK,EAAE,OAAO,CAAC;IAC/B,SAAgB,GAAG,EAAE,OAAO,CAAC;gBAEjB,OAAO,EAAE,OAAO;IAQf,WAAW,CAAC,KAAK,EAAE,MAAM;IAIzB,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB,aAAa;IAIb,mBAAmB,CAAC,aAAa,EAAE,OAAO;IAQ1C,cAAc,CAAC,QAAQ,EAAE,OAAO;CAO9C"}

package/dist/components/progress.js

@@ -0,0 +1,46 @@
+import { progressControlTemplate } from '@ngneers/controls-themes/templates/progress';
+import { themeClasses } from '../utils/theme';
+import test, { expect } from '@playwright/test';
+export class NgnProgressHarness {
+    classes = themeClasses(progressControlTemplate);
+    locator;
+    track;
+    fill;
+    fill2;
+    svg;
+    constructor(locator) {
+        this.locator = locator;
+        this.track = locator.locator(this.classes.track);
+        this.fill = locator.locator(this.classes.fill);
+        this.fill2 = locator.locator(this.classes.fill2);
+        this.svg = locator.locator(this.classes.svg);
+    }
+    async expectValue(value) {
+        await expect(this.locator).toHaveAttribute('aria-valuenow', value.toString());
+    }
+    async expectMin(min) {
+        await expect(this.locator).toHaveAttribute('aria-valuemin', min.toString());
+    }
+    async expectMax(max) {
+        await expect(this.locator).toHaveAttribute('aria-valuemax', max.toString());
+    }
+    async expectVisible() {
+        await expect(this.locator).toBeVisible();
+    }
+    async expectIndeterminate(indeterminate) {
+        if (indeterminate) {
+            await expect(this.fill2).toBeAttached();
+        }
+        else {
+            await expect(this.fill2).not.toBeAttached();
+        }
+    }
+    async expectCircular(circular) {
+        if (circular) {
+            await expect(this.svg).toBeVisible();
+        }
+        else {
+            await expect(this.svg).not.toBeAttached();
+        }
+    }
+}

package/dist/components/radio.d.ts

@@ -0,0 +1,16 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnRadioGroupHarness {
+    readonly locator: Locator;
+    /** All radio options in the group, in DOM order. */
+    readonly radios: Locator;
+    constructor(locator: Locator);
+    radio(index: number): Locator;
+    /** Click the radio at `index` to select it. */
+    select(index: number, force?: boolean): Promise<void>;
+    expectSelected(index: number): Promise<void>;
+    expectNotSelected(index: number): Promise<void>;
+    expectDisabled(index: number, disabled?: boolean): Promise<void>;
+    /** Focus the currently active radio (the group's single tab stop). */
+    focusActive(): Promise<void>;
+}
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/components/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAExD,qBAAa,oBAAoB;IAC/B,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,oDAAoD;IACpD,SAAgB,MAAM,EAAE,OAAO,CAAC;gBAEpB,OAAO,EAAE,OAAO;IAKrB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIpC,+CAA+C;IAClC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,UAAQ;IAInC,cAAc,CAAC,KAAK,EAAE,MAAM;IAI5B,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAI/B,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,UAAO;IAQ1D,sEAAsE;IACzD,WAAW;CAGzB"}

package/dist/components/radio.js

@@ -0,0 +1,35 @@
+import { expect } from '@playwright/test';
+export class NgnRadioGroupHarness {
+    locator;
+    /** All radio options in the group, in DOM order. */
+    radios;
+    constructor(locator) {
+        this.locator = locator;
+        this.radios = locator.locator('ngn-radio');
+    }
+    radio(index) {
+        return this.radios.nth(index);
+    }
+    /** Click the radio at `index` to select it. */
+    async select(index, force = false) {
+        await this.radio(index).click({ force });
+    }
+    async expectSelected(index) {
+        await expect(this.radio(index)).toHaveAttribute('aria-checked', 'true');
+    }
+    async expectNotSelected(index) {
+        await expect(this.radio(index)).toHaveAttribute('aria-checked', 'false');
+    }
+    async expectDisabled(index, disabled = true) {
+        if (disabled) {
+            await expect(this.radio(index)).toHaveAttribute('aria-disabled', 'true');
+        }
+        else {
+            await expect(this.radio(index)).not.toHaveAttribute('aria-disabled', 'true');
+        }
+    }
+    /** Focus the currently active radio (the group's single tab stop). */
+    async focusActive() {
+        await this.locator.locator('ngn-radio[tabindex="0"]').focus();
+    }
+}

package/dist/components/scroller.d.ts

@@ -0,0 +1,20 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnScrollerHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>>;
+    readonly scrollarea: Locator;
+    readonly item: Locator;
+    readonly itemSticky: Locator;
+    constructor(locator: Locator);
+    expectItemsCount(count: number): Promise<void>;
+    expectStickyItemsCount(count: number): Promise<void>;
+    expectItemsCountBetween(min: number, max: number): Promise<void>;
+    expectItemsTexts(texts: string[]): Promise<void>;
+    expectStickyItemsTexts(texts: string[]): Promise<void>;
+    clickItemByIndex(index: number): Promise<void>;
+    clickItemByText(text: string): Promise<void>;
+    getItemByIndex(index: number): Locator;
+    getItemByText(text: string): Locator;
+    scrollToIndex(index: number, itemHeight?: number): Promise<void>;
+}
+//# sourceMappingURL=scroller.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroller.d.ts","sourceRoot":"","sources":["../../src/components/scroller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIxD,qBAAa,kBAAkB;IAMV,OAAO,EAAE,OAAO;IALnC,SAAgB,OAAO,2KAAyC;IAChE,SAAgB,UAAU,EAAE,OAAO,CAAC;IACpC,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,UAAU,EAAE,OAAO,CAAC;gBAEjB,OAAO,EAAE,OAAO;IAM5B,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAI9C,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIpD,uBAAuB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAShE,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAIhD,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAItD,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAI9C,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAI5C,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAItC,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI9B,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAU9E"}

package/dist/components/scroller.js

@@ -0,0 +1,58 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { scrollerControlTemplate } from '@ngneers/controls-themes/templates/scroller';
+export class NgnScrollerHarness {
+    locator;
+    classes = themeClasses(scrollerControlTemplate);
+    scrollarea;
+    item;
+    itemSticky;
+    constructor(locator) {
+        this.locator = locator;
+        this.scrollarea = locator;
+        this.item = locator.locator(`> :not(${this.classes['item-sticky']})`);
+        this.itemSticky = locator.locator(this.classes['item-sticky']);
+    }
+    expectItemsCount(count) {
+        return expect(this.item).toHaveCount(count);
+    }
+    expectStickyItemsCount(count) {
+        return expect(this.itemSticky).toHaveCount(count);
+    }
+    expectItemsCountBetween(min, max) {
+        return expect(async () => {
+            const count = await this.item.count();
+            if (count < min || count > max) {
+                throw new Error(`Expected item count to be between ${min} and ${max}, but got ${count}`);
+            }
+        }).toPass();
+    }
+    expectItemsTexts(texts) {
+        return expect(this.item).toHaveText(texts);
+    }
+    expectStickyItemsTexts(texts) {
+        return expect(this.itemSticky).toHaveText(texts);
+    }
+    clickItemByIndex(index) {
+        return this.item.nth(index).click();
+    }
+    clickItemByText(text) {
+        return this.item.filter({ hasText: new RegExp(`^\\s*${text}\\s*$`, 'i') }).click();
+    }
+    getItemByIndex(index) {
+        return this.item.nth(index);
+    }
+    getItemByText(text) {
+        return this.item.filter({ hasText: new RegExp(`^\\s*${text}\\s*$`, 'i') });
+    }
+    async scrollToIndex(index, itemHeight) {
+        if (!itemHeight) {
+            await this.item.nth(index).scrollIntoViewIfNeeded();
+            return;
+        }
+        const scrollAmount = index * itemHeight;
+        await this.scrollarea.evaluate((el, amount) => {
+            el.scrollTo({ top: amount });
+        }, scrollAmount);
+    }
+}

package/dist/components/select-button.d.ts

@@ -0,0 +1,30 @@
+import { type Locator } from '@playwright/test';
+import { NgnToggleButtonHarness } from './toggle-button';
+export declare class NgnSelectButtonHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"select-button", ["root", "invalid"], readonly [{
+        readonly class: "group";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button-group", ["root", "vertical", "horizontal"], readonly [{
+            readonly class: "button";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+            readonly projected: true;
+        }, {
+            readonly class: "toggle-button";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"toggle-button", ["root", "invalid", "button", "label", "active", "placeholder", "placeholder-active"], readonly []>;
+            readonly projected: true;
+        }]>;
+    }, {
+        readonly class: "button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"toggle-button", ["root", "invalid", "button", "label", "active", "placeholder", "placeholder-active"], readonly []>;
+    }]>>;
+    readonly locator: Locator;
+    readonly buttons: Locator;
+    constructor(locator: Locator);
+    getButtonAt(index: number): NgnToggleButtonHarness;
+    getButtonByTestId(testId: string): NgnToggleButtonHarness;
+    clickButtonAt(index: number, force?: boolean): Promise<void>;
+    expectButtonCount(count: number): Promise<void>;
+    expectSelectedAt(index: number): Promise<void>;
+    expectNoneSelected(): Promise<void>;
+    expectDisabled(disabled: boolean): Promise<void>;
+}
+//# sourceMappingURL=select-button.d.ts.map

package/dist/components/select-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-button.d.ts","sourceRoot":"","sources":["../../src/components/select-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAGxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,qBAAa,sBAAsB;IACjC,SAAgB,OAAO;;;;;;;;;;;;;;SAA6C;IAEpE,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAErB,OAAO,EAAE,OAAO;IAKrB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,sBAAsB;IAIlD,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,sBAAsB;IAMnD,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,UAAQ;IAI1C,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAI/B,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAI9B,kBAAkB;IAOlB,cAAc,CAAC,QAAQ,EAAE,OAAO;CAW9C"}

package/dist/components/select-button.js

@@ -0,0 +1,46 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { selectButtonControlTemplate } from '@ngneers/controls-themes/templates/select-button';
+import { NgnToggleButtonHarness } from './toggle-button';
+export class NgnSelectButtonHarness {
+    classes = themeClasses(selectButtonControlTemplate);
+    locator;
+    buttons;
+    constructor(locator) {
+        this.locator = locator;
+        this.buttons = locator.locator('ngn-toggle-button');
+    }
+    getButtonAt(index) {
+        return new NgnToggleButtonHarness(this.buttons.nth(index));
+    }
+    getButtonByTestId(testId) {
+        return new NgnToggleButtonHarness(this.locator.locator(`ngn-toggle-button[data-testid="${testId}"]`));
+    }
+    async clickButtonAt(index, force = false) {
+        await this.getButtonAt(index).click(force);
+    }
+    async expectButtonCount(count) {
+        await expect(this.buttons).toHaveCount(count);
+    }
+    async expectSelectedAt(index) {
+        await this.getButtonAt(index).expectActive(true);
+    }
+    async expectNoneSelected() {
+        const count = await this.buttons.count();
+        for (let i = 0; i < count; i++) {
+            await this.getButtonAt(i).expectActive(false);
+        }
+    }
+    async expectDisabled(disabled) {
+        const innerButtons = this.locator.locator('button');
+        const count = await innerButtons.count();
+        for (let i = 0; i < count; i++) {
+            if (disabled) {
+                await expect(innerButtons.nth(i)).toBeDisabled();
+            }
+            else {
+                await expect(innerButtons.nth(i)).not.toBeDisabled();
+            }
+        }
+    }
+}