@turquoisehealth/pit-viper 2.183.0 → 2.183.1-dev.0

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 O, readonly as k, ref as A, renderList as j, renderSlot as te, 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 = {};
@@ -1021,8 +1021,8 @@ J.prototype = {
 				hn = n, gn = x;
 				var k = n.nextElementSibling, A = !1;
 				A = x === 1;
-				var j = Ln(W, t, V, r, n, i, e, A);
-				if (j !== !1) return (j === 1 || j === -1) && (A = j === 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);
+				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);
 		}
@@ -1438,7 +1438,7 @@ var fr = ["data-align"], pr = /* @__PURE__ */ f({
 			role: "list",
 			class: "pv-popover-list",
 			style: w(e.cssCustomListProperties)
-		}, [te(t.$slots, "default", {}, void 0, !0)], 4)) : te(t.$slots, "default", { key: 1 }, void 0, !0)], 12, fr));
+		}, [j(t.$slots, "default", {}, void 0, !0)], 4)) : j(t.$slots, "default", { key: 1 }, void 0, !0)], 12, fr));
 	}
 }), mr = ".pv-popover-list[data-v-c6181252]{font-size:14px}", hr = (e, t) => {
 	let n = e.__vccOpts || e;
@@ -2788,7 +2788,7 @@ var Ga = { style: { width: "fit-content" } }, Ka = /* @__PURE__ */ f({
 			return e.push(".p-datepicker-panel"), t.ignoreClickOutsideClasses && e.push(...t.ignoreClickOutsideClasses.map((e) => `.${e}`)), e;
 		}), O = r(() => t.showOnHover ? t.disableInteractive ? f.value : f.value || p.value : !1), k = () => {
 			t.showOnHover || C(x ? !1 : !c.value);
-		}, j = () => {
+		}, te = () => {
 			t.disableClickOutsideToClose || C(!1);
 		};
 		return F(O, (e) => {
@@ -2799,7 +2799,7 @@ var Ga = { style: { width: "fit-content" } }, Ka = /* @__PURE__ */ f({
 			ref_key: "triggerWrapper",
 			ref: l,
 			onClick: k
-		}, [te(r.$slots, "trigger")], 512), r.$slots.content ? (D(), i(n, {
+		}, [j(r.$slots, "trigger")], 512), r.$slots.content ? (D(), i(n, {
 			key: 0,
 			to: e.teleportLocation,
 			disabled: !t.useTeleport
@@ -2808,7 +2808,7 @@ var Ga = { style: { width: "fit-content" } }, Ka = /* @__PURE__ */ f({
 			ref_key: "floating",
 			ref: d,
 			style: w(b.value)
-		}, [te(r.$slots, "content")], 4), [[de, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)])), [[ae(Ra), [j, { ignore: E.value }]]]);
+		}, [j(r.$slots, "content")], 4), [[de, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)])), [[ae(Ra), [te, { ignore: E.value }]]]);
 	}
 }), qa = ["data-variant"], Ja = /* @__PURE__ */ f({
 	__name: "PvTooltipV2",
@@ -2850,7 +2850,7 @@ var Ga = { style: { width: "fit-content" } }, Ka = /* @__PURE__ */ f({
 	},
 	setup(e) {
 		return (t, n) => (D(), i(Ka, C(g(t.$props)), c({
-			trigger: pe(() => [te(t.$slots, "trigger", {}, () => [s("p", null, N(e.label), 1)])]),
+			trigger: pe(() => [j(t.$slots, "trigger", {}, () => [s("p", null, N(e.label), 1)])]),
 			_: 2
 		}, [t.$slots.content || e.description ? {
 			name: "content",
@@ -2858,7 +2858,7 @@ var Ga = { style: { width: "fit-content" } }, Ka = /* @__PURE__ */ f({
 				class: S(["pv-tooltip-v2-content", { "pv-tooltip-v2-content-small": e.size === "sm" }]),
 				role: "tooltip",
 				"data-variant": e.variant
-			}, [te(t.$slots, "content", {}, () => [l(N(e.description), 1)])], 10, qa)]),
+			}, [j(t.$slots, "content", {}, () => [l(N(e.description), 1)])], 10, qa)]),
 			key: "0"
 		} : void 0]), 1040));
 	}
