@vonage/vivid-test-utils 5.16.0 → 5.17.0

package/dist/{components.generated-Bgf7lMJM.js → components.generated-Bs-nWVke.js}

@@ -151,36 +151,36 @@ function ue() {
 		() => this.ctx.driver.userBlur(this.control())
 	]);
 }
-function E(e) {
+function de(e) {
 	return l([
 		() => this.assert("Component is unchecked before it can be checked", d, "unchecked"),
 		() => this.ctx.driver.userClick(e()),
 		() => this.assert("Component is checked after checking it", d, "checked")
 	]);
 }
-function D(e) {
+function fe(e) {
 	return l([
 		() => this.assert("Component is checked before it can be unchecked", d, "checked"),
 		() => this.ctx.driver.userClick(e()),
 		() => this.assert("Component is unchecked after unchecking it", d, "unchecked")
 	]);
 }
-function O(e) {
+function E(e) {
 	return this.ctx.driver.userFocus(e());
 }
-function k(e) {
+function D(e) {
 	return this.ctx.driver.userBlur(e());
 }
-function A(e) {
+function O(e) {
 	return this.ctx.driver.userHover(e());
 }
-function j(e) {
-	return N.call(this, i("option", [["value", e]]));
+function k(e) {
+	return pe.call(this, i("option", [["value", e]]));
 }
-function M(e) {
-	return N.call(this, i("option", [["text", e]]));
+function A(e) {
+	return pe.call(this, i("option", [["text", e]]));
 }
-function N(e) {
+function pe(e) {
 	return this.ctx.driver.eval(this.locator, (e) => e.open, void 0, (t) => l([
 		() => {
 			if (!t) return this.ctx.driver.userClick(this.locator);
@@ -203,91 +203,91 @@ function N(e) {
 		}, !0, "Option is selected after selecting it")
 	]));
 }
-function P(e) {
+function j(e) {
 	return e().click();
 }
-var F = (e) => {
+var M = (e) => {
 	let [t, n, r] = e.split("-");
 	return `${n}/${r}/${t}`;
 };
-function de(e) {
-	return l([() => this.control().fill(F(e)), () => this.control().blur()]);
+function me(e) {
+	return l([() => this.control().fill(M(e)), () => this.control().blur()]);
 }
-function I() {
+function N() {
 	return l([() => this.pickerButton().click(), () => this.clearButton().click()]);
 }
-var L = (e) => {
+var P = (e) => {
 	let [t, n, r] = e.split(":");
 	return `${t % 12 || 12}:${n}:${r} ${+t < 12 ? "AM" : "PM"}`;
 };
-function fe(e) {
-	return l([() => this.control().fill(L(e)), () => this.control().blur()]);
+function he(e) {
+	return l([() => this.control().fill(P(e)), () => this.control().blur()]);
 }
-var pe = ([e, t]) => `${F(e)} – ${F(t)}`;
-function me(e) {
-	return l([() => this.control().fill(pe(e)), () => this.control().blur()]);
+var ge = ([e, t]) => `${M(e)} – ${M(t)}`;
+function _e(e) {
+	return l([() => this.control().fill(ge(e)), () => this.control().blur()]);
 }
-var he = (e) => {
+var ve = (e) => {
 	let [t, n] = e.split("T");
-	return `${F(t)} ${L(n)}`;
+	return `${M(t)} ${P(n)}`;
 };
-function ge(e) {
-	return l([() => this.control().fill(he(e)), () => this.control().blur()]);
+function ye(e) {
+	return l([() => this.control().fill(ve(e)), () => this.control().blur()]);
 }
-function R(e, t, n) {
+function F(e, t, n) {
 	return this.ctx.driver.userDragSlider(this.locator, e(), t(), n);
 }
-function _e(e) {
+function be(e) {
 	return this.ctx.driver.userClick(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.locator), `.vwc-pagination-button[label="${e + 1}"]`));
 }
-function z(e) {
+function I(e) {
 	return l([
 		() => this.assert(`Component is ${e ? "collapsed" : "expanded"} before it can be ${e ? "expanded" : "collapsed"}`, (e) => !!e.expanded, !e),
 		() => this.ctx.driver.userClick(this.button()),
 		() => this.assert(`Component is ${e ? "expanded" : "collapsed"} after ${e ? "expanding" : "collapsing"} it`, (e) => !!e.expanded, e)
 	]);
 }
-function B(e) {
+function L(e) {
 	return l([
 		() => this.assert(`Component is ${e ? "closed" : "open"} before it can be ${e ? "expanded" : "collapsed"}`, (e) => !!e.open, !e),
 		() => this.ctx.driver.userClick(this.summary()),
 		() => this.assert(`Component is ${e ? "open" : "closed"} after ${e ? "expanding" : "collapsing"} it`, (e) => !!e.open, e)
 	]);
 }
-function V(e) {
+function R(e) {
 	return l([() => this.ctx.driver.userClick(this.base()), () => this.assert(`Component is ${e ? "selected" : "unselected"} after ${e ? "selecting" : "unselecting"} it`, (e) => !!e.selected, e)]);
 }
 //#endregion
 //#region src/refs.ts
-function ve(e) {
+function xe(e) {
 	return this.ctx.driver.querySelector(this.unwrap(), e);
 }
-function H(e) {
+function z(e) {
 	return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e);
 }
-function ye(e, t) {
+function Se(e, t) {
 	return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e)), t);
 }
-function U(e) {
+function B(e) {
 	return new $e(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
 }
-function W(e) {
-	return new ja(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
+function V(e) {
+	return new Ia(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
 }
 //#endregion
 //#region src/components.generated.ts
-var G = { name: "accordion" }, be = class extends e {
+var H = { name: "accordion" }, Ce = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "accordion", this.componentInfo = G, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "accordion", this.componentInfo = H, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, xe = class extends t {
+}, we = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = G, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = H, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new be(this.ctx, e);
+		return new Ce(this.ctx, e);
 	}
-}, Se = class {
+}, Te = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -296,18 +296,18 @@ var G = { name: "accordion" }, be = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, K = { name: "accordion-item" }, Ce = class extends e {
+}, U = { name: "accordion-item" }, Ee = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "accordionItem", this.componentInfo = K, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(z.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(z.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.button = H.bind(this, ".heading-button");
+		super(...e), this.type = "accordionItem", this.componentInfo = U, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(I.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(I.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.button = z.bind(this, ".heading-button");
 	}
-}, we = class extends t {
+}, De = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = K, this.byHeading = this.ctx.driver.wrapSelector(te.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = U, this.byHeading = this.ctx.driver.wrapSelector(te.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Ce(this.ctx, e);
+		return new Ee(this.ctx, e);
 	}
-}, Te = class {
+}, Oe = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -328,18 +328,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, q = { name: "action-group" }, Ee = class extends e {
+}, W = { name: "action-group" }, ke = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "actionGroup", this.componentInfo = q, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "actionGroup", this.componentInfo = W, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, De = class extends t {
+}, Ae = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = q, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = W, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Ee(this.ctx, e);
+		return new ke(this.ctx, e);
 	}
-}, Oe = class {
+}, je = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -348,18 +348,18 @@ var G = { name: "accordion" }, be = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, J = { name: "alert" }, ke = class extends e {
+}, G = { name: "alert" }, Me = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "alert", this.componentInfo = J, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "alert", this.componentInfo = G, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Ae = class extends t {
+}, Ne = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = J, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = G, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ke(this.ctx, e);
+		return new Me(this.ctx, e);
 	}
-}, je = class {
+}, Pe = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -380,18 +380,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: m
 		}, !0, "toBeOpen()"));
 	}
-}, Y = { name: "audio-player" }, Me = class extends e {
+}, K = { name: "audio-player" }, Fe = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "audioPlayer", this.componentInfo = Y, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "audioPlayer", this.componentInfo = K, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Ne = class extends t {
+}, Ie = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Y, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = K, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Me(this.ctx, e);
+		return new Fe(this.ctx, e);
 	}
-}, Pe = class {
+}, Le = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -400,18 +400,18 @@ var G = { name: "accordion" }, be = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, X = { name: "avatar" }, Fe = class extends e {
+}, q = { name: "avatar" }, Re = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "avatar", this.componentInfo = X, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "avatar", this.componentInfo = q, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Ie = class extends t {
+}, ze = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = X, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = q, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Fe(this.ctx, e);
+		return new Re(this.ctx, e);
 	}
-}, Le = class {
+}, Be = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -420,18 +420,18 @@ var G = { name: "accordion" }, be = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Z = { name: "badge" }, Re = class extends e {
+}, J = { name: "badge" }, Ve = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "badge", this.componentInfo = Z, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "badge", this.componentInfo = J, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, ze = class extends t {
+}, He = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Z, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = J, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Re(this.ctx, e);
+		return new Ve(this.ctx, e);
 	}
-}, Be = class {
+}, Ue = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -444,18 +444,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, Q = { name: "banner" }, Ve = class extends e {
+}, Y = { name: "banner" }, We = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "banner", this.componentInfo = Q, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(P.bind(this, () => this.dismissButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.dismissButton = U.bind(this, ".dismiss-button");
+		super(...e), this.type = "banner", this.componentInfo = Y, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(j.bind(this, () => this.dismissButton())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.dismissButton = B.bind(this, ".dismiss-button");
 	}
-}, He = class extends t {
+}, Ge = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Q, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
+		super(...e), this.componentInfo = Y, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
 	}
 	wrap(e) {
-		return new Ve(this.ctx, e);
+		return new We(this.ctx, e);
 	}
-}, Ue = class {
+}, Ke = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -468,35 +468,35 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, We = { name: "breadcrumb" }, Ge = class extends e {
+}, X = { name: "breadcrumb" }, qe = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "breadcrumb", this.componentInfo = We, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "breadcrumb", this.componentInfo = X, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Ke = class extends t {
+}, Je = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = We, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = X, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Ge(this.ctx, e);
+		return new qe(this.ctx, e);
 	}
-}, qe = class {
+}, Ye = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Je = { name: "breadcrumb-item" }, Ye = class extends e {
+}, Z = { name: "breadcrumb-item" }, Xe = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "breadcrumbItem", this.componentInfo = Je, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "breadcrumbItem", this.componentInfo = Z, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Xe = class extends t {
+}, Ze = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Je, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Z, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Ye(this.ctx, e);
+		return new Xe(this.ctx, e);
 	}
-}, Ze = class {
+}, Qe = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -505,13 +505,13 @@ var G = { name: "accordion" }, be = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Qe = { name: "button" }, $e = class extends e {
+}, Q = { name: "button" }, $e = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "button", this.componentInfo = Qe, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, "button.control");
+		super(...e), this.type = "button", this.componentInfo = Q, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, "button.control");
 	}
 }, et = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Qe, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Q, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
 		return new $e(this.ctx, e);
@@ -535,7 +535,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, nt = { name: "calendar" }, rt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "calendar", this.componentInfo = nt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "calendar", this.componentInfo = nt, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, it = class extends t {
 	constructor(...e) {
@@ -555,7 +555,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, ot = { name: "calendar-event" }, st = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "calendarEvent", this.componentInfo = ot, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "calendarEvent", this.componentInfo = ot, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, ct = class extends t {
 	constructor(...e) {
@@ -575,7 +575,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, ut = { name: "card" }, dt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "card", this.componentInfo = ut, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "card", this.componentInfo = ut, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, ft = class extends t {
 	constructor(...e) {
@@ -599,7 +599,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, mt = { name: "checkbox" }, ht = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "checkbox", this.componentInfo = mt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(E.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(D.bind(this, () => this.control())), this.control = H.bind(this, "div.control");
+		super(...e), this.type = "checkbox", this.componentInfo = mt, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(de.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(fe.bind(this, () => this.control())), this.control = z.bind(this, "div.control");
 	}
 }, gt = class extends t {
 	constructor(...e) {
@@ -639,7 +639,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, vt = { name: "color-picker" }, yt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "colorPicker", this.componentInfo = vt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "colorPicker", this.componentInfo = vt, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, bt = class extends t {
 	constructor(...e) {
@@ -667,7 +667,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, St = { name: "combobox" }, Ct = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "combobox", this.componentInfo = St, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(ue.bind(this)), this.fill = this.ctx.driver.wrapAction(le.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(M.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(j.bind(this)), this.control = H.bind(this, "input.control");
+		super(...e), this.type = "combobox", this.componentInfo = St, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(ue.bind(this)), this.fill = this.ctx.driver.wrapAction(le.bind(this)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(A.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(k.bind(this)), this.control = z.bind(this, "input.control");
 	}
 }, wt = class extends t {
 	constructor(...e) {
@@ -699,7 +699,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Et = { name: "contextual-help" }, Dt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "contextualHelp", this.componentInfo = Et, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "contextualHelp", this.componentInfo = Et, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Ot = class extends t {
 	constructor(...e) {
@@ -719,7 +719,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, At = { name: "country" }, jt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "country", this.componentInfo = At, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "country", this.componentInfo = At, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Mt = class extends t {
 	constructor(...e) {
@@ -739,7 +739,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Pt = { name: "data-grid" }, Ft = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "dataGrid", this.componentInfo = Pt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "dataGrid", this.componentInfo = Pt, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, It = class extends t {
 	constructor(...e) {
@@ -759,7 +759,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Rt = { name: "data-grid-cell" }, zt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "dataGridCell", this.componentInfo = Rt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "dataGridCell", this.componentInfo = Rt, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Bt = class extends t {
 	constructor(...e) {
@@ -779,7 +779,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Ht = { name: "data-grid-row" }, Ut = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "dataGridRow", this.componentInfo = Ht, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "dataGridRow", this.componentInfo = Ht, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Wt = class extends t {
 	constructor(...e) {
@@ -799,7 +799,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Kt = { name: "date-picker" }, qt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "datePicker", this.componentInfo = Kt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectDate = this.ctx.driver.wrapAction(de.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+		super(...e), this.type = "datePicker", this.componentInfo = Kt, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(N.bind(this)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectDate = this.ctx.driver.wrapAction(me.bind(this)), this.clearButton = B.bind(this, "#clear-button"), this.control = V.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = B.bind(this, "#picker-button");
 	}
 }, Jt = class extends t {
 	constructor(...e) {
@@ -827,7 +827,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Xt = { name: "date-range-picker" }, Zt = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "dateRangePicker", this.componentInfo = Xt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectDateRange = this.ctx.driver.wrapAction(me.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+		super(...e), this.type = "dateRangePicker", this.componentInfo = Xt, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(N.bind(this)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectDateRange = this.ctx.driver.wrapAction(_e.bind(this)), this.clearButton = B.bind(this, "#clear-button"), this.control = V.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = B.bind(this, "#picker-button");
 	}
 }, Qt = class extends t {
 	constructor(...e) {
@@ -859,7 +859,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, en = { name: "date-time-picker" }, tn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "dateTimePicker", this.componentInfo = en, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectDateTime = this.ctx.driver.wrapAction(ge.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+		super(...e), this.type = "dateTimePicker", this.componentInfo = en, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(N.bind(this)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectDateTime = this.ctx.driver.wrapAction(ye.bind(this)), this.clearButton = B.bind(this, "#clear-button"), this.control = V.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = B.bind(this, "#picker-button");
 	}
 }, nn = class extends t {
 	constructor(...e) {
@@ -887,7 +887,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, an = { name: "dial-pad" }, on = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "dialPad", this.componentInfo = an, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "dialPad", this.componentInfo = an, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, sn = class extends t {
 	constructor(...e) {
@@ -907,7 +907,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, ln = { name: "dialog" }, un = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "dialog", this.componentInfo = ln, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.dismissButton = H.bind(this, ".dismiss-button");
+		super(...e), this.type = "dialog", this.componentInfo = ln, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.dismissButton = z.bind(this, ".dismiss-button");
 	}
 }, dn = class extends t {
 	constructor(...e) {
@@ -939,7 +939,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, pn = { name: "divider" }, mn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "divider", this.componentInfo = pn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "divider", this.componentInfo = pn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, hn = class extends t {
 	constructor(...e) {
@@ -959,7 +959,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, _n = { name: "empty-state" }, vn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "emptyState", this.componentInfo = _n, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "emptyState", this.componentInfo = _n, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, yn = class extends t {
 	constructor(...e) {
@@ -979,7 +979,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, xn = { name: "fab" }, Sn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "fab", this.componentInfo = xn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, "button.control");
+		super(...e), this.type = "fab", this.componentInfo = xn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, "button.control");
 	}
 }, Cn = class extends t {
 	constructor(...e) {
@@ -1007,7 +1007,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Tn = { name: "file-picker" }, En = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "filePicker", this.componentInfo = Tn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "filePicker", this.componentInfo = Tn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Dn = class extends t {
 	constructor(...e) {
@@ -1035,7 +1035,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, kn = { name: "header" }, An = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "header", this.componentInfo = kn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "header", this.componentInfo = kn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, jn = class extends t {
 	constructor(...e) {
@@ -1055,7 +1055,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Nn = { name: "icon" }, Pn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "icon", this.componentInfo = Nn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "icon", this.componentInfo = Nn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Fn = class extends t {
 	constructor(...e) {
@@ -1079,7 +1079,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Ln = { name: "layout" }, Rn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "layout", this.componentInfo = Ln, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "layout", this.componentInfo = Ln, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, zn = class extends t {
 	constructor(...e) {
@@ -1099,7 +1099,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Vn = { name: "menu" }, Hn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "menu", this.componentInfo = Vn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "menu", this.componentInfo = Vn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Un = class extends t {
 	constructor(...e) {
@@ -1127,7 +1127,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Gn = { name: "menu-item" }, Kn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "menuItem", this.componentInfo = Gn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.base = H.bind(this, ".base");
+		super(...e), this.type = "menuItem", this.componentInfo = Gn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.base = z.bind(this, ".base");
 	}
 }, qn = class extends t {
 	constructor(...e) {
@@ -1163,7 +1163,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Yn = { name: "nav" }, Xn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "nav", this.componentInfo = Yn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "nav", this.componentInfo = Yn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Zn = class extends t {
 	constructor(...e) {
@@ -1180,7 +1180,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, $n = { name: "nav-disclosure" }, er = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "navDisclosure", this.componentInfo = $n, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(B.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(B.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.summary = H.bind(this, "summary");
+		super(...e), this.type = "navDisclosure", this.componentInfo = $n, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(L.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(L.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.summary = z.bind(this, "summary");
 	}
 }, tr = class extends t {
 	constructor(...e) {
@@ -1220,7 +1220,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, rr = { name: "nav-item" }, ir = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "navItem", this.componentInfo = rr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, ".control");
+		super(...e), this.type = "navItem", this.componentInfo = rr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
 	}
 }, ar = class extends t {
 	constructor(...e) {
@@ -1252,7 +1252,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, sr = { name: "note" }, cr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "note", this.componentInfo = sr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "note", this.componentInfo = sr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, lr = class extends t {
 	constructor(...e) {
@@ -1276,7 +1276,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, dr = { name: "number-field" }, fr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "numberField", this.componentInfo = dr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.clickDecrement = this.ctx.driver.wrapAction(P.bind(this, () => this.decrementButton())), this.clickIncrement = this.ctx.driver.wrapAction(P.bind(this, () => this.incrementButton())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, "input.control"), this.decrementButton = U.bind(this, "#subtract"), this.incrementButton = U.bind(this, "#add");
+		super(...e), this.type = "numberField", this.componentInfo = dr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.clickDecrement = this.ctx.driver.wrapAction(j.bind(this, () => this.decrementButton())), this.clickIncrement = this.ctx.driver.wrapAction(j.bind(this, () => this.incrementButton())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, "input.control"), this.decrementButton = B.bind(this, "#subtract"), this.incrementButton = B.bind(this, "#add");
 	}
 }, pr = class extends t {
 	constructor(...e) {
@@ -1312,7 +1312,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, hr = { name: "option" }, gr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "option", this.componentInfo = hr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "option", this.componentInfo = hr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, _r = class extends t {
 	constructor(...e) {
@@ -1336,7 +1336,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, yr = { name: "pagination" }, br = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "pagination", this.componentInfo = yr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clickNext = this.ctx.driver.wrapAction(C.bind(this, () => this.nextButton())), this.clickPageIndex = this.ctx.driver.wrapAction(_e.bind(this)), this.clickPrev = this.ctx.driver.wrapAction(C.bind(this, () => this.prevButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.nextButton = H.bind(this, ".next-button"), this.prevButton = H.bind(this, ".prev-button");
+		super(...e), this.type = "pagination", this.componentInfo = yr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clickNext = this.ctx.driver.wrapAction(C.bind(this, () => this.nextButton())), this.clickPageIndex = this.ctx.driver.wrapAction(be.bind(this)), this.clickPrev = this.ctx.driver.wrapAction(C.bind(this, () => this.prevButton())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.nextButton = z.bind(this, ".next-button"), this.prevButton = z.bind(this, ".prev-button");
 	}
 }, xr = class extends t {
 	constructor(...e) {
@@ -1364,7 +1364,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Cr = { name: "popover" }, wr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "popover", this.componentInfo = Cr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "popover", this.componentInfo = Cr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Tr = class extends t {
 	constructor(...e) {
@@ -1384,7 +1384,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Dr = { name: "progress" }, Or = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "progress", this.componentInfo = Dr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "progress", this.componentInfo = Dr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, kr = class extends t {
 	constructor(...e) {
@@ -1404,7 +1404,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, jr = { name: "progress-ring" }, Mr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "progressRing", this.componentInfo = jr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "progressRing", this.componentInfo = jr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Nr = class extends t {
 	constructor(...e) {
@@ -1424,7 +1424,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Fr = { name: "radio" }, Ir = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "radio", this.componentInfo = Fr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, ".control");
+		super(...e), this.type = "radio", this.componentInfo = Fr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
 	}
 }, Lr = class extends t {
 	constructor(...e) {
@@ -1460,7 +1460,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, zr = { name: "radio-group" }, Br = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "radioGroup", this.componentInfo = zr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "radioGroup", this.componentInfo = zr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Vr = class extends t {
 	constructor(...e) {
@@ -1480,7 +1480,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Ur = { name: "range-slider" }, Wr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "rangeSlider", this.componentInfo = Ur, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.slideEndTo = this.ctx.driver.wrapAction(R.bind(this, () => this.track(), () => this.endThumb())), this.slideStartTo = this.ctx.driver.wrapAction(R.bind(this, () => this.track(), () => this.startThumb())), this.endThumb = H.bind(this, "#end-thumb"), this.startThumb = H.bind(this, "#start-thumb"), this.track = H.bind(this, ".control");
+		super(...e), this.type = "rangeSlider", this.componentInfo = Ur, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.slideEndTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.endThumb())), this.slideStartTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.startThumb())), this.endThumb = z.bind(this, "#end-thumb"), this.startThumb = z.bind(this, "#start-thumb"), this.track = z.bind(this, ".control");
 	}
 }, Gr = class extends t {
 	constructor(...e) {
@@ -1512,7 +1512,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, qr = { name: "rich-text-editor" }, Jr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "richTextEditor", this.componentInfo = qr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "richTextEditor", this.componentInfo = qr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Yr = class extends t {
 	constructor(...e) {
@@ -1532,7 +1532,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Zr = { name: "rich-text-view" }, Qr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "richTextView", this.componentInfo = Zr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "richTextView", this.componentInfo = Zr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, $r = class extends t {
 	constructor(...e) {
@@ -1552,7 +1552,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, ti = { name: "searchable-select" }, ni = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "searchableSelect", this.componentInfo = ti, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(M.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(j.bind(this));
+		super(...e), this.type = "searchableSelect", this.componentInfo = ti, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(A.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(k.bind(this));
 	}
 }, ri = class extends t {
 	constructor(...e) {
@@ -1592,7 +1592,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, ai = { name: "select" }, oi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "select", this.componentInfo = ai, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(M.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(j.bind(this));
+		super(...e), this.type = "select", this.componentInfo = ai, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(A.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(k.bind(this));
 	}
 }, si = class extends t {
 	constructor(...e) {
@@ -1624,7 +1624,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, li = { name: "selectable-box" }, ui = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "selectableBox", this.componentInfo = li, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(E.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(D.bind(this, () => this.control())), this.control = ye.bind(this, "[data-vvd-component].control", "div.control");
+		super(...e), this.type = "selectableBox", this.componentInfo = li, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(de.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(fe.bind(this, () => this.control())), this.control = Se.bind(this, "[data-vvd-component].control", "div.control");
 	}
 }, di = class extends t {
 	constructor(...e) {
@@ -1652,7 +1652,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, pi = { name: "side-drawer" }, mi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "sideDrawer", this.componentInfo = pi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "sideDrawer", this.componentInfo = pi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, hi = class extends t {
 	constructor(...e) {
@@ -1672,7 +1672,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, _i = { name: "simple-color-picker" }, vi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "simpleColorPicker", this.componentInfo = _i, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "simpleColorPicker", this.componentInfo = _i, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, yi = class extends t {
 	constructor(...e) {
@@ -1700,7 +1700,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, xi = { name: "slider" }, Si = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "slider", this.componentInfo = xi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.slideTo = this.ctx.driver.wrapAction(R.bind(this, () => this.track(), () => this.thumb())), this.thumb = H.bind(this, ".thumb-container"), this.track = H.bind(this, ".control");
+		super(...e), this.type = "slider", this.componentInfo = xi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.slideTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.thumb())), this.thumb = z.bind(this, ".thumb-container"), this.track = z.bind(this, ".control");
 	}
 }, Ci = class extends t {
 	constructor(...e) {
@@ -1728,7 +1728,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Ti = { name: "split-button" }, Ei = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "splitButton", this.componentInfo = Ti, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clickAction = this.ctx.driver.wrapAction(C.bind(this, () => this.actionButton())), this.clickIndicator = this.ctx.driver.wrapAction(C.bind(this, () => this.indicatorButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.actionButton = H.bind(this, "button.control"), this.indicatorButton = H.bind(this, "button.indicator");
+		super(...e), this.type = "splitButton", this.componentInfo = Ti, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clickAction = this.ctx.driver.wrapAction(C.bind(this, () => this.actionButton())), this.clickIndicator = this.ctx.driver.wrapAction(C.bind(this, () => this.indicatorButton())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.actionButton = z.bind(this, "button.control"), this.indicatorButton = z.bind(this, "button.indicator");
 	}
 }, Di = class extends t {
 	constructor(...e) {
@@ -1752,7 +1752,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, ki = { name: "status" }, Ai = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "status", this.componentInfo = ki, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "status", this.componentInfo = ki, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, ji = class extends t {
 	constructor(...e) {
@@ -1776,7 +1776,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Ni = { name: "switch" }, Pi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "switch", this.componentInfo = Ni, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.switch = H.bind(this, ".switch");
+		super(...e), this.type = "switch", this.componentInfo = Ni, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.switch = z.bind(this, ".switch");
 	}
 }, Fi = class extends t {
 	constructor(...e) {
@@ -1808,7 +1808,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Li = { name: "tab" }, Ri = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tab", this.componentInfo = Li, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.select = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.base = H.bind(this, ".base");
+		super(...e), this.type = "tab", this.componentInfo = Li, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.select = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.base = z.bind(this, ".base");
 	}
 }, zi = class extends t {
 	constructor(...e) {
@@ -1840,7 +1840,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Vi = { name: "tab-panel" }, Hi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tabPanel", this.componentInfo = Vi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tabPanel", this.componentInfo = Vi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Ui = class extends t {
 	constructor(...e) {
@@ -1857,7 +1857,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Gi = { name: "table" }, Ki = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "table", this.componentInfo = Gi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "table", this.componentInfo = Gi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, qi = class extends t {
 	constructor(...e) {
@@ -1874,7 +1874,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, Yi = { name: "table-body" }, Xi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableBody", this.componentInfo = Yi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tableBody", this.componentInfo = Yi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Zi = class extends t {
 	constructor(...e) {
@@ -1891,7 +1891,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, $i = { name: "table-cell" }, ea = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableCell", this.componentInfo = $i, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tableCell", this.componentInfo = $i, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, ta = class extends t {
 	constructor(...e) {
@@ -1908,7 +1908,7 @@ var G = { name: "accordion" }, be = class extends e {
 	}
 }, ra = { name: "table-head" }, ia = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableHead", this.componentInfo = ra, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tableHead", this.componentInfo = ra, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, aa = class extends t {
 	constructor(...e) {
@@ -1923,52 +1923,52 @@ var G = { name: "accordion" }, be = class extends e {
 			throw Error("Component does not have props.");
 		};
 	}
-}, $ = { name: "table-header-cell" }, sa = class extends e {
+}, sa = { name: "table-header-cell" }, ca = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableHeaderCell", this.componentInfo = $, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tableHeaderCell", this.componentInfo = sa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, ca = class extends t {
+}, la = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = $, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = sa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new sa(this.ctx, e);
+		return new ca(this.ctx, e);
 	}
-}, la = class {
+}, ua = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, ua = { name: "table-row" }, da = class extends e {
+}, da = { name: "table-row" }, fa = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableRow", this.componentInfo = ua, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tableRow", this.componentInfo = da, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, fa = class extends t {
+}, pa = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ua, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = da, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new da(this.ctx, e);
+		return new fa(this.ctx, e);
 	}
-}, pa = class {
+}, ma = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, ma = { name: "tabs" }, ha = class extends e {
+}, ha = { name: "table-sorting-button" }, ga = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tabs", this.componentInfo = ma, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tableSortingButton", this.componentInfo = ha, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, ga = class extends t {
+}, _a = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ma, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = ha, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ha(this.ctx, e);
+		return new ga(this.ctx, e);
 	}
-}, _a = class {
+}, va = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1977,18 +1977,38 @@ var G = { name: "accordion" }, be = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, va = { name: "tag" }, ya = class extends e {
+}, ya = { name: "tabs" }, ba = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tag", this.componentInfo = va, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.remove = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.select = this.ctx.driver.wrapAction(V.bind(this, !0)), this.unselect = this.ctx.driver.wrapAction(V.bind(this, !1)), this.base = H.bind(this, ".base"), this.dismissButton = H.bind(this, ".dismiss-button");
+		super(...e), this.type = "tabs", this.componentInfo = ya, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, ba = class extends t {
+}, xa = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = va, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = ya, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ya(this.ctx, e);
+		return new ba(this.ctx, e);
 	}
-}, xa = class {
+}, Sa = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Ca = { name: "tag" }, wa = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tag", this.componentInfo = Ca, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.remove = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.select = this.ctx.driver.wrapAction(R.bind(this, !0)), this.unselect = this.ctx.driver.wrapAction(R.bind(this, !1)), this.base = z.bind(this, ".base"), this.dismissButton = z.bind(this, ".dismiss-button");
+	}
+}, Ta = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ca, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new wa(this.ctx, e);
+	}
+}, Ea = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2017,35 +2037,35 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: b
 		}, !1, "toBeUnselected()"));
 	}
-}, Sa = { name: "tag-group" }, Ca = class extends e {
+}, Da = { name: "tag-group" }, Oa = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tagGroup", this.componentInfo = Sa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tagGroup", this.componentInfo = Da, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, wa = class extends t {
+}, ka = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Sa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Da, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Ca(this.ctx, e);
+		return new Oa(this.ctx, e);
 	}
-}, Ta = class {
+}, Aa = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Ea = { name: "text-area" }, Da = class extends e {
+}, ja = { name: "text-area" }, Ma = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "textArea", this.componentInfo = Ea, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, ".control");
+		super(...e), this.type = "textArea", this.componentInfo = ja, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
 	}
-}, Oa = class extends t {
+}, Na = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ea, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = ja, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Da(this.ctx, e);
+		return new Ma(this.ctx, e);
 	}
-}, ka = class {
+}, Pa = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2062,18 +2082,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, Aa = { name: "text-field" }, ja = class extends e {
+}, Fa = { name: "text-field" }, Ia = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "textField", this.componentInfo = Aa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = ve.bind(this, "input[slot=\"_control\"]");
+		super(...e), this.type = "textField", this.componentInfo = Fa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = xe.bind(this, "input[slot=\"_control\"]");
 	}
-}, Ma = class extends t {
+}, La = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Aa, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Fa, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ja(this.ctx, e);
+		return new Ia(this.ctx, e);
 	}
-}, Na = class {
+}, Ra = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2094,18 +2114,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, Pa = { name: "time-picker" }, Fa = class extends e {
+}, za = { name: "time-picker" }, Ba = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "timePicker", this.componentInfo = Pa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectTime = this.ctx.driver.wrapAction(fe.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+		super(...e), this.type = "timePicker", this.componentInfo = za, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(N.bind(this)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectTime = this.ctx.driver.wrapAction(he.bind(this)), this.clearButton = B.bind(this, "#clear-button"), this.control = V.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = B.bind(this, "#picker-button");
 	}
-}, Ia = class extends t {
+}, Va = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Pa, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = za, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Fa(this.ctx, e);
+		return new Ba(this.ctx, e);
 	}
-}, La = class {
+}, Ha = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2122,18 +2142,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, Ra = { name: "toggletip" }, za = class extends e {
+}, Ua = { name: "toggletip" }, Wa = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "toggletip", this.componentInfo = Ra, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "toggletip", this.componentInfo = Ua, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Ba = class extends t {
+}, Ga = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ra, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Ua, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new za(this.ctx, e);
+		return new Wa(this.ctx, e);
 	}
-}, Va = class {
+}, Ka = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2150,18 +2170,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: m
 		}, !0, "toBeOpen()"));
 	}
-}, Ha = { name: "tooltip" }, Ua = class extends e {
+}, qa = { name: "tooltip" }, Ja = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tooltip", this.componentInfo = Ha, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "tooltip", this.componentInfo = qa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Wa = class extends t {
+}, Ya = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ha, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
+		super(...e), this.componentInfo = qa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
 	}
 	wrap(e) {
-		return new Ua(this.ctx, e);
+		return new Ja(this.ctx, e);
 	}
-}, Ga = class {
+}, Xa = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2178,18 +2198,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: m
 		}, !0, "toBeOpen()"));
 	}
-}, Ka = { name: "tree-item" }, qa = class extends e {
+}, Za = { name: "tree-item" }, Qa = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "treeItem", this.componentInfo = Ka, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "treeItem", this.componentInfo = Za, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Ja = class extends t {
+}, $a = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ka, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Za, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new qa(this.ctx, e);
+		return new Qa(this.ctx, e);
 	}
-}, Ya = class {
+}, eo = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2202,18 +2222,18 @@ var G = { name: "accordion" }, be = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, Xa = { name: "tree-view" }, Za = class extends e {
+}, to = { name: "tree-view" }, no = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "treeView", this.componentInfo = Xa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "treeView", this.componentInfo = to, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Qa = class extends t {
+}, ro = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Xa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = to, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Za(this.ctx, e);
+		return new no(this.ctx, e);
 	}
-}, $a = class {
+}, io = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2222,29 +2242,29 @@ var G = { name: "accordion" }, be = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, eo = { name: "video-player" }, to = class extends e {
+}, $ = { name: "video-player" }, ao = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "videoPlayer", this.componentInfo = eo, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+		super(...e), this.type = "videoPlayer", this.componentInfo = $, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, no = class extends t {
+}, oo = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = eo, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = $, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new to(this.ctx, e);
+		return new ao(this.ctx, e);
 	}
-}, ro = {
+}, so = {
 	collection: r,
-	accordion: Se,
-	accordionItem: Te,
-	actionGroup: Oe,
-	alert: je,
-	audioPlayer: Pe,
-	avatar: Le,
-	badge: Be,
-	banner: Ue,
-	breadcrumb: qe,
-	breadcrumbItem: Ze,
+	accordion: Te,
+	accordionItem: Oe,
+	actionGroup: je,
+	alert: Pe,
+	audioPlayer: Le,
+	avatar: Be,
+	badge: Ue,
+	banner: Ke,
+	breadcrumb: Ye,
+	breadcrumbItem: Qe,
 	button: tt,
 	calendar: at,
 	calendarEvent: lt,
@@ -2301,18 +2321,19 @@ var G = { name: "accordion" }, be = class extends e {
 	tableBody: Qi,
 	tableCell: na,
 	tableHead: oa,
-	tableHeaderCell: la,
-	tableRow: pa,
-	tabs: _a,
-	tag: xa,
-	tagGroup: Ta,
-	textArea: ka,
-	textField: Na,
-	timePicker: La,
-	toggletip: Va,
-	tooltip: Ga,
-	treeItem: Ya,
-	treeView: $a,
+	tableHeaderCell: ua,
+	tableRow: ma,
+	tableSortingButton: va,
+	tabs: Sa,
+	tag: Ea,
+	tagGroup: Aa,
+	textArea: Pa,
+	textField: Ra,
+	timePicker: Ha,
+	toggletip: Ka,
+	tooltip: Xa,
+	treeItem: eo,
+	treeView: io,
 	videoPlayer: class {
 		constructor(e, t) {
 			this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
@@ -2323,14 +2344,14 @@ var G = { name: "accordion" }, be = class extends e {
 			}, t, `toHaveProp("${e}", ${t})`));
 		}
 	}
-}, io = class {
+}, co = class {
 	constructor(e) {
-		this.ctx = e, this.accordion = new xe(this.ctx), this.accordionItem = new we(this.ctx), this.actionGroup = new De(this.ctx), this.alert = new Ae(this.ctx), this.audioPlayer = new Ne(this.ctx), this.avatar = new Ie(this.ctx), this.badge = new ze(this.ctx), this.banner = new He(this.ctx), this.breadcrumb = new Ke(this.ctx), this.breadcrumbItem = new Xe(this.ctx), this.button = new et(this.ctx), this.calendar = new it(this.ctx), this.calendarEvent = new ct(this.ctx), this.card = new ft(this.ctx), this.checkbox = new gt(this.ctx), this.colorPicker = new bt(this.ctx), this.combobox = new wt(this.ctx), this.contextualHelp = new Ot(this.ctx), this.country = new Mt(this.ctx), this.dataGrid = new It(this.ctx), this.dataGridCell = new Bt(this.ctx), this.dataGridRow = new Wt(this.ctx), this.datePicker = new Jt(this.ctx), this.dateRangePicker = new Qt(this.ctx), this.dateTimePicker = new nn(this.ctx), this.dialPad = new sn(this.ctx), this.dialog = new dn(this.ctx), this.divider = new hn(this.ctx), this.emptyState = new yn(this.ctx), this.fab = new Cn(this.ctx), this.filePicker = new Dn(this.ctx), this.header = new jn(this.ctx), this.icon = new Fn(this.ctx), this.layout = new zn(this.ctx), this.menu = new Un(this.ctx), this.menuItem = new qn(this.ctx), this.nav = new Zn(this.ctx), this.navDisclosure = new tr(this.ctx), this.navItem = new ar(this.ctx), this.note = new lr(this.ctx), this.numberField = new pr(this.ctx), this.option = new _r(this.ctx), this.pagination = new xr(this.ctx), this.popover = new Tr(this.ctx), this.progress = new kr(this.ctx), this.progressRing = new Nr(this.ctx), this.radio = new Lr(this.ctx), this.radioGroup = new Vr(this.ctx), this.rangeSlider = new Gr(this.ctx), this.richTextEditor = new Yr(this.ctx), this.richTextView = new $r(this.ctx), this.searchableSelect = new ri(this.ctx), this.select = new si(this.ctx), this.selectableBox = new di(this.ctx), this.sideDrawer = new hi(this.ctx), this.simpleColorPicker = new yi(this.ctx), this.slider = new Ci(this.ctx), this.splitButton = new Di(this.ctx), this.status = new ji(this.ctx), this.switch = new Fi(this.ctx), this.tab = new zi(this.ctx), this.tabPanel = new Ui(this.ctx), this.table = new qi(this.ctx), this.tableBody = new Zi(this.ctx), this.tableCell = new ta(this.ctx), this.tableHead = new aa(this.ctx), this.tableHeaderCell = new ca(this.ctx), this.tableRow = new fa(this.ctx), this.tabs = new ga(this.ctx), this.tag = new ba(this.ctx), this.tagGroup = new wa(this.ctx), this.textArea = new Oa(this.ctx), this.textField = new Ma(this.ctx), this.timePicker = new Ia(this.ctx), this.toggletip = new Ba(this.ctx), this.tooltip = new Wa(this.ctx), this.treeItem = new Ja(this.ctx), this.treeView = new Qa(this.ctx), this.videoPlayer = new no(this.ctx);
+		this.ctx = e, this.accordion = new we(this.ctx), this.accordionItem = new De(this.ctx), this.actionGroup = new Ae(this.ctx), this.alert = new Ne(this.ctx), this.audioPlayer = new Ie(this.ctx), this.avatar = new ze(this.ctx), this.badge = new He(this.ctx), this.banner = new Ge(this.ctx), this.breadcrumb = new Je(this.ctx), this.breadcrumbItem = new Ze(this.ctx), this.button = new et(this.ctx), this.calendar = new it(this.ctx), this.calendarEvent = new ct(this.ctx), this.card = new ft(this.ctx), this.checkbox = new gt(this.ctx), this.colorPicker = new bt(this.ctx), this.combobox = new wt(this.ctx), this.contextualHelp = new Ot(this.ctx), this.country = new Mt(this.ctx), this.dataGrid = new It(this.ctx), this.dataGridCell = new Bt(this.ctx), this.dataGridRow = new Wt(this.ctx), this.datePicker = new Jt(this.ctx), this.dateRangePicker = new Qt(this.ctx), this.dateTimePicker = new nn(this.ctx), this.dialPad = new sn(this.ctx), this.dialog = new dn(this.ctx), this.divider = new hn(this.ctx), this.emptyState = new yn(this.ctx), this.fab = new Cn(this.ctx), this.filePicker = new Dn(this.ctx), this.header = new jn(this.ctx), this.icon = new Fn(this.ctx), this.layout = new zn(this.ctx), this.menu = new Un(this.ctx), this.menuItem = new qn(this.ctx), this.nav = new Zn(this.ctx), this.navDisclosure = new tr(this.ctx), this.navItem = new ar(this.ctx), this.note = new lr(this.ctx), this.numberField = new pr(this.ctx), this.option = new _r(this.ctx), this.pagination = new xr(this.ctx), this.popover = new Tr(this.ctx), this.progress = new kr(this.ctx), this.progressRing = new Nr(this.ctx), this.radio = new Lr(this.ctx), this.radioGroup = new Vr(this.ctx), this.rangeSlider = new Gr(this.ctx), this.richTextEditor = new Yr(this.ctx), this.richTextView = new $r(this.ctx), this.searchableSelect = new ri(this.ctx), this.select = new si(this.ctx), this.selectableBox = new di(this.ctx), this.sideDrawer = new hi(this.ctx), this.simpleColorPicker = new yi(this.ctx), this.slider = new Ci(this.ctx), this.splitButton = new Di(this.ctx), this.status = new ji(this.ctx), this.switch = new Fi(this.ctx), this.tab = new zi(this.ctx), this.tabPanel = new Ui(this.ctx), this.table = new qi(this.ctx), this.tableBody = new Zi(this.ctx), this.tableCell = new ta(this.ctx), this.tableHead = new aa(this.ctx), this.tableHeaderCell = new la(this.ctx), this.tableRow = new pa(this.ctx), this.tableSortingButton = new _a(this.ctx), this.tabs = new xa(this.ctx), this.tag = new Ta(this.ctx), this.tagGroup = new ka(this.ctx), this.textArea = new Na(this.ctx), this.textField = new La(this.ctx), this.timePicker = new Va(this.ctx), this.toggletip = new Ga(this.ctx), this.tooltip = new Ya(this.ctx), this.treeItem = new $a(this.ctx), this.treeView = new ro(this.ctx), this.videoPlayer = new oo(this.ctx);
 	}
 	expect(e) {
-		if (e.type in ro) return new ro[e.type](this.ctx, e);
+		if (e.type in so) return new so[e.type](this.ctx, e);
 		throw Error(`Unknown component type: ${e.type}`);
 	}
 };
 //#endregion
-export { io as t };
+export { co as t };