@turquoisehealth/pit-viper 2.206.0 → 2.206.2

package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js

@@ -1,5 +1,5 @@
 import * as e from "vue";
-import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, customRef as d, defineComponent as f, defineCustomElement as p, getCurrentInstance as m, getCurrentScope as h, guardReactiveProps as g, inject as _, isRef as v, mergeModels as y, mergeProps as b, nextTick as x, normalizeClass as S, normalizeProps as C, normalizeStyle as w, onMounted as T, onScopeDispose as E, onUnmounted as ee, openBlock as D, reactive as te, readonly as O, ref as k, renderList as A, renderSlot as j, resolveComponent as ne, resolveDynamicComponent as re, shallowRef as M, toDisplayString as N, toRef as ie, toValue as P, unref as ae, useId as oe, useModel as se, useTemplateRef as ce, vModelCheckbox as le, vModelText as ue, vShow as de, watch as F, watchEffect as fe, withCtx as pe, withDirectives as me, withModifiers as he } from "vue";
+import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, customRef as d, defineComponent as f, defineCustomElement as p, getCurrentInstance as m, getCurrentScope as h, guardReactiveProps as g, inject as _, isRef as v, mergeModels as y, mergeProps as b, nextTick as x, normalizeClass as S, normalizeProps as C, normalizeStyle as w, onMounted as T, onScopeDispose as E, onUnmounted as ee, openBlock as D, reactive as O, readonly as k, ref as A, renderList as te, renderSlot as j, resolveComponent as ne, resolveDynamicComponent as re, shallowRef as M, toDisplayString as N, toRef as ie, toValue as P, unref as ae, useId as oe, useModel as se, useTemplateRef as ce, vModelCheckbox as le, vModelText as ue, vShow as de, watch as F, watchEffect as fe, withCtx as pe, withDirectives as me, withModifiers as he } from "vue";
 //#region \0rolldown/runtime.js
 var ge = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, ve = Object.getOwnPropertyNames, ye = Object.prototype.hasOwnProperty, be = (e, t) => {
 	let n = {};
@@ -43,10 +43,10 @@ function je() {
 function Me(...e) {
 	if (e.length !== 1) return ie(...e);
 	let t = e[0];
-	return typeof t == "function" ? O(d(() => ({
+	return typeof t == "function" ? k(d(() => ({
 		get: t,
 		set: ke
-	}))) : k(t);
+	}))) : A(t);
 }
 function Ne(e, t) {
 	function n(...n) {
@@ -1012,17 +1012,17 @@ J.prototype = {
 				hn !== n && (S = i[T], _n = !1, vn = !w && o.invertSwap || C), x = Hn(e, n, i, f, w ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, vn, hn === n);
 				var D;
 				if (x !== 0) {
-					var te = Ot(V);
+					var O = Ot(V);
 					do
-						te -= x, D = H.children[te];
+						O -= x, D = H.children[O];
 					while (D && (R(D, "display") === "none" || D === U));
 				}
 				if (x === 0 || D === n) return _(!1);
 				hn = n, gn = x;
-				var O = n.nextElementSibling, k = !1;
-				k = x === 1;
-				var A = Ln(W, t, V, r, n, i, e, k);
-				if (A !== !1) return (A === 1 || A === -1) && (k = A === 1), xn = !0, setTimeout(zn, 30), g(), k && !O ? t.appendChild(V) : n.parentNode.insertBefore(V, k ? O : n), E && Lt(E, 0, ee - E.scrollTop), H = V.parentNode, S !== void 0 && !vn && (yn = Math.abs(S - z(n)[T])), v(), _(!0);
+				var k = n.nextElementSibling, A = !1;
+				A = x === 1;
+				var te = Ln(W, t, V, r, n, i, e, A);
+				if (te !== !1) return (te === 1 || te === -1) && (A = te === 1), xn = !0, setTimeout(zn, 30), g(), A && !k ? t.appendChild(V) : n.parentNode.insertBefore(V, A ? k : n), E && Lt(E, 0, ee - E.scrollTop), H = V.parentNode, S !== void 0 && !vn && (yn = Math.abs(S - z(n)[T])), v(), _(!0);
 			}
 			if (t.contains(V)) return _(!1);
 		}
@@ -1313,9 +1313,9 @@ var ir = Ft(function(e, t, n, r) {
 		do {
 			var p = f, m = z(p), h = m.top, g = m.bottom, _ = m.left, v = m.right, y = m.width, b = m.height, x = void 0, S = void 0, C = p.scrollWidth, w = p.scrollHeight, T = R(p), E = p.scrollLeft, ee = p.scrollTop;
 			p === c ? (x = y < C && (T.overflowX === "auto" || T.overflowX === "scroll" || T.overflowX === "visible"), S = b < w && (T.overflowY === "auto" || T.overflowY === "scroll" || T.overflowY === "visible")) : (x = y < C && (T.overflowX === "auto" || T.overflowX === "scroll"), S = b < w && (T.overflowY === "auto" || T.overflowY === "scroll"));
-			var D = x && (Math.abs(v - i) <= o && E + y < C) - (Math.abs(_ - i) <= o && !!E), te = S && (Math.abs(g - a) <= o && ee + b < w) - (Math.abs(h - a) <= o && !!ee);
-			if (!Y[d]) for (var O = 0; O <= d; O++) Y[O] || (Y[O] = {});
-			(Y[d].vx != D || Y[d].vy != te || Y[d].el !== p) && (Y[d].el = p, Y[d].vx = D, Y[d].vy = te, clearInterval(Y[d].pid), (D != 0 || te != 0) && (l = !0, Y[d].pid = setInterval(function() {
+			var D = x && (Math.abs(v - i) <= o && E + y < C) - (Math.abs(_ - i) <= o && !!E), O = S && (Math.abs(g - a) <= o && ee + b < w) - (Math.abs(h - a) <= o && !!ee);
+			if (!Y[d]) for (var k = 0; k <= d; k++) Y[k] || (Y[k] = {});
+			(Y[d].vx != D || Y[d].vy != O || Y[d].el !== p) && (Y[d].el = p, Y[d].vx = D, Y[d].vy = O, clearInterval(Y[d].pid), (D != 0 || O != 0) && (l = !0, Y[d].pid = setInterval(function() {
 				r && this.layer === 0 && J.active._onTouchMove($n);
 				var t = Y[this.layer].vy ? Y[this.layer].vy * s : 0, n = Y[this.layer].vx ? Y[this.layer].vx * s : 0;
 				typeof u == "function" && u.call(J.dragged.parentNode[Bt], n, t, e, $n, Y[this.layer].el) !== "continue" || Lt(Y[this.layer].el, n, t);
@@ -1419,7 +1419,7 @@ var fr = ["data-align"], pr = /* @__PURE__ */ f({
 	},
 	emits: ["list-order-updated"],
 	setup(e, { expose: t, emit: n }) {
-		let r = k(null), i = ce("popoverList"), a = e, s = n;
+		let r = A(null), i = ce("popoverList"), a = e, s = n;
 		return a.isSortable && a.isList && cr(i, [], {
 			animation: 150,
 			onUpdate: () => {
@@ -1448,7 +1448,7 @@ var fr = ["data-align"], pr = /* @__PURE__ */ f({
 //#endregion
 //#region src/web-components/utils.ts
 function _r() {
-	let e = k(!1), t = m()?.root || {};
+	let e = A(!1), t = m()?.root || {};
 	return "isCE" in t && t.isCE === !0 && (e.value = !0), e;
 }
 //#endregion
@@ -1475,7 +1475,7 @@ var vr = {
 		size: { type: null }
 	},
 	setup(e) {
-		let t = e, n = _r(), i = k(null), a = r(() => ({
+		let t = e, n = _r(), i = A(null), a = r(() => ({
 			"pv-icon": !0,
 			[`pv-icon-${t.size}`]: t.size != null && yr.includes(t.size)
 		})), c = r(() => n.value && i.value ? `${i.value}#${t.name}` : `#${t.name}`);
@@ -1518,7 +1518,7 @@ var Tr = {
 		srcPathOverride: { type: String }
 	},
 	setup(e) {
-		let t = e, n = k(!0), i = r(() => vr[t.size] || "32px"), a = r(() => ({
+		let t = e, n = A(!0), i = r(() => vr[t.size] || "32px"), a = r(() => ({
 			"pv-icon": n.value,
 			[`pv-company-${t.size}`]: t.size && !n.value
 		})), c = r(() => ({ width: i.value })), l = r(() => `${t.name.toLowerCase().replace(/[^a-z\s]/g, "").trim().replace(/\s+/g, "_")}.svg`), u = r(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${l.value}`);
@@ -1641,6 +1641,7 @@ var Tr = {
 		secondaryText: { type: [Number, String] },
 		subduedText: { type: String },
 		icon: { type: String },
+		hoverTitle: { type: String },
 		companyName: { type: String },
 		avatar: { type: Object },
 		groupingLabel: { type: String },
@@ -1655,7 +1656,7 @@ var Tr = {
 		config: { type: Object }
 	},
 	setup(e) {
-		let n = e, c = k(null), l = k(null), u = r(() => n.subText || null), d = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), f = (e, t, n) => {
+		let n = e, c = A(null), l = A(null), u = r(() => n.subText || null), d = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), f = (e, t, n) => {
 			let r = d(n), i = RegExp(`(${r})`, "gi");
 			e.innerHTML = t.replace(i, "<span data-test-id=\"pv-matched-text\" style=\"font-weight: bold;\">$1</span>");
 		}, p = () => {
@@ -1694,7 +1695,7 @@ var Tr = {
 			}, null, 8, ["name"])) : a("v-if", !0),
 			s("div", Mr, [s("span", {
 				class: "pv-text-body-md pv-full-width pv-truncate",
-				title: e.text
+				title: e.hoverTitle ?? e.text
 			}, [s("span", {
 				ref_key: "mainText",
 				ref: c
@@ -1712,7 +1713,7 @@ var Tr = {
 					"pv-truncate",
 					{ "pv-text-subdued": !e.disabled }
 				]),
-				title: u.value
+				title: e.hoverTitle ?? u.value
 			}, N(u.value), 11, Pr)) : a("v-if", !0)]),
 			e.secondaryText && typeof e.secondaryText == "number" ? (D(), i(jr, {
 				key: 3,
@@ -2739,7 +2740,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, c = se(e, "modelValue"), l = k(null), u = k(null), d = k(null), f = Qe(l), p = Qe(d), m = {
+		let t = e, c = se(e, "modelValue"), l = A(null), u = A(null), d = A(null), f = Qe(l), p = Qe(d), m = {
 			"top-center": "top",
 			"bottom-center": "bottom",
 			"center-left": "left",
@@ -2787,19 +2788,19 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 		}, E = r(() => {
 			let e = [d.value].filter(Boolean);
 			return e.push(".p-datepicker-panel"), t.ignoreClickOutsideClasses && e.push(...t.ignoreClickOutsideClasses.map((e) => `.${e}`)), e;
-		}), te = r(() => t.showOnHover ? t.disableInteractive ? f.value : f.value || p.value : !1), O = () => {
+		}), O = r(() => t.showOnHover ? t.disableInteractive ? f.value : f.value || p.value : !1), k = () => {
 			t.showOnHover || C(x ? !1 : !c.value);
-		}, A = () => {
+		}, te = () => {
 			t.disableClickOutsideToClose || C(!1);
 		};
-		return F(te, (e) => {
+		return F(O, (e) => {
 			t.showOnHover && C(e);
 		}), ee(() => {
 			S();
 		}), (r, u) => me((D(), o("div", Wa, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: l,
-			onClick: O
+			onClick: k
 		}, [j(r.$slots, "trigger")], 512), r.$slots.content ? (D(), i(n, {
 			key: 0,
 			to: e.teleportLocation,
@@ -2809,7 +2810,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 			ref_key: "floating",
 			ref: d,
 			style: w(b.value)
-		}, [j(r.$slots, "content")], 4), [[de, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)])), [[ae(La), [A, { ignore: E.value }]]]);
+		}, [j(r.$slots, "content")], 4), [[de, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)])), [[ae(La), [te, { ignore: E.value }]]]);
 	}
 }), Ka = ["data-variant"], qa = /* @__PURE__ */ f({
 	__name: "PvTooltipV2",
@@ -2965,6 +2966,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 		secondaryText: { type: [Number, String] },
 		subduedText: { type: String },
 		icon: { type: String },
+		hoverTitle: { type: String },
 		companyName: { type: String },
 		avatar: { type: Object },
 		groupingLabel: { type: String },
@@ -2980,7 +2982,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 	},
 	emits: ["handle-selected", "toggle-expanded"],
 	setup(e, { emit: t }) {
-		let n = e, c = ce("inputRef"), l = _(Za, void 0), d = _(Qa, k(!1)), f = _($a, void 0), p = _(eo, void 0), h = r(() => {
+		let n = e, c = ce("inputRef"), l = _(Za, void 0), d = _(Qa, A(!1)), f = _($a, void 0), p = _(eo, void 0), h = r(() => {
 			if (!d.value || !Sr(n)) return [];
 			let e = n.children ? Cr(n.children) : [];
 			if (f?.value) {
@@ -3017,7 +3019,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 		}), E = r(() => {
 			let e = n.menuOptionConfig?.variant;
 			return e !== "checkbox" && e !== "radio";
-		}), ee = r(() => n.menuOptionConfig?.variant === "radio" ? "radio" : "checkbox"), te = `${ee.value}-${m()?.uid}`, O = r(() => n.menuOptionConfig?.variant === "checkbox" ? "pv-checkbox" : "pv-radio"), A = r(() => `pv-menu${n.menuOptionConfig?.variant === "checkbox" ? "-checkbox" : n.menuOptionConfig?.variant === "radio" ? "-radio" : ""}-item`), j = t, ne = (e) => {
+		}), ee = r(() => n.menuOptionConfig?.variant === "radio" ? "radio" : "checkbox"), O = `${ee.value}-${m()?.uid}`, k = r(() => n.menuOptionConfig?.variant === "checkbox" ? "pv-checkbox" : "pv-radio"), te = r(() => `pv-menu${n.menuOptionConfig?.variant === "checkbox" ? "-checkbox" : n.menuOptionConfig?.variant === "radio" ? "-radio" : ""}-item`), j = t, ne = (e) => {
 			n.disabled || (j("handle-selected", {
 				option: { ...n },
 				event: e
@@ -3032,17 +3034,17 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 				paddingTop: e.subText ? "4px" : void 0,
 				paddingBottom: e.subText ? "4px" : void 0
 			}]),
-			"data-testid": A.value
+			"data-testid": te.value
 		}, [
 			s("input", {
 				ref_key: "inputRef",
 				ref: c,
 				hidden: E.value,
 				type: ee.value,
-				name: te,
+				name: O,
 				checked: g.value,
 				indeterminate: v.value,
-				class: S(O.value),
+				class: S(k.value),
 				disabled: e.disabled,
 				onChange: ne
 			}, null, 42, ao),
@@ -3211,11 +3213,12 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 		secondaryText: { type: [Number, String] },
 		subduedText: { type: String },
 		icon: { type: String },
+		hoverTitle: { type: String },
 		companyName: { type: String },
 		avatar: { type: Object },
 		groupingLabel: { type: String },
 		disabled: { type: Boolean },
-		context: { type: null },
+		context: { type: Object },
 		classList: { type: Array },
 		searchText: { type: String },
 		children: { type: Array },
@@ -3228,11 +3231,11 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 	}),
 	emits: /* @__PURE__ */ y(["handle-selected", "see-more"], ["update:selectedIds"]),
 	setup(e, { emit: n }) {
-		let i = e, s = _(Za, void 0), c = se(e, "selectedIds"), l = _(ro, k(!1)), d = _(no, k(!1)), f = _(eo, void 0), p = _(to, void 0), m = k(i.defaultExpanded ?? !1);
+		let i = e, s = _(Za, void 0), c = se(e, "selectedIds"), l = _(ro, A(!1)), d = _(no, A(!1)), f = _(eo, void 0), p = _(to, void 0), m = A(i.defaultExpanded ?? !1);
 		F(() => i.defaultExpanded, (e) => {
 			e && (m.value = !0);
 		});
-		let h = k(!1), g = k(!1), v = k(i.children ?? []), y = k(/* @__PURE__ */ new Set());
+		let h = A(!1), g = A(!1), v = A(i.children ?? []), y = A(/* @__PURE__ */ new Set());
 		F(() => i.children, (e) => {
 			if (!e) {
 				v.value = [];
@@ -3249,7 +3252,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 		}), E = r(() => Sr({
 			...i,
 			children: v.value
-		}) && i.level < vo), ee = r(() => E.value ? l.value ? m.value : !0 : !1), te = r(() => m.value ? "chevron-down" : "chevron-right"), O = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), j = n, re = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), M = async () => {
+		}) && i.level < vo), ee = r(() => E.value ? l.value ? m.value : !0 : !1), O = r(() => m.value ? "chevron-down" : "chevron-right"), k = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), j = n, re = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), M = async () => {
 			if (h.value) return;
 			if (!i.handleSeeMore) {
 				j("see-more", {
@@ -3305,11 +3308,11 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				showChevron: ae(l) && E.value,
-				chevronIcon: te.value,
+				chevronIcon: O.value,
 				expanded: m.value,
 				onHandleSelected: N,
 				onToggleExpanded: x,
-				selected: O(i)
+				selected: k(i)
 			}), null, 16, [
 				"children",
 				"menuOptionConfig",
@@ -3323,9 +3326,9 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 				key: 0,
 				role: "list",
 				style: w(C.value)
-			}, [(D(!0), o(t, null, A(v.value, (t) => (D(), o("li", {
+			}, [(D(!0), o(t, null, te(v.value, (t) => (D(), o("li", {
 				key: t.id,
-				"data-active": O(t) ? "true" : null,
+				"data-active": k(t) ? "true" : null,
 				class: S(e.itemClass)
 			}, [u(s, b({ ref_for: !0 }, t, {
 				disabled: i.disabled || t.disabled,
@@ -3369,6 +3372,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 		secondaryText: { type: [Number, String] },
 		subduedText: { type: String },
 		icon: { type: String },
+		hoverTitle: { type: String },
 		companyName: { type: String },
 		avatar: { type: Object },
 		groupingLabel: { type: String },
@@ -3406,7 +3410,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 				bold: !1
 			}), n;
 		});
-		return (e, n) => (D(), o("div", null, [s("div", bo, [u(xr, { name: p.value }, null, 8, ["name"]), s("div", null, [s("p", xo, [(D(!0), o(t, null, A(m.value, (e, t) => (D(), o("span", {
+		return (e, n) => (D(), o("div", null, [s("div", bo, [u(xr, { name: p.value }, null, 8, ["name"]), s("div", null, [s("p", xo, [(D(!0), o(t, null, te(m.value, (e, t) => (D(), o("span", {
 			key: t,
 			style: w({ fontWeight: e.bold ? "bold" : void 0 }),
 			textContent: N(e.text)
@@ -3513,7 +3517,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 			};
 			l(s.value, t);
 		};
-		return (e, n) => (D(), o(t, null, [(D(!0), o(t, null, A(u.value, (e, t) => (D(), i(Oo, {
+		return (e, n) => (D(), o(t, null, [(D(!0), o(t, null, te(u.value, (e, t) => (D(), i(Oo, {
 			key: `${t}-${e.queryText}`,
 			variant: p(e),
 			label: f(e),
@@ -3596,19 +3600,29 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 		"update:options"
 	],
 	setup(e) {
-		let n = e, c = { renderer: Eo }, l = ce("search-input"), d = se(e, "searchText"), f = se(e, "query"), p = se(e, "options"), { addQueryOption: m, containsQueryOption: h } = Ce(), g = k(!1), _ = k(!1), v = k(!1), y = r(() => f.value === null ? n.placeholder : ""), x = k(null), C = r(() => x.value !== null && x.value !== "" && !_.value), T = () => {
-			f.value = null, d.value = "", x.value = null, v.value = !1;
+		let n = e, c = { renderer: Eo }, l = ce("search-input"), d = se(e, "searchText"), f = se(e, "query"), p = se(e, "options"), { addQueryOption: m, containsQueryOption: h, removeQueryOption: g } = Ce(), _ = A(!1), v = A(!1), y = A(!1), x = r(() => f.value === null ? n.placeholder : ""), C = A(null), T = r(() => C.value !== null && C.value !== "" && !v.value), E = () => {
+			f.value = null, d.value = "", C.value = null, y.value = !1;
 		};
 		n.enableCustomOptionsInput && Ye("Enter", () => {
-			d.value.trim() && E();
+			d.value.trim() && ee();
+		}, { target: l }), Ye("Backspace", () => {
+			if (d.value !== "") return;
+			let e = f.value?.queryTerms;
+			if (!e || e.length === 0) return;
+			let t = e[e.length - 1];
+			g(f.value, {
+				id: t.queryText || "",
+				text: t.queryText || "",
+				queryTerm: t
+			}), f.value?.queryTerms.length === 0 && (f.value = null);
 		}, { target: l });
-		let E = () => {
+		let ee = () => {
 			d.value.trim() && (f.value = m(f.value, {
 				id: d.value.trim(),
 				text: d.value,
 				queryTerm: { queryText: d.value }
-			}), re());
-		}, ee = r(() => {
+			}), M());
+		}, O = r(() => {
 			if (!p.value || p.value.length === 0) return [];
 			let e = p.value;
 			return n.processor === "field-only" && (e = p.value.filter((e) => e.queryTerm?.queryField)), f.value && (e = e.filter((e) => !h(f.value, e))), e.map((e) => ({
@@ -3621,15 +3635,15 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 			}));
 		});
 		F([
-			ee,
+			O,
 			d,
 			() => n.optionsLoading
 		], ([e, t, n]) => {
-			t && t.length > 0 && (e.length > 0 || n) ? g.value = !0 : (!t || t.length === 0) && (g.value = !1);
+			t && t.length > 0 && (e.length > 0 || n) ? _.value = !0 : (!t || t.length === 0) && (_.value = !1);
 		}, { immediate: !0 });
-		let te = () => {
-			n.enableCustomOptionsInput && E(), g.value = !1, _.value = !1, v.value = !1;
-		}, O = (e) => {
+		let k = () => {
+			n.enableCustomOptionsInput && ee(), _.value = !1, v.value = !1, y.value = !1;
+		}, j = (e) => {
 			try {
 				let t = {
 					id: e.id,
@@ -3637,28 +3651,28 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 					queryTerm: e.context,
 					icon: e.icon
 				};
-				f.value = m(f.value, t), re();
+				f.value = m(f.value, t), M();
 			} catch (e) {
 				console.error("Error adding query option:", e);
 			} finally {
-				g.value = !1, _.value = !1;
+				_.value = !1, v.value = !1;
 			}
 		};
-		function j(e) {
+		function ne(e) {
 			let t = e.target;
 			t.isContentEditable || t.closest("[contenteditable=\"true\"]") || t.tagName === "BUTTON" || t.tagName === "SVG" || t.closest("button") || l.value?.focus();
 		}
-		function ne(e) {
-			e.type === "focus" ? (_.value = !0, g.value = !0) : e.type;
+		function re(e) {
+			e.type === "focus" ? (v.value = !0, _.value = !0) : e.type;
 		}
-		let re = () => {
+		let M = () => {
 			d.value = "";
 		};
 		return (n, r) => me((D(), o("div", {
 			ref: "query-builder-input",
 			class: "pv-relative pv-query-builder-input-wrapper",
-			onFocus: ne,
-			onClick: j
+			onFocus: re,
+			onClick: ne
 		}, [
 			e.hideSearchIcon ? a("v-if", !0) : (D(), i(xr, {
 				key: 0,
@@ -3669,12 +3683,12 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 				style: w([{
 					"--inset-size": "4px",
 					"--flex-gap": "4px"
-				}, e.enableWrapQueryTerms || v.value ? "flex-wrap: wrap;" : "flex-wrap: nowrap;"])
+				}, e.enableWrapQueryTerms || y.value ? "flex-wrap: wrap;" : "flex-wrap: nowrap; justify-content: flex-end;"])
 			}, [u(ko, {
 				modelValue: f.value,
 				"onUpdate:modelValue": r[0] ||= (e) => f.value = e,
-				"wrap-content": v.value,
-				"onUpdate:wrapContent": r[1] ||= (e) => v.value = e,
+				"wrap-content": y.value,
+				"onUpdate:wrapContent": r[1] ||= (e) => y.value = e,
 				"query-term-display-limit": e.queryTermDisplayLimit
 			}, null, 8, [
 				"modelValue",
@@ -3686,40 +3700,41 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
 				"data-testid": "pv-search-input",
 				type: "text",
 				disabled: e.disabled,
-				placeholder: y.value,
-				"data-invalid": C.value ? "true" : void 0,
-				onFocus: ne,
-				onBlur: ne
-			}, null, 40, Ao), [[ue, d.value]])], 4),
+				placeholder: x.value,
+				"data-invalid": T.value ? "true" : void 0,
+				style: w(d.value ? "min-width: 8rem;" : void 0),
+				onFocus: re,
+				onBlur: re
+			}, null, 44, Ao), [[ue, d.value]])], 4),
 			f.value && !e.hideClearButton ? (D(), i(ho, {
 				key: 1,
 				variant: "ghost",
 				leftIcon: "close",
 				size: "md",
-				onClick: T
+				onClick: E
 			})) : a("v-if", !0),
-			C.value ? (D(), o("p", jo, N(x.value), 1)) : a("v-if", !0),
-			ee.value.length > 0 || e.optionsLoading ? (D(), i(gr, {
+			T.value ? (D(), o("p", jo, N(C.value), 1)) : a("v-if", !0),
+			O.value.length > 0 || e.optionsLoading ? (D(), i(gr, {
 				key: 3,
-				class: S({ "pv-hide": !g.value }),
+				class: S({ "pv-hide": !_.value }),
 				"css-custom-properties": {
 					width: "100%",
 					maxWidth: "100%"
 				},
 				isList: !0
 			}, {
-				default: pe(() => [e.optionsLoading ? (D(), o("div", Mo, [u(co, { variant: "dark" })])) : (D(!0), o(t, { key: 0 }, A(ee.value, (e, t) => (D(), i(yo, b({
+				default: pe(() => [e.optionsLoading ? (D(), o("div", Mo, [u(co, { variant: "dark" })])) : (D(!0), o(t, { key: 0 }, te(O.value, (e, t) => (D(), i(yo, b({
 					key: `${t}-${e.searchText}`,
 					ref_for: !0
 				}, e, {
-					onHandleSelected: (t) => O(e),
+					onHandleSelected: (t) => j(e),
 					config: c
 				}), null, 16, ["onHandleSelected"]))), 128))]),
 				_: 1
 			}, 8, ["class"])) : a("v-if", !0)
-		], 32)), [[ae(La), te]]);
+		], 32)), [[ae(La), k]]);
 	}
-}), [["styles", [".pv-query-builder-input-wrapper[data-v-4decbec2]{cursor:text;background:#f7f8f8;border:2px solid #0000;border-radius:.5rem;align-items:center;width:100%;min-height:2.25rem;padding:.25rem;font-size:.75rem;display:flex;position:relative}.pv-query-builder-input[data-v-4decbec2]{justify-content:start;overflow-x:hidden}.pv-query-builder-input-wrapper input[data-v-4decbec2]{background:0 0;border:none;outline:none;font-size:.75rem}.pv-query-builder-input-wrapper[data-v-4decbec2]:focus-within{border:2px solid #36c5ba}"]], ["__scopeId", "data-v-4decbec2"]]), Po = Object.defineProperty, Fo = Object.getOwnPropertySymbols, Io = Object.prototype.hasOwnProperty, Lo = Object.prototype.propertyIsEnumerable, Ro = (e, t, n) => t in e ? Po(e, t, {
+}), [["styles", [".pv-query-builder-input-wrapper[data-v-e2a82095]{background:var(--secondary-lighten-8,#f7f8f8);border-radius:var(--corner-radius-L,8px);border:1px solid var(--stroke-light,#e3e7ea);cursor:text;align-items:center;width:100%;min-height:2.25rem;padding:.25rem;font-size:.75rem;display:flex;position:relative}.pv-query-builder-input[data-v-e2a82095]{justify-content:start;overflow-x:hidden}.pv-query-builder-input-wrapper input[data-v-e2a82095]{background:0 0;border:none;outline:none;flex:1rem;min-width:1rem;font-size:.75rem}.pv-query-builder-input-wrapper[data-v-e2a82095]:focus-within{border:2px solid #36c5ba}"]], ["__scopeId", "data-v-e2a82095"]]), Po = Object.defineProperty, Fo = Object.getOwnPropertySymbols, Io = Object.prototype.hasOwnProperty, Lo = Object.prototype.propertyIsEnumerable, Ro = (e, t, n) => t in e ? Po(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,
@@ -4052,7 +4067,7 @@ var Ns = {
 	getCommon({ name: e = "", theme: t = {}, params: n, set: r, defaults: i }) {
 		let { preset: a, options: o } = t, s, c, l, u, d, f, p;
 		if (Z(a) && o.transform !== "strict") {
-			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = ms(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = ms(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = ms(x, ["dark"]), w = y || {}, { dark: T } = w, E = ms(w, ["dark"]), ee = Z(t) ? this._toVariables({ primitive: t }, o) : {}, D = Z(_) ? this._toVariables({ semantic: _ }, o) : {}, te = Z(C) ? this._toVariables({ light: C }, o) : {}, O = Z(S) ? this._toVariables({ dark: S }, o) : {}, k = Z(b) ? this._toVariables({ semantic: b }, o) : {}, A = Z(E) ? this._toVariables({ light: E }, o) : {}, j = Z(T) ? this._toVariables({ dark: T }, o) : {}, [ne, re] = [ee.declarations ?? "", ee.tokens], [M, N] = [D.declarations ?? "", D.tokens || []], [ie, P] = [te.declarations ?? "", te.tokens || []], [ae, oe] = [O.declarations ?? "", O.tokens || []], [se, ce] = [k.declarations ?? "", k.tokens || []], [le, ue] = [A.declarations ?? "", A.tokens || []], [de, F] = [j.declarations ?? "", j.tokens || []];
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = ms(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = ms(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = ms(x, ["dark"]), w = y || {}, { dark: T } = w, E = ms(w, ["dark"]), ee = Z(t) ? this._toVariables({ primitive: t }, o) : {}, D = Z(_) ? this._toVariables({ semantic: _ }, o) : {}, O = Z(C) ? this._toVariables({ light: C }, o) : {}, k = Z(S) ? this._toVariables({ dark: S }, o) : {}, A = Z(b) ? this._toVariables({ semantic: b }, o) : {}, te = Z(E) ? this._toVariables({ light: E }, o) : {}, j = Z(T) ? this._toVariables({ dark: T }, o) : {}, [ne, re] = [ee.declarations ?? "", ee.tokens], [M, N] = [D.declarations ?? "", D.tokens || []], [ie, P] = [O.declarations ?? "", O.tokens || []], [ae, oe] = [k.declarations ?? "", k.tokens || []], [se, ce] = [A.declarations ?? "", A.tokens || []], [le, ue] = [te.declarations ?? "", te.tokens || []], [de, F] = [j.declarations ?? "", j.tokens || []];
 			s = this.transformCSS(e, ne, "light", "variable", o, r, i), c = re, l = `${this.transformCSS(e, `${M}${ie}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${ae}`, "dark", "variable", o, r, i)}`, u = [...new Set([
 				...N,
 				...P,
@@ -4086,11 +4101,11 @@ var Ns = {
 				"colorScheme",
 				"extend",
 				"css"
-			]), h = f || {}, { colorScheme: g } = h, _ = ms(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = ms(v, ["dark"]), x = g || {}, { dark: S } = x, C = ms(x, ["dark"]), w = Z(m) ? this._toVariables({ [r]: fs(fs({}, m), _) }, n) : {}, T = Z(b) ? this._toVariables({ [r]: fs(fs({}, b), C) }, n) : {}, E = Z(y) ? this._toVariables({ [r]: fs(fs({}, y), S) }, n) : {}, [ee, D] = [w.declarations ?? "", w.tokens || []], [te, O] = [T.declarations ?? "", T.tokens || []], [k, A] = [E.declarations ?? "", E.tokens || []];
-			s = `${this.transformCSS(r, `${ee}${te}`, "light", "variable", n, i, a, o)}${this.transformCSS(r, k, "dark", "variable", n, i, a, o)}`, c = [...new Set([
+			]), h = f || {}, { colorScheme: g } = h, _ = ms(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = ms(v, ["dark"]), x = g || {}, { dark: S } = x, C = ms(x, ["dark"]), w = Z(m) ? this._toVariables({ [r]: fs(fs({}, m), _) }, n) : {}, T = Z(b) ? this._toVariables({ [r]: fs(fs({}, b), C) }, n) : {}, E = Z(y) ? this._toVariables({ [r]: fs(fs({}, y), S) }, n) : {}, [ee, D] = [w.declarations ?? "", w.tokens || []], [O, k] = [T.declarations ?? "", T.tokens || []], [A, te] = [E.declarations ?? "", E.tokens || []];
+			s = `${this.transformCSS(r, `${ee}${O}`, "light", "variable", n, i, a, o)}${this.transformCSS(r, A, "dark", "variable", n, i, a, o)}`, c = [...new Set([
 				...D,
-				...O,
-				...A
+				...k,
+				...te
 			])], l = Go(p, { dt: ks });
 		}
 		return {
@@ -4449,10 +4464,10 @@ function Vs(e) {
 }
 var Hs = 0;
 function Us(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = k(!1), r = k(e), i = k(null), a = rs() ? window.document : void 0, o = t.document, s = o === void 0 ? a : o, c = t.immediate, l = c === void 0 ? !0 : c, u = t.manual, d = u === void 0 ? !1 : u, f = t.name, p = f === void 0 ? `style_${++Hs}` : f, m = t.id, h = m === void 0 ? void 0 : m, g = t.media, _ = g === void 0 ? void 0 : g, v = t.nonce, y = v === void 0 ? void 0 : v, b = t.first, x = b === void 0 ? !1 : b, S = t.onMounted, C = S === void 0 ? void 0 : S, w = t.onUpdated, T = w === void 0 ? void 0 : w, E = t.onLoad, ee = E === void 0 ? void 0 : E, D = t.props, te = D === void 0 ? {} : D, A = function() {}, j = function(t) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = A(!1), r = A(e), i = A(null), a = rs() ? window.document : void 0, o = t.document, s = o === void 0 ? a : o, c = t.immediate, l = c === void 0 ? !0 : c, u = t.manual, d = u === void 0 ? !1 : u, f = t.name, p = f === void 0 ? `style_${++Hs}` : f, m = t.id, h = m === void 0 ? void 0 : m, g = t.media, _ = g === void 0 ? void 0 : g, v = t.nonce, y = v === void 0 ? void 0 : v, b = t.first, x = b === void 0 ? !1 : b, S = t.onMounted, C = S === void 0 ? void 0 : S, w = t.onUpdated, T = w === void 0 ? void 0 : w, E = t.onLoad, ee = E === void 0 ? void 0 : E, D = t.props, O = D === void 0 ? {} : D, te = function() {}, j = function(t) {
 		var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
 		if (s) {
-			var o = Ls(Ls({}, te), a), c = o.name || p, l = o.id || h, u = o.nonce || y;
+			var o = Ls(Ls({}, O), a), c = o.name || p, l = o.id || h, u = o.nonce || y;
 			i.value = s.querySelector(`style[data-primevue-style-id="${c}"]`) || s.getElementById(l) || s.createElement("style"), i.value.isConnected || (r.value = t || e, ns(i.value, {
 				type: "text/css",
 				id: l,
@@ -4460,7 +4475,7 @@ function Us(e) {
 				nonce: u
 			}), x ? s.head.prepend(i.value) : s.head.appendChild(i.value), is(i.value, "data-primevue-style-id", c), ns(i.value, o), i.value.onload = function(e) {
 				return ee?.(e, { name: c });
-			}, C?.(c)), !n.value && (A = F(r, function(e) {
+			}, C?.(c)), !n.value && (te = F(r, function(e) {
 				i.value.textContent = e, T?.(c);
 			}, { immediate: !0 }), n.value = !0);
 		}
@@ -4471,10 +4486,10 @@ function Us(e) {
 		el: i,
 		css: r,
 		unload: function() {
-			!s || !n.value || (A(), es(i.value) && s.head.removeChild(i.value), n.value = !1, i.value = null);
+			!s || !n.value || (te(), es(i.value) && s.head.removeChild(i.value), n.value = !1, i.value = null);
 		},
 		load: j,
-		isLoaded: O(n)
+		isLoaded: k(n)
 	};
 }
 //#endregion
@@ -4952,7 +4967,7 @@ var hc = {
 	csp: { nonce: void 0 }
 }, gc = Symbol();
 function _c(e, t) {
-	var n = { config: te(t) };
+	var n = { config: O(t) };
 	return e.config.globalProperties.$primevue = n, e.provide(gc, n), yc(), bc(e, n), n;
 }
 var vc = [];
@@ -4962,7 +4977,7 @@ function yc() {
 	}), vc = [];
 }
 function bc(e, t) {
-	var n = k(!1), r = function() {
+	var n = A(!1), r = function() {
 		if (t.config?.theme !== "none" && !$.isStyleNameLoaded("common")) {
 			var e, n = sc.getCommonTheme?.call(sc) || {}, r = n.primitive, i = n.semantic, a = n.global, o = n.style, s = { nonce: (e = t.config) == null || (e = e.csp) == null ? void 0 : e.nonce };
 			sc.load(r?.css, dc({ name: "primitive-variables" }, s)), sc.load(i?.css, dc({ name: "semantic-variables" }, s)), sc.load(a?.css, dc({ name: "global-variables" }, s)), sc.loadStyle(dc({ name: "global-style" }, s), o), $.setLoadedStyleName("common");

package/pv-components/dist/web/components/pv-select-button/pv-select-button.js

@@ -1800,6 +1800,7 @@ var Br = {
 		secondaryText: { type: [Number, String] },
 		subduedText: { type: String },
 		icon: { type: String },
+		hoverTitle: { type: String },
 		companyName: { type: String },
 		avatar: { type: Object },
 		groupingLabel: { type: String },
@@ -1853,7 +1854,7 @@ var Br = {
 			}, null, 8, ["name"])) : a("v-if", !0),
 			s("div", Br, [s("span", {
 				class: "pv-text-body-md pv-full-width pv-truncate",
-				title: e.text
+				title: e.hoverTitle ?? e.text
 			}, [s("span", {
 				ref_key: "mainText",
 				ref: c
@@ -1871,7 +1872,7 @@ var Br = {
 					"pv-truncate",
 					{ "pv-text-subdued": !e.disabled }
 				]),
-				title: u.value
+				title: e.hoverTitle ?? u.value
 			}, N(u.value), 11, Hr)) : a("v-if", !0)]),
 			e.secondaryText && typeof e.secondaryText == "number" ? (O(), i(dt, {
 				key: 3,
@@ -2082,6 +2083,7 @@ var Br = {
 		secondaryText: { type: [Number, String] },
 		subduedText: { type: String },
 		icon: { type: String },
+		hoverTitle: { type: String },
 		companyName: { type: String },
 		avatar: { type: Object },
 		groupingLabel: { type: String },
@@ -2324,6 +2326,7 @@ var Br = {
 		secondaryText: { type: [Number, String] },
 		subduedText: { type: String },
 		icon: { type: String },
+		hoverTitle: { type: String },
 		companyName: { type: String },
 		avatar: { type: Object },
 		groupingLabel: { type: String },