@@ -3086,7 +3086,7 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 		})), ee = r(() => {
 			let e = n.menuOptionConfig?.variant;
 			return e !== "checkbox" && e !== "radio";
-		}), O = r(() => n.menuOptionConfig?.variant === "radio" ? "radio" : "checkbox"), k = `${O.value}-${m()?.uid}`, j = r(() => n.menuOptionConfig?.variant === "checkbox" ? "pv-checkbox" : "pv-radio"), te = r(() => `pv-menu${n.menuOptionConfig?.variant === "checkbox" ? "-checkbox" : n.menuOptionConfig?.variant === "radio" ? "-radio" : ""}-item`), ne = t, M = (e) => {
+		}), O = r(() => n.menuOptionConfig?.variant === "radio" ? "radio" : "checkbox"), k = `${O.value}-${m()?.uid}`, te = r(() => n.menuOptionConfig?.variant === "checkbox" ? "pv-checkbox" : "pv-radio"), j = r(() => `pv-menu${n.menuOptionConfig?.variant === "checkbox" ? "-checkbox" : n.menuOptionConfig?.variant === "radio" ? "-radio" : ""}-item`), ne = t, M = (e) => {
 			n.disabled || (ne("handle-selected", {
 				option: { ...n },
 				event: e
@@ -3101,7 +3101,7 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 				paddingTop: e.subText ? "4px" : void 0,
 				paddingBottom: e.subText ? "4px" : void 0
 			}]),
-			"data-testid": te.value
+			"data-testid": j.value
 		}, [
 			s("input", {
 				ref_key: "inputRef",
@@ -3111,7 +3111,7 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 				name: k,
 				checked: g.value,
 				indeterminate: v.value,
-				class: S(j.value),
+				class: S(te.value),
 				disabled: e.disabled,
 				onChange: M
 			}, null, 42, mo),
@@ -3190,72 +3190,81 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 	}),
 	emits: /* @__PURE__ */ y(["handle-selected", "see-more"], ["update:selectedIds"]),
 	setup(e, { emit: n }) {
-		let i = e, s = _(ao, void 0), c = se(e, "selectedIds"), l = _(fo, A(!1)), d = _(uo, A(!1)), f = _(co, void 0), p = _(lo, void 0), m = A(i.defaultExpanded ?? !1), h = A(!1), g = A(i.children ?? []), v = A(/* @__PURE__ */ new Set());
+		let i = e, s = _(ao, void 0), c = se(e, "selectedIds"), l = _(fo, A(!1)), d = _(uo, A(!1)), f = _(co, void 0), p = _(lo, void 0), m = A(i.defaultExpanded ?? !1), h = A(!1), g = A(!1), v = A(i.children ?? []), y = A(/* @__PURE__ */ new Set());
 		F(() => i.children, (e) => {
 			if (!e) {
-				g.value = [];
+				v.value = [];
 				return;
 			}
-			let t = g.value.filter((e) => v.value.has(e.id)), n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
-			g.value = [...e, ...r];
+			let t = v.value.filter((e) => y.value.has(e.id)), n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+			v.value = [...e, ...r], g.value = !1;
 		});
-		let y = () => {
+		let x = () => {
 			m.value = !m.value;
-		}, x = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), C = r(() => {
+		}, C = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), T = r(() => {
 			let { level: e, config: t, itemClass: n, ...r } = i;
 			return r;
-		}), T = r(() => g.value.length > 0 && i.level < yo), E = r(() => T.value ? l.value ? m.value : !0 : !1), ee = 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), k = n, te = r(() => i.totalChildCount == null ? !1 : i.totalChildCount > g.value.length), re = async () => {
+		}), E = r(() => (v.value.length > 0 || (i.totalChildCount ?? 0) > 0) && i.level < yo), 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) {
-				k("see-more", { parentId: i.id });
+				j("see-more", {
+					parentId: i.id,
+					offset: v.value.length
+				});
 				return;
 			}
 			let e = f?.value?.has(i.id) ?? !1;
 			h.value = !0;
 			try {
-				let t = await i.handleSeeMore({ parentId: i.id });
+				let t = await i.handleSeeMore({
+					parentId: i.id,
+					offset: v.value.length
+				});
 				if (Array.isArray(t) && t.length > 0) {
-					let n = new Set(g.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
-					if (r.length === 0) return;
-					let a = new Set(v.value);
+					let n = new Set(v.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+					if (r.length === 0) {
+						g.value = !0;
+						return;
+					}
+					let a = new Set(y.value);
 					for (let e of r) a.add(e.id);
-					if (v.value = a, g.value = [...g.value, ...r], e && s?.value) {
+					if (y.value = a, v.value = [...v.value, ...r], e && s?.value) {
 						let e = p?.value?.get(i.id), t = e ? r.filter((t) => !e.has(t.id)) : r;
 						if (t.length > 0) {
 							let e = new Set(s.value.map((e) => e.id)), n = t.filter((t) => !e.has(t.id));
 							n.length > 0 && (s.value = [...s.value, ...n]);
 						}
 					}
-				}
+				} else Array.isArray(t) && (g.value = !0);
 			} finally {
 				h.value = !1;
 			}
-		}, M = (e) => {
-			if (l.value && T.value && e.option.id === i.id && !d.value) {
-				y();
+		}, N = (e) => {
+			if (l.value && E.value && e.option.id === i.id && !d.value) {
+				x();
 				return;
 			}
 			if (!s) {
 				let t = c.value.indexOf(e.option.id);
 				t > -1 ? c.value = [...c.value.slice(0, t), ...c.value.slice(t + 1)] : c.value = [...c.value, e.option.id];
 			}
-			k("handle-selected", e);
-		}, N = (e) => {
-			k("handle-selected", e);
+			j("handle-selected", e);
+		}, ie = (e) => {
+			j("handle-selected", e);
 		};
 		return (n, r) => {
 			let s = ne("PvMenuItem", !0);
-			return D(), o(t, null, [u(go, b(C.value, {
-				children: g.value,
+			return D(), o(t, null, [u(go, b(T.value, {
+				children: v.value,
 				menuOptionConfig: e.config,
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
-				showChevron: ae(l) && T.value,
-				chevronIcon: ee.value,
+				showChevron: ae(l) && E.value,
+				chevronIcon: O.value,
 				expanded: m.value,
-				onHandleSelected: M,
-				onToggleExpanded: y,
-				selected: O(i)
+				onHandleSelected: N,
+				onToggleExpanded: x,
+				selected: k(i)
 			}), null, 16, [
 				"children",
 				"menuOptionConfig",
@@ -3265,13 +3274,13 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 				"chevronIcon",
 				"expanded",
 				"selected"
-			]), E.value ? (D(), o("ul", {
+			]), ee.value ? (D(), o("ul", {
 				key: 0,
 				role: "list",
-				style: w(x.value)
-			}, [(D(!0), o(t, null, j(g.value, (t) => (D(), o("li", {
+				style: w(C.value)
+			}, [(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, {
 				selectedIds: c.value,
@@ -3280,21 +3289,21 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				level: e.level + 1,
-				onHandleSelected: N,
-				onSeeMore: r[1] ||= (e) => k("see-more", e)
+				onHandleSelected: ie,
+				onSeeMore: r[1] ||= (e) => j("see-more", e)
 			}), null, 16, [
 				"selectedIds",
 				"config",
 				"queryText",
 				"highlightSearchText",
 				"level"
-			])], 10, _o))), 128)), te.value ? (D(), o("li", vo, [u(to, {
+			])], 10, _o))), 128)), re.value ? (D(), o("li", vo, [u(to, {
 				class: "pv-text-brand",
 				variant: "ghost",
 				label: "See more",
 				loading: h.value,
 				"data-testid": "pv-menu-item-see-more",
-				onClick: re
+				onClick: M
 			}, null, 8, ["loading"])])) : a("v-if", !0)], 4)) : a("v-if", !0)], 64);
 		};
 	}
@@ -3443,7 +3452,7 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 			};
 			l(s.value, t);
 		};
-		return (e, n) => (D(), o(t, null, [(D(!0), o(t, null, j(u.value, (e, t) => (D(), i(Do, {
+		return (e, n) => (D(), o(t, null, [(D(!0), o(t, null, te(u.value, (e, t) => (D(), i(Do, {
 			key: `${t}-${e.queryText}`,
 			variant: p(e),
 			label: f(e),
@@ -3574,7 +3583,7 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 				g.value = !1, _.value = !1;
 			}
 		};
-		function te(e) {
+		function j(e) {
 			let t = e.target;
 			t.isContentEditable || t.closest("[contenteditable=\"true\"]") || t.tagName === "BUTTON" || t.tagName === "SVG" || t.closest("button") || l.value?.focus();
 		}
@@ -3588,7 +3597,7 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 			ref: "query-builder-input",
 			class: "pv-relative pv-query-builder-input-wrapper",
 			onFocus: ne,
-			onClick: te
+			onClick: j
 		}, [
 			e.hideSearchIcon ? a("v-if", !0) : (D(), i(xr, {
 				key: 0,
@@ -3638,7 +3647,7 @@ var ao = Symbol("SelectedItemsKey"), oo = Symbol("EnableCascadeSelectionKey"), s
 				},
 				isList: !0
 			}, {
-				default: pe(() => [e.optionsLoading ? (D(), o("div", jo, [u(Ya, { variant: "dark" })])) : (D(!0), o(t, { key: 0 }, j(ee.value, (e, t) => (D(), i(bo, b({
+				default: pe(() => [e.optionsLoading ? (D(), o("div", jo, [u(Ya, { variant: "dark" })])) : (D(!0), o(t, { key: 0 }, te(ee.value, (e, t) => (D(), i(bo, b({
 					key: `${t}-${e.searchText}`,
 					ref_for: !0
 				}, e, {
@@ -3982,7 +3991,7 @@ var Ms = {
 	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, _ = ps(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = ps(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = ps(x, ["dark"]), w = y || {}, { dark: T } = w, E = ps(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) : {}, j = Z(E) ? this._toVariables({ light: E }, o) : {}, te = 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] = [j.declarations ?? "", j.tokens || []], [de, F] = [te.declarations ?? "", te.tokens || []];
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = ps(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = ps(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = ps(x, ["dark"]), w = y || {}, { dark: T } = w, E = ps(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,
@@ -4016,11 +4025,11 @@ var Ms = {
 				"colorScheme",
 				"extend",
 				"css"
-			]), h = f || {}, { colorScheme: g } = h, _ = ps(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = ps(v, ["dark"]), x = g || {}, { dark: S } = x, C = ps(x, ["dark"]), w = Z(m) ? this._toVariables({ [r]: ds(ds({}, m), _) }, n) : {}, T = Z(b) ? this._toVariables({ [r]: ds(ds({}, b), C) }, n) : {}, E = Z(y) ? this._toVariables({ [r]: ds(ds({}, y), S) }, n) : {}, [ee, D] = [w.declarations ?? "", w.tokens || []], [O, k] = [T.declarations ?? "", T.tokens || []], [A, j] = [E.declarations ?? "", E.tokens || []];
+			]), h = f || {}, { colorScheme: g } = h, _ = ps(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = ps(v, ["dark"]), x = g || {}, { dark: S } = x, C = ps(x, ["dark"]), w = Z(m) ? this._toVariables({ [r]: ds(ds({}, m), _) }, n) : {}, T = Z(b) ? this._toVariables({ [r]: ds(ds({}, b), C) }, n) : {}, E = Z(y) ? this._toVariables({ [r]: ds(ds({}, 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,
 				...k,
-				...j
+				...te
 			])], l = Wo(p, { dt: Os });
 		}
 		return {
@@ -4379,7 +4388,7 @@ function Bs(e) {
 }
 var Vs = 0;
 function Hs(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = A(!1), r = A(e), i = A(null), a = ns() ? 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_${++Vs}` : 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, j = function() {}, te = function(t) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = A(!1), r = A(e), i = A(null), a = ns() ? 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_${++Vs}` : 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 = Is(Is({}, O), a), c = o.name || p, l = o.id || h, u = o.nonce || y;
@@ -4390,20 +4399,20 @@ function Hs(e) {
 				nonce: u
 			}), x ? s.head.prepend(i.value) : s.head.appendChild(i.value), rs(i.value, "data-primevue-style-id", c), ts(i.value, o), i.value.onload = function(e) {
 				return ee?.(e, { name: c });
-			}, C?.(c)), !n.value && (j = F(r, function(e) {
+			}, C?.(c)), !n.value && (te = F(r, function(e) {
 				i.value.textContent = e, T?.(c);
 			}, { immediate: !0 }), n.value = !0);
 		}
 	};
-	return l && !d && Bs(te), {
+	return l && !d && Bs(j), {
 		id: h,
 		name: p,
 		el: i,
 		css: r,
 		unload: function() {
-			!s || !n.value || (j(), $o(i.value) && s.head.removeChild(i.value), n.value = !1, i.value = null);
+			!s || !n.value || (te(), $o(i.value) && s.head.removeChild(i.value), n.value = !1, i.value = null);
 		},
-		load: te,
+		load: j,
 		isLoaded: k(n)
 	};
 }

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

@@ -2258,72 +2258,81 @@ var ii = Symbol("SelectedItemsKey"), ai = Symbol("EnableCascadeSelectionKey"), o
 	}),
 	emits: /* @__PURE__ */ y(["handle-selected", "see-more"], ["update:selectedIds"]),
 	setup(e, { emit: n }) {
-		let i = e, s = _(ii, void 0), c = se(e, "selectedIds"), l = _(ui, j(!1)), d = _(li, j(!1)), f = _(si, void 0), p = _(ci, void 0), m = j(i.defaultExpanded ?? !1), h = j(!1), g = j(i.children ?? []), v = j(/* @__PURE__ */ new Set());
+		let i = e, s = _(ii, void 0), c = se(e, "selectedIds"), l = _(ui, j(!1)), d = _(li, j(!1)), f = _(si, void 0), p = _(ci, void 0), m = j(i.defaultExpanded ?? !1), h = j(!1), g = j(!1), v = j(i.children ?? []), y = j(/* @__PURE__ */ new Set());
 		L(() => i.children, (e) => {
 			if (!e) {
-				g.value = [];
+				v.value = [];
 				return;
 			}
-			let t = g.value.filter((e) => v.value.has(e.id)), n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
-			g.value = [...e, ...r];
+			let t = v.value.filter((e) => y.value.has(e.id)), n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+			v.value = [...e, ...r], g.value = !1;
 		});
-		let y = () => {
+		let x = () => {
 			m.value = !m.value;
-		}, x = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), C = r(() => {
+		}, C = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), T = r(() => {
 			let { level: e, config: t, itemClass: n, ...r } = i;
 			return r;
-		}), T = r(() => g.value.length > 0 && i.level < _i), E = r(() => T.value ? l.value ? m.value : !0 : !1), ee = r(() => m.value ? "chevron-down" : "chevron-right"), D = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), k = n, A = r(() => i.totalChildCount == null ? !1 : i.totalChildCount > g.value.length), te = async () => {
+		}), E = r(() => (v.value.length > 0 || (i.totalChildCount ?? 0) > 0) && i.level < _i), ee = r(() => E.value ? l.value ? m.value : !0 : !1), D = 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), A = n, te = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), M = async () => {
 			if (h.value) return;
 			if (!i.handleSeeMore) {
-				k("see-more", { parentId: i.id });
+				A("see-more", {
+					parentId: i.id,
+					offset: v.value.length
+				});
 				return;
 			}
 			let e = f?.value?.has(i.id) ?? !1;
 			h.value = !0;
 			try {
-				let t = await i.handleSeeMore({ parentId: i.id });
+				let t = await i.handleSeeMore({
+					parentId: i.id,
+					offset: v.value.length
+				});
 				if (Array.isArray(t) && t.length > 0) {
-					let n = new Set(g.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
-					if (r.length === 0) return;
-					let a = new Set(v.value);
+					let n = new Set(v.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+					if (r.length === 0) {
+						g.value = !0;
+						return;
+					}
+					let a = new Set(y.value);
 					for (let e of r) a.add(e.id);
-					if (v.value = a, g.value = [...g.value, ...r], e && s?.value) {
+					if (y.value = a, v.value = [...v.value, ...r], e && s?.value) {
 						let e = p?.value?.get(i.id), t = e ? r.filter((t) => !e.has(t.id)) : r;
 						if (t.length > 0) {
 							let e = new Set(s.value.map((e) => e.id)), n = t.filter((t) => !e.has(t.id));
 							n.length > 0 && (s.value = [...s.value, ...n]);
 						}
 					}
-				}
+				} else Array.isArray(t) && (g.value = !0);
 			} finally {
 				h.value = !1;
 			}
-		}, M = (e) => {
-			if (l.value && T.value && e.option.id === i.id && !d.value) {
-				y();
+		}, ie = (e) => {
+			if (l.value && E.value && e.option.id === i.id && !d.value) {
+				x();
 				return;
 			}
 			if (!s) {
 				let t = c.value.indexOf(e.option.id);
 				t > -1 ? c.value = [...c.value.slice(0, t), ...c.value.slice(t + 1)] : c.value = [...c.value, e.option.id];
 			}
-			k("handle-selected", e);
-		}, ie = (e) => {
-			k("handle-selected", e);
+			A("handle-selected", e);
+		}, N = (e) => {
+			A("handle-selected", e);
 		};
 		return (n, r) => {
 			let s = re("PvMenuItem", !0);
-			return O(), o(t, null, [u(mi, b(C.value, {
-				children: g.value,
+			return O(), o(t, null, [u(mi, b(T.value, {
+				children: v.value,
 				menuOptionConfig: e.config,
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
-				showChevron: I(l) && T.value,
-				chevronIcon: ee.value,
+				showChevron: I(l) && E.value,
+				chevronIcon: D.value,
 				expanded: m.value,
-				onHandleSelected: M,
-				onToggleExpanded: y,
-				selected: D(i)
+				onHandleSelected: ie,
+				onToggleExpanded: x,
+				selected: k(i)
 			}), null, 16, [
 				"children",
 				"menuOptionConfig",
@@ -2333,13 +2342,13 @@ var ii = Symbol("SelectedItemsKey"), ai = Symbol("EnableCascadeSelectionKey"), o
 				"chevronIcon",
 				"expanded",
 				"selected"
-			]), E.value ? (O(), o("ul", {
+			]), ee.value ? (O(), o("ul", {
 				key: 0,
 				role: "list",
-				style: w(x.value)
-			}, [(O(!0), o(t, null, ne(g.value, (t) => (O(), o("li", {
+				style: w(C.value)
+			}, [(O(!0), o(t, null, ne(v.value, (t) => (O(), o("li", {
 				key: t.id,
-				"data-active": D(t) ? "true" : null,
+				"data-active": k(t) ? "true" : null,
 				class: S(e.itemClass)
 			}, [u(s, b({ ref_for: !0 }, t, {
 				selectedIds: c.value,
@@ -2348,21 +2357,21 @@ var ii = Symbol("SelectedItemsKey"), ai = Symbol("EnableCascadeSelectionKey"), o
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				level: e.level + 1,
-				onHandleSelected: ie,
-				onSeeMore: r[1] ||= (e) => k("see-more", e)
+				onHandleSelected: N,
+				onSeeMore: r[1] ||= (e) => A("see-more", e)
 			}), null, 16, [
 				"selectedIds",
 				"config",
 				"queryText",
 				"highlightSearchText",
 				"level"
-			])], 10, hi))), 128)), A.value ? (O(), o("li", gi, [u(ei, {
+			])], 10, hi))), 128)), te.value ? (O(), o("li", gi, [u(ei, {
 				class: "pv-text-brand",
 				variant: "ghost",
 				label: "See more",
 				loading: h.value,
 				"data-testid": "pv-menu-item-see-more",
-				onClick: te
+				onClick: M
 			}, null, 8, ["loading"])])) : a("v-if", !0)], 4)) : a("v-if", !0)], 64);
 		};
 	}