@vonage/vivid-test-utils 5.8.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, 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, 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';
@@ -1515,6 +1515,38 @@ export declare class PaginationExpectations<D extends DriverT> {
1515
1515
  toHaveTotal: (value: any) => D["expectReturn"];
1516
1516
  toHaveSelectedPage: (value: any) => D["expectReturn"];
1517
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
+ }
1518
1550
  type ProgressProps = {
1519
1551
  connotation: 'accent' | 'success' | 'alert' | 'cta' | 'pacific';
1520
1552
  max: number;
@@ -1726,6 +1758,31 @@ export declare class RichTextEditorExpectations<D extends DriverT> {
1726
1758
  constructor(ctx: Context<D>, wrapper: RichTextEditorWrapper<D>);
1727
1759
  toHaveProp: <T extends "instance">(propName: T, value: RichTextEditorProps[T]) => D["expectReturn"];
1728
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
+ }
1729
1786
  type SearchableSelectProps = {
1730
1787
  appearance: 'fieldset' | 'ghost';
1731
1788
  clearable: boolean;
@@ -2115,6 +2172,138 @@ export declare class TabPanelExpectations<D extends DriverT> {
2115
2172
  constructor(ctx: Context<D>, wrapper: TabPanelWrapper<D>);
2116
2173
  toHaveProp: (propName: never, value: never) => never;
2117
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
+ }
2118
2307
  type TabsProps = {
2119
2308
  activeid: string;
2120
2309
  activeindicator: boolean;
@@ -2553,12 +2742,14 @@ type Expectations<D extends DriverT> = {
2553
2742
  numberField: NumberFieldExpectations<D>;
2554
2743
  option: OptionExpectations<D>;
2555
2744
  pagination: PaginationExpectations<D>;
2745
+ popover: PopoverExpectations<D>;
2556
2746
  progress: ProgressExpectations<D>;
2557
2747
  progressRing: ProgressRingExpectations<D>;
2558
2748
  radio: RadioExpectations<D>;
2559
2749
  radioGroup: RadioGroupExpectations<D>;
2560
2750
  rangeSlider: RangeSliderExpectations<D>;
2561
2751
  richTextEditor: RichTextEditorExpectations<D>;
2752
+ richTextView: RichTextViewExpectations<D>;
2562
2753
  searchableSelect: SearchableSelectExpectations<D>;
2563
2754
  select: SelectExpectations<D>;
2564
2755
  selectableBox: SelectableBoxExpectations<D>;
@@ -2569,6 +2760,12 @@ type Expectations<D extends DriverT> = {
2569
2760
  switch: SwitchExpectations<D>;
2570
2761
  tab: TabExpectations<D>;
2571
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>;
2572
2769
  tabs: TabsExpectations<D>;
2573
2770
  tag: TagExpectations<D>;
2574
2771
  tagGroup: TagGroupExpectations<D>;
@@ -2630,12 +2827,14 @@ export declare class VividWrapper<D extends DriverT> {
2630
2827
  numberField: NumberField<D>;
2631
2828
  option: Option<D>;
2632
2829
  pagination: Pagination<D>;
2830
+ popover: Popover<D>;
2633
2831
  progress: Progress<D>;
2634
2832
  progressRing: ProgressRing<D>;
2635
2833
  radio: Radio<D>;
2636
2834
  radioGroup: RadioGroup<D>;
2637
2835
  rangeSlider: RangeSlider<D>;
2638
2836
  richTextEditor: RichTextEditor<D>;
2837
+ richTextView: RichTextView<D>;
2639
2838
  searchableSelect: SearchableSelect<D>;
2640
2839
  select: Select<D>;
2641
2840
  selectableBox: SelectableBox<D>;
@@ -2646,6 +2845,12 @@ export declare class VividWrapper<D extends DriverT> {
2646
2845
  switch: Switch<D>;
2647
2846
  tab: Tab<D>;
2648
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>;
2649
2854
  tabs: Tabs<D>;
2650
2855
  tag: Tag<D>;
2651
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-BujKep52.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-Cpnh2Wie.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-BujKep52.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-Cpnh2Wie.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-BujKep52.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-Cpnh2Wie.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.8.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.8.0"
32
+ "@vonage/vivid": "^5.9.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@playwright/test": "1.57.0",
@@ -47,7 +47,7 @@
47
47
  "@repo/typescript-config": "1.0.0",
48
48
  "@repo/vitest-config": "1.0.0",
49
49
  "@repo/wrapper-gen": "1.0.0",
50
- "@vonage/vivid-vue": "5.8.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,e,i){return this.ctx.driver.expectEq({type:"eval",el:this.locator,fn:s,arg:i},e,`Failed to assert condition: "${r}"`)}}class a{constructor(r){this.ctx=r,this.all=this.ctx.driver.wrapSelector(()=>new ve(this.ctx,this,this.ctx.driver.querySelectorAll(this.ctx.rootLocator,`[data-vvd-component="${this.componentInfo.name}"]`)))}}class ve{constructor(r,s,e){this.ctx=r,this.component=s,this.locator=e,this.type="collection",this.nth=this.ctx.driver.wrapSelector(i=>this.component.wrap(this.ctx.driver.nth(this.locator,i)))}}class ue{constructor(r,s){this.ctx=r,this.locator=s,this.toHaveCount=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({el:this.locator.locator,type:"count"},e,`toHaveCount(${e})`))}}const we=t=>t.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/'/g,"\\'"),A=(t,r)=>r.map(([s,e])=>`[data-vvd-component="${t}"][${s}="${we(e)}"]`).join(",");function h(t){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["data-testid",t],["data-test-id",t],["data-cy",t]])))}function x(t){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["label",t],["aria-label",t],["data-vvd-aria-label",t]])))}function be(t){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["heading",t]])))}function T(t){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["headline",t]])))}function B(t){return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator,A(this.componentInfo.name,[["text",t]])))}const f=t=>{if(!t.length)return;const r=t[0],s=t.slice(1),e=r();return e instanceof Promise?e.then(()=>f(s)):f(s)};function I(t){return t.checked}function g(t){return t.indeterminate?"indeterminate":t.checked?"checked":"unchecked"}function m(t){return t.errorValidationMessage}function _(t){return t.headline}function E(t){return t.open}function u(t){return t.value}function z(t){return t.valueAsNumber}function me(t){return t.values}function fe(t){return t.selectedOptions.map(r=>r.label)}function R(t){return t.expanded}function L(t){return t.active}function H(t){return t.current}function O(t){return t.selected}function S(t){return t.disabled}function Ee(t){return[t.start,t.end]}function ye(t){return[t.startAsNumber,t.endAsNumber]}function Ie(t){return t.name}function ge(t){return t.total}function Ae(t){return t.selectedIndex+1||null}function w(t){const r=t.shadowRoot.querySelector("slot[name=icon]");if(r){const e=r.assignedElements()[0];if((e==null?void 0:e.dataset.vvdComponent)==="icon")return e.name}const s=t.shadowRoot.querySelector('slot[name="icon"] [data-vvd-component="icon"], span.icon [data-vvd-component="icon"]');return s?s.name:null}function b(t){return this.ctx.driver.userClick(t())}function V(t,r){return this.ctx.driver.userFill(t(),r)}function He(t){return f([()=>this.ctx.driver.userFill(this.control(),t),()=>this.ctx.driver.userBlur(this.control())])}function W(t){return this.ctx.driver.userClear(t())}function Pe(){return f([()=>this.ctx.driver.eval(this.locator,()=>new Promise(t=>setTimeout(t,200))),()=>this.ctx.driver.userClear(this.control()),()=>this.ctx.driver.userBlur(this.control())])}function J(t){return f([()=>this.assert("Component is unchecked before it can be checked",g,"unchecked"),()=>this.ctx.driver.userClick(t()),()=>this.assert("Component is checked after checking it",g,"checked")])}function K(t){return f([()=>this.assert("Component is checked before it can be unchecked",g,"checked"),()=>this.ctx.driver.userClick(t()),()=>this.assert("Component is unchecked after unchecking it",g,"unchecked")])}function p(t){return this.ctx.driver.userFocus(t())}function d(t){return this.ctx.driver.userBlur(t())}function l(t){return this.ctx.driver.userHover(t())}function D(t){return Q.call(this,A("option",[["value",t]]))}function G(t){return Q.call(this,A("option",[["text",t]]))}function Q(t){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,t),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,t),fn:s=>!!s.disabled},!1,"Option is not disabled before it can be selected"),()=>this.ctx.driver.eval(this.ctx.driver.querySelector(this.locator,t),s=>s.click()),()=>this.ctx.driver.expectEq({type:"eval",el:this.ctx.driver.querySelector(this.locator,t),fn:s=>!!s.selected},!0,"Option is selected after selecting it")]))}function C(t){return t().click()}const P=t=>{const[r,s,e]=t.split("-");return`${s}/${e}/${r}`};function $e(t){return f([()=>this.control().fill(P(t)),()=>this.control().blur()])}function $(){return f([()=>this.pickerButton().click(),()=>this.clearButton().click()])}const X=t=>{const[r,s,e]=t.split(":"),i=+r%12||12,c=+r<12?"AM":"PM";return`${i}:${s}:${e} ${c}`};function qe(t){return f([()=>this.control().fill(X(t)),()=>this.control().blur()])}const Se=([t,r])=>`${P(t)} – ${P(r)}`;function Ce(t){return f([()=>this.control().fill(Se(t)),()=>this.control().blur()])}const ke=t=>{const[r,s]=t.split("T");return`${P(r)} ${X(s)}`};function Te(t){return f([()=>this.control().fill(ke(t)),()=>this.control().blur()])}function k(t,r,s){return this.ctx.driver.userDragSlider(this.locator,t(),r(),s)}function Be(t){return this.ctx.driver.userClick(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.locator),`.vwc-pagination-button[label="${t+1}"]`))}function F(t){return f([()=>this.assert(`Component is ${t?"collapsed":"expanded"} before it can be ${t?"expanded":"collapsed"}`,r=>!!r.expanded,!t),()=>this.ctx.driver.userClick(this.button()),()=>this.assert(`Component is ${t?"expanded":"collapsed"} after ${t?"expanding":"collapsing"} it`,r=>!!r.expanded,t)])}function U(t){return f([()=>this.assert(`Component is ${t?"closed":"open"} before it can be ${t?"expanded":"collapsed"}`,r=>!!r.open,!t),()=>this.ctx.driver.userClick(this.summary()),()=>this.assert(`Component is ${t?"open":"closed"} after ${t?"expanding":"collapsing"} it`,r=>!!r.open,t)])}function M(t){return f([()=>this.ctx.driver.userClick(this.base()),()=>this.assert(`Component is ${t?"selected":"unselected"} after ${t?"selecting":"unselecting"} it`,r=>!!r.selected,t)])}function Ve(t){return this.ctx.driver.querySelector(this.unwrap(),t)}function v(t){return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),t)}function We(t,r){return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),t)),r)}function y(t){return new at(this.ctx,this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),t))}function q(t){return new ne(this.ctx,this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()),t))}const Y={name:"accordion"};class De 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 Ge extends a{constructor(){super(...arguments),this.componentInfo=Y,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new De(this.ctx,r)}}class Re{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const Z={name:"accordion-item"};class Le 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 Oe extends a{constructor(){super(...arguments),this.componentInfo=Z,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byHeading=this.ctx.driver.wrapSelector(be.bind(this))}wrap(r){return new Le(this.ctx,r)}}class Fe{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"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 Ue 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 Me extends a{constructor(){super(...arguments),this.componentInfo=N,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ue(this.ctx,r)}}class je{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const tt={name:"alert"};class _e 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 ze 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 _e(this.ctx,r)}}class Je{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"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 Ke 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 Qe extends a{constructor(){super(...arguments),this.componentInfo=et,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ke(this.ctx,r)}}class Xe{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const rt={name:"avatar"};class Ye 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 Ze extends a{constructor(){super(...arguments),this.componentInfo=rt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ye(this.ctx,r)}}class Ne{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const it={name:"badge"};class tr 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 er extends a{constructor(){super(...arguments),this.componentInfo=it,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new tr(this.ctx,r)}}class rr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const st={name:"banner"};class ir 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 sr 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 ir(this.ctx,r)}}class cr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const ct={name:"breadcrumb"};class or 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 nr extends a{constructor(){super(...arguments),this.componentInfo=ct,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new or(this.ctx,r)}}class ar{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(e,i)=>{throw new Error("Component does not have props.")}}}const ot={name:"breadcrumb-item"};class hr 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 pr extends a{constructor(){super(...arguments),this.componentInfo=ot,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new hr(this.ctx,r)}}class dr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${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 lr 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 xr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const ht={name:"calendar"};class vr 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 ur extends a{constructor(){super(...arguments),this.componentInfo=ht,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new vr(this.ctx,r)}}class wr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const pt={name:"calendar-event"};class br 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 mr extends a{constructor(){super(...arguments),this.componentInfo=pt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new br(this.ctx,r)}}class fr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const dt={name:"card"};class Er 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 yr extends a{constructor(){super(...arguments),this.componentInfo=dt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Er(this.ctx,r)}}class Ir{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveHeadline=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:_},e,"toHaveHeadline(${value})"))}}const lt={name:"checkbox"};class gr 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 Ar 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 gr(this.ctx,r)}}class Hr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"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 Pr 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 $r 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 Pr(this.ctx,r)}}class qr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const vt={name:"combobox"};class Sr 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(He.bind(this)),this.clear=this.ctx.driver.wrapAction(Pe.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 Cr 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 Sr(this.ctx,r)}}class kr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const ut={name:"contextual-help"};class Tr extends n{constructor(){super(...arguments),this.type="contextualHelp",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 Br extends a{constructor(){super(...arguments),this.componentInfo=ut,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Tr(this.ctx,r)}}class Vr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const wt={name:"data-grid"};class Wr extends n{constructor(){super(...arguments),this.type="dataGrid",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 Dr extends a{constructor(){super(...arguments),this.componentInfo=wt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Wr(this.ctx,r)}}class Gr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const bt={name:"data-grid-cell"};class Rr extends n{constructor(){super(...arguments),this.type="dataGridCell",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 Lr extends a{constructor(){super(...arguments),this.componentInfo=bt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Rr(this.ctx,r)}}class Or{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const mt={name:"data-grid-row"};class Fr extends n{constructor(){super(...arguments),this.type="dataGridRow",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))}}class Ur extends a{constructor(){super(...arguments),this.componentInfo=mt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Fr(this.ctx,r)}}class Mr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const ft={name:"date-picker"};class jr extends n{constructor(){super(...arguments),this.type="datePicker",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.selectDate=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 _r 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 jr(this.ctx,r)}}class zr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const Et={name:"date-range-picker"};class Jr extends n{constructor(){super(...arguments),this.type="dateRangePicker",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.selectDateRange=this.ctx.driver.wrapAction(Ce.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 Kr 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 Jr(this.ctx,r)}}class Qr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})")),this.toHaveRange=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:Ee},e,"toHaveRange(${value})"))}}const yt={name:"date-time-picker"};class Xr extends n{constructor(){super(...arguments),this.type="dateTimePicker",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.clear=this.ctx.driver.wrapAction($.bind(this)),this.selectDateTime=this.ctx.driver.wrapAction(Te.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 Yr 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 Xr(this.ctx,r)}}class Zr{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const It={name:"dial-pad"};class Nr extends n{constructor(){super(...arguments),this.type="dialPad",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 ti extends a{constructor(){super(...arguments),this.componentInfo=It,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Nr(this.ctx,r)}}class ei{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const gt={name:"dialog"};class ri extends n{constructor(){super(...arguments),this.type="dialog",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.dismiss=this.ctx.driver.wrapAction(b.bind(this,()=>this.dismissButton())),this.dismissButton=v.bind(this,".dismiss-button")}}class ii extends a{constructor(){super(...arguments),this.componentInfo=gt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byHeadline=this.ctx.driver.wrapSelector(T.bind(this))}wrap(r){return new ri(this.ctx,r)}}class si{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${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(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:_},e,"toHaveHeadline(${value})"))}}const At={name:"divider"};class ci extends n{constructor(){super(...arguments),this.type="divider",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 oi extends a{constructor(){super(...arguments),this.componentInfo=At,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new ci(this.ctx,r)}}class ni{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const Ht={name:"empty-state"};class ai extends n{constructor(){super(...arguments),this.type="emptyState",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 hi extends a{constructor(){super(...arguments),this.componentInfo=Ht,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new ai(this.ctx,r)}}class pi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const Pt={name:"fab"};class di extends n{constructor(){super(...arguments),this.type="fab",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)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.control())),this.control=v.bind(this,"button.control")}}class li 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 di(this.ctx,r)}}class xi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const $t={name:"file-picker"};class vi extends n{constructor(){super(...arguments),this.type="filePicker",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 ui 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 vi(this.ctx,r)}}class wi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const qt={name:"header"};class bi extends n{constructor(){super(...arguments),this.type="header",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 mi extends a{constructor(){super(...arguments),this.componentInfo=qt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new bi(this.ctx,r)}}class fi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const St={name:"icon"};class Ei extends n{constructor(){super(...arguments),this.type="icon",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 yi extends a{constructor(){super(...arguments),this.componentInfo=St,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((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveName=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:Ie},e,"toHaveName(${value})"))}}const Ct={name:"layout"};class gi extends n{constructor(){super(...arguments),this.type="layout",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 Ai extends a{constructor(){super(...arguments),this.componentInfo=Ct,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new gi(this.ctx,r)}}class Hi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const kt={name:"menu"};class Pi extends n{constructor(){super(...arguments),this.type="menu",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 $i extends a{constructor(){super(...arguments),this.componentInfo=kt,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 qi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${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 Tt={name:"menu-item"};class Si extends n{constructor(){super(...arguments),this.type="menuItem",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)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.base())),this.base=v.bind(this,".base")}}class Ci extends a{constructor(){super(...arguments),this.componentInfo=Tt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byText=this.ctx.driver.wrapSelector(B.bind(this))}wrap(r){return new Si(this.ctx,r)}}class ki{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"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(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:S},e,"toHaveDisabled(${value})"))}}const Bt={name:"nav"};class Ti extends n{constructor(){super(...arguments),this.type="nav",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 Bi extends a{constructor(){super(...arguments),this.componentInfo=Bt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ti(this.ctx,r)}}class Vi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(e,i)=>{throw new Error("Component does not have props.")}}}const Vt={name:"nav-disclosure"};class Wi extends n{constructor(){super(...arguments),this.type="navDisclosure",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.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 Di 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 Wi(this.ctx,r)}}class Gi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"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 Wt={name:"nav-item"};class Ri extends n{constructor(){super(...arguments),this.type="navItem",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)),this.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.control())),this.control=v.bind(this,".control")}}class Li extends a{constructor(){super(...arguments),this.componentInfo=Wt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Ri(this.ctx,r)}}class Oi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"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 Dt={name:"note"};class Fi extends n{constructor(){super(...arguments),this.type="note",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 Ui extends a{constructor(){super(...arguments),this.componentInfo=Dt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Fi(this.ctx,r)}}class Mi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const Gt={name:"number-field"};class ji extends n{constructor(){super(...arguments),this.type="numberField",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.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 _i extends a{constructor(){super(...arguments),this.componentInfo=Gt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ji(this.ctx,r)}}class zi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})")),this.toHaveValueAsNumber=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:z},e,"toHaveValueAsNumber(${value})"))}}const Rt={name:"option"};class Ji extends n{constructor(){super(...arguments),this.type="option",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.click=this.ctx.driver.wrapAction(b.bind(this,()=>this.locator))}}class Ki extends a{constructor(){super(...arguments),this.componentInfo=Rt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ji(this.ctx,r)}}class Qi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const Lt={name:"pagination"};class Xi extends n{constructor(){super(...arguments),this.type="pagination",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.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(Be.bind(this)),this.nextButton=v.bind(this,".next-button"),this.prevButton=v.bind(this,".prev-button")}}class Yi extends a{constructor(){super(...arguments),this.componentInfo=Lt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Xi(this.ctx,r)}}class Zi{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveTotal=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:ge},e,"toHaveTotal(${value})")),this.toHaveSelectedPage=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:Ae},e,"toHaveSelectedPage(${value})"))}}const Ot={name:"progress"};class Ni extends n{constructor(){super(...arguments),this.type="progress",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 ts extends a{constructor(){super(...arguments),this.componentInfo=Ot,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ni(this.ctx,r)}}class es{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const Ft={name:"progress-ring"};class rs extends n{constructor(){super(...arguments),this.type="progressRing",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))}}class is extends a{constructor(){super(...arguments),this.componentInfo=Ft,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new rs(this.ctx,r)}}class ss{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const Ut={name:"radio"};class cs extends n{constructor(){super(...arguments),this.type="radio",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)),this.check=this.ctx.driver.wrapAction(b.bind(this,()=>this.control())),this.control=v.bind(this,".control")}}class os extends a{constructor(){super(...arguments),this.componentInfo=Ut,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new cs(this.ctx,r)}}class ns{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"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 Mt={name:"radio-group"};class as extends n{constructor(){super(...arguments),this.type="radioGroup",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))}}class hs extends a{constructor(){super(...arguments),this.componentInfo=Mt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new as(this.ctx,r)}}class ps{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const jt={name:"range-slider"};class ds extends n{constructor(){super(...arguments),this.type="rangeSlider",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.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 ls extends a{constructor(){super(...arguments),this.componentInfo=jt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ds(this.ctx,r)}}class xs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})")),this.toHaveRange=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:ye},e,"toHaveRange(${value})"))}}const _t={name:"rich-text-editor"};class vs extends n{constructor(){super(...arguments),this.type="richTextEditor",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 us extends a{constructor(){super(...arguments),this.componentInfo=_t,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new vs(this.ctx,r)}}class ws{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const zt={name:"searchable-select"};class bs extends n{constructor(){super(...arguments),this.type="searchableSelect",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 ms 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 bs(this.ctx,r)}}class fs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})")),this.toHaveValues=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:me},e,"toHaveValues(${value})")),this.toHaveSelectedOptions=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:fe},e,"toHaveSelectedOptions(${value})"))}}const Jt={name:"select"};class Es extends n{constructor(){super(...arguments),this.type="select",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.selectOptionByValue=this.ctx.driver.wrapAction(D.bind(this)),this.selectOptionByText=this.ctx.driver.wrapAction(G.bind(this))}}class ys extends a{constructor(){super(...arguments),this.componentInfo=Jt,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((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const Kt={name:"selectable-box"};class gs extends n{constructor(){super(...arguments),this.type="selectableBox",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.check=this.ctx.driver.wrapAction(J.bind(this,()=>this.control())),this.uncheck=this.ctx.driver.wrapAction(K.bind(this,()=>this.control())),this.control=We.bind(this,"[data-vvd-component].control","div.control")}}class As extends a{constructor(){super(...arguments),this.componentInfo=Kt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new gs(this.ctx,r)}}class Hs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${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 Qt={name:"side-drawer"};class Ps extends n{constructor(){super(...arguments),this.type="sideDrawer",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 $s extends a{constructor(){super(...arguments),this.componentInfo=Qt,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ps(this.ctx,r)}}class qs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const Xt={name:"simple-color-picker"};class Ss extends n{constructor(){super(...arguments),this.type="simpleColorPicker",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 Cs 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 Ss(this.ctx,r)}}class ks{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const Yt={name:"slider"};class Ts extends n{constructor(){super(...arguments),this.type="slider",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.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 Bs 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 Ts(this.ctx,r)}}class Vs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})")),this.toHaveValueAsNumber=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:z},e,"toHaveValueAsNumber(${value})"))}}const Zt={name:"split-button"};class Ws extends n{constructor(){super(...arguments),this.type="splitButton",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.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 Ds 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 Gs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const Nt={name:"switch"};class Rs extends n{constructor(){super(...arguments),this.type="switch",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.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 Ls 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 Rs(this.ctx,r)}}class Os{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"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 te={name:"tab"};class Fs extends n{constructor(){super(...arguments),this.type="tab",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)),this.select=this.ctx.driver.wrapAction(b.bind(this,()=>this.base())),this.base=v.bind(this,".base")}}class Us extends a{constructor(){super(...arguments),this.componentInfo=te,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new Fs(this.ctx,r)}}class Ms{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"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 ee={name:"tab-panel"};class js extends n{constructor(){super(...arguments),this.type="tabPanel",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 _s extends a{constructor(){super(...arguments),this.componentInfo=ee,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new js(this.ctx,r)}}class zs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(e,i)=>{throw new Error("Component does not have props.")}}}const re={name:"tabs"};class Js extends n{constructor(){super(...arguments),this.type="tabs",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))}}class Ks extends a{constructor(){super(...arguments),this.componentInfo=re,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Js(this.ctx,r)}}class Qs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const ie={name:"tag"};class Xs extends n{constructor(){super(...arguments),this.type="tag",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)),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 Ys extends a{constructor(){super(...arguments),this.componentInfo=ie,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 Zs{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"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 se={name:"tag-group"};class Ns extends n{constructor(){super(...arguments),this.type="tagGroup",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))}}class tc extends a{constructor(){super(...arguments),this.componentInfo=se,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ns(this.ctx,r)}}class ec{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=(e,i)=>{throw new Error("Component does not have props.")}}}const ce={name:"text-area"};class rc extends n{constructor(){super(...arguments),this.type="textArea",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.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 ic 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 rc(this.ctx,r)}}class sc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const oe={name:"text-field"};class ne extends n{constructor(){super(...arguments),this.type="textField",this.componentInfo=oe,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=Ve.bind(this,'input[slot="_control"]')}}class cc extends a{constructor(){super(...arguments),this.componentInfo=oe,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new ne(this.ctx,r)}}class oc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const ae={name:"time-picker"};class nc extends n{constructor(){super(...arguments),this.type="timePicker",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)),this.clear=this.ctx.driver.wrapAction($.bind(this)),this.selectTime=this.ctx.driver.wrapAction(qe.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 ac extends a{constructor(){super(...arguments),this.componentInfo=ae,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byLabel=this.ctx.driver.wrapSelector(x.bind(this))}wrap(r){return new nc(this.ctx,r)}}class hc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveVisibleError=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:m},e,"toHaveVisibleError(${value})")),this.toHaveValue=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:u},e,"toHaveValue(${value})"))}}const he={name:"toggletip"};class pc extends n{constructor(){super(...arguments),this.type="toggletip",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 dc extends a{constructor(){super(...arguments),this.componentInfo=he,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byHeadline=this.ctx.driver.wrapSelector(T.bind(this))}wrap(r){return new pc(this.ctx,r)}}class lc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${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:"tooltip"};class xc extends n{constructor(){super(...arguments),this.type="tooltip",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 vc extends a{constructor(){super(...arguments),this.componentInfo=pe,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this)),this.byText=this.ctx.driver.wrapSelector(B.bind(this))}wrap(r){return new xc(this.ctx,r)}}class uc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${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 de={name:"tree-item"};class wc extends n{constructor(){super(...arguments),this.type="treeItem",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 bc extends a{constructor(){super(...arguments),this.componentInfo=de,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new wc(this.ctx,r)}}class mc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`)),this.toHaveIcon=this.ctx.driver.wrapExpect(e=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:w},e,"toHaveIcon(${value})"))}}const le={name:"tree-view"};class fc extends n{constructor(){super(...arguments),this.type="treeView",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 Ec extends a{constructor(){super(...arguments),this.componentInfo=le,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new fc(this.ctx,r)}}class yc{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const xe={name:"video-player"};class Ic extends n{constructor(){super(...arguments),this.type="videoPlayer",this.componentInfo=xe,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 gc extends a{constructor(){super(...arguments),this.componentInfo=xe,this.byTestId=this.ctx.driver.wrapSelector(h.bind(this))}wrap(r){return new Ic(this.ctx,r)}}class Ac{constructor(r,s){this.ctx=r,this.wrapper=s,this.toHaveProp=this.ctx.driver.wrapExpect((e,i)=>this.ctx.driver.expectEq({type:"eval",el:this.wrapper.unwrap(),fn:(c,o)=>c[o],arg:e},i,`toHaveProp("${e}", ${i})`))}}const j={collection:ue,accordion:Re,accordionItem:Fe,actionGroup:je,alert:Je,audioPlayer:Xe,avatar:Ne,badge:rr,banner:cr,breadcrumb:ar,breadcrumbItem:dr,button:xr,calendar:wr,calendarEvent:fr,card:Ir,checkbox:Hr,colorPicker:qr,combobox:kr,contextualHelp:Vr,dataGrid:Gr,dataGridCell:Or,dataGridRow:Mr,datePicker:zr,dateRangePicker:Qr,dateTimePicker:Zr,dialPad:ei,dialog:si,divider:ni,emptyState:pi,fab:xi,filePicker:wi,header:fi,icon:Ii,layout:Hi,menu:qi,menuItem:ki,nav:Vi,navDisclosure:Gi,navItem:Oi,note:Mi,numberField:zi,option:Qi,pagination:Zi,progress:es,progressRing:ss,radio:ns,radioGroup:ps,rangeSlider:xs,richTextEditor:ws,searchableSelect:fs,select:Is,selectableBox:Hs,sideDrawer:qs,simpleColorPicker:ks,slider:Vs,splitButton:Gs,switch:Os,tab:Ms,tabPanel:zs,tabs:Qs,tag:Zs,tagGroup:ec,textArea:sc,textField:oc,timePicker:hc,toggletip:lc,tooltip:uc,treeItem:mc,treeView:yc,videoPlayer:Ac};class Hc{constructor(r){this.ctx=r,this.accordion=new Ge(this.ctx),this.accordionItem=new Oe(this.ctx),this.actionGroup=new Me(this.ctx),this.alert=new ze(this.ctx),this.audioPlayer=new Qe(this.ctx),this.avatar=new Ze(this.ctx),this.badge=new er(this.ctx),this.banner=new sr(this.ctx),this.breadcrumb=new nr(this.ctx),this.breadcrumbItem=new pr(this.ctx),this.button=new lr(this.ctx),this.calendar=new ur(this.ctx),this.calendarEvent=new mr(this.ctx),this.card=new yr(this.ctx),this.checkbox=new Ar(this.ctx),this.colorPicker=new $r(this.ctx),this.combobox=new Cr(this.ctx),this.contextualHelp=new Br(this.ctx),this.dataGrid=new Dr(this.ctx),this.dataGridCell=new Lr(this.ctx),this.dataGridRow=new Ur(this.ctx),this.datePicker=new _r(this.ctx),this.dateRangePicker=new Kr(this.ctx),this.dateTimePicker=new Yr(this.ctx),this.dialPad=new ti(this.ctx),this.dialog=new ii(this.ctx),this.divider=new oi(this.ctx),this.emptyState=new hi(this.ctx),this.fab=new li(this.ctx),this.filePicker=new ui(this.ctx),this.header=new mi(this.ctx),this.icon=new yi(this.ctx),this.layout=new Ai(this.ctx),this.menu=new $i(this.ctx),this.menuItem=new Ci(this.ctx),this.nav=new Bi(this.ctx),this.navDisclosure=new Di(this.ctx),this.navItem=new Li(this.ctx),this.note=new Ui(this.ctx),this.numberField=new _i(this.ctx),this.option=new Ki(this.ctx),this.pagination=new Yi(this.ctx),this.progress=new ts(this.ctx),this.progressRing=new is(this.ctx),this.radio=new os(this.ctx),this.radioGroup=new hs(this.ctx),this.rangeSlider=new ls(this.ctx),this.richTextEditor=new us(this.ctx),this.searchableSelect=new ms(this.ctx),this.select=new ys(this.ctx),this.selectableBox=new As(this.ctx),this.sideDrawer=new $s(this.ctx),this.simpleColorPicker=new Cs(this.ctx),this.slider=new Bs(this.ctx),this.splitButton=new Ds(this.ctx),this.switch=new Ls(this.ctx),this.tab=new Us(this.ctx),this.tabPanel=new _s(this.ctx),this.tabs=new Ks(this.ctx),this.tag=new Ys(this.ctx),this.tagGroup=new tc(this.ctx),this.textArea=new ic(this.ctx),this.textField=new cc(this.ctx),this.timePicker=new ac(this.ctx),this.toggletip=new dc(this.ctx),this.tooltip=new vc(this.ctx),this.treeItem=new bc(this.ctx),this.treeView=new Ec(this.ctx),this.videoPlayer=new gc(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=Hc;