@vonage/vivid-test-utils 5.7.0 → 5.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import type { DriverT } from './drivers/driver';
2
2
  import { BaseComponent, BaseWrapper, ComponentCollectionExpectations, type ComponentCollectionLocator, type Context } from './base';
3
- import type { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcSearchableSelectElement, VwcSelectElement, VwcSelectableBoxElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from "@vonage/vivid";
3
+ import type { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectElement, VwcSelectableBoxElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTableElement, VwcTableBodyElement, VwcTableCellElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from "@vonage/vivid";
4
4
  type IconId = string;
5
5
  type AccordionProps = {
6
6
  expandMode: 'single' | 'multi';
@@ -630,6 +630,31 @@ export declare class ComboboxExpectations<D extends DriverT> {
630
630
  toHaveIcon: (value: any) => D["expectReturn"];
631
631
  toHaveValue: (value: any) => D["expectReturn"];
632
632
  }
633
+ type ContextualHelpProps = {
634
+ placement: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
635
+ };
636
+ export declare class ContextualHelpWrapper<D extends DriverT> extends BaseWrapper<D, VwcContextualHelpElement> {
637
+ type: "contextualHelp";
638
+ componentInfo: {
639
+ name: string;
640
+ };
641
+ hover: () => D["actionReturn"];
642
+ focus: () => D["actionReturn"];
643
+ blur: () => D["actionReturn"];
644
+ }
645
+ export declare class ContextualHelp<D extends DriverT> extends BaseComponent<D, ContextualHelpWrapper<D>> {
646
+ componentInfo: {
647
+ name: string;
648
+ };
649
+ wrap(locator: D['locator']): ContextualHelpWrapper<D>;
650
+ byTestId: (id: string) => ContextualHelpWrapper<D>;
651
+ }
652
+ export declare class ContextualHelpExpectations<D extends DriverT> {
653
+ private readonly ctx;
654
+ private readonly wrapper;
655
+ constructor(ctx: Context<D>, wrapper: ContextualHelpWrapper<D>);
656
+ toHaveProp: <T extends "placement">(propName: T, value: ContextualHelpProps[T]) => D["expectReturn"];
657
+ }
633
658
  type DataGridProps = {
634
659
  fixedColumns: number;
635
660
  generateHeader: 'none' | 'default' | 'sticky';
@@ -1490,6 +1515,38 @@ export declare class PaginationExpectations<D extends DriverT> {
1490
1515
  toHaveTotal: (value: any) => D["expectReturn"];
1491
1516
  toHaveSelectedPage: (value: any) => D["expectReturn"];
1492
1517
  }
1518
+ type PopoverProps = {
1519
+ alternate: boolean;
1520
+ arrow: boolean;
1521
+ dismissButtonAriaLabel: string;
1522
+ layout: 'default' | 'condensed';
1523
+ manual: boolean;
1524
+ offset: number;
1525
+ open: boolean;
1526
+ placement: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
1527
+ };
1528
+ export declare class PopoverWrapper<D extends DriverT> extends BaseWrapper<D, VwcPopoverElement> {
1529
+ type: "popover";
1530
+ componentInfo: {
1531
+ name: string;
1532
+ };
1533
+ hover: () => D["actionReturn"];
1534
+ focus: () => D["actionReturn"];
1535
+ blur: () => D["actionReturn"];
1536
+ }
1537
+ export declare class Popover<D extends DriverT> extends BaseComponent<D, PopoverWrapper<D>> {
1538
+ componentInfo: {
1539
+ name: string;
1540
+ };
1541
+ wrap(locator: D['locator']): PopoverWrapper<D>;
1542
+ byTestId: (id: string) => PopoverWrapper<D>;
1543
+ }
1544
+ export declare class PopoverExpectations<D extends DriverT> {
1545
+ private readonly ctx;
1546
+ private readonly wrapper;
1547
+ constructor(ctx: Context<D>, wrapper: PopoverWrapper<D>);
1548
+ toHaveProp: <T extends keyof PopoverProps>(propName: T, value: PopoverProps[T]) => D["expectReturn"];
1549
+ }
1493
1550
  type ProgressProps = {
1494
1551
  connotation: 'accent' | 'success' | 'alert' | 'cta' | 'pacific';
1495
1552
  max: number;
@@ -1701,6 +1758,31 @@ export declare class RichTextEditorExpectations<D extends DriverT> {
1701
1758
  constructor(ctx: Context<D>, wrapper: RichTextEditorWrapper<D>);
1702
1759
  toHaveProp: <T extends "instance">(propName: T, value: RichTextEditorProps[T]) => D["expectReturn"];
1703
1760
  }
1761
+ type RichTextViewProps = {
1762
+ view: any;
1763
+ };
1764
+ export declare class RichTextViewWrapper<D extends DriverT> extends BaseWrapper<D, VwcRichTextViewElement> {
1765
+ type: "richTextView";
1766
+ componentInfo: {
1767
+ name: string;
1768
+ };
1769
+ hover: () => D["actionReturn"];
1770
+ focus: () => D["actionReturn"];
1771
+ blur: () => D["actionReturn"];
1772
+ }
1773
+ export declare class RichTextView<D extends DriverT> extends BaseComponent<D, RichTextViewWrapper<D>> {
1774
+ componentInfo: {
1775
+ name: string;
1776
+ };
1777
+ wrap(locator: D['locator']): RichTextViewWrapper<D>;
1778
+ byTestId: (id: string) => RichTextViewWrapper<D>;
1779
+ }
1780
+ export declare class RichTextViewExpectations<D extends DriverT> {
1781
+ private readonly ctx;
1782
+ private readonly wrapper;
1783
+ constructor(ctx: Context<D>, wrapper: RichTextViewWrapper<D>);
1784
+ toHaveProp: <T extends "view">(propName: T, value: RichTextViewProps[T]) => D["expectReturn"];
1785
+ }
1704
1786
  type SearchableSelectProps = {
1705
1787
  appearance: 'fieldset' | 'ghost';
1706
1788
  clearable: boolean;
@@ -2090,6 +2172,138 @@ export declare class TabPanelExpectations<D extends DriverT> {
2090
2172
  constructor(ctx: Context<D>, wrapper: TabPanelWrapper<D>);
2091
2173
  toHaveProp: (propName: never, value: never) => never;
2092
2174
  }
2175
+ export declare class TableWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableElement> {
2176
+ type: "table";
2177
+ componentInfo: {
2178
+ name: string;
2179
+ };
2180
+ hover: () => D["actionReturn"];
2181
+ focus: () => D["actionReturn"];
2182
+ blur: () => D["actionReturn"];
2183
+ }
2184
+ export declare class Table<D extends DriverT> extends BaseComponent<D, TableWrapper<D>> {
2185
+ componentInfo: {
2186
+ name: string;
2187
+ };
2188
+ wrap(locator: D['locator']): TableWrapper<D>;
2189
+ byTestId: (id: string) => TableWrapper<D>;
2190
+ }
2191
+ export declare class TableExpectations<D extends DriverT> {
2192
+ private readonly ctx;
2193
+ private readonly wrapper;
2194
+ constructor(ctx: Context<D>, wrapper: TableWrapper<D>);
2195
+ toHaveProp: (propName: never, value: never) => never;
2196
+ }
2197
+ export declare class TableBodyWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableBodyElement> {
2198
+ type: "tableBody";
2199
+ componentInfo: {
2200
+ name: string;
2201
+ };
2202
+ hover: () => D["actionReturn"];
2203
+ focus: () => D["actionReturn"];
2204
+ blur: () => D["actionReturn"];
2205
+ }
2206
+ export declare class TableBody<D extends DriverT> extends BaseComponent<D, TableBodyWrapper<D>> {
2207
+ componentInfo: {
2208
+ name: string;
2209
+ };
2210
+ wrap(locator: D['locator']): TableBodyWrapper<D>;
2211
+ byTestId: (id: string) => TableBodyWrapper<D>;
2212
+ }
2213
+ export declare class TableBodyExpectations<D extends DriverT> {
2214
+ private readonly ctx;
2215
+ private readonly wrapper;
2216
+ constructor(ctx: Context<D>, wrapper: TableBodyWrapper<D>);
2217
+ toHaveProp: (propName: never, value: never) => never;
2218
+ }
2219
+ export declare class TableCellWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableCellElement> {
2220
+ type: "tableCell";
2221
+ componentInfo: {
2222
+ name: string;
2223
+ };
2224
+ hover: () => D["actionReturn"];
2225
+ focus: () => D["actionReturn"];
2226
+ blur: () => D["actionReturn"];
2227
+ }
2228
+ export declare class TableCell<D extends DriverT> extends BaseComponent<D, TableCellWrapper<D>> {
2229
+ componentInfo: {
2230
+ name: string;
2231
+ };
2232
+ wrap(locator: D['locator']): TableCellWrapper<D>;
2233
+ byTestId: (id: string) => TableCellWrapper<D>;
2234
+ }
2235
+ export declare class TableCellExpectations<D extends DriverT> {
2236
+ private readonly ctx;
2237
+ private readonly wrapper;
2238
+ constructor(ctx: Context<D>, wrapper: TableCellWrapper<D>);
2239
+ toHaveProp: (propName: never, value: never) => never;
2240
+ }
2241
+ export declare class TableHeadWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableHeadElement> {
2242
+ type: "tableHead";
2243
+ componentInfo: {
2244
+ name: string;
2245
+ };
2246
+ hover: () => D["actionReturn"];
2247
+ focus: () => D["actionReturn"];
2248
+ blur: () => D["actionReturn"];
2249
+ }
2250
+ export declare class TableHead<D extends DriverT> extends BaseComponent<D, TableHeadWrapper<D>> {
2251
+ componentInfo: {
2252
+ name: string;
2253
+ };
2254
+ wrap(locator: D['locator']): TableHeadWrapper<D>;
2255
+ byTestId: (id: string) => TableHeadWrapper<D>;
2256
+ }
2257
+ export declare class TableHeadExpectations<D extends DriverT> {
2258
+ private readonly ctx;
2259
+ private readonly wrapper;
2260
+ constructor(ctx: Context<D>, wrapper: TableHeadWrapper<D>);
2261
+ toHaveProp: (propName: never, value: never) => never;
2262
+ }
2263
+ export declare class TableHeaderCellWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableHeaderCellElement> {
2264
+ type: "tableHeaderCell";
2265
+ componentInfo: {
2266
+ name: string;
2267
+ };
2268
+ hover: () => D["actionReturn"];
2269
+ focus: () => D["actionReturn"];
2270
+ blur: () => D["actionReturn"];
2271
+ }
2272
+ export declare class TableHeaderCell<D extends DriverT> extends BaseComponent<D, TableHeaderCellWrapper<D>> {
2273
+ componentInfo: {
2274
+ name: string;
2275
+ };
2276
+ wrap(locator: D['locator']): TableHeaderCellWrapper<D>;
2277
+ byTestId: (id: string) => TableHeaderCellWrapper<D>;
2278
+ }
2279
+ export declare class TableHeaderCellExpectations<D extends DriverT> {
2280
+ private readonly ctx;
2281
+ private readonly wrapper;
2282
+ constructor(ctx: Context<D>, wrapper: TableHeaderCellWrapper<D>);
2283
+ toHaveProp: (propName: never, value: never) => never;
2284
+ }
2285
+ export declare class TableRowWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableRowElement> {
2286
+ type: "tableRow";
2287
+ componentInfo: {
2288
+ name: string;
2289
+ };
2290
+ hover: () => D["actionReturn"];
2291
+ focus: () => D["actionReturn"];
2292
+ blur: () => D["actionReturn"];
2293
+ }
2294
+ export declare class TableRow<D extends DriverT> extends BaseComponent<D, TableRowWrapper<D>> {
2295
+ componentInfo: {
2296
+ name: string;
2297
+ };
2298
+ wrap(locator: D['locator']): TableRowWrapper<D>;
2299
+ byTestId: (id: string) => TableRowWrapper<D>;
2300
+ }
2301
+ export declare class TableRowExpectations<D extends DriverT> {
2302
+ private readonly ctx;
2303
+ private readonly wrapper;
2304
+ constructor(ctx: Context<D>, wrapper: TableRowWrapper<D>);
2305
+ toHaveProp: (propName: never, value: never) => never;
2306
+ }
2093
2307
  type TabsProps = {
2094
2308
  activeid: string;
2095
2309
  activeindicator: boolean;
@@ -2503,6 +2717,7 @@ type Expectations<D extends DriverT> = {
2503
2717
  checkbox: CheckboxExpectations<D>;
2504
2718
  colorPicker: ColorPickerExpectations<D>;
2505
2719
  combobox: ComboboxExpectations<D>;
2720
+ contextualHelp: ContextualHelpExpectations<D>;
2506
2721
  dataGrid: DataGridExpectations<D>;
2507
2722
  dataGridCell: DataGridCellExpectations<D>;
2508
2723
  dataGridRow: DataGridRowExpectations<D>;
@@ -2527,12 +2742,14 @@ type Expectations<D extends DriverT> = {
2527
2742
  numberField: NumberFieldExpectations<D>;
2528
2743
  option: OptionExpectations<D>;
2529
2744
  pagination: PaginationExpectations<D>;
2745
+ popover: PopoverExpectations<D>;
2530
2746
  progress: ProgressExpectations<D>;
2531
2747
  progressRing: ProgressRingExpectations<D>;
2532
2748
  radio: RadioExpectations<D>;
2533
2749
  radioGroup: RadioGroupExpectations<D>;
2534
2750
  rangeSlider: RangeSliderExpectations<D>;
2535
2751
  richTextEditor: RichTextEditorExpectations<D>;
2752
+ richTextView: RichTextViewExpectations<D>;
2536
2753
  searchableSelect: SearchableSelectExpectations<D>;
2537
2754
  select: SelectExpectations<D>;
2538
2755
  selectableBox: SelectableBoxExpectations<D>;
@@ -2543,6 +2760,12 @@ type Expectations<D extends DriverT> = {
2543
2760
  switch: SwitchExpectations<D>;
2544
2761
  tab: TabExpectations<D>;
2545
2762
  tabPanel: TabPanelExpectations<D>;
2763
+ table: TableExpectations<D>;
2764
+ tableBody: TableBodyExpectations<D>;
2765
+ tableCell: TableCellExpectations<D>;
2766
+ tableHead: TableHeadExpectations<D>;
2767
+ tableHeaderCell: TableHeaderCellExpectations<D>;
2768
+ tableRow: TableRowExpectations<D>;
2546
2769
  tabs: TabsExpectations<D>;
2547
2770
  tag: TagExpectations<D>;
2548
2771
  tagGroup: TagGroupExpectations<D>;
@@ -2579,6 +2802,7 @@ export declare class VividWrapper<D extends DriverT> {
2579
2802
  checkbox: Checkbox<D>;
2580
2803
  colorPicker: ColorPicker<D>;
2581
2804
  combobox: Combobox<D>;
2805
+ contextualHelp: ContextualHelp<D>;
2582
2806
  dataGrid: DataGrid<D>;
2583
2807
  dataGridCell: DataGridCell<D>;
2584
2808
  dataGridRow: DataGridRow<D>;
@@ -2603,12 +2827,14 @@ export declare class VividWrapper<D extends DriverT> {
2603
2827
  numberField: NumberField<D>;
2604
2828
  option: Option<D>;
2605
2829
  pagination: Pagination<D>;
2830
+ popover: Popover<D>;
2606
2831
  progress: Progress<D>;
2607
2832
  progressRing: ProgressRing<D>;
2608
2833
  radio: Radio<D>;
2609
2834
  radioGroup: RadioGroup<D>;
2610
2835
  rangeSlider: RangeSlider<D>;
2611
2836
  richTextEditor: RichTextEditor<D>;
2837
+ richTextView: RichTextView<D>;
2612
2838
  searchableSelect: SearchableSelect<D>;
2613
2839
  select: Select<D>;
2614
2840
  selectableBox: SelectableBox<D>;
@@ -2619,6 +2845,12 @@ export declare class VividWrapper<D extends DriverT> {
2619
2845
  switch: Switch<D>;
2620
2846
  tab: Tab<D>;
2621
2847
  tabPanel: TabPanel<D>;
2848
+ table: Table<D>;
2849
+ tableBody: TableBody<D>;
2850
+ tableCell: TableCell<D>;
2851
+ tableHead: TableHead<D>;
2852
+ tableHeaderCell: TableHeaderCell<D>;
2853
+ tableRow: TableRow<D>;
2622
2854
  tabs: Tabs<D>;
2623
2855
  tag: Tag<D>;
2624
2856
  tagGroup: TagGroup<D>;
package/dist/cypress.cjs CHANGED
@@ -1,3 +1,3 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./components.generated-BjcfXR52.cjs"),w=async()=>new Promise(i=>requestAnimationFrame(()=>i())),k=i=>{const u=r=>r===i;let n;const l=r=>{const e=n;return(...a)=>{const t=window.Error;window.Error=class extends Error{constructor(o){super(o),o==="userInvocationStack"&&(this.stack=e)}static captureStackTrace(o,c){o.message!=="userInvocationStack"&&super.captureStackTrace(o,c)}};try{return r(...a)}finally{window.Error=t}}};return{querySelector:(r,e)=>l(()=>u(r)?r.get(e):r().find(e)),enterShadow:r=>l(()=>r().shadow()),querySelectorAll:(r,e)=>l(()=>u(r)?r.get(e):r().find(e)),nth:(r,e)=>l(()=>r().eq(e)),userClick:r=>r().click(),userClear:r=>r().clear(),userFocus:r=>r().focus(),userBlur:r=>r().blur(),userHover:r=>r().then(e=>e.get(0).dispatchEvent(new MouseEvent("mouseover"))),userFill:(r,e)=>e===""?r().clear():r().clear().type(e),userDragSlider:(r,e,a,t)=>{r().then(s=>{a().then(async o=>{const c=s.get(0),p=o.get(0);p.id==="start-thumb"?(c.startAsNumber=t,c.$emit("input:start"),c.$emit("input")):p.id==="end-thumb"?(c.endAsNumber=t,c.$emit("input:end"),c.$emit("input")):c.valueAsNumber=t,await w()})})},eval:(r,e,a,t)=>{const s=n;r().then(async o=>{n=s;try{const c=await e(o.get(0),a);await(t==null?void 0:t(c))}finally{n=void 0}})},waitForUpdate(r){r().then(()=>new Promise(e=>{requestAnimationFrame(()=>{e()})}))},expectEq:(r,e,a)=>{const t=n;switch(r.type){case"eval":r.el().should(s=>{try{expect(r.fn(s.get(0),r.arg)).to.deep.equal(e)}catch(o){const c=new Error(`${a}
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./components.generated-BM4vEWGz.cjs"),w=async()=>new Promise(i=>requestAnimationFrame(()=>i())),k=i=>{const u=r=>r===i;let n;const l=r=>{const e=n;return(...a)=>{const t=window.Error;window.Error=class extends Error{constructor(o){super(o),o==="userInvocationStack"&&(this.stack=e)}static captureStackTrace(o,c){o.message!=="userInvocationStack"&&super.captureStackTrace(o,c)}};try{return r(...a)}finally{window.Error=t}}};return{querySelector:(r,e)=>l(()=>u(r)?r.get(e):r().find(e)),enterShadow:r=>l(()=>r().shadow()),querySelectorAll:(r,e)=>l(()=>u(r)?r.get(e):r().find(e)),nth:(r,e)=>l(()=>r().eq(e)),userClick:r=>r().click(),userClear:r=>r().clear(),userFocus:r=>r().focus(),userBlur:r=>r().blur(),userHover:r=>r().then(e=>e.get(0).dispatchEvent(new MouseEvent("mouseover"))),userFill:(r,e)=>e===""?r().clear():r().clear().type(e),userDragSlider:(r,e,a,t)=>{r().then(s=>{a().then(async o=>{const c=s.get(0),p=o.get(0);p.id==="start-thumb"?(c.startAsNumber=t,c.$emit("input:start"),c.$emit("input")):p.id==="end-thumb"?(c.endAsNumber=t,c.$emit("input:end"),c.$emit("input")):c.valueAsNumber=t,await w()})})},eval:(r,e,a,t)=>{const s=n;r().then(async o=>{n=s;try{const c=await e(o.get(0),a);await(t==null?void 0:t(c))}finally{n=void 0}})},waitForUpdate(r){r().then(()=>new Promise(e=>{requestAnimationFrame(()=>{e()})}))},expectEq:(r,e,a)=>{const t=n;switch(r.type){case"eval":r.el().should(s=>{try{expect(r.fn(s.get(0),r.arg)).to.deep.equal(e)}catch(o){const c=new Error(`${a}
2
2
 
3
3
  Original error: ${o.message}`);throw t&&(c.stack=t),c}});break;case"count":r.el().should("have.length",e);break}},wrapAction:r=>function e(...a){if(!n){const t=new Error;Error.captureStackTrace(t,e),n=t.stack}try{return r(...a)}finally{n=void 0}},wrapExpect:r=>function e(...a){if(!n){const t=new Error;Error.captureStackTrace(t,e),n=t.stack}try{return r(...a)}finally{n=void 0}},wrapSelector:r=>function e(...a){if(!n){const t=new Error;Error.captureStackTrace(t,e),n=t.stack}try{return r(...a)}finally{n=void 0}}}},v=i=>{const u={rootLocator:i,driver:k(i)};return new d.VividWrapper(u)};exports.vividCypress=v;
package/dist/cypress.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as w } from "./components.generated-C5nSqcG_.js";
1
+ import { V as w } from "./components.generated-DaiiXLEV.js";
2
2
  const d = async () => new Promise((i) => requestAnimationFrame(() => i())), k = (i) => {
3
3
  const u = (r) => r === i;
4
4
  let a;
package/dist/dom.cjs CHANGED
@@ -1,3 +1,3 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-BjcfXR52.cjs"),w=require("@testing-library/user-event"),n=()=>new Promise(c=>{requestAnimationFrame(()=>c())}),l=c=>{const s=w.setup(),i=async r=>{r.focus(),r.value="",r.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))};return{querySelector:(r,t)=>{const a=r.querySelector(t);if(!a)throw new Error(`Could not find element: ${t}`);return a},enterShadow(r){if(!r.shadowRoot)throw new Error(`Element ${r.outerHTML} does not have a shadow root`);return r.shadowRoot},querySelectorAll:(r,t)=>r?Array.from(r.querySelectorAll(t)):[],nth:(r,t)=>{if(t<0||t>r.length-1)throw new Error(`Could not find element with index "${t}". Collection only has "${r.length}" elements.`);return r[t]},userClick:async r=>{await s.click(r),await n()},userFill:async(r,t)=>{await i(r),t&&await s.type(r,t),await n()},userClear:async r=>{await i(r),await n()},userFocus:async r=>{r.focus(),await n()},userBlur:async r=>{r.blur(),(r.tagName==="INPUT"||r.tagName==="TEXTAREA")&&r.dispatchEvent(new InputEvent("change",{bubbles:!0,composed:!0})),await n()},userHover:async r=>{await s.hover(r),await n()},userDragSlider:async(r,t,a,e)=>{if(a.id==="start-thumb"){const o=r;o.startAsNumber=e,o.$emit("input:start"),o.$emit("input")}else if(a.id==="end-thumb"){const o=r;o.endAsNumber=e,o.$emit("input:end"),o.$emit("input")}else{const o=r;o.valueAsNumber=e}await n()},eval:async(r,t,a,e)=>{const o=await t(r,a);await(e==null?void 0:e(o))},waitForUpdate:async()=>{await n()},expectEq:(r,t,a)=>{switch(r.type){case"eval":try{c(r.fn(r.el,r.arg)).toEqual(t)}catch(e){throw e instanceof Error&&(e.message=`${a}
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-BM4vEWGz.cjs"),w=require("@testing-library/user-event"),n=()=>new Promise(c=>{requestAnimationFrame(()=>c())}),l=c=>{const s=w.setup(),i=async r=>{r.focus(),r.value="",r.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))};return{querySelector:(r,t)=>{const a=r.querySelector(t);if(!a)throw new Error(`Could not find element: ${t}`);return a},enterShadow(r){if(!r.shadowRoot)throw new Error(`Element ${r.outerHTML} does not have a shadow root`);return r.shadowRoot},querySelectorAll:(r,t)=>r?Array.from(r.querySelectorAll(t)):[],nth:(r,t)=>{if(t<0||t>r.length-1)throw new Error(`Could not find element with index "${t}". Collection only has "${r.length}" elements.`);return r[t]},userClick:async r=>{await s.click(r),await n()},userFill:async(r,t)=>{await i(r),t&&await s.type(r,t),await n()},userClear:async r=>{await i(r),await n()},userFocus:async r=>{r.focus(),await n()},userBlur:async r=>{r.blur(),(r.tagName==="INPUT"||r.tagName==="TEXTAREA")&&r.dispatchEvent(new InputEvent("change",{bubbles:!0,composed:!0})),await n()},userHover:async r=>{await s.hover(r),await n()},userDragSlider:async(r,t,a,e)=>{if(a.id==="start-thumb"){const o=r;o.startAsNumber=e,o.$emit("input:start"),o.$emit("input")}else if(a.id==="end-thumb"){const o=r;o.endAsNumber=e,o.$emit("input:end"),o.$emit("input")}else{const o=r;o.valueAsNumber=e}await n()},eval:async(r,t,a,e)=>{const o=await t(r,a);await(e==null?void 0:e(o))},waitForUpdate:async()=>{await n()},expectEq:(r,t,a)=>{switch(r.type){case"eval":try{c(r.fn(r.el,r.arg)).toEqual(t)}catch(e){throw e instanceof Error&&(e.message=`${a}
2
2
 
3
3
  Original error: ${e.message}`),e}break;case"count":c(r.el.length).toEqual(t);break}},wrapAction:r=>async function t(...a){try{return await r(...a)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapExpect:r=>function t(...a){try{return r(...a)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapSelector:r=>function t(...a){try{return r(...a)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}}}},p=(c,s)=>{const i={rootLocator:s,driver:l(c)};return new u.VividWrapper(i)};exports.vividDOM=p;
package/dist/dom.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as u } from "./components.generated-C5nSqcG_.js";
1
+ import { V as u } from "./components.generated-DaiiXLEV.js";
2
2
  import w from "@testing-library/user-event";
3
3
  const n = () => new Promise((c) => {
4
4
  requestAnimationFrame(() => c());
@@ -1,3 +1,3 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-BjcfXR52.cjs"),w=c=>({querySelector:(r,e)=>r.locator(e),enterShadow:r=>r,querySelectorAll:(r,e)=>r.locator(e),nth:(r,e)=>r.nth(e),userClick:r=>r.click(),userFill:(r,e)=>r.fill(e),userClear:r=>r.clear(),userFocus:r=>r.focus(),userBlur:r=>r.blur(),userHover:r=>r.hover(),userDragSlider:async(r,e,a,t)=>{const s=await a.getAttribute("id");await r.evaluate((o,[l,n])=>{if(l==="start-thumb"){const i=o;i.startAsNumber=n,i.$emit("input:start"),i.$emit("input")}else if(l==="end-thumb"){const i=o;i.endAsNumber=n,i.$emit("input:end"),i.$emit("input")}else{const i=o;i.valueAsNumber=n}},[s,t])},eval:async(r,e,a,t)=>{const s=await r.evaluate(e,a);await(t==null?void 0:t(s))},waitForUpdate:async r=>{await r.evaluate(()=>new Promise(e=>{requestAnimationFrame(()=>e())}))},expectEq:async(r,e,a)=>{switch(r.type){case"eval":try{await c(async()=>c(await r.el.evaluate(r.fn,r.arg)).toEqual(e)).toPass()}catch(t){throw t instanceof Error&&(t.message=`${a}
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-BM4vEWGz.cjs"),w=c=>({querySelector:(r,e)=>r.locator(e),enterShadow:r=>r,querySelectorAll:(r,e)=>r.locator(e),nth:(r,e)=>r.nth(e),userClick:r=>r.click(),userFill:(r,e)=>r.fill(e),userClear:r=>r.clear(),userFocus:r=>r.focus(),userBlur:r=>r.blur(),userHover:r=>r.hover(),userDragSlider:async(r,e,a,t)=>{const s=await a.getAttribute("id");await r.evaluate((o,[l,n])=>{if(l==="start-thumb"){const i=o;i.startAsNumber=n,i.$emit("input:start"),i.$emit("input")}else if(l==="end-thumb"){const i=o;i.endAsNumber=n,i.$emit("input:end"),i.$emit("input")}else{const i=o;i.valueAsNumber=n}},[s,t])},eval:async(r,e,a,t)=>{const s=await r.evaluate(e,a);await(t==null?void 0:t(s))},waitForUpdate:async r=>{await r.evaluate(()=>new Promise(e=>{requestAnimationFrame(()=>e())}))},expectEq:async(r,e,a)=>{switch(r.type){case"eval":try{await c(async()=>c(await r.el.evaluate(r.fn,r.arg)).toEqual(e)).toPass()}catch(t){throw t instanceof Error&&(t.message=`${a}
2
2
 
3
3
  Original error: ${t.message}`),t}break;case"count":await c(r.el).toHaveCount(e);break}},wrapAction:r=>async function e(...a){try{return await r(...a)}catch(t){throw t instanceof Error&&Error.captureStackTrace(t,e),t}},wrapExpect:r=>async function e(...a){try{return await r(...a)}catch(t){throw t instanceof Error&&Error.captureStackTrace(t,e),t}},wrapSelector:r=>r}),p=(c,r)=>{const e={rootLocator:c,driver:w(r)};return new u.VividWrapper(e)};exports.vividPlaywright=p;
@@ -1,4 +1,4 @@
1
- import { V as u } from "./components.generated-C5nSqcG_.js";
1
+ import { V as u } from "./components.generated-DaiiXLEV.js";
2
2
  const w = (i) => ({
3
3
  querySelector: (r, t) => r.locator(t),
4
4
  enterShadow: (r) => r,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-test-utils",
3
- "version": "5.7.0",
3
+ "version": "5.9.0",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./dom": {
@@ -29,7 +29,7 @@
29
29
  ],
30
30
  "dependencies": {
31
31
  "@testing-library/user-event": "^14.6.1",
32
- "@vonage/vivid": "^5.7.0"
32
+ "@vonage/vivid": "^5.9.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@playwright/test": "1.57.0",
@@ -43,11 +43,11 @@
43
43
  "vue": "^3.5.24",
44
44
  "wait-on": "^8.0.5",
45
45
  "@repo/eslint-config": "1.0.0",
46
- "@repo/typescript-config": "1.0.0",
47
46
  "@repo/shared": "1.0.0",
48
- "@repo/wrapper-gen": "1.0.0",
47
+ "@repo/typescript-config": "1.0.0",
49
48
  "@repo/vitest-config": "1.0.0",
50
- "@vonage/vivid-vue": "5.7.0"
49
+ "@repo/wrapper-gen": "1.0.0",
50
+ "@vonage/vivid-vue": "5.9.0"
51
51
  },
52
52
  "scripts": {
53
53
  "prebuild": "tsx scripts/codegen.ts",
@@ -1 +0,0 @@
1
- "use strict";class n{constructor(r,s){this.ctx=r,this.locator=s}unwrap(){return this.locator}assert(r,s,t,i){return this.ctx.driver.expectEq({type:"eval",el:this.locator,fn:s,arg:i},t,`Failed to assert condition: "${r}"`)}}class a{constructor(r){this.ctx=r,this.all=this.ctx.driver.wrapSelector(()=>new xe(this.ctx,this,this.ctx.driver.querySelectorAll(this.ctx.rootLocator,`[data-vvd-component="${this.componentInfo.name}"]`)))}}class xe{constructor(r,s,t){this.ctx=r,this.component=s,this.locator=t,this.type="collection",this.nth=this.ctx.driver.wrapSelector(i=>this.component.wrap(this.ctx.driver.nth(this.locator,i)))}}class ve{constructor(r,s){this.ctx=r,this.locator=s,this.toHaveCount=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({el:this.locator.locator,type:"count"},t,`toHaveCount(${t})`))}}const ue=e=>e.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/'/g,"\\'"),A=(e,r)=>r.map(([s,t])=>`[data-vvd-component="${e}"][${s}="${ue(t)}"]`).join(",");function h(e){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["data-testid",e],["data-test-id",e],["data-cy",e]])))}function x(e){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["label",e],["aria-label",e],["data-vvd-aria-label",e]])))}function we(e){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["heading",e]])))}function T(e){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["headline",e]])))}function B(e){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["text",e]])))}const f=e=>{if(!e.length)return;const r=e[0],s=e.slice(1),t=r();return t instanceof Promise?t.then(()=>f(s)):f(s)};function I(e){return e.checked}function g(e){return e.indeterminate?"indeterminate":e.checked?"checked":"unchecked"}function m(e){return e.errorValidationMessage}function _(e){return e.headline}function E(e){return e.open}function u(e){return e.value}function z(e){return e.valueAsNumber}function be(e){return e.values}function me(e){return e.selectedOptions.map(r=>r.label)}function R(e){return e.expanded}function L(e){return e.active}function H(e){return e.current}function O(e){return e.selected}function S(e){return e.disabled}function fe(e){return[e.start,e.end]}function Ee(e){return[e.startAsNumber,e.endAsNumber]}function ye(e){return e.name}function Ie(e){return e.total}function ge(e){return e.selectedIndex+1||null}function w(e){const r=e.shadowRoot.querySelector("slot[name=icon]");if(r){const t=r.assignedElements()[0];if((t==null?void 0:t.dataset.vvdComponent)==="icon")return t.name}const s=e.shadowRoot.querySelector('slot[name="icon"] [data-vvd-component="icon"], span.icon [data-vvd-component="icon"]');return s?s.name:null}function b(e){return this.ctx.driver.userClick(e())}function V(e,r){return this.ctx.driver.userFill(e(),r)}function Ae(e){return f([()=>this.ctx.driver.userFill(this.control(),e),()=>this.ctx.driver.userBlur(this.control())])}function W(e){return this.ctx.driver.userClear(e())}function He(){return f([()=>this.ctx.driver.userClear(this.control()),()=>this.ctx.driver.userBlur(this.control())])}function J(e){return f([()=>this.assert("Component is unchecked before it can be checked",g,"unchecked"),()=>this.ctx.driver.userClick(e()),()=>this.assert("Component is checked after checking it",g,"checked")])}function K(e){return f([()=>this.assert("Component is checked before it can be unchecked",g,"checked"),()=>this.ctx.driver.userClick(e()),()=>this.assert("Component is unchecked after unchecking it",g,"unchecked")])}function p(e){return this.ctx.driver.userFocus(e())}function d(e){return this.ctx.driver.userBlur(e())}function l(e){return this.ctx.driver.userHover(e())}function D(e){return Q.call(this,A("option",[["value",e]]))}function G(e){return Q.call(this,A("option",[["text",e]]))}function Q(e){return this.ctx.driver.eval(this.locator,r=>r.open,void 0,r=>f([()=>{if(!r)return this.ctx.driver.userClick(this.locator)},()=>this.ctx.driver.expectEq({type:"eval",el:this.ctx.driver.querySelector(this.locator,e),fn:s=>!!s.selected},!1,"Option is unselected before it can be selected"),()=>this.ctx.driver.expectEq({type:"eval",el:this.ctx.driver.querySelector(this.locator,e),fn:s=>!!s.disabled},!1,"Option is not disabled before it can be selected"),()=>this.ctx.driver.eval(this.ctx.driver.querySelector(this.locator,e),s=>s.click()),()=>this.ctx.driver.expectEq({type:"eval",el:this.ctx.driver.querySelector(this.locator,e),fn:s=>!!s.selected},!0,"Option is selected after selecting it")]))}function C(e){return e().click()}const P=e=>{const[r,s,t]=e.split("-");return`${s}/${t}/${r}`};function Pe(e){return f([()=>this.control().fill(P(e)),()=>this.control().blur()])}function $(){return f([()=>this.pickerButton().click(),()=>this.clearButton().click()])}const X=e=>{const[r,s,t]=e.split(":"),i=+r%12||12,c=+r<12?"AM":"PM";return`${i}:${s}:${t} ${c}`};function $e(e){return f([()=>this.control().fill(X(e)),()=>this.control().blur()])}const qe=([e,r])=>`${P(e)} – ${P(r)}`;function Se(e){return f([()=>this.control().fill(qe(e)),()=>this.control().blur()])}const Ce=e=>{const[r,s]=e.split("T");return`${P(r)} ${X(s)}`};function ke(e){return f([()=>this.control().fill(Ce(e)),()=>this.control().blur()])}function k(e,r,s){return this.ctx.driver.userDragSlider(this.locator,e(),r(),s)}function Te(e){return this.ctx.driver.userClick(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.locator),`.vwc-pagination-button[label="${e+1}"]`))}function F(e){return f([()=>this.assert(`Component is ${e?"collapsed":"expanded"} before it can be ${e?"expanded":"collapsed"}`,r=>!!r.expanded,!e),()=>this.ctx.driver.userClick(this.button()),()=>this.assert(`Component is ${e?"expanded":"collapsed"} after ${e?"expanding":"collapsing"} it`,r=>!!r.expanded,e)])}function U(e){return f([()=>this.assert(`Component is ${e?"closed":"open"} before it can be ${e?"expanded":"collapsed"}`,r=>!!r.open,!e),()=>this.ctx.driver.userClick(this.summary()),()=>this.assert(`Component is ${e?"open":"closed"} after ${e?"expanding":"collapsing"} it`,r=>!!r.open,e)])}function M(e){return f([()=>this.ctx.driver.userClick(this.base()),()=>this.assert(`Component is ${e?"selected":"unselected"} after ${e?"selecting":"unselecting"} it`,r=>!!r.selected,e)])}function Be(e){return this.ctx.driver.querySelector(this.unwrap(),e)}function v(e){return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),e)}function Ve(e,r){return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),e)),r)}function y(e){return new at(this.ctx,this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),e))}function q(e){return new oe(this.ctx,this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),e))}const Y={name:"accordion"};class We extends n{constructor(){super(...arguments),this.type="accordion",this.componentInfo=Y,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class De extends a{constructor(){super(...arguments),this.componentInfo=Y,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new We(this.ctx,r)}}class Ge{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const Z={name:"accordion-item"};class Re extends n{constructor(){super(...arguments),this.type="accordionItem",this.componentInfo=Z,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.expand=this.ctx.driver.wrapAction(F.bind(this,!0)),this.collapse=this.ctx.driver.wrapAction(F.bind(this,!1)),this.button=v.bind(this,".heading-button")}}class Le extends a{constructor(){super(...arguments),this.componentInfo=Z,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byHeading=this.ctx.driver.wrapSelector(we.bind(this))}wrap(r){return new Re(this.ctx,r)}}class Oe{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toBeExpanded=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:R},!0,"toBeExpanded()")),this.toBeCollapsed=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:R},!1,"toBeCollapsed()"))}}const N={name:"action-group"};class Fe extends n{constructor(){super(...arguments),this.type="actionGroup",this.componentInfo=N,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Ue extends a{constructor(){super(...arguments),this.componentInfo=N,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Fe(this.ctx,r)}}class Me{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const tt={name:"alert"};class je extends n{constructor(){super(...arguments),this.type="alert",this.componentInfo=tt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class _e extends a{constructor(){super(...arguments),this.componentInfo=tt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byHeadline=this.ctx.driver.wrapSelector(T.bind(this))}wrap(r){return new je(this.ctx,r)}}class ze{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toBeOpen=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!0,"toBeOpen()")),this.toBeClosed=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!1,"toBeClosed()"))}}const et={name:"audio-player"};class Je extends n{constructor(){super(...arguments),this.type="audioPlayer",this.componentInfo=et,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Ke extends a{constructor(){super(...arguments),this.componentInfo=et,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Je(this.ctx,r)}}class Qe{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const rt={name:"avatar"};class Xe extends n{constructor(){super(...arguments),this.type="avatar",this.componentInfo=rt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Ye extends a{constructor(){super(...arguments),this.componentInfo=rt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Xe(this.ctx,r)}}class Ze{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const it={name:"badge"};class Ne extends n{constructor(){super(...arguments),this.type="badge",this.componentInfo=it,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class tr extends a{constructor(){super(...arguments),this.componentInfo=it,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ne(this.ctx,r)}}class er{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const st={name:"banner"};class rr extends n{constructor(){super(...arguments),this.type="banner",this.componentInfo=st,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.dismiss=this.ctx.driver.wrapAction(C.bind(this,()=>this.dismissButton())),this.dismissButton=y.bind(this,".dismiss-button")}}class ir extends a{constructor(){super(...arguments),this.componentInfo=st,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byText=this.ctx.driver.wrapSelector(B.bind(this))}wrap(r){return new rr(this.ctx,r)}}class sr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const ct={name:"breadcrumb"};class cr extends n{constructor(){super(...arguments),this.type="breadcrumb",this.componentInfo=ct,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class or extends a{constructor(){super(...arguments),this.componentInfo=ct,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new cr(this.ctx,r)}}class nr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(t,i)=>{throw new Error("Component does not have props.")}}}const ot={name:"breadcrumb-item"};class ar extends n{constructor(){super(...arguments),this.type="breadcrumbItem",this.componentInfo=ot,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class hr extends a{constructor(){super(...arguments),this.componentInfo=ot,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new ar(this.ctx,r)}}class pr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const nt={name:"button"};class at extends n{constructor(){super(...arguments),this.type="button",this.componentInfo=nt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.control())),this.control=v.bind(this,"button.control")}}class dr extends a{constructor(){super(...arguments),this.componentInfo=nt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new at(this.ctx,r)}}class lr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const ht={name:"calendar"};class xr extends n{constructor(){super(...arguments),this.type="calendar",this.componentInfo=ht,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class vr extends a{constructor(){super(...arguments),this.componentInfo=ht,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new xr(this.ctx,r)}}class ur{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const pt={name:"calendar-event"};class wr extends n{constructor(){super(...arguments),this.type="calendarEvent",this.componentInfo=pt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class br extends a{constructor(){super(...arguments),this.componentInfo=pt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new wr(this.ctx,r)}}class mr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const dt={name:"card"};class fr extends n{constructor(){super(...arguments),this.type="card",this.componentInfo=dt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Er extends a{constructor(){super(...arguments),this.componentInfo=dt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new fr(this.ctx,r)}}class yr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveHeadline=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:_},t,"toHaveHeadline(${value})"))}}const lt={name:"checkbox"};class Ir extends n{constructor(){super(...arguments),this.type="checkbox",this.componentInfo=lt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.check=this.ctx.driver.wrapAction(J.bind(this,()=>this.control())),this.uncheck=this.ctx.driver.wrapAction(K.bind(this,()=>this.control())),this.control=v.bind(this,"div.control")}}class gr extends a{constructor(){super(...arguments),this.componentInfo=lt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Ir(this.ctx,r)}}class Ar{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toBeChecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:g},"checked","toBeChecked()")),this.toBeUnchecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:g},"unchecked","toBeUnchecked()")),this.toBeIndeterminate=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:g},"indeterminate","toBeIndeterminate()"))}}const xt={name:"color-picker"};class Hr extends n{constructor(){super(...arguments),this.type="colorPicker",this.componentInfo=xt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Pr extends a{constructor(){super(...arguments),this.componentInfo=xt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Hr(this.ctx,r)}}class $r{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const vt={name:"combobox"};class qr extends n{constructor(){super(...arguments),this.type="combobox",this.componentInfo=vt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.fill=this.ctx.driver.wrapAction(Ae.bind(this)),this.clear=this.ctx.driver.wrapAction(He.bind(this)),this.selectOptionByText=this.ctx.driver.wrapAction(G.bind(this)),this.selectOptionByValue=this.ctx.driver.wrapAction(D.bind(this)),this.control=v.bind(this,"input.control")}}class Sr extends a{constructor(){super(...arguments),this.componentInfo=vt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new qr(this.ctx,r)}}class Cr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const ut={name:"data-grid"};class kr extends n{constructor(){super(...arguments),this.type="dataGrid",this.componentInfo=ut,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Tr extends a{constructor(){super(...arguments),this.componentInfo=ut,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new kr(this.ctx,r)}}class Br{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const wt={name:"data-grid-cell"};class Vr extends n{constructor(){super(...arguments),this.type="dataGridCell",this.componentInfo=wt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Wr extends a{constructor(){super(...arguments),this.componentInfo=wt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Vr(this.ctx,r)}}class Dr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const bt={name:"data-grid-row"};class Gr extends n{constructor(){super(...arguments),this.type="dataGridRow",this.componentInfo=bt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Rr extends a{constructor(){super(...arguments),this.componentInfo=bt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Gr(this.ctx,r)}}class Lr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const mt={name:"date-picker"};class Or extends n{constructor(){super(...arguments),this.type="datePicker",this.componentInfo=mt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.clear=this.ctx.driver.wrapAction($.bind(this)),this.selectDate=this.ctx.driver.wrapAction(Pe.bind(this)),this.control=q.bind(this,"[data-vvd-component=text-field].control"),this.pickerButton=y.bind(this,"#picker-button"),this.clearButton=y.bind(this,"#clear-button")}}class Fr extends a{constructor(){super(...arguments),this.componentInfo=mt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Or(this.ctx,r)}}class Ur{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const ft={name:"date-range-picker"};class Mr extends n{constructor(){super(...arguments),this.type="dateRangePicker",this.componentInfo=ft,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.clear=this.ctx.driver.wrapAction($.bind(this)),this.selectDateRange=this.ctx.driver.wrapAction(Se.bind(this)),this.control=q.bind(this,"[data-vvd-component=text-field].control"),this.pickerButton=y.bind(this,"#picker-button"),this.clearButton=y.bind(this,"#clear-button")}}class jr extends a{constructor(){super(...arguments),this.componentInfo=ft,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Mr(this.ctx,r)}}class _r{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toHaveRange=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:fe},t,"toHaveRange(${value})"))}}const Et={name:"date-time-picker"};class zr extends n{constructor(){super(...arguments),this.type="dateTimePicker",this.componentInfo=Et,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.clear=this.ctx.driver.wrapAction($.bind(this)),this.selectDateTime=this.ctx.driver.wrapAction(ke.bind(this)),this.control=q.bind(this,"[data-vvd-component=text-field].control"),this.pickerButton=y.bind(this,"#picker-button"),this.clearButton=y.bind(this,"#clear-button")}}class Jr extends a{constructor(){super(...arguments),this.componentInfo=Et,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new zr(this.ctx,r)}}class Kr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const yt={name:"dial-pad"};class Qr extends n{constructor(){super(...arguments),this.type="dialPad",this.componentInfo=yt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Xr extends a{constructor(){super(...arguments),this.componentInfo=yt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Qr(this.ctx,r)}}class Yr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const It={name:"dialog"};class Zr extends n{constructor(){super(...arguments),this.type="dialog",this.componentInfo=It,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.dismiss=this.ctx.driver.wrapAction(b.bind(this,()=>this.dismissButton())),this.dismissButton=v.bind(this,".dismiss-button")}}class Nr extends a{constructor(){super(...arguments),this.componentInfo=It,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byHeadline=this.ctx.driver.wrapSelector(T.bind(this))}wrap(r){return new Zr(this.ctx,r)}}class ti{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toBeOpen=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!0,"toBeOpen()")),this.toBeClosed=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!1,"toBeClosed()")),this.toHaveHeadline=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:_},t,"toHaveHeadline(${value})"))}}const gt={name:"divider"};class ei extends n{constructor(){super(...arguments),this.type="divider",this.componentInfo=gt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class ri extends a{constructor(){super(...arguments),this.componentInfo=gt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new ei(this.ctx,r)}}class ii{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const At={name:"empty-state"};class si extends n{constructor(){super(...arguments),this.type="emptyState",this.componentInfo=At,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class ci extends a{constructor(){super(...arguments),this.componentInfo=At,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new si(this.ctx,r)}}class oi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const Ht={name:"fab"};class ni extends n{constructor(){super(...arguments),this.type="fab",this.componentInfo=Ht,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.control())),this.control=v.bind(this,"button.control")}}class ai extends a{constructor(){super(...arguments),this.componentInfo=Ht,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ni(this.ctx,r)}}class hi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const Pt={name:"file-picker"};class pi extends n{constructor(){super(...arguments),this.type="filePicker",this.componentInfo=Pt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class di extends a{constructor(){super(...arguments),this.componentInfo=Pt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new pi(this.ctx,r)}}class li{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const $t={name:"header"};class xi extends n{constructor(){super(...arguments),this.type="header",this.componentInfo=$t,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class vi extends a{constructor(){super(...arguments),this.componentInfo=$t,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new xi(this.ctx,r)}}class ui{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const qt={name:"icon"};class wi extends n{constructor(){super(...arguments),this.type="icon",this.componentInfo=qt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class bi extends a{constructor(){super(...arguments),this.componentInfo=qt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new wi(this.ctx,r)}}class mi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveName=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:ye},t,"toHaveName(${value})"))}}const St={name:"layout"};class fi extends n{constructor(){super(...arguments),this.type="layout",this.componentInfo=St,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Ei extends a{constructor(){super(...arguments),this.componentInfo=St,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new fi(this.ctx,r)}}class yi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const Ct={name:"menu"};class Ii extends n{constructor(){super(...arguments),this.type="menu",this.componentInfo=Ct,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class gi extends a{constructor(){super(...arguments),this.componentInfo=Ct,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Ii(this.ctx,r)}}class Ai{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toBeOpen=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!0,"toBeOpen()")),this.toBeClosed=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!1,"toBeClosed()"))}}const kt={name:"menu-item"};class Hi extends n{constructor(){super(...arguments),this.type="menuItem",this.componentInfo=kt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.base())),this.base=v.bind(this,".base")}}class Pi extends a{constructor(){super(...arguments),this.componentInfo=kt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byText=this.ctx.driver.wrapSelector(B.bind(this))}wrap(r){return new Hi(this.ctx,r)}}class $i{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toBeChecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!0,"toBeChecked()")),this.toBeUnchecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!1,"toBeUnchecked()")),this.toHaveDisabled=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:S},t,"toHaveDisabled(${value})"))}}const Tt={name:"nav"};class qi extends n{constructor(){super(...arguments),this.type="nav",this.componentInfo=Tt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Si extends a{constructor(){super(...arguments),this.componentInfo=Tt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new qi(this.ctx,r)}}class Ci{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(t,i)=>{throw new Error("Component does not have props.")}}}const Bt={name:"nav-disclosure"};class ki extends n{constructor(){super(...arguments),this.type="navDisclosure",this.componentInfo=Bt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.expand=this.ctx.driver.wrapAction(U.bind(this,!0)),this.collapse=this.ctx.driver.wrapAction(U.bind(this,!1)),this.summary=v.bind(this,"summary")}}class Ti extends a{constructor(){super(...arguments),this.componentInfo=Bt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ki(this.ctx,r)}}class Bi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toBeCurrent=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:H},!0,"toBeCurrent()")),this.notToBeCurrent=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:H},!1,"notToBeCurrent()")),this.toBeOpen=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!0,"toBeOpen()")),this.toBeClosed=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!1,"toBeClosed()"))}}const Vt={name:"nav-item"};class Vi extends n{constructor(){super(...arguments),this.type="navItem",this.componentInfo=Vt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.control())),this.control=v.bind(this,".control")}}class Wi extends a{constructor(){super(...arguments),this.componentInfo=Vt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Vi(this.ctx,r)}}class Di{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toBeCurrent=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:H},!0,"toBeCurrent()")),this.notToBeCurrent=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:H},!1,"notToBeCurrent()"))}}const Wt={name:"note"};class Gi extends n{constructor(){super(...arguments),this.type="note",this.componentInfo=Wt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Ri extends a{constructor(){super(...arguments),this.componentInfo=Wt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Gi(this.ctx,r)}}class Li{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const Dt={name:"number-field"};class Oi extends n{constructor(){super(...arguments),this.type="numberField",this.componentInfo=Dt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.fill=this.ctx.driver.wrapAction(V.bind(this,()=>this.control())),this.clear=this.ctx.driver.wrapAction(W.bind(this,()=>this.control())),this.clickIncrement=this.ctx.driver.wrapAction(C.bind(this,()=>this.incrementButton())),this.clickDecrement=this.ctx.driver.wrapAction(C.bind(this,()=>this.decrementButton())),this.control=v.bind(this,"input.control"),this.incrementButton=y.bind(this,"#add"),this.decrementButton=y.bind(this,"#subtract")}}class Fi extends a{constructor(){super(...arguments),this.componentInfo=Dt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Oi(this.ctx,r)}}class Ui{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toHaveValueAsNumber=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:z},t,"toHaveValueAsNumber(${value})"))}}const Gt={name:"option"};class Mi extends n{constructor(){super(...arguments),this.type="option",this.componentInfo=Gt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.locator))}}class ji extends a{constructor(){super(...arguments),this.componentInfo=Gt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Mi(this.ctx,r)}}class _i{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const Rt={name:"pagination"};class zi extends n{constructor(){super(...arguments),this.type="pagination",this.componentInfo=Rt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.clickNext=this.ctx.driver.wrapAction(b.bind(this,()=>this.nextButton())),this.clickPrev=this.ctx.driver.wrapAction(b.bind(this,()=>this.prevButton())),this.clickPageIndex=this.ctx.driver.wrapAction(Te.bind(this)),this.nextButton=v.bind(this,".next-button"),this.prevButton=v.bind(this,".prev-button")}}class Ji extends a{constructor(){super(...arguments),this.componentInfo=Rt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new zi(this.ctx,r)}}class Ki{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveTotal=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:Ie},t,"toHaveTotal(${value})")),this.toHaveSelectedPage=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:ge},t,"toHaveSelectedPage(${value})"))}}const Lt={name:"progress"};class Qi extends n{constructor(){super(...arguments),this.type="progress",this.componentInfo=Lt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Xi extends a{constructor(){super(...arguments),this.componentInfo=Lt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Qi(this.ctx,r)}}class Yi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const Ot={name:"progress-ring"};class Zi extends n{constructor(){super(...arguments),this.type="progressRing",this.componentInfo=Ot,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Ni extends a{constructor(){super(...arguments),this.componentInfo=Ot,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Zi(this.ctx,r)}}class ts{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const Ft={name:"radio"};class es extends n{constructor(){super(...arguments),this.type="radio",this.componentInfo=Ft,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.check=this.ctx.driver.wrapAction(b.bind(this,()=>this.control())),this.control=v.bind(this,".control")}}class rs extends a{constructor(){super(...arguments),this.componentInfo=Ft,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new es(this.ctx,r)}}class is{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toBeChecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!0,"toBeChecked()")),this.toBeUnchecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!1,"toBeUnchecked()"))}}const Ut={name:"radio-group"};class ss extends n{constructor(){super(...arguments),this.type="radioGroup",this.componentInfo=Ut,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class cs extends a{constructor(){super(...arguments),this.componentInfo=Ut,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new ss(this.ctx,r)}}class os{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const Mt={name:"range-slider"};class ns extends n{constructor(){super(...arguments),this.type="rangeSlider",this.componentInfo=Mt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.slideStartTo=this.ctx.driver.wrapAction(k.bind(this,()=>this.track(),()=>this.startThumb())),this.slideEndTo=this.ctx.driver.wrapAction(k.bind(this,()=>this.track(),()=>this.endThumb())),this.track=v.bind(this,".control"),this.startThumb=v.bind(this,"#start-thumb"),this.endThumb=v.bind(this,"#end-thumb")}}class as extends a{constructor(){super(...arguments),this.componentInfo=Mt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ns(this.ctx,r)}}class hs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toHaveRange=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:Ee},t,"toHaveRange(${value})"))}}const jt={name:"rich-text-editor"};class ps extends n{constructor(){super(...arguments),this.type="richTextEditor",this.componentInfo=jt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class ds extends a{constructor(){super(...arguments),this.componentInfo=jt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new ps(this.ctx,r)}}class ls{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const _t={name:"searchable-select"};class xs extends n{constructor(){super(...arguments),this.type="searchableSelect",this.componentInfo=_t,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.selectOptionByValue=this.ctx.driver.wrapAction(D.bind(this)),this.selectOptionByText=this.ctx.driver.wrapAction(G.bind(this))}}class vs extends a{constructor(){super(...arguments),this.componentInfo=_t,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new xs(this.ctx,r)}}class us{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toHaveValues=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:be},t,"toHaveValues(${value})")),this.toHaveSelectedOptions=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:me},t,"toHaveSelectedOptions(${value})"))}}const zt={name:"select"};class ws extends n{constructor(){super(...arguments),this.type="select",this.componentInfo=zt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.selectOptionByValue=this.ctx.driver.wrapAction(D.bind(this)),this.selectOptionByText=this.ctx.driver.wrapAction(G.bind(this))}}class bs extends a{constructor(){super(...arguments),this.componentInfo=zt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ws(this.ctx,r)}}class ms{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const Jt={name:"selectable-box"};class fs extends n{constructor(){super(...arguments),this.type="selectableBox",this.componentInfo=Jt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.check=this.ctx.driver.wrapAction(J.bind(this,()=>this.control())),this.uncheck=this.ctx.driver.wrapAction(K.bind(this,()=>this.control())),this.control=Ve.bind(this,"[data-vvd-component].control","div.control")}}class Es extends a{constructor(){super(...arguments),this.componentInfo=Jt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new fs(this.ctx,r)}}class ys{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toBeChecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!0,"toBeChecked()")),this.toBeUnchecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!1,"toBeUnchecked()"))}}const Kt={name:"side-drawer"};class Is extends n{constructor(){super(...arguments),this.type="sideDrawer",this.componentInfo=Kt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class gs extends a{constructor(){super(...arguments),this.componentInfo=Kt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Is(this.ctx,r)}}class As{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const Qt={name:"simple-color-picker"};class Hs extends n{constructor(){super(...arguments),this.type="simpleColorPicker",this.componentInfo=Qt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Ps extends a{constructor(){super(...arguments),this.componentInfo=Qt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Hs(this.ctx,r)}}class $s{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const Xt={name:"slider"};class qs extends n{constructor(){super(...arguments),this.type="slider",this.componentInfo=Xt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.slideTo=this.ctx.driver.wrapAction(k.bind(this,()=>this.track(),()=>this.thumb())),this.track=v.bind(this,".control"),this.thumb=v.bind(this,".thumb-container")}}class Ss extends a{constructor(){super(...arguments),this.componentInfo=Xt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new qs(this.ctx,r)}}class Cs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toHaveValueAsNumber=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:z},t,"toHaveValueAsNumber(${value})"))}}const Yt={name:"split-button"};class ks extends n{constructor(){super(...arguments),this.type="splitButton",this.componentInfo=Yt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.clickAction=this.ctx.driver.wrapAction(b.bind(this,()=>this.actionButton())),this.clickIndicator=this.ctx.driver.wrapAction(b.bind(this,()=>this.indicatorButton())),this.actionButton=v.bind(this,"button.control"),this.indicatorButton=v.bind(this,"button.indicator")}}class Ts extends a{constructor(){super(...arguments),this.componentInfo=Yt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ks(this.ctx,r)}}class Bs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const Zt={name:"switch"};class Vs extends n{constructor(){super(...arguments),this.type="switch",this.componentInfo=Zt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.check=this.ctx.driver.wrapAction(b.bind(this,()=>this.switch())),this.uncheck=this.ctx.driver.wrapAction(b.bind(this,()=>this.switch())),this.switch=v.bind(this,".switch")}}class Ws extends a{constructor(){super(...arguments),this.componentInfo=Zt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Vs(this.ctx,r)}}class Ds{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})")),this.toBeChecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!0,"toBeChecked()")),this.toBeUnchecked=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:I},!1,"toBeUnchecked()"))}}const Nt={name:"tab"};class Gs extends n{constructor(){super(...arguments),this.type="tab",this.componentInfo=Nt,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.select=this.ctx.driver.wrapAction(b.bind(this,()=>this.base())),this.base=v.bind(this,".base")}}class Rs extends a{constructor(){super(...arguments),this.componentInfo=Nt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Gs(this.ctx,r)}}class Ls{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toBeActive=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:L},!0,"toBeActive()")),this.toBeInactive=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:L},!1,"toBeInactive()"))}}const te={name:"tab-panel"};class Os extends n{constructor(){super(...arguments),this.type="tabPanel",this.componentInfo=te,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Fs extends a{constructor(){super(...arguments),this.componentInfo=te,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Os(this.ctx,r)}}class Us{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(t,i)=>{throw new Error("Component does not have props.")}}}const ee={name:"tabs"};class Ms extends n{constructor(){super(...arguments),this.type="tabs",this.componentInfo=ee,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class js extends a{constructor(){super(...arguments),this.componentInfo=ee,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ms(this.ctx,r)}}class _s{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const re={name:"tag"};class zs extends n{constructor(){super(...arguments),this.type="tag",this.componentInfo=re,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.base())),this.remove=this.ctx.driver.wrapAction(b.bind(this,()=>this.dismissButton())),this.select=this.ctx.driver.wrapAction(M.bind(this,!0)),this.unselect=this.ctx.driver.wrapAction(M.bind(this,!1)),this.base=v.bind(this,".base"),this.dismissButton=v.bind(this,".dismiss-button")}}class Js extends a{constructor(){super(...arguments),this.componentInfo=re,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new zs(this.ctx,r)}}class Ks{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toBeSelected=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:O},!0,"toBeSelected()")),this.toBeUnselected=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:O},!1,"toBeUnselected()")),this.toBeDisabled=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:S},!0,"toBeDisabled()")),this.notToBeDisabled=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:S},!1,"notToBeDisabled()"))}}const ie={name:"tag-group"};class Qs extends n{constructor(){super(...arguments),this.type="tagGroup",this.componentInfo=ie,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class Xs extends a{constructor(){super(...arguments),this.componentInfo=ie,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Qs(this.ctx,r)}}class Ys{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(t,i)=>{throw new Error("Component does not have props.")}}}const se={name:"text-area"};class Zs extends n{constructor(){super(...arguments),this.type="textArea",this.componentInfo=se,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.fill=this.ctx.driver.wrapAction(V.bind(this,()=>this.control())),this.clear=this.ctx.driver.wrapAction(W.bind(this,()=>this.control())),this.control=v.bind(this,".control")}}class Ns extends a{constructor(){super(...arguments),this.componentInfo=se,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Zs(this.ctx,r)}}class tc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const ce={name:"text-field"};class oe extends n{constructor(){super(...arguments),this.type="textField",this.componentInfo=ce,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.fill=this.ctx.driver.wrapAction(V.bind(this,()=>this.control())),this.clear=this.ctx.driver.wrapAction(W.bind(this,()=>this.control())),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.control())),this.control=Be.bind(this,'input[slot="_control"]')}}class ec extends a{constructor(){super(...arguments),this.componentInfo=ce,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new oe(this.ctx,r)}}class rc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const ne={name:"time-picker"};class ic extends n{constructor(){super(...arguments),this.type="timePicker",this.componentInfo=ne,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator)),this.clear=this.ctx.driver.wrapAction($.bind(this)),this.selectTime=this.ctx.driver.wrapAction($e.bind(this)),this.control=q.bind(this,"[data-vvd-component=text-field].control"),this.pickerButton=y.bind(this,"#picker-button"),this.clearButton=y.bind(this,"#clear-button")}}class sc extends a{constructor(){super(...arguments),this.componentInfo=ne,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ic(this.ctx,r)}}class cc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},t,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},t,"toHaveValue(${value})"))}}const ae={name:"toggletip"};class oc extends n{constructor(){super(...arguments),this.type="toggletip",this.componentInfo=ae,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class nc extends a{constructor(){super(...arguments),this.componentInfo=ae,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byHeadline=this.ctx.driver.wrapSelector(T.bind(this))}wrap(r){return new oc(this.ctx,r)}}class ac{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toBeOpen=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!0,"toBeOpen()")),this.toBeClosed=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!1,"toBeClosed()"))}}const he={name:"tooltip"};class hc extends n{constructor(){super(...arguments),this.type="tooltip",this.componentInfo=he,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class pc extends a{constructor(){super(...arguments),this.componentInfo=he,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byText=this.ctx.driver.wrapSelector(B.bind(this))}wrap(r){return new hc(this.ctx,r)}}class dc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toBeOpen=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!0,"toBeOpen()")),this.toBeClosed=this.ctx.driver.wrapExpect(()=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:E},!1,"toBeClosed()"))}}const pe={name:"tree-item"};class lc extends n{constructor(){super(...arguments),this.type="treeItem",this.componentInfo=pe,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class xc extends a{constructor(){super(...arguments),this.componentInfo=pe,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new lc(this.ctx,r)}}class vc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(t=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},t,"toHaveIcon(${value})"))}}const de={name:"tree-view"};class uc extends n{constructor(){super(...arguments),this.type="treeView",this.componentInfo=de,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class wc extends a{constructor(){super(...arguments),this.componentInfo=de,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new uc(this.ctx,r)}}class bc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const le={name:"video-player"};class mc extends n{constructor(){super(...arguments),this.type="videoPlayer",this.componentInfo=le,this.hover=this.ctx.driver.wrapAction(l.bind(this,()=>this.locator)),this.focus=this.ctx.driver.wrapAction(p.bind(this,()=>this.locator)),this.blur=this.ctx.driver.wrapAction(d.bind(this,()=>this.locator))}}class fc extends a{constructor(){super(...arguments),this.componentInfo=le,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new mc(this.ctx,r)}}class Ec{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((t,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:t},i,`toHaveProp("${t}", ${i})`))}}const j={collection:ve,accordion:Ge,accordionItem:Oe,actionGroup:Me,alert:ze,audioPlayer:Qe,avatar:Ze,badge:er,banner:sr,breadcrumb:nr,breadcrumbItem:pr,button:lr,calendar:ur,calendarEvent:mr,card:yr,checkbox:Ar,colorPicker:$r,combobox:Cr,dataGrid:Br,dataGridCell:Dr,dataGridRow:Lr,datePicker:Ur,dateRangePicker:_r,dateTimePicker:Kr,dialPad:Yr,dialog:ti,divider:ii,emptyState:oi,fab:hi,filePicker:li,header:ui,icon:mi,layout:yi,menu:Ai,menuItem:$i,nav:Ci,navDisclosure:Bi,navItem:Di,note:Li,numberField:Ui,option:_i,pagination:Ki,progress:Yi,progressRing:ts,radio:is,radioGroup:os,rangeSlider:hs,richTextEditor:ls,searchableSelect:us,select:ms,selectableBox:ys,sideDrawer:As,simpleColorPicker:$s,slider:Cs,splitButton:Bs,switch:Ds,tab:Ls,tabPanel:Us,tabs:_s,tag:Ks,tagGroup:Ys,textArea:tc,textField:rc,timePicker:cc,toggletip:ac,tooltip:dc,treeItem:vc,treeView:bc,videoPlayer:Ec};class yc{constructor(r){this.ctx=r,this.accordion=new De(this.ctx),this.accordionItem=new Le(this.ctx),this.actionGroup=new Ue(this.ctx),this.alert=new _e(this.ctx),this.audioPlayer=new Ke(this.ctx),this.avatar=new Ye(this.ctx),this.badge=new tr(this.ctx),this.banner=new ir(this.ctx),this.breadcrumb=new or(this.ctx),this.breadcrumbItem=new hr(this.ctx),this.button=new dr(this.ctx),this.calendar=new vr(this.ctx),this.calendarEvent=new br(this.ctx),this.card=new Er(this.ctx),this.checkbox=new gr(this.ctx),this.colorPicker=new Pr(this.ctx),this.combobox=new Sr(this.ctx),this.dataGrid=new Tr(this.ctx),this.dataGridCell=new Wr(this.ctx),this.dataGridRow=new Rr(this.ctx),this.datePicker=new Fr(this.ctx),this.dateRangePicker=new jr(this.ctx),this.dateTimePicker=new Jr(this.ctx),this.dialPad=new Xr(this.ctx),this.dialog=new Nr(this.ctx),this.divider=new ri(this.ctx),this.emptyState=new ci(this.ctx),this.fab=new ai(this.ctx),this.filePicker=new di(this.ctx),this.header=new vi(this.ctx),this.icon=new bi(this.ctx),this.layout=new Ei(this.ctx),this.menu=new gi(this.ctx),this.menuItem=new Pi(this.ctx),this.nav=new Si(this.ctx),this.navDisclosure=new Ti(this.ctx),this.navItem=new Wi(this.ctx),this.note=new Ri(this.ctx),this.numberField=new Fi(this.ctx),this.option=new ji(this.ctx),this.pagination=new Ji(this.ctx),this.progress=new Xi(this.ctx),this.progressRing=new Ni(this.ctx),this.radio=new rs(this.ctx),this.radioGroup=new cs(this.ctx),this.rangeSlider=new as(this.ctx),this.richTextEditor=new ds(this.ctx),this.searchableSelect=new vs(this.ctx),this.select=new bs(this.ctx),this.selectableBox=new Es(this.ctx),this.sideDrawer=new gs(this.ctx),this.simpleColorPicker=new Ps(this.ctx),this.slider=new Ss(this.ctx),this.splitButton=new Ts(this.ctx),this.switch=new Ws(this.ctx),this.tab=new Rs(this.ctx),this.tabPanel=new Fs(this.ctx),this.tabs=new js(this.ctx),this.tag=new Js(this.ctx),this.tagGroup=new Xs(this.ctx),this.textArea=new Ns(this.ctx),this.textField=new ec(this.ctx),this.timePicker=new sc(this.ctx),this.toggletip=new nc(this.ctx),this.tooltip=new pc(this.ctx),this.treeItem=new xc(this.ctx),this.treeView=new wc(this.ctx),this.videoPlayer=new fc(this.ctx)}expect(r){if(r.type in j)return new j[r.type](this.ctx,r);throw new Error(`Unknown component type: ${r.type}`)}}exports.VividWrapper=yc;