@farris/ui-vue 1.2.4 → 1.2.5

package/components/tree-view/index.esm.js

@@ -90,8 +90,8 @@ function ho(e, t) {
       if (typeof l == "string")
         o[l] = e[r];
       else {
-        const f = l(r, e[r], e);
-        Object.assign(o, f);
+        const d = l(r, e[r], e);
+        Object.assign(o, d);
       }
     } else
       o[r] = e[r];
@@ -103,64 +103,64 @@ function po(e, t, n = /* @__PURE__ */ new Map()) {
   return ho(o, n);
 }
 function vo(e = {}) {
-  function t(d, c, s, u) {
+  function t(f, c, s, u) {
     if (typeof s == "number")
-      return u[d].length === s;
+      return u[f].length === s;
     if (typeof s == "object") {
       const N = Object.keys(s)[0], w = s[N];
       if (N === "not")
-        return Number(u[d].length) !== Number(w);
+        return Number(u[f].length) !== Number(w);
       if (N === "moreThan")
-        return Number(u[d].length) >= Number(w);
+        return Number(u[f].length) >= Number(w);
       if (N === "lessThan")
-        return Number(u[d].length) <= Number(w);
+        return Number(u[f].length) <= Number(w);
     }
     return !1;
   }
-  function n(d, c, s, u) {
-    return u[d] && u[d].propertyValue && String(u[d].propertyValue.value) === String(s);
+  function n(f, c, s, u) {
+    return u[f] && u[f].propertyValue && String(u[f].propertyValue.value) === String(s);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((d, c) => (d.set(c, e[c]), d), o);
-  function r(d, c) {
-    const s = d;
-    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: d, value: !!c }] : typeof c == "object" ? Object.keys(c).map((u) => {
+  Object.keys(e).reduce((f, c) => (f.set(c, e[c]), f), o);
+  function r(f, c) {
+    const s = f;
+    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: f, value: !!c }] : typeof c == "object" ? Object.keys(c).map((u) => {
       if (u === "length")
         return { target: s, operator: "length", param: null, value: c[u] };
       const N = u, w = c[u];
       return { target: s, operator: "getProperty", param: N, value: w };
     }) : [];
   }
-  function l(d) {
-    return Object.keys(d).reduce((s, u) => {
-      const N = r(u, d[u]);
+  function l(f) {
+    return Object.keys(f).reduce((s, u) => {
+      const N = r(u, f[u]);
       return s.push(...N), s;
     }, []);
   }
-  function f(d, c) {
-    if (o.has(d.operator)) {
-      const s = o.get(d.operator);
-      return s && s(d.target, d.param, d.value, c) || !1;
+  function d(f, c) {
+    if (o.has(f.operator)) {
+      const s = o.get(f.operator);
+      return s && s(f.target, f.param, f.value, c) || !1;
     }
     return !1;
   }
-  function b(d, c) {
-    return l(d).reduce((N, w) => N && f(w, c), !0);
+  function b(f, c) {
+    return l(f).reduce((N, w) => N && d(w, c), !0);
   }
-  function m(d, c) {
-    const s = Object.keys(d), u = s.includes("allOf"), N = s.includes("anyOf"), w = u || N, y = (w ? d[w ? u ? "allOf" : "anyOf" : "allOf"] : [d]).map((h) => b(h, c));
+  function m(f, c) {
+    const s = Object.keys(f), u = s.includes("allOf"), N = s.includes("anyOf"), w = u || N, y = (w ? f[w ? u ? "allOf" : "anyOf" : "allOf"] : [f]).map((h) => b(h, c));
     return u ? !y.includes(!1) : y.includes(!0);
   }
   return { parseValueSchema: m };
 }
 const mo = {}, go = {};
 vo();
-function Ee(e, t, n = /* @__PURE__ */ new Map(), o = (f, b, m) => b, r = {}, l = (f) => f) {
-  return dt[t.title] = t, ft[t.title] = o, mo[t.title] = r, go[t.title] = l, (f = {}) => {
-    const b = po(f, t, n), m = Object.keys(e).reduce((d, c) => (d[c] = e[c].default, d), {});
+function Ee(e, t, n = /* @__PURE__ */ new Map(), o = (d, b, m) => b, r = {}, l = (d) => d) {
+  return dt[t.title] = t, ft[t.title] = o, mo[t.title] = r, go[t.title] = l, (d = {}) => {
+    const b = po(d, t, n), m = Object.keys(e).reduce((f, c) => (f[c] = e[c].default, f), {});
     return Object.assign(m, b);
   };
 }
@@ -375,7 +375,7 @@ function nt(e, t) {
       _
     ), _;
   }
-  function f(w, _, F) {
+  function d(w, _, F) {
     const y = o * (F + 1), h = _[w.field].left - y + (_[w.field].width || 0), g = w.parent.height ? `${w.parent.height}px` : "";
     return {
       left: `${y}px`,
@@ -397,7 +397,7 @@ function nt(e, t) {
       width: isNaN(Number(_[w.field].width)) ? "100%" : `${_[w.field].width}px`
     };
   }
-  function d(w, _, F) {
+  function f(w, _, F) {
     const O = (_.spanned || []).reduce((g, a) => g + (a.parent.height || 0), 0) + (w.height || 0);
     return {
       top: `${w.top}px`,
@@ -429,16 +429,16 @@ function nt(e, t) {
     calculateCellPositionInRow: l,
     cellKey: c,
     cellPosition: m,
-    groupCellPosition: f,
+    groupCellPosition: d,
     rowKey: s,
     rowPosition: u,
-    rowSpanCellPosition: d,
+    rowSpanCellPosition: f,
     summaryCellPosition: b
   };
 }
 function Ro(e, t, n) {
   const { hasChildrenField: o } = n, r = T("#9399a0"), l = T(28);
-  function f() {
+  function d() {
     return [].concat(
       ...t.value.filter((u) => u.raw.__fv_descendant_index__.length !== 0).map((u) => [...u.raw.__fv_descendant_index__.slice(-1)]).flat()
     ).sort((u, N) => Number(u) - Number(N));
@@ -446,7 +446,7 @@ function Ro(e, t, n) {
   function b(c) {
     const s = new Array(t.value.length).fill(0);
     if (e.showLines) {
-      const u = f();
+      const u = d();
       t.value.forEach((N, w) => {
         const _ = u.includes(w), F = N.raw[o.value];
         s[w] = `repeating-linear-gradient(90deg, ${r.value} 0 1px, transparent 0px 2px) ${F ? "-10px" : "0px"} ${l.value / 2}px/20px 1px no-repeat,repeating-linear-gradient(${r.value} 0 1px, transparent 0px 2px) 0px 0px/1px ${_ ? "50%" : "100%"} no-repeat`;
@@ -459,7 +459,7 @@ function Ro(e, t, n) {
       u[w].childsLength = u[w].childWithLines.filter((_) => s[_].visible).length;
     }), s;
   }
-  function d(c) {
+  function f(c) {
     const N = c.raw.__fv_parent_index__ === void 0 || c.raw.__fv_parent_index__ === -1 ? 0 : 8, w = 0, _ = c.raw[o.value], F = c.visible ? {
       left: `${c.layer * 10 + c.layer * N + w}px`,
       // paddingBottom: handlePaddingBottomReturnValue(visualTreeNode.index),
@@ -473,11 +473,11 @@ function Ro(e, t, n) {
     };
     return _ || (F.paddingLeft = "2rem"), F;
   }
-  return { hierarchyCellContentStyle: d, handleCollapsedPaddingBottom: m };
+  return { hierarchyCellContentStyle: f, handleCollapsedPaddingBottom: m };
 }
 function Bo(e, t, n) {
   const o = T(e.iconField);
-  function r(l, f) {
+  function r(l, d) {
     if (o.value)
       return l.raw[e.iconField];
     let b = "";
@@ -503,7 +503,7 @@ function ot() {
   return { updateRowPosition: e, updateVisualInfomation: t };
 }
 function Mo(e, t, n, o, r, l) {
-  const { dataView: f, fold: b, hasRealChildren: m, unFold: d } = o, { collapseField: c, hasChildrenField: s } = r, { updateRowPosition: u } = ot();
+  const { dataView: d, fold: b, hasRealChildren: m, unFold: f } = o, { collapseField: c, hasChildrenField: s } = r, { updateRowPosition: u } = ot();
   function N(F, y) {
     const O = y[F].layer;
     let h = F + 1;
@@ -539,7 +539,7 @@ function Mo(e, t, n, o, r, l) {
   }
   return { toggleTreeNode: _ };
 }
-function $o(e, t, n, o, r, l, f, b, m, d, c) {
+function $o(e, t, n, o, r, l, d, b, m, f, c) {
   const {
     onClickCell: s
   } = l, {
@@ -557,18 +557,18 @@ function $o(e, t, n, o, r, l, f, b, m, d, c) {
     hasChildrenField: g,
     shouldShowCheckBox: a,
     shouldShowIcon: i
-  } = f, {
+  } = d, {
     toggleTreeNode: C
-  } = Mo(e, t, o, r, f), {
+  } = Mo(e, t, o, r, d), {
     toggleSelectHierarchyItem: V
-  } = d, {
+  } = f, {
     cellKey: p,
     cellPosition: k,
     rowKey: E,
     rowPosition: S
   } = nt(e, n), {
     hierarchyCellContentStyle: v
-  } = Ro(e, o, f), {
+  } = Ro(e, o, d), {
     treeNodeIconsClass: x
   } = Bo(e, h, g);
   function I(j, H) {
@@ -620,7 +620,7 @@ function $o(e, t, n, o, r, l, f, b, m, d, c) {
       style: v(j)
     }, [A(j), D(j, H), L(j, H), X(j, H)])]);
   }
-  function ie(j, H, te) {
+  function ae(j, H, te) {
     return M("div", {
       ref: H.setRef,
       key: p(j, H.index),
@@ -629,7 +629,7 @@ function $o(e, t, n, o, r, l, f, b, m, d, c) {
       onClick: (ee) => s(ee, H)
     }, [H.mode === pe.editing ? H.getEditor(H) : H.formatter ? H.formatter(H, j) : H.data != null ? H.data.toString() : H.data]);
   }
-  function le(j, H) {
+  function ie(j, H) {
     return H === "left" && n.value.leftColumns.length > 0 && n.value.leftColumns[0].field === j.field || H === "primary" && n.value.primaryColumns.length > 0 && n.value.primaryColumns[0].field === j.field;
   }
   function be(j, H, te = "primary") {
@@ -641,7 +641,7 @@ function $o(e, t, n, o, r, l, f, b, m, d, c) {
       onMouseover: (ee) => w(ee, j),
       onMouseout: (ee) => _(ee, j),
       onClick: (ee) => N(ee, j)
-    }, [Object.values(j.data).filter((ee) => H[ee.field] && ee.rowSpan === 1).map((ee, de) => le(ee, te) ? ne(j, ee, H) : ie(j, ee, H))]);
+    }, [Object.values(j.data).filter((ee) => H[ee.field] && ee.rowSpan === 1).map((ee, de) => ie(ee, te) ? ne(j, ee, H) : ae(j, ee, H))]);
   }
   return {
     renderDataRow: be
@@ -676,7 +676,7 @@ function Po() {
       class: "ml-2",
       type: l.type,
       size: l.size || "small",
-      onClick: (f) => t(l, f, r)
+      onClick: (d) => t(l, d, r)
     }, {
       default: () => [Oe(" "), l.text, Oe(" ")]
     }))]);
@@ -686,18 +686,17 @@ function Po() {
   };
 }
 function pt(e) {
-  const t = T(e.minHeight), n = T(e.minWidth), o = T(e.height), r = T(e.width), l = B(() => o.value <= 0 ? 0 : Math.max(o.value, t.value)), f = B(() => r.value <= 0 ? 0 : Math.max(r.value, n.value));
+  const t = T(e.minHeight), n = T(e.minWidth), o = T(e.height), r = T(e.width), l = B(() => o.value <= 0 ? 0 : Math.max(o.value, t.value)), d = B(() => r.value <= 0 ? 0 : Math.max(r.value, n.value));
   return Z([
     () => e.height,
     () => e.width,
     () => e.minHeight,
     () => e.minWidth
-  ], ([m, d, c, s]) => {
-    t.value = Number(c), n.value = Number(s), o.value = Number(m), r.value = Number(d);
+  ], ([m, f, c, s]) => {
+    t.value = Number(c), n.value = Number(s), o.value = Number(m), r.value = Number(f);
   }), { containerStyleObject: B(() => ({
     height: l.value > 0 ? `${l.value}px` : e.fit ? "100%" : "",
-    width: f.value > 0 ? `${f.value}px` : e.fit ? "100%" : "",
-    flex: "none"
+    width: d.value > 0 ? `${d.value}px` : e.fit ? "100%" : ""
   })) };
 }
 function vt(e) {
@@ -737,7 +736,7 @@ function vt(e) {
       summaryColumns: []
     };
   }
-  const l = T(e.summary), f = B(() => {
+  const l = T(e.summary), d = B(() => {
     const h = l.value;
     return (h == null ? void 0 : h.groupFields) || [];
   });
@@ -753,10 +752,10 @@ function vt(e) {
   function m(h) {
     r();
     const g = /* @__PURE__ */ new Map();
-    return f.value && f.value.reduce((a, i) => (a.set(i, !0), a), g), h.reduce((a, i) => (i.visible = i.visible !== !1, i.fixed === "left" ? (o.value.leftColumns.push(i), o.value.leftColumnsMap.set(i.field, i), o.value.leftColumnsWidth += i.actualWidth) : i.fixed === "right" ? (o.value.rightColumns.push(i), o.value.rightColumnsMap.set(i.field, i), o.value.rightColumnsWidth += i.actualWidth) : (o.value.primaryColumns.push(i), o.value.primaryColumnsMap.set(i.field, i), o.value.primaryColumnsWidth += i.actualWidth), g.has(i.field) && o.value.summaryColumns.push(i), a), o), b(), o;
+    return d.value && d.value.reduce((a, i) => (a.set(i, !0), a), g), h.reduce((a, i) => (i.visible = i.visible !== !1, i.fixed === "left" ? (o.value.leftColumns.push(i), o.value.leftColumnsMap.set(i.field, i), o.value.leftColumnsWidth += i.actualWidth) : i.fixed === "right" ? (o.value.rightColumns.push(i), o.value.rightColumnsMap.set(i.field, i), o.value.rightColumnsWidth += i.actualWidth) : (o.value.primaryColumns.push(i), o.value.primaryColumnsMap.set(i.field, i), o.value.primaryColumnsWidth += i.actualWidth), g.has(i.field) && o.value.summaryColumns.push(i), a), o), b(), o;
   }
   m(e.columns);
-  const d = B(() => o.value.leftColumns.length > 0), c = B(() => o.value.rightColumns.length > 0);
+  const f = B(() => o.value.leftColumns.length > 0), c = B(() => o.value.rightColumns.length > 0);
   function s(h, g) {
     return g.sortable && g.sort && g.sort !== "none" && h.push(g), h;
   }
@@ -802,7 +801,7 @@ function vt(e) {
     applySortableColumns: y,
     collectionSortableColumns: F,
     columnContext: o,
-    hasLeftFixedColumn: d,
+    hasLeftFixedColumn: f,
     hasRightFixedColumn: c,
     updateColumnRenderContext: m,
     updateColumnSettingIcon: b
@@ -1207,7 +1206,7 @@ function yt() {
 }
 function _t(e, t) {
   const n = T(e.fields), o = T([]), r = /* @__PURE__ */ new Map(), { createConditionValue: l } = yt();
-  function f(c) {
+  function d(c) {
     switch (c.editor ? c.editor.type : "input-group") {
       case "date-range":
         c.editor.type = "date-picker";
@@ -1222,12 +1221,12 @@ function _t(e, t) {
     return c.editor;
   }
   function b(c) {
-    return c.map((u) => Object.assign({}, u)).map((u) => (u.editor = f(u), u));
+    return c.map((u) => Object.assign({}, u)).map((u) => (u.editor = d(u), u));
   }
   function m(c = !0) {
-    n.value.reduce((s, u) => (c || (u.editor = f(u)), s.set(u.labelCode, u), s), r);
+    n.value.reduce((s, u) => (c || (u.editor = d(u)), s.set(u.labelCode, u), s), r);
   }
-  function d(c) {
+  function f(c) {
     return c.forEach((s) => {
       if (s && typeof s.valueConfig == "object") {
         const u = r.get(s.fieldCode);
@@ -1235,10 +1234,10 @@ function _t(e, t) {
       }
     }), c;
   }
-  return { convertToSingleControl: b, fields: n, fieldMap: r, fieldConditions: o, loadFieldConfigs: m, initialConditionValue: d };
+  return { convertToSingleControl: b, fields: n, fieldMap: r, fieldConditions: o, loadFieldConfigs: m, initialConditionValue: f };
 }
 function Ko(e, t, n) {
-  const o = T(null), r = T(n), l = T(0), f = B(() => d(l.value));
+  const o = T(null), r = T(n), l = T(0), d = B(() => f(l.value));
   function b() {
     r.value && (o.value = new ResizeObserver(m((c) => {
       const s = c[0];
@@ -1254,14 +1253,14 @@ function Ko(e, t, n) {
       }, 500), c(...N));
     };
   }
-  function d(c) {
+  function f(c) {
     let u = "col-12";
     return c > 250 * 6 ? u = "col-2" : c > 250 * 4 ? u = "col-3" : c > 250 * 3 ? u = "col-4" : c > 250 * 2 && (u = "col-6"), u;
   }
   return Z([n], ([c]) => {
     r.value = c, b();
   }), {
-    conditionClass: f,
+    conditionClass: d,
     resizeObserver: o
   };
 }
@@ -1270,15 +1269,15 @@ const st = /* @__PURE__ */ ye({
   props: mt,
   emits: ["valueChange", "blur", "focus", "click", "input"],
   setup(e, t) {
-    const n = T(), o = T(e.key), r = T(e.isControlInline), l = T(e.conditions), f = _t(e), {
+    const n = T(), o = T(e.key), r = T(e.isControlInline), l = T(e.conditions), d = _t(e), {
       initialConditionValue: b,
       fieldMap: m,
-      loadFieldConfigs: d
-    } = f, c = Ko(e, t, n), {
+      loadFieldConfigs: f
+    } = d, c = Ko(e, t, n), {
       conditionClass: s,
       resizeObserver: u
     } = c;
-    d(!0), b(l.value), Ut(() => {
+    f(!0), b(l.value), Ut(() => {
       var y;
       (y = u.value) == null || y.unobserve(n.value);
     }), Z(() => e.conditions, () => {
@@ -1478,14 +1477,14 @@ function wr(e, t, n) {
   var a;
   function o() {
   }
-  const r = "", l = "", f = T();
+  const r = "", l = "", d = T();
   function b() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function m() {
     return !1;
   }
-  function d() {
+  function f() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function c() {
@@ -1521,7 +1520,7 @@ function wr(e, t, n) {
   }
   function O(i, C) {
     const V = String(i.getAttribute("data-controltype")), p = i.getAttribute("data-feature"), k = p ? JSON.parse(p) : {};
-    k.parentComponentInstance = f.value;
+    k.parentComponentInstance = d.value;
     let E = Ke(V, k);
     const S = V.toLowerCase().replace("-", "_");
     return E && !E.id && E.type === V && (E.id = `${S}_${Math.random().toString().slice(2, 6)}`), E;
@@ -1530,10 +1529,10 @@ function wr(e, t, n) {
   }
   function g(...i) {
   }
-  return f.value = {
+  return d.value = {
     canMove: b(),
     canSelectParent: m(),
-    canDelete: d(),
+    canDelete: f(),
     canNested: !c(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
@@ -1554,7 +1553,7 @@ function wr(e, t, n) {
     updateDragAndDropRules: o,
     triggerBelongedComponentToMoveWhenMoved: T(!1),
     triggerBelongedComponentToDeleteWhenDeleted: T(!1)
-  }, f;
+  }, d;
 }
 const Cr = {
   id: { type: String },
@@ -1569,8 +1568,8 @@ const Cr = {
     const n = T(e.title || e.text), o = T(e.required), r = T(e.text);
     return Z(() => e.text, () => {
       r.value = e.text;
-    }), Z(() => e.required, (l, f) => {
-      l !== f && (o.value = l);
+    }), Z(() => e.required, (l, d) => {
+      l !== d && (o.value = l);
     }), () => M("label", {
       class: "col-form-label",
       title: n.value
@@ -1868,7 +1867,7 @@ const Or = "https://json-schema.org/draft/2020-12/schema", Tr = "https://farris-
 };
 Ee(Ct, Rr, xr, Fr);
 function Br(e, t, n, o) {
-  const r = T(e.disabled), l = T(!1), f = T("text"), b = T(e.showBorder), m = T(e.textAlign), d = T(e.updateOn), c = B(() => e.editable || !e.readonly), s = B(() => e.editable && !e.disabled && !e.readonly), u = B(() => !e.disabled && l.value), N = B(() => n.value === "" || n.value === null || n.value === void 0), w = B(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), _ = B(() => e.readonly || !e.editable), F = B(() => e.enableTitle ? n.value : ""), y = B(() => ({
+  const r = T(e.disabled), l = T(!1), d = T("text"), b = T(e.showBorder), m = T(e.textAlign), f = T(e.updateOn), c = B(() => e.editable || !e.readonly), s = B(() => e.editable && !e.disabled && !e.readonly), u = B(() => !e.disabled && l.value), N = B(() => n.value === "" || n.value === null || n.value === void 0), w = B(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), _ = B(() => e.readonly || !e.editable), F = B(() => e.enableTitle ? n.value : ""), y = B(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
     "text-left": m.value === "left",
@@ -1908,7 +1907,7 @@ function Br(e, t, n, o) {
   function V(v) {
     t.emit("input", v.target.value);
     const x = v.target.value;
-    o.value = x, d.value === "input" && (t.emit("update:modelValue", x), t.emit("update:value", x));
+    o.value = x, f.value === "input" && (t.emit("update:modelValue", x), t.emit("update:value", x));
   }
   function p(v) {
     t.emit("keydown", v);
@@ -1920,7 +1919,7 @@ function Br(e, t, n, o) {
     v.target.tagName !== "INPUT" && v.preventDefault(), v.stopPropagation();
   }
   function S(v) {
-    if (d.value === "blur") {
+    if (f.value === "blur") {
       const x = v.target.value;
       v.stopPropagation(), g(x);
     }
@@ -1932,7 +1931,7 @@ function Br(e, t, n, o) {
     editable: s,
     hasFocused: u,
     inputGroupClass: O,
-    inputType: f,
+    inputType: d,
     isEmpty: N,
     modelValue: n,
     readonly: _,
@@ -1951,12 +1950,12 @@ function Br(e, t, n, o) {
   };
 }
 function Mr(e, t, n) {
-  const o = T(!1), r = B(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: l, displayText: f, hasFocused: b, isEmpty: m } = n;
-  function d(_) {
+  const o = T(!1), r = B(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: l, displayText: d, hasFocused: b, isEmpty: m } = n;
+  function f(_) {
     o.value = _;
   }
-  Z(f, () => {
-    b != null && b.value ? d(!!(f != null && f.value)) : d(!1);
+  Z(d, () => {
+    b != null && b.value ? f(!!(d != null && d.value)) : f(!1);
   });
   const c = B(() => ({
     "input-group-text": !0,
@@ -1966,13 +1965,13 @@ function Mr(e, t, n) {
     display: o.value ? "flex" : "none"
   }));
   function u(_) {
-    _.stopPropagation(), r.value && (l("", !0), d(!o.value), t.emit("clear"));
+    _.stopPropagation(), r.value && (l("", !0), f(!o.value), t.emit("clear"));
   }
   function N(_) {
-    r.value && !m.value && d(!0);
+    r.value && !m.value && f(!0);
   }
   function w(_) {
-    r.value && d(!1);
+    r.value && f(!1);
   }
   return { clearButtonClass: c, clearButtonStyle: s, hasShownClearButton: o, onClearValue: u, onMouseEnter: N, onMouseLeave: w, shouldShowClearButton: r };
 }
@@ -2003,26 +2002,26 @@ function Ar(e, t) {
   })), appendedContent: n, shouldShowAppendedButton: r };
 }
 function Dr(e, t, n, o) {
-  const { appendedContent: r } = o, l = T(e.enableViewPassword), f = B(() => e.type === "password"), b = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', m = '<span class="f-icon f-icon-eye"></span>', d = T(!1);
+  const { appendedContent: r } = o, l = T(e.enableViewPassword), d = B(() => e.type === "password"), b = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', m = '<span class="f-icon f-icon-eye"></span>', f = T(!1);
   Z(() => [e.readonly, e.disabled], ([u, N]) => {
-    f.value && (n.value = u || N ? "password" : n.value, r.value = u || N ? m : r.value);
+    d.value && (n.value = u || N ? "password" : n.value, r.value = u || N ? m : r.value);
   });
   function c() {
-    return d.value = !d.value, n.value = d.value ? "text" : "password", r.value = d.value ? b : m, !1;
+    return f.value = !f.value, n.value = f.value ? "text" : "password", r.value = f.value ? b : m, !1;
   }
   function s() {
-    n.value = f.value ? "password" : "text", r.value = f.value ? l.value ? m : "" : r.value;
+    n.value = d.value ? "password" : "text", r.value = d.value ? l.value ? m : "" : r.value;
   }
-  return s(), { isPassword: f, onClickAppendedButton: c };
+  return s(), { isPassword: d, onClickAppendedButton: c };
 }
 function Hr(e, t, n) {
   const o = T(), {
     onBlurTextBox: r,
     onFocusTextBox: l,
-    onInput: f,
+    onInput: d,
     onKeyDown: b,
     textBoxValue: m
-  } = n, d = B(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = B(() => ({
+  } = n, f = B(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = B(() => ({
     "form-control": !0,
     "f-utils-fill": !0
   })), s = B(() => ({
@@ -2047,11 +2046,11 @@ function Hr(e, t, n) {
     value: m.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: d.value,
+    placeholder: f.value,
     onBlur: r,
     onChange: u,
     onFocus: w,
-    onInput: f,
+    onInput: d,
     onKeydown: b
   }, null);
 }
@@ -2060,7 +2059,7 @@ function Lr(e, t, n) {
     canDownward: o,
     canUpward: r,
     onClickDownButton: l,
-    onClickUpButton: f
+    onClickUpButton: d
   } = n, b = B(() => ({
     "input-group-append": !0,
     "btn-group": !0,
@@ -2069,7 +2068,7 @@ function Lr(e, t, n) {
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), d = B(() => ({
+  })), f = B(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
   })), c = B(() => ({
@@ -2081,8 +2080,8 @@ function Lr(e, t, n) {
   }, [M("button", {
     title: "upButton",
     class: m.value,
-    style: d.value,
-    onClick: f,
+    style: f.value,
+    onClick: d,
     disabled: !r()
   }, [M("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
@@ -2097,33 +2096,33 @@ function Lr(e, t, n) {
   }, null)])]);
 }
 function Gr(e, t) {
-  const n = fn(e, t), o = hn(e, t, n), r = pn(e, t, o, n), l = vn(e, t, o, n, r), f = Lr(e, t, r), {
+  const n = fn(e, t), o = hn(e, t, n), r = pn(e, t, o, n), l = vn(e, t, o, n, r), d = Lr(e, t, r), {
     displayValue: b,
     modelValue: m,
-    getRealValue: d
+    getRealValue: f
   } = n, c = Hr(e, t, l), {
     format: s
   } = o, {
     isFocus: u
   } = l, N = B(() => !e.disabled && !e.readonly);
   return Ve(() => {
-    const w = d(e.modelValue);
+    const w = f(e.modelValue);
     b.value = s(w);
   }), Z(() => [e.value], ([w]) => {
-    const _ = d(w);
+    const _ = f(w);
     m.value = _, b.value = s(_);
   }), Z(() => [e.modelValue], ([w]) => {
-    w !== m.value && (m.value = w, !u.value && (b.value = s(d(w))));
+    w !== m.value && (m.value = w, !u.value && (b.value = s(f(w))));
   }), Z(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
     b.value = s(m.value);
   }), () => M("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [c(), N.value && f()]);
+  }, [c(), N.value && d()]);
 }
 function Wr(e, t, n, o) {
-  const r = T(), l = T(e.autocomplete), f = T(e.enableTitle), {
+  const r = T(), l = T(e.autocomplete), d = T(e.enableTitle), {
     isPassword: b
-  } = n, m = T(e.minLength), d = T(e.maxLength), c = T(e.tabIndex), {
+  } = n, m = T(e.minLength), f = T(e.maxLength), c = T(e.tabIndex), {
     disabled: s,
     displayText: u,
     inputType: N,
@@ -2148,12 +2147,12 @@ function Wr(e, t, n, o) {
     autocomplete: l.value,
     class: V.value,
     disabled: s == null ? void 0 : s.value,
-    maxlength: d.value,
+    maxlength: f.value,
     minlength: m.value,
     placeholder: C.value,
     readonly: i == null ? void 0 : i.value,
     tabindex: c.value,
-    title: f.value && !b.value ? p.value : "",
+    title: d.value && !b.value ? p.value : "",
     type: N.value,
     value: u == null ? void 0 : u.value,
     onBlur: w,
@@ -2185,8 +2184,8 @@ function qr(e, t) {
 function zr(e, t, n, o, r) {
   const {
     appendedButtonClass: l,
-    appendedContent: f
-  } = n, b = B(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), m = B(() => f.value && !t.slots.groupTextTemplate), d = B(() => !!t.slots.groupTextTemplate), {
+    appendedContent: d
+  } = n, b = B(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), m = B(() => d.value && !t.slots.groupTextTemplate), f = B(() => !!t.slots.groupTextTemplate), {
     clearButtonClass: c,
     clearButtonStyle: s,
     onClearValue: u,
@@ -2219,7 +2218,7 @@ function zr(e, t, n, o, r) {
       class: "input-group-text",
       onMouseenter: (C) => _(C),
       onMouseleave: (C) => F(C),
-      innerHTML: f.value,
+      innerHTML: d.value,
       onClick: (C) => O(C)
     }, null);
   }
@@ -2227,7 +2226,7 @@ function zr(e, t, n, o, r) {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
   function a() {
-    return m.value ? h : d.value ? g : "";
+    return m.value ? h : f.value ? g : "";
   }
   const i = a();
   return () => M("div", {
@@ -2241,14 +2240,14 @@ const Yr = /* @__PURE__ */ ye({
   setup(e, t) {
     const n = T(e.modelValue), o = T(e.modelValue), r = Br(e, t, n, o), {
       inputGroupClass: l,
-      inputType: f,
+      inputType: d,
       inputGroupStyle: b
     } = r, m = Ar(e), {
-      shouldShowAppendedButton: d
+      shouldShowAppendedButton: f
     } = m, c = Mr(e, t, r), {
       onMouseEnter: s,
       onMouseLeave: u
-    } = c, N = Dr(e, t, f, m), w = Gr(e, t), _ = Wr(e, t, N, r), F = zr(e, t, m, c, N), y = qr(e, t), O = B(() => e.type === "number");
+    } = c, N = Dr(e, t, d, m), w = Gr(e, t), _ = Wr(e, t, N, r), F = zr(e, t, m, c, N), y = qr(e, t), O = B(() => e.type === "number");
     Z(() => [e.value], ([g]) => {
       n.value = g, o.value = g;
     }), Z(() => [e.modelValue], ([g]) => {
@@ -2262,7 +2261,7 @@ const Yr = /* @__PURE__ */ ye({
       style: b.value,
       onMouseenter: s,
       onMouseleave: u
-    }, [O.value ? w() : M(De, null, [y(), _(), d.value && F()])])]);
+    }, [O.value ? w() : M(De, null, [y(), _(), f.value && F()])])]);
     return () => h();
   }
 }), G = {}, W = {}, z = {}, Y = {};
@@ -2273,8 +2272,8 @@ function Xr() {
 function St() {
   Xr();
   function e(r, l) {
-    const f = W[r];
-    return f ? f(l) : {};
+    const d = W[r];
+    return d ? d(l) : {};
   }
   function t(r) {
     return G[r] || Yr;
@@ -2283,6 +2282,8 @@ function St() {
     switch (r) {
       case "check-box":
         return "onChangeValue";
+      case "switch":
+        return "onModelValueChanged";
       case "check-group":
         return "onChangeValue";
       case "combo-list":
@@ -2345,7 +2346,7 @@ const Ur = /* @__PURE__ */ ye({
   props: wt,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = T(e.id), o = T(e.customClass), r = T(e.editor), l = T(e.label), f = T(e.modelValue), b = T(e.readonly), m = T(e.required), d = T(e.showLabel), c = T(e.visible);
+    const n = T(e.id), o = T(e.customClass), r = T(e.editor), l = T(e.label), d = T(e.modelValue), b = T(e.readonly), m = T(e.required), f = T(e.showLabel), c = T(e.visible);
     T(e.type);
     const s = T(), {
       resolveEditorProps: u,
@@ -2359,7 +2360,7 @@ const Ur = /* @__PURE__ */ ye({
       "q-state-readonly": b.value
     }));
     function y(g, a) {
-      f.value = a !== void 0 ? a : g, t.emit("update:modelValue", f.value), t.emit("change", f.value);
+      d.value = a !== void 0 ? a : g, t.emit("update:modelValue", d.value), t.emit("change", d.value);
     }
     function O() {
       t.emit("update:modelValue", "");
@@ -2369,12 +2370,12 @@ const Ur = /* @__PURE__ */ ye({
       return i[C] = y, i[V] = O, () => M(a, Je({
         ref: s
       }, i, {
-        modelValue: f.value,
-        "onUpdate:modelValue": (p) => f.value = p
+        modelValue: d.value,
+        "onUpdate:modelValue": (p) => d.value = p
       }), null);
     });
     return Z([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([g, a, i, C, V, p, k, E, S]) => {
-      n.value = g, o.value = a, r.value = i, l.value = C, f.value = V, b.value = p, m.value = k, d.value = E, c.value = S;
+      n.value = g, o.value = a, r.value = i, l.value = C, d.value = V, b.value = p, m.value = k, f.value = E, c.value = S;
     }), t.expose({
       editorRef: s
     }), () => c.value && M("div", {
@@ -2384,7 +2385,7 @@ const Ur = /* @__PURE__ */ ye({
       class: "farris-group-wrap"
     }, [M("div", {
       class: F.value
-    }, [d.value && M(Sr, {
+    }, [f.value && M(Sr, {
       id: `${n.value}-lable`,
       required: m.value,
       text: l.value,
@@ -2421,14 +2422,14 @@ const Kr = /* @__PURE__ */ ye({
   setup(e, t) {
     const n = T(e.id), o = T(e.editor), r = T(e.modelValue), {
       resolveEditorProps: l,
-      resolveEditorType: f,
+      resolveEditorType: d,
       getChangeFunctionName: b
     } = St();
     function m(c, s) {
       r.value = s !== void 0 ? s : c, t.emit("update:modelValue", r.value), t.emit("change", r.value);
     }
-    const d = B(() => {
-      const c = f(o.value.type), s = l(o.value.type, o.value);
+    const f = B(() => {
+      const c = d(o.value.type), s = l(o.value.type, o.value);
       s.focusOnCreated = e.focusOnCreated, s.selectOnCreated = e.selectOnCreated;
       const u = b(o.value.type);
       return s[u] = m, () => M(c, Je(s, {
@@ -2438,7 +2439,7 @@ const Kr = /* @__PURE__ */ ye({
     });
     return Z([() => e.id, () => e.editor, () => e.modelValue], ([c, s, u]) => {
       n.value = c, o.value = s, r.value = u;
-    }), () => d.value();
+    }), () => f.value();
   }
 });
 var Ft = /* @__PURE__ */ ((e) => (e[e.Value = 0] = "Value", e[e.SmartHelp = 1] = "SmartHelp", e[e.Enum = 2] = "Enum", e[e.Express = 3] = "Express", e))(Ft || {}), Ot = /* @__PURE__ */ ((e) => (e.Equal = "0", e.NotEqual = "1", e.Greater = "2", e.GreaterOrEqual = "3", e.Less = "4", e.LessOrEqual = "5", e.Like = "6", e.LikeStartWith = "7", e.LikeEndWith = "8", e))(Ot || {});
@@ -2502,10 +2503,10 @@ const Qr = [
 function Zr(e, t, n) {
   const { fieldMap: o } = n;
   function r(l) {
-    const f = o.get(l.fieldCode);
-    if (!f)
+    const d = o.get(l.fieldCode);
+    if (!d)
       return [];
-    const b = f.editor.type, m = new Set(Jr[b]);
+    const b = d.editor.type, m = new Set(Jr[b]);
     return Qr.filter((c) => m.has(c.value));
   }
   return { getCompareOperators: r };
@@ -2528,7 +2529,7 @@ function Tt() {
   function l(p, k) {
     return { relation: p, items: [], children: [], path: [], groupId: ++o, level: k };
   }
-  function f() {
+  function d() {
     const p = Object.assign({}, e.value);
     n.forEach((k, E) => {
       k.groupId === p.groupId && n.set(E, p);
@@ -2552,7 +2553,7 @@ function Tt() {
     }
     return E;
   }
-  function d(p, k, E, S, v) {
+  function f(p, k, E, S, v) {
     for (let A = k; A <= 0; A++)
       S.pop();
     const x = S[S.length - 1];
@@ -2574,7 +2575,7 @@ function Tt() {
     if (E < 0 || E === S)
       return p[p.length - 1];
     const D = $ - A, R = v && v.relation !== void 0 ? v.relation : 1;
-    return I = D > 0 ? m(A, D, I, p, R) : I, I = D < 0 ? d(A, D, I, p, R) : I, I = D === 0 && A > 0 && $ > 0 && v && x && !!v.rBracket && !!x.lBracket ? c(A, I, p, R) : I, I;
+    return I = D > 0 ? m(A, D, I, p, R) : I, I = D < 0 ? f(A, D, I, p, R) : I, I = D === 0 && A > 0 && $ > 0 && v && x && !!v.rBracket && !!x.lBracket ? c(A, I, p, R) : I, I;
   }
   function u(p) {
     const E = { relation: p.length && p[0].relation !== void 0 ? p[0].relation : 1, items: [], children: [], path: [], groupId: 0, level: 0 }, S = [E], v = b(p);
@@ -2593,12 +2594,12 @@ function Tt() {
     const k = t.get(p.conditionId);
     if (k) {
       const E = k.items.findIndex((v) => v.conditionId === p.conditionId) + 1, S = r();
-      t.set(S.conditionId, k), k.items.splice(E, 0, S), f();
+      t.set(S.conditionId, k), k.items.splice(E, 0, S), d();
     }
   }
   function _(p) {
     const k = t.get(p.conditionId);
-    k && (k.items = k.items.filter((E) => E.conditionId !== p.conditionId), t.delete(p.conditionId), V(), f());
+    k && (k.items = k.items.filter((E) => E.conditionId !== p.conditionId), t.delete(p.conditionId), V(), d());
   }
   function F(p, k, E, S) {
     p.reduce((v, x) => {
@@ -2629,7 +2630,7 @@ function Tt() {
     if (E) {
       F(p, S, v, x), y(E, v, S.items, x, S.groups);
       const I = l(E.relation, E.level + 1);
-      O(I, v, x), E.children.push(I), n.set(I.groupId, E), f();
+      O(I, v, x), E.children.push(I), n.set(I.groupId, E), d();
     }
   }
   function g(p) {
@@ -2638,10 +2639,10 @@ function Tt() {
       S.items.push(v), t.set(v.conditionId, S);
     }), E.forEach((v) => {
       S.children.push(v), n.set(v.groupId, S);
-    }), f());
+    }), d());
   }
   function a(p) {
-    p.relation = p.relation === 1 ? 2 : 1, f();
+    p.relation = p.relation === 1 ? 2 : 1, d();
   }
   let i;
   function C(p) {
@@ -2673,20 +2674,20 @@ function Tt() {
     groupParentMap: n,
     insertConditionTo: w,
     loadConditionGroup: u,
-    refresh: f,
+    refresh: d,
     removeCondition: _,
     rootGroup: e,
     unGroup: g
   };
 }
 function ea(e, t, n) {
-  const o = T(/* @__PURE__ */ new Set()), r = T(/* @__PURE__ */ new Set()), { conditionGroupMap: l, groupParentMap: f } = n;
+  const o = T(/* @__PURE__ */ new Set()), r = T(/* @__PURE__ */ new Set()), { conditionGroupMap: l, groupParentMap: d } = n;
   let b, m;
-  function d(y) {
+  function f(y) {
     let O = b.level <= y.level ? b : y, h = b.level > y.level ? b : y;
     const g = [];
     for (; h && O && h !== O; )
-      h.level > O.level ? (g.push(h), h = f.get(h.groupId)) : h.level === O.level && (O = f.get(O.groupId), O && g.unshift(O));
+      h.level > O.level ? (g.push(h), h = d.get(h.groupId)) : h.level === O.level && (O = d.get(O.groupId), O && g.unshift(O));
     return g;
   }
   function c(y) {
@@ -2696,11 +2697,11 @@ function ea(e, t, n) {
     const { conditionId: O } = y;
     o.value.add(O), b = o.value.size === 0 ? l.get(O) : b;
     const h = l.get(y.conditionId);
-    d(h).forEach((a) => c(a));
+    f(h).forEach((a) => c(a));
   }
   const u = B(() => o.value.size === 0 && r.value.size === 1), N = function(y) {
     r.value.delete(y.groupId), y.items.forEach((h) => m(h)), y.children.forEach((h) => !u.value && N(h));
-    const O = f.get(y.groupId);
+    const O = d.get(y.groupId);
     O && r.value.has(O.groupId) && N(O);
   };
   m = function(y) {
@@ -2730,10 +2731,10 @@ const Xe = /* @__PURE__ */ ye({
   setup(e, t) {
     const n = T(e.key), o = T(e.conditions), r = _t(e), {
       convertToSingleControl: l,
-      fields: f,
+      fields: d,
       fieldMap: b,
       loadFieldConfigs: m
-    } = r, d = Tt(), {
+    } = r, f = Tt(), {
       addCondition: c,
       changeGroupRelation: s,
       getConditions: u,
@@ -2744,15 +2745,15 @@ const Xe = /* @__PURE__ */ ye({
       removeCondition: y,
       rootGroup: O,
       unGroup: h
-    } = d, {
+    } = f, {
       createConditionValue: g
-    } = yt(), a = ea(e, t, d), {
+    } = yt(), a = ea(e, t, f), {
       selectedItems: i,
       toggleSelect: C
     } = a, {
       getCompareOperators: V
     } = Zr(e, t, r);
-    m(!1), f.value = l(f.value), _(o.value);
+    m(!1), d.value = l(d.value), _(o.value);
     function p(D) {
       var L;
       const R = ((L = b.get(D.fieldCode)) == null ? void 0 : L.editor) || {
@@ -2783,7 +2784,7 @@ const Xe = /* @__PURE__ */ ye({
           "value-field": "labelCode",
           "text-field": "name",
           "id-field": "id",
-          data: f.value,
+          data: d.value,
           modelValue: R.fieldCode,
           "onUpdate:modelValue": (X) => R.fieldCode = X,
           onChange: (X) => p(R)
@@ -3005,13 +3006,13 @@ function la() {
   function l() {
     t.clear(), e.value = [];
   }
-  function f(s) {
+  function d(s) {
     const { valueType: u } = s.value, N = s.compareType || "0", w = ta[Number(N)];
     return o.get(u)[w];
   }
   function b(s) {
     const u = s.relation === 2 ? 0 : 1, N = s.items.map((_) => {
-      const F = f(_);
+      const F = d(_);
       return (O) => F(O, _.fieldCode, _.value.getValue());
     }), w = s.children && s.children.length ? s.children.map((_) => b(_)) : [];
     return { relation: u, filterFunctions: N, children: w };
@@ -3020,25 +3021,25 @@ function la() {
     const s = n(e.value);
     return b(s);
   }
-  function d(s, u) {
-    const N = u.filterFunctions.map((_) => _(s)), w = u.children.map((_) => d(s, _));
+  function f(s, u) {
+    const N = u.filterFunctions.map((_) => _(s)), w = u.children.map((_) => f(s, _));
     return u.relation === 1 ? N.every((_) => _) && w.every((_) => _) : N.includes(!0) || w.includes(!0);
   }
   function c(s) {
     const u = m();
-    return d(s, u);
+    return f(s, u);
   }
   return { apply: c, clearCondition: l, conditions: e, removeCondition: r };
 }
 function sa(e, t) {
   var y, O;
-  const { idField: n } = t, o = T(e.summary), r = T(e.group), l = T(((y = e.group) == null ? void 0 : y.groupFields) || []), f = T(((O = e.group) == null ? void 0 : O.enable) || !1), b = B(() => {
+  const { idField: n } = t, o = T(e.summary), r = T(e.group), l = T(((y = e.group) == null ? void 0 : y.groupFields) || []), d = T(((O = e.group) == null ? void 0 : O.enable) || !1), b = B(() => {
     const h = o.value;
     return (h == null ? void 0 : h.groupFields) || [];
   }), m = B(() => {
     const h = r.value;
     return h && h.showSummary;
-  }), d = /* @__PURE__ */ new Map();
+  }), f = /* @__PURE__ */ new Map();
   let c = [], s = "";
   function u(h, g, a, i, C) {
     const V = i[a];
@@ -3107,7 +3108,7 @@ function sa(e, t) {
     if (!h || h.length === 0)
       return g;
     const i = h.join(",");
-    return i !== s && (d.clear(), c = [], s = i, u(d, g, 0, h, a), c = w(d)), c;
+    return i !== s && (f.clear(), c = [], s = i, u(f, g, 0, h, a), c = w(f)), c;
   }
   function F(h) {
     return {
@@ -3116,10 +3117,10 @@ function sa(e, t) {
       "fv-grid-group-row-icon-collapse": h.collapse
     };
   }
-  return { collpaseGroupIconClass: F, generateGroupData: _, groupFields: l, shouldGroupingData: f };
+  return { collpaseGroupIconClass: F, generateGroupData: _, groupFields: l, shouldGroupingData: d };
 }
 function ua(e, t, n, o) {
-  const r = T(!!e.hierarchy), { idField: l } = o, { collapseField: f, hasChildrenField: b, parentIdField: m } = n, d = /* @__PURE__ */ new Map();
+  const r = T(!!e.hierarchy), { idField: l } = o, { collapseField: d, hasChildrenField: b, parentIdField: m } = n, f = /* @__PURE__ */ new Map();
   function c(S, v) {
     const x = /* @__PURE__ */ new Map();
     return S.reduce((I, $) => {
@@ -3202,15 +3203,15 @@ function ua(e, t, n, o) {
     });
   }
   function a(S) {
-    d.clear(), S.forEach((I, $) => {
+    f.clear(), S.forEach((I, $) => {
       const A = I[l.value];
-      d.set(A, F(A, $));
+      f.set(A, F(A, $));
     });
     const v = s(S), x = c(S, v);
-    return y(d, x), h(S, d), g(d), d;
+    return y(f, x), h(S, f), g(f), f;
   }
   function i(S) {
-    const v = S[l.value], x = d.get(v);
+    const v = S[l.value], x = f.get(v);
     return x && x.children.size > 0;
   }
   function C(S) {
@@ -3222,22 +3223,22 @@ function ua(e, t, n, o) {
     return S.forEach((I, $) => {
       var L;
       const A = I[l.value], D = x.has(A) ? (L = x.get(A)) == null ? void 0 : L.map((X) => X.__fv_index__) : [], R = F(A, $);
-      I.__fv_graph_node__ = R, I.__fv_children_index__ = D, I.__fv_descendant_index__ = [...D], I.__fv_parents__ = /* @__PURE__ */ new Map(), C(I) && (I[f.value] = !0);
+      I.__fv_graph_node__ = R, I.__fv_children_index__ = D, I.__fv_descendant_index__ = [...D], I.__fv_parents__ = /* @__PURE__ */ new Map(), C(I) && (I[d.value] = !0);
     }), u(S), w(S, v), e.showLines && _(S), S;
   }
   function p(S, v, x) {
-    const $ = x.value[S][l.value], A = d.get($);
+    const $ = x.value[S][l.value], A = f.get($);
     if (A) {
-      const D = d.get(A.parentId);
+      const D = f.get(A.parentId);
       let R = x.value.length - 1;
       if (D) {
         const L = Array.from(D.children.keys()).indexOf(A.id);
         if (L === D.children.size - 1) {
           const ne = Array.from(D.descendant.values())[D.descendant.size - 1];
-          R = x.value.findIndex((le) => le[l.value] === ne.id) + 1;
+          R = x.value.findIndex((ie) => ie[l.value] === ne.id) + 1;
         } else {
           const ne = Array.from(D.children.values())[L + 1];
-          R = x.value.findIndex((le) => le[l.value] === ne.id);
+          R = x.value.findIndex((ie) => ie[l.value] === ne.id);
         }
         v[b.value] = !1, v[m.value] = D.id, x.value.splice(R, 0, v);
       }
@@ -3245,18 +3246,18 @@ function ua(e, t, n, o) {
   }
   function k(S, v, x) {
     const I = x.value[S], $ = I[l.value];
-    if (d.get($)) {
+    if (f.get($)) {
       const R = x.value.findIndex((L) => L[l.value] === $) + 1;
-      I[b.value] = !0, I[f.value] = !1, v[b.value] = !1, v[m.value] = $, x.value.splice(R, 0, v);
+      I[b.value] = !0, I[d.value] = !1, v[b.value] = !1, v[m.value] = $, x.value.splice(R, 0, v);
     }
   }
   function E(S, v) {
-    const x = S[l.value], I = d.get(x), $ = Array.from(I.descendant.keys());
+    const x = S[l.value], I = f.get(x), $ = Array.from(I.descendant.keys());
     $.unshift(x);
-    const A = d.get(I.parentId);
+    const A = f.get(I.parentId);
     if (A && (A.children.delete(x), A.children.size === 0)) {
       const R = v.find((L) => L[l.value] === I.parentId);
-      R[b.value] = !1, R[f.value] = !1;
+      R[b.value] = !1, R[d.value] = !1;
     }
     return v.filter((R) => $.indexOf(R.id) === -1);
   }
@@ -3283,7 +3284,7 @@ const ca = {
   props: da,
   emits: ["close", "click"],
   setup: (e, t) => {
-    const n = T(e.animate), o = "fadeOut", r = B(() => e.options), l = T(!1), f = B(() => {
+    const n = T(e.animate), o = "fadeOut", r = B(() => e.options), l = T(!1), d = B(() => {
       const y = {
         animated: l.value,
         toast: !0
@@ -3294,7 +3295,7 @@ const ca = {
         "f-icon": !0
       };
       return g[h] = !0, g;
-    }), m = B(() => r.value.title || r.value.message), d = B(() => r.value.title && r.value.message), c = B(() => !r.value.title && r.value.message), s = B(() => e.showCloseButton), u = B(() => !!r.value.buttons || !!t.slots.default);
+    }), m = B(() => r.value.title || r.value.message), f = B(() => r.value.title && r.value.message), c = B(() => !r.value.title && r.value.message), s = B(() => e.showCloseButton), u = B(() => !!r.value.buttons || !!t.slots.default);
     function N(y) {
       y.stopPropagation(), y.preventDefault(), l.value = !1, setTimeout(() => {
         t.emit("close", r.value);
@@ -3318,7 +3319,7 @@ const ca = {
       }, [O.text]))), t.slots.default && t.slots.default()])]);
     };
     return () => M("div", {
-      class: f.value
+      class: d.value
     }, [s.value && M("button", {
       title: "close",
       class: "toast-close f-btn-icon f-bare",
@@ -3333,7 +3334,7 @@ const ca = {
       class: b.value
     }, null)]), M("div", {
       class: "modal-tips-content"
-    }, [d.value && M(De, null, [M("h5", {
+    }, [f.value && M(De, null, [M("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: r.value.title
     }, null), M("p", {
@@ -3363,7 +3364,7 @@ const ca = {
       right: 12,
       top: 20,
       bottom: 12
-    }, r = T(), l = T(e.options), f = T(e.showCloseButton), b = B(() => e.position || "bottom-right"), m = B(() => e.timeout != null ? e.timeout : 3e3), d = B(() => {
+    }, r = T(), l = T(e.options), d = T(e.showCloseButton), b = B(() => e.position || "bottom-right"), m = B(() => e.timeout != null ? e.timeout : 3e3), f = B(() => {
       const u = e.bottom ? e.bottom : o.bottom, N = e.top ? e.top : o.top, w = {
         transition: "all 0.2s ease",
         left: b.value.indexOf("left") > -1 ? `${e.left ? e.left : o.left}px` : "",
@@ -3388,11 +3389,11 @@ const ca = {
     }
     return () => M("div", {
       class: n.value,
-      style: d.value,
+      style: f.value,
       ref: r
     }, [M(Qe, {
       options: l.value,
-      showCloseButton: f.value,
+      showCloseButton: d.value,
       animate: e.animate,
       onClose: (u) => s(u, l.value)
     }, null)]);
@@ -3412,16 +3413,16 @@ class kt {
       ...t
     }), l = document.createElement("div");
     l.style.display = "contents";
-    const f = Jt({
+    const d = Jt({
       setup() {
         const b = T();
         function m() {
           b.value.container.style.transform = "scale(0)", setTimeout(() => {
-            n.updateNotifyPositionForClose(r, b), f.unmount();
+            n.updateNotifyPositionForClose(r, b), d.unmount();
           }, 220);
         }
         if (r.position.indexOf("top") > -1) {
-          const d = n.getNotifyInstances(r.position), c = d[d.length - 1];
+          const f = n.getNotifyInstances(r.position), c = f[f.length - 1];
           if (c) {
             const s = c.value.container.getBoundingClientRect();
             r.top = s.bottom;
@@ -3438,7 +3439,7 @@ class kt {
         }), null);
       }
     });
-    return f.provide("NotifyService", this), document.body.appendChild(l), f.mount(l), f;
+    return d.provide("NotifyService", this), document.body.appendChild(l), d.mount(l), d;
   }
   getNotifyInstances(t) {
     return this.notifyRefs.filter((n) => n.value.notifyPosition === t);
@@ -3457,8 +3458,8 @@ class kt {
     const o = this.notifyRefs.indexOf(n);
     if (t.position.indexOf("top") > -1) {
       const r = this.getNotifyInstances(t.position), l = r.indexOf(n);
-      r.slice(l + 1).forEach((f) => {
-        f.value.container.style.top = f.value.container.offsetTop - f.value.container.offsetHeight + "px";
+      r.slice(l + 1).forEach((d) => {
+        d.value.container.style.top = d.value.container.offsetTop - d.value.container.offsetHeight + "px";
       });
     }
     o > -1 && this.notifyRefs.splice(o, 1);
@@ -3467,16 +3468,16 @@ class kt {
     return this.createNotifyInstance(t);
   }
   buildNotifyProps(t, n) {
-    let o = "", r = "", l, f, b;
-    typeof n == "string" ? o = n : n && (o = n.message || "", r = n.title || "", f = n.position || null, b = n.showCloseButton != null ? n.showCloseButton : null, l = n.timeout != null ? n.timeout : null);
-    const d = {
+    let o = "", r = "", l, d, b;
+    typeof n == "string" ? o = n : n && (o = n.message || "", r = n.title || "", d = n.position || null, b = n.showCloseButton != null ? n.showCloseButton : null, l = n.timeout != null ? n.timeout : null);
+    const f = {
       options: {
         type: t,
         message: o,
         title: r
       }
     };
-    return f != null && (d.position = f), b != null && (d.showCloseButton = b), l != null && (d.timeout = l), d;
+    return d != null && (f.position = d), b != null && (f.showCloseButton = b), l != null && (f.timeout = l), f;
   }
   info(t) {
     const n = this.buildNotifyProps("info", t);
@@ -3511,7 +3512,7 @@ Ae.install = (e) => {
 };
 function It(e, t, n, o, r) {
   var at;
-  const { pageSize: l, total: f, shouldRenderPagination: b, currentPage: m, mode: d } = r, c = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), _ = T([]), F = T([]), y = la(), O = sa(e, o), { generateGroupData: h, groupFields: g, shouldGroupingData: a } = O, i = T(e.data), C = ua(e, i, n, o), {
+  const { pageSize: l, total: d, shouldRenderPagination: b, currentPage: m, mode: f } = r, c = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), _ = T([]), F = T([]), y = la(), O = sa(e, o), { generateGroupData: h, groupFields: g, shouldGroupingData: a } = O, i = T(e.data), C = ua(e, i, n, o), {
     generateHierarchyData: V,
     hasRealChildren: p,
     insertSibling: k,
@@ -3528,7 +3529,7 @@ function It(e, t, n, o, r) {
     return (P == null ? void 0 : P.groupFields) || [];
   });
   let ne = /* @__PURE__ */ new Map();
-  const ie = B(() => A.value.length), le = T(e.pagination), be = new kt(), j = B(() => b.value ? d.value === "server" ? 0 : (m.value - 1) * l.value : 0), H = B(() => b.value ? d.value === "server" ? Math.min(l.value, f.value, ie.value) : Math.min(j.value + l.value, f.value, ie.value) : ie.value);
+  const ae = B(() => A.value.length), ie = T(e.pagination), be = new kt(), j = B(() => b.value ? f.value === "server" ? 0 : (m.value - 1) * l.value : 0), H = B(() => b.value ? f.value === "server" ? Math.min(l.value, d.value, ae.value) : Math.min(j.value + l.value, d.value, ae.value) : ae.value);
   function te(P) {
     return R(P);
   }
@@ -3536,7 +3537,7 @@ function It(e, t, n, o, r) {
     A.value = i.value, a.value && (A.value = h(g.value, i.value, t)), ne = X.value.reduce((fe, ve) => (fe.set(ve, 0), fe), ne);
     const P = j.value, K = H.value;
     let Q = 0;
-    const ae = [];
+    const le = [];
     if (A.value.length) {
       I(A.value);
       const fe = x.value !== e.idField;
@@ -3545,10 +3546,10 @@ function It(e, t, n, o, r) {
         ce.__fv_data_grid_group_row__ ? (Q = 0, ce.__fv_data_index__ = "") : ce.__fv_data_grid_group_summary__ ? ce.__fv_data_index__ = "" : (Q++, b.value ? ce.__fv_data_index__ = Q + (m.value - 1) * l.value : ce.__fv_data_index__ = Q), ce.__fv_index__ = ve, fe && (ce[x.value] = ve), X.value.forEach((oe) => {
           const _e = ne.get(oe) || 0;
           ne.set(oe, _e + ce[oe]);
-        }), ae.push(ce);
+        }), le.push(ce);
       }
     }
-    return S.value && V(ae), D.value = [...ae], ae;
+    return S.value && V(le), D.value = [...le], le;
   }
   const de = T(ee());
   function se(P, K, Q = !1) {
@@ -3590,13 +3591,13 @@ function It(e, t, n, o, r) {
   function Ce(P, K) {
     const Q = `group_of_${P}_${K}`;
     c.set(Q, !0);
-    const ae = (fe) => fe[P] !== K;
+    const le = (fe) => fe[P] !== K;
     return u.set(`collapse_${P}_${K}`, {
       field: P,
       fieldName: P,
       fieldType: "string",
       filterValue: K,
-      filter: ae
+      filter: le
     }), se(Array.from(u.values()), Array.from(w.values()));
   }
   function ke(P, K) {
@@ -3604,7 +3605,7 @@ function It(e, t, n, o, r) {
     return c.set(Q, !1), u.delete(`collapse_${P}_${K}`), se(Array.from(u.values()), Array.from(w.values()), !0);
   }
   function Re(P) {
-    const K = P.raw[x.value], Q = (ae) => !ae.__fv_parents__.has(K);
+    const K = P.raw[x.value], Q = (le) => !le.__fv_parents__.has(K);
     N.set(`fold_${K}`, {
       field: "id",
       fieldName: "id",
@@ -3637,7 +3638,7 @@ function It(e, t, n, o, r) {
     return (P && P.length ? de.value.filter((fe, ve) => P.reduce((ce, oe) => ce && oe.filter(fe), !0)) : de.value).slice(K, Q);
   }
   function J(P) {
-    (P - 1) * l.value <= ie.value && he();
+    (P - 1) * l.value <= ae.value && he();
   }
   function re(P) {
     i.value.push(Te(P)), de.value = ee();
@@ -3651,8 +3652,8 @@ function It(e, t, n, o, r) {
   function me(P = 0) {
     if (!(P > -1 && e.hierarchy))
       return !1;
-    const Q = $.value(), ae = i.value[P];
-    Ie(ae), E(P, Q, i), he();
+    const Q = $.value(), le = i.value[P];
+    Ie(le), E(P, Q, i), he();
   }
   function Se(P) {
     const K = P ? P - 1 : 0;
@@ -3673,7 +3674,7 @@ function It(e, t, n, o, r) {
     return se(P, Array.from(w.values()));
   }
   function Gt(P) {
-    le.value && (le.value.size = P, he());
+    ie.value && (ie.value.size = P, he());
   }
   function Wt(P, K) {
     const Q = i.value[Number(P) - 1];
@@ -3686,8 +3687,8 @@ function It(e, t, n, o, r) {
   }
   function qt(P) {
     return P.map((Q) => {
-      const ae = D.value.findIndex((fe) => fe[x.value] === Q);
-      return ae > -1 ? D.value[ae] : null;
+      const le = D.value.findIndex((fe) => fe[x.value] === Q);
+      return le > -1 ? D.value[le] : null;
     }).filter((Q) => Q != null);
   }
   return {
@@ -3707,7 +3708,7 @@ function It(e, t, n, o, r) {
     load: Me,
     navigatePageTo: J,
     summaries: ne,
-    totalItems: ie,
+    totalItems: ae,
     insertNewDataItem: ue,
     insertNewChildDataItem: me,
     removeAllFilter: we,
@@ -3730,25 +3731,25 @@ function It(e, t, n, o, r) {
 function Nt(e) {
   T(e.selection.showCheckbox || !1);
   const t = B(() => {
-    var f;
-    return ((f = e.hierarchy) == null ? void 0 : f.collapseField) || "__fv_collapse__";
+    var d;
+    return ((d = e.hierarchy) == null ? void 0 : d.collapseField) || "__fv_collapse__";
   }), n = B(() => {
-    var f;
-    return ((f = e.hierarchy) == null ? void 0 : f.hasChildrenField) || "__fv_hasChildren__";
+    var d;
+    return ((d = e.hierarchy) == null ? void 0 : d.hasChildrenField) || "__fv_hasChildren__";
   }), o = B(() => {
-    var f;
-    return ((f = e.hierarchy) == null ? void 0 : f.parentIdField) || "parent";
+    var d;
+    return ((d = e.hierarchy) == null ? void 0 : d.parentIdField) || "parent";
   }), r = B(() => e.hierarchy && e.selection.showCheckbox && e.selection.enableSelectRow && e.selection.multiSelect), l = B(() => (e.treeNodeIconsData.fold || e.iconField) && e.showTreeNodeIcons);
   return { collapseField: t, hasChildrenField: n, parentIdField: o, shouldShowCheckBox: r, shouldShowIcon: l };
 }
 function ha(e, t, n, o) {
   var _, F, y, O, h, g;
-  const { idField: r } = n, l = T(((F = (_ = e.hierarchy) == null ? void 0 : _.cascadeOption) == null ? void 0 : F.autoCheckChildren) || !1), f = T(((O = (y = e.hierarchy) == null ? void 0 : y.cascadeOption) == null ? void 0 : O.autoCheckParent) || !1), b = T(((g = (h = e.hierarchy) == null ? void 0 : h.cascadeOption) == null ? void 0 : g.selectionRange) || "All");
+  const { idField: r } = n, l = T(((F = (_ = e.hierarchy) == null ? void 0 : _.cascadeOption) == null ? void 0 : F.autoCheckChildren) || !1), d = T(((O = (y = e.hierarchy) == null ? void 0 : y.cascadeOption) == null ? void 0 : O.autoCheckParent) || !1), b = T(((g = (h = e.hierarchy) == null ? void 0 : h.cascadeOption) == null ? void 0 : g.selectionRange) || "All");
   Z(() => {
     var a;
     return (a = e.hierarchy) == null ? void 0 : a.cascadeOption;
   }, (a) => {
-    l.value = a ? !!a.autoCheckChildren : !1, f.value = a ? !!a.autoCheckParent : !1, b.value = a ? a.selectionRange : "All";
+    l.value = a ? !!a.autoCheckChildren : !1, d.value = a ? !!a.autoCheckParent : !1, b.value = a ? a.selectionRange : "All";
   });
   function m(a, i) {
     for (let C = 0; C < i.length; C++)
@@ -3756,25 +3757,25 @@ function ha(e, t, n, o) {
         return !1;
     return !0;
   }
-  function d(a, i) {
+  function f(a, i) {
     return a.filter((V) => i.indexOf(V) === -1);
   }
   const c = B(() => b.value === "OnlyParent"), s = B(() => b.value === "OnlyChildren");
   function u(a, i) {
     let C = a;
     const V = t.value[i], p = V.raw[r.value], k = Array.from(V.raw.__fv_descendant_index__).map(($) => t.value[$]), E = k.map(($) => $.raw[r.value]), S = m(a, E), v = m(a, [p]);
-    return v && S && c.value && (C = d(a, E), k.forEach(($) => {
+    return v && S && c.value && (C = f(a, E), k.forEach(($) => {
       $.disable = !0;
-    })), v && S && s.value && (C = d(a, [p]), k.forEach(($) => {
+    })), v && S && s.value && (C = f(a, [p]), k.forEach(($) => {
       $.disable = !0;
     })), C;
   }
   function N(a, i) {
     let C = a;
     const V = i[r.value], p = Array.from(i.__fv_children_index__).map((I) => t.value[I]), k = p.map((I) => I.raw[r.value]), E = m(a, k), S = m(a, [i[r.value]]);
-    return S && E && c.value && (C = d(a, k), p.forEach((I) => {
+    return S && E && c.value && (C = f(a, k), p.forEach((I) => {
       I.disable = !0;
-    })), S && E && s.value && (C = d(a, [V]), p.forEach((I) => {
+    })), S && E && s.value && (C = f(a, [V]), p.forEach((I) => {
       I.disable = !0;
     })), C;
   }
@@ -3782,10 +3783,10 @@ function ha(e, t, n, o) {
     let C = a.map((E) => E[r.value]);
     return i.__fv_parent_index__ > 0 && (C = u(C, i.__fv_parent_index__)), i.__fv_children_index__.length > 0 && (C = N(C, i)), a.filter((E) => C.includes(E[r.value]));
   }
-  return { autoCheckChildren: l, autoCheckParent: f, interactAfterCheckHierarchyItem: w };
+  return { autoCheckChildren: l, autoCheckParent: d, interactAfterCheckHierarchyItem: w };
 }
 function Vt(e, t, n, o, r) {
-  const { select: l, unSelect: f, indeterminate: b, getSelectedItems: m } = o, { autoCheckChildren: d, autoCheckParent: c, interactAfterCheckHierarchyItem: s } = ha(e, t, n), { idField: u } = n;
+  const { select: l, unSelect: d, indeterminate: b, getSelectedItems: m } = o, { autoCheckChildren: f, autoCheckParent: c, interactAfterCheckHierarchyItem: s } = ha(e, t, n), { idField: u } = n;
   function N() {
     return t.value.filter((i) => !!i.checked).map((i) => i.raw.__fv_index__);
   }
@@ -3800,13 +3801,13 @@ function Vt(e, t, n, o, r) {
     let C = i.raw.__fv_parent_index__;
     for (; C !== void 0; ) {
       const V = N(), p = t.value[C], k = w(p.raw.__fv_children_index__, V);
-      k.length === p.raw.__fv_children_index__.length && k.length !== 0 ? f(p) : k.length === 0 ? c.value && l(p) : k.length < p.raw.__fv_children_index__.length && p.checked !== !0 && b(p), C = p.raw.__fv_parent_index__;
+      k.length === p.raw.__fv_children_index__.length && k.length !== 0 ? d(p) : k.length === 0 ? c.value && l(p) : k.length < p.raw.__fv_children_index__.length && p.checked !== !0 && b(p), C = p.raw.__fv_parent_index__;
     }
   }
   function y(i) {
     const C = !!i.checked;
-    d.value && i.raw.__fv_children_index__.map((V) => t.value[V]).forEach((V) => {
-      C ? l(V) : f(V);
+    f.value && i.raw.__fv_children_index__.map((V) => t.value[V]).forEach((V) => {
+      C ? l(V) : d(V);
     });
   }
   function O(i) {
@@ -3835,9 +3836,9 @@ function Vt(e, t, n, o, r) {
   }
   return { getNextSelectableHierarchyItemId: a, toggleSelectHierarchyItem: O };
 }
-function Et(e, t, n, o, r, l, f, b) {
+function Et(e, t, n, o, r, l, d, b) {
   var Me;
-  const { dataView: m } = t, { getVisualData: d, maxVisibleRowIndex: c, minVisibleRowIndex: s } = r, u = T(o.value.primaryColumnsWidth), N = T(o.value.leftColumnsWidth), w = T(o.value.rightColumnsWidth), _ = ((Me = e.rowOption) == null ? void 0 : Me.height) || 28, F = T(0), y = T(0);
+  const { dataView: m } = t, { getVisualData: f, maxVisibleRowIndex: c, minVisibleRowIndex: s } = r, u = T(o.value.primaryColumnsWidth), N = T(o.value.leftColumnsWidth), w = T(o.value.rightColumnsWidth), _ = ((Me = e.rowOption) == null ? void 0 : Me.height) || 28, F = T(0), y = T(0);
   let O = 0, h = l.value - 1;
   const g = T(0), a = T(0), i = T(0);
   function C() {
@@ -3848,7 +3849,7 @@ function Et(e, t, n, o, r, l, f, b) {
   }
   const V = B(() => {
     const U = C();
-    return m.value.length > l.value + f ? Math.floor((l.value + f) / m.value.length * a.value) : Math.floor(a.value / Math.max(U, a.value) * a.value);
+    return m.value.length > l.value + d ? Math.floor((l.value + d) / m.value.length * a.value) : Math.floor(a.value / Math.max(U, a.value) * a.value);
   }), p = B(() => Math.floor(i.value / Math.max(u.value, i.value) * g.value)), k = 0, E = 0, S = B(() => g.value - (N.value + u.value + w.value + b.value));
   function v(U) {
     const J = m.value.find((re) => re.__fv_data_position__ > U);
@@ -3860,7 +3861,7 @@ function Et(e, t, n, o, r, l, f, b) {
       n.value = [];
       return;
     }
-    const J = ($e = e.pagination) != null && $e.enable ? 0 : Math.max(O - f, 0), re = m.value[m.value.length - 1].__fv_index__, ue = (Pe = e.pagination) != null && Pe.enable ? m.value.length - 1 : Math.min(h + f - 1, re), me = m.value[J - 1], Se = d(J, ue, me, U);
+    const J = ($e = e.pagination) != null && $e.enable ? 0 : Math.max(O - d, 0), re = m.value[m.value.length - 1].__fv_index__, ue = (Pe = e.pagination) != null && Pe.enable ? m.value.length - 1 : Math.min(h + d - 1, re), me = m.value[J - 1], Se = f(J, ue, me, U);
     Se.length && (n.value = [...Se]);
   }
   const I = B(() => C() > a.value), $ = B(() => u.value > i.value);
@@ -3868,7 +3869,7 @@ function Et(e, t, n, o, r, l, f, b) {
     let J = F.value + U;
     J > k && (J = k);
     const re = J > k, ue = C(), me = I.value;
-    me && J < a.value - ue && (J = a.value - ue), (!me || re) && (J = k), F.value !== J && (F.value = J, O = v(Math.abs(F.value)), h = O + l.value, (O < s.value || h > c.value - f / 2) && x());
+    me && J < a.value - ue && (J = a.value - ue), (!me || re) && (J = k), F.value !== J && (F.value = J, O = v(Math.abs(F.value)), h = O + l.value, (O < s.value || h > c.value - d / 2) && x());
   }
   function D(U) {
     if (!$.value) {
@@ -3898,9 +3899,9 @@ function Et(e, t, n, o, r, l, f, b) {
     height: `${m.value.length * _}px`,
     width: `${N.value}px`,
     transform: `translateY(${F.value}px)`
-  })), ie = B(() => ({
+  })), ae = B(() => ({
     transform: `translateY(${F.value}px)`
-  })), le = B(() => ({
+  })), ie = B(() => ({
     height: `${m.value.length * _}px`,
     width: `${u.value}px`,
     transform: `translate(${y.value}px, ${F.value}px)`
@@ -3965,7 +3966,7 @@ function Et(e, t, n, o, r, l, f, b) {
     onMouseDownScrollThumb: he,
     onWheel: X,
     dataGridWidth: g,
-    gridDataStyle: le,
+    gridDataStyle: ie,
     gridHeaderColumnsStyle: de,
     gridMergedDataStyle: be,
     gridSideStyle: te,
@@ -3975,7 +3976,7 @@ function Et(e, t, n, o, r, l, f, b) {
     horizontalScrollThumbStyle: qe,
     leftFixedGridDataStyle: ne,
     leftFixedGridHeaderColumnsStyle: ee,
-    leftFixedGridMergedDataStyle: ie,
+    leftFixedGridMergedDataStyle: ae,
     reCalculateVisualDataRows: x,
     resetScroll: L,
     rightFixedGridDataStyle: j,
@@ -3988,8 +3989,8 @@ function Et(e, t, n, o, r, l, f, b) {
     offsetY: F
   };
 }
-function Rt(e, t, n, o, r, l, f, b) {
-  const m = T(o.value - 1 + r), d = T(0), { renderDataRow: c } = l, s = c, u = c;
+function Rt(e, t, n, o, r, l, d, b) {
+  const m = T(o.value - 1 + r), f = T(0), { renderDataRow: c } = l, s = c, u = c;
   function N(F) {
     let y = c;
     return F.__fv_data_grid_group_row__ && (y = s), F.__fv_data_grid_group_summary__ && (y = u), y;
@@ -4003,7 +4004,7 @@ function Rt(e, t, n, o, r, l, f, b) {
         x.refreshKey = i, a.push(x);
       }
     }
-    return d.value = a.length > 0 ? a[0].index : 0, m.value = a.length > 0 ? a[a.length - 1].index : 0, a;
+    return f.value = a.length > 0 ? a[0].index : 0, m.value = a.length > 0 ? a[a.length - 1].index : 0, a;
   }
   function _(F, y, O) {
     const h = y.groupField || "", { groupValue: g } = y;
@@ -4011,11 +4012,11 @@ function Rt(e, t, n, o, r, l, f, b) {
     const { dataView: a } = n, i = O[0].index, C = Math.min(i + o.value + r + 1, a.value.length - 1);
     return w(i, C);
   }
-  return { getVisualData: w, maxVisibleRowIndex: m, minVisibleRowIndex: d, toggleGroupRow: _ };
+  return { getVisualData: w, maxVisibleRowIndex: m, minVisibleRowIndex: f, toggleGroupRow: _ };
 }
 function Bt(e, t, n) {
   var w;
-  const o = T(e.mergeCell), l = ((w = T(e.rowOption).value) == null ? void 0 : w.wrapContent) || !1, { updateVisualInfomation: f } = n, { renderCommandColumn: b } = Po();
+  const o = T(e.mergeCell), l = ((w = T(e.rowOption).value) == null ? void 0 : w.wrapContent) || !1, { updateVisualInfomation: d } = n, { renderCommandColumn: b } = Po();
   function m(_, F, y, O, h, g = 1) {
     const a = {
       colSpan: g,
@@ -4027,7 +4028,7 @@ function Bt(e, t, n) {
       parent: h,
       mode: F,
       getEditor: (i) => i.data,
-      setRef: (i) => f(i, a, O),
+      setRef: (i) => d(i, a, O),
       update: () => {
       },
       accept: () => {
@@ -4037,8 +4038,8 @@ function Bt(e, t, n) {
     };
     return a;
   }
-  function d(_, F, y) {
-    return _.getEditor = (O) => t.getEditor(O, F, O.parent), _.setRef = (O) => l && f(O, _, y), _.update = (O) => {
+  function f(_, F, y) {
+    return _.getEditor = (O) => t.getEditor(O, F, O.parent), _.setRef = (O) => l && d(O, _, y), _.update = (O) => {
       O !== void 0 && (_.editingData = O);
     }, _.accept = () => {
       y[F.field] = _.editingData, _.data = y[F.field];
@@ -4065,20 +4066,20 @@ function Bt(e, t, n) {
   }
   function N(_, F, y, O, h) {
     const g = _.readonly ? pe.readonly : pe.editable, a = m(_.field, g, F, y, O);
-    return d(a, _, y), c(a, _), u(a, h, _), a;
+    return f(a, _, y), c(a, _), u(a, h, _), a;
   }
   return { createCellByColumn: N, createCellByField: m };
 }
 function Mt(e, t, n, o, r, l) {
   var y, O;
-  const f = T(e.rowOption), b = ((y = f.value) == null ? void 0 : y.height) || 28, m = ((O = f.value) == null ? void 0 : O.wrapContent) || !1, { idField: d } = o, { collapseField: c } = n, { updateRowPosition: s } = r, { createCellByColumn: u } = l;
+  const d = T(e.rowOption), b = ((y = d.value) == null ? void 0 : y.height) || 28, m = ((O = d.value) == null ? void 0 : O.wrapContent) || !1, { idField: f } = o, { collapseField: c } = n, { updateRowPosition: s } = r, { createCellByColumn: u } = l;
   function N(h, g, a, i, C, V) {
-    var ne;
+    var ne, ae;
     const {
       __fv_data_grid_group_field__: p,
       __fv_data_grid_group_value__: k,
       __fv_data_index__: E
-    } = a, S = a.__fv_data_grid_group_layer__ || a.__fv_parents__ ? (ne = a.__fv_parents__) == null ? void 0 : ne.size : 0, v = typeof a.parent == "number" ? Number(a.parent) : -1, x = a.__fv_data_grid_group_collapse__ || a[c.value], I = a.__fv_visible__ === void 0 ? !0 : a.__fv_visible__, $ = a.__fv_checked__, A = a.__fv_indeterminate__, D = i && i[d.value] === a.parent, R = i && i.parent === a.parent, L = D && C && (C.collapse || !C.visible) || R && C && !C.visible, X = {
+    } = a, S = a.__fv_data_grid_group_layer__ || a.__fv_parents__ ? (ne = a.__fv_parents__) == null ? void 0 : ne.size : 0, v = typeof a.parent == "number" ? Number(a.parent) : -1, x = a.__fv_data_grid_group_collapse__ || a[c.value], I = a.__fv_visible__ === void 0 ? !0 : a.__fv_visible__, $ = a.__fv_checked__, A = a.__fv_indeterminate__, D = i && i[f.value] === a.parent, R = i && i.parent === a.parent, L = D && C && (C.collapse || !C.visible) || R && C && !C.visible, X = {
       collapse: x,
       data: {},
       dataIndex: E,
@@ -4099,7 +4100,7 @@ function Mt(e, t, n, o, r, l) {
       visible: I && !L,
       status: ge.initial
     };
-    return i || (a.__fv_data_position__ = 0), m || (X.height = b, a.__fv_data_height__ = X.height, s(X, a)), X;
+    return i || (a.__fv_data_position__ = 0), m || (X.height = b, a.__fv_data_height__ = X.height, s(X, a)), (ae = d.value) != null && ae.customRowStatus && (d.value.customRowStatus(X), a.__fv_collapse__ = X.collapse, a.__fv_visible__ = X.visible), X;
   }
   function w(h, g, a, i, C, V) {
     const p = N(Ne.data, C, g, a, i, V);
@@ -4111,7 +4112,7 @@ function Mt(e, t, n, o, r, l) {
     return Object.assign(h, { index: g, dataIndex: a, top: i, pre: C });
   }
   function F(h, g, a, i, C, V) {
-    const p = h.__fv_data_index__, k = h[d.value], E = t.getEditingSnapshot(k);
+    const p = h.__fv_data_index__, k = h[f.value], E = t.getEditingSnapshot(k);
     return E === null ? w(V, h, g, a, i, C) : _(E, i, p, C, a);
   }
   return { createEmptyRow: N, createNewRowFromDataItem: w, renderDataRow: F };
@@ -4129,9 +4130,9 @@ function $t(e, t) {
   }, (a) => {
     r.value.editMode = a;
   });
-  const f = /* @__PURE__ */ new Map([["boolean", "check-box"], ["datetime", "date-picker"], ["number", "number-spinner"], ["string", "input-group"], ["text", "text"], ["commands", "commands-editor"]]);
+  const d = /* @__PURE__ */ new Map([["boolean", "check-box"], ["datetime", "date-picker"], ["number", "number-spinner"], ["string", "input-group"], ["text", "text"], ["commands", "commands-editor"]]);
   let b, m;
-  function d(a) {
+  function f(a) {
     return m && m.raw[n.value] === a ? m : null;
   }
   function c(a) {
@@ -4167,7 +4168,7 @@ function $t(e, t) {
   }
   function h(a, i, C) {
     const V = i.dataType, p = i.editor || {
-      type: f.get(V) || "input-group"
+      type: d.get(V) || "input-group"
     };
     return !l.value && p.type === "text" && (p.type = "input-group"), p ? M(Kr, {
       focusOnCreated: e.focusOnEditingCell,
@@ -4182,7 +4183,7 @@ function $t(e, t) {
     onEditingRow: F,
     acceptEditingRow: y,
     cancelEditingRow: O,
-    getEditingSnapshot: d,
+    getEditingSnapshot: f,
     getEditor: h
   };
 }
@@ -4199,14 +4200,14 @@ function Pt(e) {
 function jt(e, t, n, o) {
   const { idField: r } = o, {
     currentSelectedDataId: l,
-    multiSelectOnClickRow: f,
+    multiSelectOnClickRow: d,
     multiSelectOnClickRowWithShift: b,
     selectItem: m,
-    selectedValues: d,
+    selectedValues: f,
     toggleSelectItem: c
   } = n, s = T(0), u = T(-1);
   function N(a) {
-    return b.value ? d.value.includes(a.raw[r.value]) : a.raw[r.value] === l.value;
+    return b.value ? f.value.includes(a.raw[r.value]) : a.raw[r.value] === l.value;
   }
   function w(a) {
     var C;
@@ -4242,7 +4243,7 @@ function jt(e, t, n, o) {
     }, 250), s.value > 1 && (t.emit("DoubleClickRow", a.index, a.raw), console.log(`on double click row: ${a.index}`), s.value = 0);
   }
   function y(a, i) {
-    b.value && a.shiftKey || f.value ? c(i) : m(i), F(i), a.stopPropagation();
+    b.value && a.shiftKey || d.value ? c(i) : m(i), F(i), a.stopPropagation();
   }
   function O(a, i) {
     u.value = i.index;
@@ -4275,7 +4276,7 @@ function jt(e, t, n, o) {
   };
 }
 function At(e, t, n, o, r) {
-  const { idField: l } = n, f = T(""), b = T(e.selection.enableSelectRow ?? !0), m = T(e.selection.multiSelect ?? !1), d = T(e.selection.multiSelectMode), c = T(e.selection.showCheckbox), s = T(e.selection.showSelectAll), u = T(e.selectionValues);
+  const { idField: l } = n, d = T(""), b = T(e.selection.enableSelectRow ?? !0), m = T(e.selection.multiSelect ?? !1), f = T(e.selection.multiSelectMode), c = T(e.selection.showCheckbox), s = T(e.selection.showSelectAll), u = T(e.selectionValues);
   Z(() => e.selection.showSelectAll, (R, L) => {
     R !== L && (s.value = R);
   });
@@ -4288,9 +4289,9 @@ function At(e, t, n, o, r) {
   }
   B(() => b.value && !m.value);
   const _ = B(() => b.value && m.value), F = B(() => !!e.hierarchy), y = B(() => {
-    const R = c.value && d.value === "DependOnCheck";
+    const R = c.value && f.value === "DependOnCheck";
     return _.value && R;
-  }), O = B(() => _.value && !c.value), h = B(() => _.value && c.value && d.value === "OnCheckAndClick");
+  }), O = B(() => _.value && !c.value), h = B(() => _.value && c.value && f.value === "OnCheckAndClick");
   B(() => h.value);
   function g() {
     const R = t.getSelectionItems(u.value);
@@ -4308,7 +4309,7 @@ function At(e, t, n, o, r) {
   }), Z(() => e.selectionValues, (R) => {
     u.value = R, a();
   }, { immediate: !0 }), Z(() => e.selection, (R) => {
-    b.value = !!R.enableSelectRow, m.value = !!R.multiSelect, d.value = R.multiSelectMode || "DependOnCheck", c.value = !!R.showCheckbox;
+    b.value = !!R.enableSelectRow, m.value = !!R.multiSelect, f.value = R.multiSelectMode || "DependOnCheck", c.value = !!R.showCheckbox;
   });
   const i = B(() => !m.value);
   function C(R) {
@@ -4328,11 +4329,11 @@ function At(e, t, n, o, r) {
     const L = R.raw;
     L.__fv_checked__ = !0, L.__fv_indeterminate__ = !1;
     const X = new Set(u.value);
-    X.add(L[l.value]), u.value = Array.from(X.values()), R.checked = !0, R.indeterminate = !1, f.value = R.raw[l.value];
+    X.add(L[l.value]), u.value = Array.from(X.values()), R.checked = !0, R.indeterminate = !1, d.value = R.raw[l.value];
   }
   function E(R) {
     const L = R.raw;
-    L.__fv_checked__ = !1, L.__fv_indeterminate__ = !1, u.value = u.value.filter((X) => X !== L[l.value]), R.checked = !1, R.indeterminate = !1, f.value = "";
+    L.__fv_checked__ = !1, L.__fv_indeterminate__ = !1, u.value = u.value.filter((X) => X !== L[l.value]), R.checked = !1, R.indeterminate = !1, d.value = "";
   }
   function S(R) {
     const L = R.raw;
@@ -4342,7 +4343,7 @@ function At(e, t, n, o, r) {
     i.value && p(), R.checked ? E(R) : k(R), g();
   }
   function x(R) {
-    R.raw[l.value] !== f.value && (p(), k(R), g());
+    R.raw[l.value] !== d.value && (p(), k(R), g());
   }
   function I(R) {
     const L = o.value.find((X) => X.raw[l.value] === R);
@@ -4352,17 +4353,17 @@ function At(e, t, n, o, r) {
     o.value.forEach((R) => k(R)), g();
   }
   function A() {
-    u.value.splice(0, u.value.length), f.value = "", o.value.forEach((R) => {
+    u.value.splice(0, u.value.length), d.value = "", o.value.forEach((R) => {
       const L = R.raw;
       L.__fv_checked__ = !1, L.__fv_indeterminate__ = !1, R.checked = !1, R.indeterminate = !1;
     }), g();
   }
   function D() {
-    return o.value.find((R) => R.raw[l.value] === f.value);
+    return o.value.find((R) => R.raw[l.value] === d.value);
   }
   return {
     clearSelection: p,
-    currentSelectedDataId: f,
+    currentSelectedDataId: d,
     enableMultiSelect: m,
     enableSelectRow: b,
     findIndexInSelectedItems: V,
@@ -4370,7 +4371,7 @@ function At(e, t, n, o, r) {
     getSelectionRow: D,
     indeterminate: S,
     isSelectingHirarchyItem: F,
-    multiSelectMode: d,
+    multiSelectMode: f,
     multiSelectOnClickRow: h,
     multiSelectOnClickRowWithShift: O,
     multiSelectOnlyOnCheck: y,
@@ -4387,14 +4388,14 @@ function At(e, t, n, o, r) {
   };
 }
 function Dt(e) {
-  var b, m, d, c;
+  var b, m, f, c;
   const t = B(() => {
     var s;
     return (s = e.pagination) == null ? void 0 : s.enable;
-  }), n = T(((b = e.pagination) == null ? void 0 : b.index) || 1), o = T((m = e.pagination) == null ? void 0 : m.size), r = T((d = e.pagination) == null ? void 0 : d.sizeLimits), l = B(() => {
+  }), n = T(((b = e.pagination) == null ? void 0 : b.index) || 1), o = T((m = e.pagination) == null ? void 0 : m.size), r = T((f = e.pagination) == null ? void 0 : f.sizeLimits), l = B(() => {
     var s;
     return ((s = e.pagination) == null ? void 0 : s.total) || e.data.length;
-  }), f = T((c = e.pagination) == null ? void 0 : c.mode);
+  }), d = T((c = e.pagination) == null ? void 0 : c.mode);
   return Z(() => {
     var s;
     return (s = e.pagination) == null ? void 0 : s.sizeLimits;
@@ -4409,14 +4410,14 @@ function Dt(e) {
     pageList: r,
     total: l,
     shouldRenderPagination: t,
-    mode: f
+    mode: d
   };
 }
 function pa(e) {
-  const t = "parent", n = "layer", o = "hasChildren", r = (l, f = 1, b = [], m = null) => (l = l || [], l.reduce((d, c) => (c.id = c.id || c.data[e.idField], c.data[t] = m, c.data[n] = f, c.data[o] = !1, d.push(c.data), c.children && c.children.length && (c.data[o] = !0, r(c.children, f + 1, b, c.id)), d), b), b);
+  const t = "parent", n = "layer", o = "hasChildren", r = (l, d = 1, b = [], m = null) => (l = l || [], l.reduce((f, c) => (c.id = c.id || c.data[e.idField], c.data[t] = m, c.data[n] = d, c.data[o] = !1, f.push(c.data), c.children && c.children.length && (c.data[o] = !0, r(c.children, d + 1, b, c.id)), f), b), b);
   return { flatTreeData: r };
 }
-function Ht(e, t, n, o, r, l, f, b, m, d, c, s, u) {
+function Ht(e, t, n, o, r, l, d, b, m, f, c, s, u) {
   const {
     calculateCellPositionInRow: N
   } = o, {
@@ -4425,7 +4426,7 @@ function Ht(e, t, n, o, r, l, f, b, m, d, c, s, u) {
     gridDataStyle: _
   } = u, {
     renderDataRow: F
-  } = $o(e, t, w, n, l, f, b, m, d, c);
+  } = $o(e, t, w, n, l, d, b, m, f, c);
   function y() {
     const h = N(w.value.primaryColumns);
     return n.value.filter((g) => g.visible !== !1).map((g) => F(g, h));
@@ -4445,7 +4446,7 @@ const He = /* @__PURE__ */ ye({
   props: tt,
   emits: ["outputValue", "currentEvent", "selectionChange"],
   setup(e, t) {
-    const n = T(), o = T(!1), r = T([]), l = Pt(e), f = Nt(e), b = Dt(e), m = It(e, /* @__PURE__ */ new Map(), f, l, b), d = At(e, m, l, r, t), c = Vt(e, r, l, d, t), s = B(() => ({
+    const n = T(), o = T(!1), r = T([]), l = Pt(e), d = Nt(e), b = Dt(e), m = It(e, /* @__PURE__ */ new Map(), d, l, b), f = At(e, m, l, r, t), c = Vt(e, r, l, f, t), s = B(() => ({
       "fv-tree": !0
     })), u = B(() => ({
       "fv-tree-content": !0
@@ -4462,15 +4463,15 @@ const He = /* @__PURE__ */ ye({
     }
     const y = T(e.columns), O = vt(e), {
       columnContext: h
-    } = O, g = 0, a = 100, i = B(() => Math.min(m.dataView.value.length, a)), C = $t(e, l), V = ot(), p = Bt(e, {}, V), k = Mt(e, C, f, l, V, p), E = Rt(e, y, m, i, g, k), {
+    } = O, g = 0, a = 100, i = B(() => Math.min(m.dataView.value.length, a)), C = $t(e, l), V = ot(), p = Bt(e, {}, V), k = Mt(e, C, d, l, V, p), E = Rt(e, y, m, i, g, k), {
       getVisualData: S
     } = E, v = nt(e, h);
     r.value = S(0, i.value + g - 1);
-    const x = jt(e, t, d, l), I = Et(e, m, r, h, E, i, g, T(0)), {
+    const x = jt(e, t, f, l), I = Et(e, m, r, h, E, i, g, T(0)), {
       renderTreeArea: $
-    } = Ht(e, t, r, v, O, m, C, f, x, d, c, E, I);
+    } = Ht(e, t, r, v, O, m, C, d, x, f, c, E, I);
     function A() {
-      const j = d.getSelectionRow();
+      const j = f.getSelectionRow();
       return j ? j.dataIndex - 1 : -1;
     }
     function D() {
@@ -4483,27 +4484,27 @@ const He = /* @__PURE__ */ ye({
     }
     function L() {
       const j = A(), H = c.getNextSelectableHierarchyItemId(j);
-      m.removeHierarchyDataItem(j), r.value = S(0, i.value + g - 1), H && d.selectItemById(H);
+      m.removeHierarchyDataItem(j), r.value = S(0, i.value + g - 1), H && f.selectItemById(H);
     }
     function X(j, H) {
       m.editDataItem(j, H), r.value = S(0, i.value + g - 1);
     }
     function ne() {
     }
-    function ie() {
+    function ae() {
     }
-    function le(j) {
+    function ie(j) {
       if (j > -1) {
         const H = r.value[j];
-        H && d.selectItem(H);
+        H && f.selectItem(H);
       }
     }
     function be(j) {
       if (j) {
-        const H = d.getSelectionRow();
+        const H = f.getSelectionRow();
         if (m.load(j), r.value = S(0, i.value + g - 1), H && H.raw && H.raw.originalId) {
           const te = j.findIndex((ee) => ee.originalId === H.raw.originalId);
-          te > -1 && le(te);
+          te > -1 && ie(te);
         }
       }
     }
@@ -4513,14 +4514,14 @@ const He = /* @__PURE__ */ ye({
       removeDataItem: L,
       editDataItem: X,
       acceptDataItem: ne,
-      cancelDataItem: ie,
-      selectItem: le,
+      cancelDataItem: ae,
+      selectItem: ie,
       updateDataSource: be
     }), Z(() => [e.data], ([j]) => {
-      const H = d.getSelectionRow();
+      const H = f.getSelectionRow();
       if (m.load(j), r.value = S(0, i.value + g - 1), H && H.raw && H.raw.originalId) {
         const te = j.findIndex((ee) => ee.originalId === H.raw.originalId);
-        te > -1 && le(te);
+        te > -1 && ie(te);
       }
     }), () => M("div", {
       class: s.value,
@@ -4544,7 +4545,7 @@ const He = /* @__PURE__ */ ye({
   setup(e, t) {
     const n = T(), o = en("design-item-context"), r = wr(n, o);
     T(e.idField);
-    const l = T(), f = T(!1), b = T([]), m = Nt(e), d = Pt(e), c = Dt(e), s = It(e, /* @__PURE__ */ new Map(), m, d, c), u = At(e, s, d, b, t), N = Vt(e, b, d, u, t), w = B(() => ({
+    const l = T(), d = T(!1), b = T([]), m = Nt(e), f = Pt(e), c = Dt(e), s = It(e, /* @__PURE__ */ new Map(), m, f, c), u = At(e, s, f, b, t), N = Vt(e, b, f, u, t), w = B(() => ({
       "fv-tree": !0
     })), _ = B(() => ({
       "fv-tree-content": !0
@@ -4561,11 +4562,11 @@ const He = /* @__PURE__ */ ye({
     }
     const g = T(e.columns), a = vt(e), {
       columnContext: i
-    } = a, C = 0, V = B(() => s.dataView.value.length), p = $t(e, d), k = ot(), E = Bt(e, {}, k), S = Mt(e, p, m, d, k, E), v = Rt(e, g, s, V, C, S), {
+    } = a, C = 0, V = B(() => s.dataView.value.length), p = $t(e, f), k = ot(), E = Bt(e, {}, k), S = Mt(e, p, m, f, k, E), v = Rt(e, g, s, V, C, S), {
       getVisualData: x
     } = v, I = nt(e, i);
     b.value = x(0, V.value + C - 1);
-    const $ = jt(e, t, u, d), A = Et(e, s, b, i, v, V, C, T(0)), {
+    const $ = jt(e, t, u, f), A = Et(e, s, b, i, v, V, C, T(0)), {
       renderTreeArea: D
     } = Ht(e, t, b, I, a, s, p, m, $, u, N, v, A);
     return t.expose(r.value), () => M("div", {
@@ -4576,10 +4577,10 @@ const He = /* @__PURE__ */ ye({
       ref: l,
       class: _.value,
       onMouseover: () => {
-        f.value = !0;
+        d.value = !0;
       },
       onMouseleave: () => {
-        f.value = !1;
+        d.value = !1;
       }
     }, [D(), O(), h()])]);
   }