@farris/ui-vue 1.0.0 → 1.0.2

package/combo-list/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as a, computed as B, watch as W, defineComponent as G, createVNode as p, withDirectives as Q, vModelCheckbox as Me, Fragment as re, withModifiers as Fe, vModelText as Oe, Teleport as de, createApp as Ve, onUnmounted as fe, nextTick as K, vShow as ve, onMounted as ne, mergeProps as Le, inject as De } from "vue";
+import { ref as a, computed as B, watch as W, defineComponent as G, createVNode as v, withDirectives as Q, vModelCheckbox as Me, Fragment as re, withModifiers as Fe, vModelText as Oe, Teleport as de, createApp as Le, onUnmounted as fe, nextTick as K, vShow as ve, onMounted as ne, mergeProps as Ve, inject as De } from "vue";
 const pe = {};
 function oe(e) {
   const { properties: t } = e;
@@ -15,11 +15,11 @@ function Re(e, t) {
 function Ae(e, t) {
   return Object.keys(e).filter((l) => e[l] != null).reduce((l, n) => {
     if (t.has(n)) {
-      const i = t.get(n);
-      if (typeof i == "string")
-        l[i] = e[n];
+      const s = t.get(n);
+      if (typeof s == "string")
+        l[s] = e[n];
       else {
-        const u = i(n, e[n]);
+        const u = s(n, e[n]);
         Object.assign(l, u);
       }
     } else
@@ -33,8 +33,8 @@ function Ee(e, t, o = /* @__PURE__ */ new Map()) {
 }
 function ge(e, t, o = /* @__PURE__ */ new Map()) {
   return pe[t.title] = t, (l) => {
-    const n = Ee(l, t, o), i = Object.keys(e).reduce((u, c) => (u[c] = e[c].default, u), {});
-    return Object.assign(i, n);
+    const n = Ee(l, t, o), s = Object.keys(e).reduce((u, r) => (u[r] = e[r].default, u), {});
+    return Object.assign(s, n);
   };
 }
 function me(e, t) {
@@ -287,7 +287,8 @@ const ae = {
   selectedValues: { type: String, default: "" },
   separator: { type: String, default: "," },
   textField: { type: String, default: "name" },
-  width: { type: Number, default: 300 },
+  width: { type: Number },
+  height: { type: Number },
   valueField: { type: String, default: "id" }
 }, Qe = {
   data: { type: Array, default: [] },
@@ -308,99 +309,99 @@ const ae = {
   disableField: { type: String, default: "disabled" }
 };
 function Ye(e, t, o, l, n) {
-  const i = a(e.idField), u = a(e.disableField), c = a(e.draggable), h = a(e.itemClass), s = a(e.multiSelect), f = a(e.multiSelectMode);
+  const s = a(e.idField), u = a(e.disableField), r = a(e.draggable), y = a(e.itemClass), d = a(e.multiSelect), f = a(e.multiSelectMode);
   a(!0);
-  const { isDragging: r } = o, { activeIndex: d, focusedItemId: b, hoverIndex: m } = l, { clearSelection: v, selectedItems: P, toggleSelectItem: F } = n;
-  function x(C, j) {
-    const V = {
+  const { isDragging: i } = o, { activeIndex: c, focusedItemId: m, hoverIndex: p } = l, { clearSelection: b, selectedItems: M, toggleSelectItem: P } = n;
+  function S(C, j) {
+    const L = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": c.value,
+      "f-list-view-draggable-item": r.value,
       "f-un-click": !!C.unClick,
       "f-un-select": !!C[u.value],
-      "f-listview-active": C.__fv_index__ === d.value,
-      "f-listview-hover": !r.value && j === m.value,
+      "f-listview-active": C.__fv_index__ === c.value,
+      "f-listview-hover": !i.value && j === p.value,
       moving: !!C.moving
     };
-    return h.value.split(" ").reduce((z, D) => (z[D] = !0, z), V), V;
+    return y.value.split(" ").reduce((z, D) => (z[D] = !0, z), L), L;
   }
-  function y(C, j) {
-    return C[i.value] || "";
+  function h(C, j) {
+    return C[s.value] || "";
   }
-  const S = B(() => !s.value);
-  function I(C, j) {
-    C.unClick || C[u.value] || (S.value && (b.value = C[i.value]), F(C, j));
+  const T = B(() => !d.value);
+  function k(C, j) {
+    C.unClick || C[u.value] || (T.value && (m.value = C[s.value]), P(C, j));
   }
-  const k = B(() => s.value && f.value === "OnCheckClearByClick"), E = B(() => !s.value || s.value && (f.value === "OnCheckAndClick" || f.value === "OnClick"));
-  function L(C, j, V) {
+  const x = B(() => d.value && f.value === "OnCheckClearByClick"), E = B(() => !d.value || d.value && (f.value === "OnCheckAndClick" || f.value === "OnClick"));
+  function V(C, j, L) {
     if (j.unClick || j[u.value]) {
       C.preventDefault(), C.stopPropagation();
       return;
     }
-    b.value = j[i.value], d.value = V, k.value && v(), E.value && F(j, V), t.emit("clickItem", { data: P.value, index: V });
+    m.value = j[s.value], c.value = L, x.value && b(), E.value && P(j, L), t.emit("clickItem", { data: M.value, index: L });
   }
   return {
-    getKey: y,
-    listViewItemClass: x,
-    onCheckItem: I,
-    onClickItem: L
+    getKey: h,
+    listViewItemClass: S,
+    onCheckItem: k,
+    onClickItem: V
   };
 }
 function Ze(e, t, o) {
   const l = a(e.idField), n = a(e.multiSelect);
   a(e.multiSelectMode);
-  const { getSelectionItems: i } = o, u = a(i(e.selectionValues));
-  W(() => e.selectionValues, (d) => {
-    u.value = a(i(d)).value;
+  const { getSelectionItems: s } = o, u = a(s(e.selectionValues));
+  W(() => e.selectionValues, (c) => {
+    u.value = a(s(c)).value;
   });
-  const c = B(() => !n.value);
-  function h(d) {
-    return d[l.value] || "";
+  const r = B(() => !n.value);
+  function y(c) {
+    return c[l.value] || "";
   }
-  function s(d) {
-    return u.value.findIndex((m) => h(m) === h(d));
+  function d(c) {
+    return u.value.findIndex((p) => y(p) === y(c));
   }
   function f() {
-    u.value.forEach((d) => {
-      d.checked = !1;
+    u.value.forEach((c) => {
+      c.checked = !1;
     }), u.value = [];
   }
-  function r(d, b) {
-    c.value && f();
-    const m = s(d);
-    m > -1 ? (u.value.splice(m, 1), d.checked = !1) : (u.value.push(d), d.checked = !0), t.emit("selectionChange", u.value);
+  function i(c, m) {
+    r.value && f();
+    const p = d(c);
+    p > -1 ? (u.value.splice(p, 1), c.checked = !1) : (u.value.push(c), c.checked = !0), t.emit("selectionChange", u.value);
   }
-  return { clearSelection: f, findIndexInSelectedItems: s, selectedItems: u, toggleSelectItem: r };
+  return { clearSelection: f, findIndexInSelectedItems: d, selectedItems: u, toggleSelectItem: i };
 }
 function et(e, t) {
-  function o(i) {
+  function o(s) {
     const u = [];
-    let c = i.nextNode();
-    for (; c; )
-      u.push(c), c = i.nextNode();
+    let r = s.nextNode();
+    for (; r; )
+      u.push(r), r = s.nextNode();
     return u;
   }
-  function l(i, u) {
-    const c = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
-    return o(c).map((r) => ({ textNode: r, text: (r.textContent || "").toLocaleLowerCase() })).map(({ textNode: r, text: d }) => {
-      const b = [];
-      let m = 0;
-      for (; m < d.length; ) {
-        const v = d.indexOf(u, m);
-        if (v === -1)
+  function l(s, u) {
+    const r = document.createTreeWalker(s, NodeFilter.SHOW_TEXT);
+    return o(r).map((i) => ({ textNode: i, text: (i.textContent || "").toLocaleLowerCase() })).map(({ textNode: i, text: c }) => {
+      const m = [];
+      let p = 0;
+      for (; p < c.length; ) {
+        const b = c.indexOf(u, p);
+        if (b === -1)
           break;
-        b.push(v), m = v + u.length;
+        m.push(b), p = b + u.length;
       }
-      return b.map((v) => {
-        const P = new Range();
-        return P.setStart(r, v), P.setEnd(r, v + u.length), P;
+      return m.map((b) => {
+        const M = new Range();
+        return M.setStart(i, b), M.setEnd(i, b + u.length), M;
       });
     }).flat();
   }
-  function n(i) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !i || !t))
+  function n(s) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !s || !t))
       return;
-    const u = l(t.value, i.toLocaleLowerCase()), c = new Highlight(...u);
-    CSS.highlights.set("search-result", c);
+    const u = l(t.value, s.toLocaleLowerCase()), r = new Highlight(...u);
+    CSS.highlights.set("search-result", r);
   }
   return { search: n };
 }
@@ -418,7 +419,7 @@ const tt = {
   emits: ["change", "update:modelValue"],
   setup(e, t) {
     const o = a(e.checked), l = a(e.disabled), n = a(e.id);
-    function i(u) {
+    function s(u) {
       u.stopPropagation(), u.preventDefault(), l.value || (o.value = !o.value, t.emit("change", {
         originalEvent: u,
         checked: o.value
@@ -426,170 +427,170 @@ const tt = {
     }
     return W(() => e.checked, (u) => {
       o.value = u;
-    }), () => p("div", {
+    }), () => v("div", {
       class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
-    }, [Q(p("input", {
+    }, [Q(v("input", {
       id: n.value,
       title: n.value,
       type: "checkbox",
       class: "custom-control-input",
       "onUpdate:modelValue": (u) => o.value = u,
       onChange: (u) => console.log(u)
-    }, null), [[Me, o.value]]), p("label", {
+    }, null), [[Me, o.value]]), v("label", {
       for: n.value,
       class: "custom-control-label",
-      onClick: (u) => i(u)
+      onClick: (u) => s(u)
     }, null)]);
   }
 });
-function se(e, t, o, l, n, i, u, c) {
-  const h = a(e.size), s = a(e.textField), f = a(e.multiSelect), r = a(e.disableField), {
-    onMouseenterItem: d,
-    onMouseoverItem: b,
-    onMouseoutItem: m
+function se(e, t, o, l, n, s, u, r) {
+  const y = a(e.size), d = a(e.textField), f = a(e.multiSelect), i = a(e.disableField), {
+    onMouseenterItem: c,
+    onMouseoverItem: m,
+    onMouseoutItem: p
   } = n, {
-    getKey: v,
-    listViewItemClass: P,
-    onCheckItem: F,
-    onClickItem: x
-  } = i, y = B(() => ({
-    margin: h.value === "small" ? "0.25rem 0" : "10px 0"
+    getKey: b,
+    listViewItemClass: M,
+    onCheckItem: P,
+    onClickItem: S
+  } = s, h = B(() => ({
+    margin: y.value === "small" ? "0.25rem 0" : "10px 0"
   }));
-  function S(I, k, E) {
-    return I.checked = u.findIndexInSelectedItems(I) > -1, p("li", {
-      class: P(I, k),
-      id: v(I, k),
-      key: v(I, k),
-      onClick: (L) => x(L, I, k),
-      onMouseenter: (L) => d(L, I, k),
-      onMouseover: (L) => b(L, I, k),
-      onMouseout: (L) => m(L, I, k)
-    }, [f.value && p("div", {
+  function T(k, x, E) {
+    return k.checked = u.findIndexInSelectedItems(k) > -1, v("li", {
+      class: M(k, x),
+      id: b(k, x),
+      key: b(k, x),
+      onClick: (V) => S(V, k, x),
+      onMouseenter: (V) => c(V, k, x),
+      onMouseover: (V) => m(V, k, x),
+      onMouseout: (V) => p(V, k, x)
+    }, [f.value && v("div", {
       class: "f-list-select",
-      onClick: (L) => L.stopPropagation()
-    }, [p(le, {
-      id: "list-" + v(I, k),
-      disabled: I[r.value] || I.unClick,
-      checked: I.checked,
-      onChange: (L) => F(I, k)
-    }, null)]), p("div", {
+      onClick: (V) => V.stopPropagation()
+    }, [v(le, {
+      id: "list-" + b(k, x),
+      disabled: k[i.value] || k.unClick,
+      checked: k.checked,
+      onChange: (V) => P(k, x)
+    }, null)]), v("div", {
       class: "f-list-content"
-    }, [p("div", {
-      style: y.value
-    }, [I[s.value]])])]);
+    }, [v("div", {
+      style: h.value
+    }, [k[d.value]])])]);
   }
   return {
-    renderItem: S
+    renderItem: T
   };
 }
-function nt(e, t, o, l, n, i, u, c) {
-  const h = a(e.multiSelect), s = a(e.disableField), {
+function nt(e, t, o, l, n, s, u, r) {
+  const y = a(e.multiSelect), d = a(e.disableField), {
     onMouseenterItem: f,
-    onMouseoverItem: r,
-    onMouseoutItem: d
+    onMouseoverItem: i,
+    onMouseoutItem: c
   } = n, {
-    getKey: b,
-    listViewItemClass: m,
-    onCheckItem: v,
-    onClickItem: P
-  } = i;
-  function F(y, S, I) {
-    return t.slots.content ? p(re, null, [t.slots.content && t.slots.content({
-      item: y,
-      index: S,
-      selectedItem: I
-    })]) : p("div", {
+    getKey: m,
+    listViewItemClass: p,
+    onCheckItem: b,
+    onClickItem: M
+  } = s;
+  function P(h, T, k) {
+    return t.slots.content ? v(re, null, [t.slots.content && t.slots.content({
+      item: h,
+      index: T,
+      selectedItem: k
+    })]) : v("div", {
       style: "margin: 10px 0;"
-    }, [y.name]);
-  }
-  function x(y, S, I) {
-    return p("li", {
-      class: m(y, S),
-      id: b(y, S),
-      key: b(y, S),
-      onClick: (k) => P(k, y, S),
-      onMouseenter: (k) => f(k, y, S),
-      onMouseover: (k) => r(k, y, S),
-      onMouseout: (k) => d(k, y, S)
-    }, [h.value && p("div", {
+    }, [h.name]);
+  }
+  function S(h, T, k) {
+    return v("li", {
+      class: p(h, T),
+      id: m(h, T),
+      key: m(h, T),
+      onClick: (x) => M(x, h, T),
+      onMouseenter: (x) => f(x, h, T),
+      onMouseover: (x) => i(x, h, T),
+      onMouseout: (x) => c(x, h, T)
+    }, [y.value && v("div", {
       class: "f-list-select",
-      onClick: (k) => k.stopPropagation()
-    }, [p(le, {
-      id: "list-" + b(y, S),
-      disabled: y[s.value] || y.unClick,
-      checked: y.checked,
-      onChange: (k) => v(y, S)
-    }, null)]), p("div", {
+      onClick: (x) => x.stopPropagation()
+    }, [v(le, {
+      id: "list-" + m(h, T),
+      disabled: h[d.value] || h.unClick,
+      checked: h.checked,
+      onChange: (x) => b(h, T)
+    }, null)]), v("div", {
       class: "f-list-content"
-    }, [F(y, S, I)])]);
+    }, [P(h, T, k)])]);
   }
   return {
-    renderItem: x
+    renderItem: S
   };
 }
-function ot(e, t, o, l, n, i, u, c) {
-  const h = a(e.multiSelect), s = a(e.disableField), {
+function ot(e, t, o, l, n, s, u, r) {
+  const y = a(e.multiSelect), d = a(e.disableField), {
     onMouseenterItem: f,
-    onMouseoverItem: r,
-    onMouseoutItem: d
+    onMouseoverItem: i,
+    onMouseoutItem: c
   } = n, {
-    getKey: b,
-    listViewItemClass: m,
-    onCheckItem: v,
-    onClickItem: P
-  } = i, {
-    dragstart: F,
-    dragenter: x,
-    dragover: y,
-    dragend: S
+    getKey: m,
+    listViewItemClass: p,
+    onCheckItem: b,
+    onClickItem: M
+  } = s, {
+    dragstart: P,
+    dragenter: S,
+    dragover: h,
+    dragend: T
   } = l, {
-    removeItem: I
-  } = c, k = B(() => ({
-    margin: h.value ? "10px 0" : "10px 0px 10px 14px"
+    removeItem: k
+  } = r, x = B(() => ({
+    margin: y.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function E(V) {
-    return p("div", {
-      style: k.value
-    }, [V.name]);
+  function E(L) {
+    return v("div", {
+      style: x.value
+    }, [L.name]);
   }
-  function L() {
+  function V() {
     return t.slots.itemContent ? t.slots.itemContent : E;
   }
-  const C = L();
-  function j(V, R, z) {
-    return p("li", {
-      class: m(V, R),
-      id: b(V, R),
-      key: b(V, R),
-      onClick: (D) => P(D, V, R),
-      onMouseenter: (D) => f(D, V, R),
-      onMouseover: (D) => r(D, V, R),
-      onMouseout: (D) => d(D, V, R),
+  const C = V();
+  function j(L, R, z) {
+    return v("li", {
+      class: p(L, R),
+      id: m(L, R),
+      key: m(L, R),
+      onClick: (D) => M(D, L, R),
+      onMouseenter: (D) => f(D, L, R),
+      onMouseover: (D) => i(D, L, R),
+      onMouseout: (D) => c(D, L, R),
       draggable: "true",
-      onDragstart: (D) => F(D, V, R),
-      onDragenter: (D) => x(D, R),
-      onDragend: (D) => S(D, V),
-      onDragover: (D) => y(D, R)
-    }, [h.value && p("div", {
+      onDragstart: (D) => P(D, L, R),
+      onDragenter: (D) => S(D, R),
+      onDragend: (D) => T(D, L),
+      onDragover: (D) => h(D, R)
+    }, [y.value && v("div", {
       class: "f-list-select",
       onClick: (D) => D.stopPropagation()
-    }, [p(le, {
-      id: "list-" + b(V, R),
-      disabled: V[s.value] || V.unClick,
-      checked: V.checked,
-      onChange: (D) => v(V, R)
-    }, null)]), p("div", {
+    }, [v(le, {
+      id: "list-" + m(L, R),
+      disabled: L[d.value] || L.unClick,
+      checked: L.checked,
+      onChange: (D) => b(L, R)
+    }, null)]), v("div", {
       class: "f-list-content"
-    }, [C(V)]), p("div", {
+    }, [C(L)]), v("div", {
       class: "f-list-remove",
-      onClick: (D) => I(R)
-    }, [p("div", {
+      onClick: (D) => k(R)
+    }, [v("div", {
       class: "f-list-remove-icon"
-    }, [p("i", {
+    }, [v("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), p("div", {
+    }, null)])]), v("div", {
       class: "f-list-handle"
-    }, [p("div", null, [p("i", {
+    }, [v("div", null, [v("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
@@ -599,7 +600,7 @@ function ot(e, t, o, l, n, i, u, c) {
 }
 function at(e, t, o) {
   function l() {
-    return t.slots.header && p("div", {
+    return t.slots.header && v("div", {
       class: "f-list-view-header"
     }, [t.slots.header()]);
   }
@@ -608,121 +609,121 @@ function at(e, t, o) {
   };
 }
 function ce(e, t, o) {
-  const l = a(e.headerClass), n = a(e.placeholder), i = a(""), u = B(() => !i.value), c = B(() => !!i.value);
-  function h(d) {
-    i.value = "";
+  const l = a(e.headerClass), n = a(e.placeholder), s = a(""), u = B(() => !s.value), r = B(() => !!s.value);
+  function y(c) {
+    s.value = "";
   }
-  W(i, (d) => {
-    o.search(d);
+  W(s, (c) => {
+    o.search(c);
   });
-  const s = B(() => {
-    const d = {
+  const d = B(() => {
+    const c = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return l.value && l.value.split(" ").reduce((m, v) => (m[v] = !0, m), d), d;
+    return l.value && l.value.split(" ").reduce((p, b) => (p[b] = !0, p), c), c;
   });
-  function f(d) {
+  function f(c) {
   }
-  function r() {
-    return p("div", {
+  function i() {
+    return v("div", {
       class: "f-list-view-header",
       onClick: Fe(f, ["prevent", "stop"])
-    }, [p("div", {
-      class: s.value
-    }, [p("div", {
+    }, [v("div", {
+      class: d.value
+    }, [v("div", {
       class: "farris-input-wrap"
-    }, [p("div", {
+    }, [v("div", {
       class: "f-cmp-inputgroup"
-    }, [p("div", {
+    }, [v("div", {
       class: "input-group f-state-editable"
-    }, [Q(p("input", {
+    }, [Q(v("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (d) => i.value = d,
+      "onUpdate:modelValue": (c) => s.value = c,
       name: "input-group-value",
       type: "text",
       placeholder: n.value,
       autocomplete: "off"
-    }, null), [[Oe, i.value]]), p("div", {
+    }, null), [[Oe, s.value]]), v("div", {
       class: "input-group-append"
-    }, [c.value && p("span", {
+    }, [r.value && v("span", {
       class: "input-group-text input-group-clear",
-      onClick: (d) => h()
-    }, [p("i", {
+      onClick: (c) => y()
+    }, [v("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && p("span", {
+    }, null)]), u.value && v("span", {
       class: "input-group-text"
-    }, [p("span", {
+    }, [v("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: r
+    renderHeader: i
   };
 }
 function lt(e, t) {
-  const o = a(e.idField), l = a(e.data), n = a(e.data), i = a(e.keepOrder);
+  const o = a(e.idField), l = a(e.data), n = a(e.data), s = a(e.keepOrder);
   function u() {
-    const s = l.value.map((f, r) => typeof f != "object" ? { __fv_index__: r, name: f } : (f.__fv_index__ = r, f));
-    return n.value = s, s;
+    const d = l.value.map((f, i) => typeof f != "object" ? { __fv_index__: i, name: f } : (f.__fv_index__ = i, f));
+    return n.value = d, d;
   }
-  const c = a(u());
+  const r = a(u());
   W(
     () => e.data,
-    (s) => {
-      if (i.value) {
-        const f = s.reduce((m, v) => (m.set(v.id, !0), m), /* @__PURE__ */ new Map()), r = l.value.reduce((m, v) => (m.set(v.id, !0), m), /* @__PURE__ */ new Map()), d = c.value.filter((m) => f.has(m.id)), b = s.filter((m) => !r.has(m.id));
-        l.value = [...d, ...b];
+    (d) => {
+      if (s.value) {
+        const f = d.reduce((p, b) => (p.set(b.id, !0), p), /* @__PURE__ */ new Map()), i = l.value.reduce((p, b) => (p.set(b.id, !0), p), /* @__PURE__ */ new Map()), c = r.value.filter((p) => f.has(p.id)), m = d.filter((p) => !i.has(p.id));
+        l.value = [...c, ...m];
       } else
-        l.value = s;
-      c.value = u();
+        l.value = d;
+      r.value = u();
     }
   );
-  function h(s) {
-    return s.map((r) => {
-      const d = n.value.findIndex((b) => b[o.value] === r);
-      return d > -1 ? n.value[d] : null;
-    }).filter((r) => r != null);
+  function y(d) {
+    return d.map((i) => {
+      const c = n.value.findIndex((m) => m[o.value] === i);
+      return c > -1 ? n.value[c] : null;
+    }).filter((i) => i != null);
   }
   return {
-    dataView: c,
-    getSelectionItems: h
+    dataView: r,
+    getSelectionItems: y
   };
 }
 function ut(e, t, o, l) {
-  const n = a(e.idField), { dataView: i } = o, u = a(-1), c = a(!1), { activeIndex: h, focusedItemId: s, hoverIndex: f, resumeHover: r, suspendHover: d } = l;
-  function b(F, x, y) {
-    F.stopPropagation(), d(), x && setTimeout(() => {
-      u.value = y, c.value = !0, x.moving = !0;
+  const n = a(e.idField), { dataView: s } = o, u = a(-1), r = a(!1), { activeIndex: y, focusedItemId: d, hoverIndex: f, resumeHover: i, suspendHover: c } = l;
+  function m(P, S, h) {
+    P.stopPropagation(), c(), S && setTimeout(() => {
+      u.value = h, r.value = !0, S.moving = !0;
     });
   }
-  function m(F, x) {
-    if (F.preventDefault(), u.value !== x) {
-      const y = i.value[u.value], S = i.value;
-      S.splice(u.value, 1), S.splice(x, 0, y), u.value = x;
+  function p(P, S) {
+    if (P.preventDefault(), u.value !== S) {
+      const h = s.value[u.value], T = s.value;
+      T.splice(u.value, 1), T.splice(S, 0, h), u.value = S;
     }
   }
-  function v(F, x) {
-    F.preventDefault(), F.dataTransfer && (F.dataTransfer.dropEffect = "move");
+  function b(P, S) {
+    P.preventDefault(), P.dataTransfer && (P.dataTransfer.dropEffect = "move");
   }
-  function P(F, x) {
-    x && (x.moving = !1), i.value.forEach((y, S) => {
-      y.__fv_index__ = S;
-    }), c.value = !1, r(), f.value = x.__fv_index__, h.value = x.__fv_index__, s.value = x[n.value], t.emit("change", i.value);
+  function M(P, S) {
+    S && (S.moving = !1), s.value.forEach((h, T) => {
+      h.__fv_index__ = T;
+    }), r.value = !1, i(), f.value = S.__fv_index__, y.value = S.__fv_index__, d.value = S[n.value], t.emit("change", s.value);
   }
   return {
-    dragstart: b,
-    dragenter: m,
-    dragover: v,
-    dragend: P,
-    isDragging: c
+    dragstart: m,
+    dragenter: p,
+    dragover: b,
+    dragend: M,
+    isDragging: r
   };
 }
 function it(e, t, o) {
   const { dataView: l } = o;
-  function n(i) {
-    if (i > -1 && i < l.value.length) {
-      const u = l.value.splice(i, 1);
+  function n(s) {
+    if (s > -1 && s < l.value.length) {
+      const u = l.value.splice(s, 1);
       t.emit("removeItem", u[0]);
     }
   }
@@ -730,19 +731,19 @@ function it(e, t, o) {
 }
 function st() {
   const e = a(-1), t = a(""), o = a(-1), l = a(!1);
-  function n(s, f, r) {
-    o.value = r;
+  function n(d, f, i) {
+    o.value = i;
   }
-  function i(s, f, r) {
-    l.value || (o.value = r);
+  function s(d, f, i) {
+    l.value || (o.value = i);
   }
-  function u(s, f, r) {
+  function u(d, f, i) {
     o.value = -1;
   }
-  function c() {
+  function r() {
     l.value = !0;
   }
-  function h() {
+  function y() {
     l.value = !1;
   }
   return {
@@ -750,10 +751,10 @@ function st() {
     focusedItemId: t,
     hoverIndex: o,
     onMouseenterItem: n,
-    onMouseoverItem: i,
+    onMouseoverItem: s,
     onMouseoutItem: u,
-    resumeHover: h,
-    suspendHover: c
+    resumeHover: y,
+    suspendHover: r
   };
 }
 const ct = /* @__PURE__ */ G({
@@ -761,56 +762,56 @@ const ct = /* @__PURE__ */ G({
   props: Qe,
   emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change"],
   setup(e, t) {
-    const o = a(), l = a(e.view), n = a(e.header), i = a(e.multiSelect), u = a(e.view === "CardView"), c = a(!0), h = a({}), s = a("暂无数据");
+    const o = a(), l = a(e.view), n = a(e.header), s = a(e.multiSelect), u = a(e.view === "CardView"), r = a(!0), y = a({}), d = a("暂无数据");
     a(!0), a(!1), a("id");
     const f = lt(e), {
-      dataView: r
-    } = f, d = B(() => {
-      const M = {
+      dataView: i
+    } = f, c = B(() => {
+      const F = {
         "f-list-view": !0,
-        "f-list-view-multiple": i.value
+        "f-list-view-multiple": s.value
       };
-      return e.size !== "default" && (M[`${e.size}-item`] = !0), M;
-    }), b = B(() => ({
+      return e.size !== "default" && (F[`${e.size}-item`] = !0), F;
+    }), m = B(() => ({
       "f-list-view-group": !0,
       "d-flex": u.value,
       "flex-wrap": u.value
-    })), m = B(() => !!r.value && r.value.length > 0), v = st(), P = Ze(e, t, f), F = ut(e, t, f, v), x = it(e, t, f), y = Ye(e, t, F, v, P), S = et(e, o), I = B(() => r.value.length === 0), k = B(() => I.value && !t.slots.empty), E = B(() => !!t.slots.footer || c.value);
-    function L() {
+    })), p = B(() => !!i.value && i.value.length > 0), b = st(), M = Ze(e, t, f), P = ut(e, t, f, b), S = it(e, t, f), h = Ye(e, t, P, b, M), T = et(e, o), k = B(() => i.value.length === 0), x = B(() => k.value && !t.slots.empty), E = B(() => !!t.slots.footer || r.value);
+    function V() {
       return l.value === "SingleView" ? se : l.value === "DraggableView" ? ot : l.value === "ContentView" && t.slots.content ? nt : se;
     }
-    const C = L(), {
+    const C = V(), {
       renderItem: j
-    } = C(e, t, f, F, v, y, P, x);
-    function V() {
+    } = C(e, t, f, P, b, h, M, S);
+    function L() {
       return n.value === "SearchBar" ? ce : n.value === "ContentHeader" ? at : ce;
     }
-    const R = V(), {
+    const R = L(), {
       renderHeader: z
-    } = R(e, t, S);
-    function D(M) {
-      S.search(M);
+    } = R(e, t, T);
+    function D(F) {
+      T.search(F);
     }
     t.expose({
       search: D
     });
-    function O(M) {
-      i.value && (M.preventDefault(), M.stopPropagation());
+    function O(F) {
+      s.value && (F.preventDefault(), F.stopPropagation());
     }
-    return () => p("div", {
-      class: d.value,
+    return () => v("div", {
+      class: c.value,
       onClick: O
-    }, [z(), p("div", {
+    }, [z(), v("div", {
       ref: o,
       class: "f-list-view-content"
-    }, [p("ul", {
-      class: b.value,
+    }, [v("ul", {
+      class: m.value,
       style: "list-style: none;"
-    }, [m.value && r.value.map((M, A) => j(M, A, h)), k.value && p("div", {
+    }, [p.value && i.value.map((F, A) => j(F, A, y)), x.value && v("div", {
       class: "f-list-view-emptydata"
-    }, [p("p", {
+    }, [v("p", {
       class: "f-empty-title"
-    }, [s.value])]), t.slots.empty && t.slots.empty()])]), E.value && p("div", {
+    }, [d.value])]), t.slots.empty && t.slots.empty()])]), E.value && v("div", {
       class: "f-list-view-footer"
     }, [t.slots.footer && t.slots.footer()])]);
   }
@@ -819,28 +820,32 @@ const ct = /* @__PURE__ */ G({
   props: Je,
   emits: ["selectionChange"],
   setup(e, t) {
-    const o = a(e.dataSource), l = a([]), n = a(e.separator), i = a(e.selectedValues.split(n.value));
+    const o = a(e.dataSource), l = a([]), n = a(e.separator), s = a(e.width), u = a(e.height), r = a(e.selectedValues.split(n.value));
     W(e.dataSource, () => {
       o.value = e.dataSource;
     });
-    const u = B(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    function c(h) {
-      l.value = h.map((s) => Object.assign({}, s)), i.value = h.map((s) => s[e.idField]), t.emit("selectionChange", l.value);
+    const y = B(() => e.enableSearch ? "SearchBar" : "ContentHeader"), d = B(() => {
+      const i = {};
+      return s.value !== void 0 && (i.width = `${s.value}px`), u.value !== void 0 && (i.height = `${u.value}px`), i;
+    });
+    function f(i) {
+      l.value = i.map((c) => Object.assign({}, c)), r.value = i.map((c) => c[e.idField]), t.emit("selectionChange", l.value);
     }
-    return () => p("div", {
-      class: "f-combo-list-container"
-    }, [p(ct, {
+    return () => v("div", {
+      class: "f-combo-list-container",
+      style: d.value
+    }, [v(ct, {
       size: "small",
       itemClass: "f-combo-list-item",
-      header: u.value,
+      header: y.value,
       headerClass: "f-combo-list-search-box",
       data: o.value,
       idField: e.idField,
       textField: e.textField,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
-      "selection-values": i.value,
-      onSelectionChange: c
+      "selection-values": r.value,
+      onSelectionChange: f
     }, null)]);
   }
 }), dt = /* @__PURE__ */ new Map([
@@ -1142,40 +1147,40 @@ const Ct = {
   emits: ["click"],
   setup(e, t) {
     const o = a(e.popupContentPosition), l = a(e.host);
-    function n(c) {
-      t.emit("click"), c.preventDefault(), c.stopPropagation();
+    function n(r) {
+      t.emit("click"), r.preventDefault(), r.stopPropagation();
     }
-    const i = B(() => {
-      const c = l.value;
-      if (c) {
-        const h = c.getBoundingClientRect(), {
-          left: s,
+    const s = B(() => {
+      const r = l.value;
+      if (r) {
+        const y = r.getBoundingClientRect(), {
+          left: d,
           top: f,
-          height: r
-        } = h;
+          height: i
+        } = y;
         return {
-          left: s,
-          top: f + r
+          left: d,
+          top: f + i
         };
       }
       return o.value;
     }), u = B(() => ({
       position: "relative",
-      left: `${i.value.left}px`,
-      top: `${i.value.top}px`
+      left: `${s.value.left}px`,
+      top: `${s.value.top}px`
     }));
-    return () => p(de, {
+    return () => v(de, {
       to: "body"
     }, {
       default: () => {
-        var c, h;
-        return [p("div", {
+        var r, y;
+        return [v("div", {
           class: "overlay-container",
           style: "pointer-events: auto;",
-          onClick: (s) => n(s)
-        }, [p("div", {
+          onClick: (d) => n(d)
+        }, [v("div", {
           style: u.value
-        }, [(h = (c = t.slots).default) == null ? void 0 : h.call(c)])])];
+        }, [(y = (r = t.slots).default) == null ? void 0 : y.call(r)])])];
       }
     });
   }
@@ -1194,115 +1199,115 @@ function Tt(e) {
   }), n = () => {
     l(), o && o.unmount();
   };
-  return o = Ve({
+  return o = Le({
     setup() {
       fe(() => {
         document.body.removeChild(t);
       });
-      const i = St(e);
-      return () => p(wt, {
+      const s = St(e);
+      return () => v(wt, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: n
       }, {
-        default: () => [i && i()]
+        default: () => [s && s()]
       });
     }
   }), document.body.appendChild(t), o.mount(t), o;
 }
-class Bt {
+class It {
   static show(t) {
     return Tt(t);
   }
 }
-function It(e, t, o, l) {
-  const n = a(e.buttonBehavior), i = a(e.popupOnInput), u = B(() => ({
+function Bt(e, t, o, l) {
+  const n = a(e.buttonBehavior), s = a(e.popupOnInput), u = B(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), c = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function h(d) {
-    if (c.value) {
-      const b = !!t.slots.default;
-      n.value === "Overlay" && Bt.show({
+  })), r = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
+  async function y(c) {
+    if (r.value) {
+      const m = !!t.slots.default;
+      n.value === "Overlay" && It.show({
         host: o.value,
         render: () => {
           if (t.slots.default)
             return t.slots.default();
         }
-      }), b && n.value === "Popup" && l.togglePopup(), b && i.value && l.hidePopup(), t.emit("clickButton", { origin: d, value: e.modelValue });
+      }), m && n.value === "Popup" && l.togglePopup(), m && s.value && l.hidePopup(), t.emit("clickButton", { origin: c, value: e.modelValue });
     }
-    d.stopPropagation();
+    c.stopPropagation();
   }
-  function s(d) {
-    t.emit("mouseEnterIcon", d);
+  function d(c) {
+    t.emit("mouseEnterIcon", c);
   }
-  function f(d) {
-    t.emit("mouseLeaveIcon", d);
+  function f(c) {
+    t.emit("mouseLeaveIcon", c);
   }
-  function r() {
+  function i() {
     t.emit("mouseOverButton");
   }
   return {
     buttonClass: u,
-    onClickButton: h,
-    onMouseEnterButton: s,
+    onClickButton: y,
+    onMouseEnterButton: d,
     onMouseLeaveButton: f,
-    onMouseOverButton: r
+    onMouseOverButton: i
   };
 }
-function kt(e, t, o, l, n, i) {
-  const u = a(!1), c = B(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: h } = i;
-  function s(b) {
-    u.value = b;
+function kt(e, t, o, l, n, s) {
+  const u = a(!1), r = B(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: y } = s;
+  function d(m) {
+    u.value = m;
   }
   W(n, () => {
-    l.value ? s(!!n.value) : s(!1);
+    l.value ? d(!!n.value) : d(!1);
   });
-  function f(b) {
-    const m = !e.readonly && !e.disable && e.editable, v = !e.editable;
-    b.stopPropagation(), (m || v) && (h("", !1), s(!u.value), t.emit("clear"));
+  function f(m) {
+    const p = !e.readonly && !e.disable && e.editable, b = !e.editable;
+    m.stopPropagation(), (p || b) && (y("", !1), d(!u.value), t.emit("clear"));
   }
-  function r(b) {
-    if (c.value) {
+  function i(m) {
+    if (r.value) {
       if (!o.value) {
-        s(!1);
+        d(!1);
         return;
       }
-      (!e.editable || !e.readonly) && !e.disable && s(!0);
+      (!e.editable || !e.readonly) && !e.disable && d(!0);
     }
   }
-  function d(b) {
-    c.value && s(!1);
+  function c(m) {
+    r.value && d(!1);
   }
   return {
-    enableClearButton: c,
+    enableClearButton: r,
     showClearButton: u,
     onClearValue: f,
-    onMouseEnterTextBox: r,
-    onMouseLeaveTextBox: d
+    onMouseEnterTextBox: i,
+    onMouseLeaveTextBox: c
   };
 }
 function xt(e, t, o, l, n) {
-  const i = a(e.popupOnInput), u = a(e.popupOnFocus), { shouldPopupContent: c } = n, h = B(() => e.enableTitle ? o.value : ""), s = B(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), f = B(() => e.readonly || !e.editable);
-  let r = !1;
-  const d = B(() => !e.disable && r), b = B(() => ({
+  const s = a(e.popupOnInput), u = a(e.popupOnFocus), { shouldPopupContent: r } = n, y = B(() => e.enableTitle ? o.value : ""), d = B(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), f = B(() => e.readonly || !e.editable);
+  let i = !1;
+  const c = B(() => !e.disable && i), m = B(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), m = B(() => ({
+  })), p = B(() => ({
     "input-group": !0,
     "f-state-disable": e.disable,
     "f-state-editable": e.editable && !e.disable && !e.readonly,
     "f-state-readonly": e.readonly && !e.disable,
-    "f-state-focus": d.value
+    "f-state-focus": c.value
   }));
-  function v(C, j = !0) {
+  function b(C, j = !0) {
     o.value !== C && (o.value = C, j && t.emit("change", C), t.emit("update:modelValue", C));
   }
-  function P(C) {
-    c.value = !1, v(C, !0);
+  function M(C) {
+    r.value = !1, b(C, !0);
   }
   W(
     () => e.modelValue,
@@ -1310,109 +1315,109 @@ function xt(e, t, o, l, n) {
       o.value = C, t.emit("change", C);
     }
   );
-  function F(C) {
-    r = !1, t.emit("blur", C), C.stopPropagation();
+  function P(C) {
+    i = !1, t.emit("blur", C), C.stopPropagation();
   }
-  function x(C) {
+  function S(C) {
     t.emit("click", C);
   }
-  function y(C) {
+  function h(C) {
     if (e.disable) {
-      r = !0;
+      i = !0;
       return;
     }
-    r = !0, f.value || (t.emit("focus", C), u.value && !c.value && n.popup());
+    i = !0, f.value || (t.emit("focus", C), u.value && !r.value && n.popup());
   }
-  function S(C) {
+  function T(C) {
     t.emit("input", C.target.value);
     const j = C.target.value;
-    l.value = j, o.value !== j && v(j, !1), i.value && !c.value && n.popup();
+    l.value = j, o.value !== j && b(j, !1), s.value && !r.value && n.popup();
   }
-  function I(C) {
+  function k(C) {
     C.target.tagName !== "INPUT" && C.preventDefault(), C.stopPropagation();
   }
-  function k(C) {
+  function x(C) {
     t.emit("keydown", C);
   }
   function E(C) {
-    C.key === "Enter" && (i.value || u.value) && n.hidePopup(), t.emit("keyup", C);
+    C.key === "Enter" && (s.value || u.value) && n.hidePopup(), t.emit("keyup", C);
   }
-  function L(C) {
+  function V(C) {
     const j = C.target.value;
-    C.stopPropagation(), v(j);
+    C.stopPropagation(), b(j);
   }
   return {
-    hasFocusedTextBox: d,
+    hasFocusedTextBox: c,
     isTextBoxReadonly: f,
-    textBoxClass: b,
-    textBoxPlaceholder: s,
-    textBoxTitle: h,
-    inputGroupClass: m,
-    changeTextBoxValue: v,
-    commitValue: P,
-    onBlurTextBox: F,
-    onClickTextBox: x,
-    onFocusTextBox: y,
-    onInput: S,
-    onKeyDownTextBox: k,
+    textBoxClass: m,
+    textBoxPlaceholder: d,
+    textBoxTitle: y,
+    inputGroupClass: p,
+    changeTextBoxValue: b,
+    commitValue: M,
+    onBlurTextBox: P,
+    onClickTextBox: S,
+    onFocusTextBox: h,
+    onInput: T,
+    onKeyDownTextBox: x,
     onKeyUpTextBox: E,
-    onMouseDownTextBox: I,
-    onTextBoxValueChange: L
+    onMouseDownTextBox: k,
+    onTextBoxValueChange: V
   };
 }
 function Pt(e, t, o) {
   const l = a(), n = a(!1);
-  function i() {
-    const s = l.value;
-    s && s.show(o.value);
+  function s() {
+    const d = l.value;
+    d && d.show(o.value);
   }
   async function u() {
-    !!t.slots.default && (n.value = !n.value, await K(), i());
+    !!t.slots.default && (n.value = !n.value, await K(), s());
   }
-  async function c() {
-    !!t.slots.default && (n.value = !0, await K(), i());
+  async function r() {
+    !!t.slots.default && (n.value = !0, await K(), s());
   }
-  function h() {
+  function y() {
     n.value = !1;
   }
-  return { hidePopup: h, popup: c, shouldPopupContent: n, togglePopup: u, popoverRef: l };
+  return { hidePopup: y, popup: r, shouldPopupContent: n, togglePopup: u, popoverRef: l };
 }
 function Mt(e, t, o) {
   const {
     isTextBoxReadonly: l,
     textBoxClass: n,
-    textBoxPlaceholder: i,
+    textBoxPlaceholder: s,
     textBoxTitle: u,
-    onBlurTextBox: c,
-    onClickTextBox: h,
-    onFocusTextBox: s,
+    onBlurTextBox: r,
+    onClickTextBox: y,
+    onFocusTextBox: d,
     onInput: f,
-    onKeyDownTextBox: r,
-    onKeyUpTextBox: d,
-    onMouseDownTextBox: b,
-    onTextBoxValueChange: m
+    onKeyDownTextBox: i,
+    onKeyUpTextBox: c,
+    onMouseDownTextBox: m,
+    onTextBoxValueChange: p
   } = o;
-  return () => p("input", {
+  return () => v("input", {
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
     class: n.value,
     disabled: e.disable,
     maxlength: e.maxLength,
     minlength: e.minLength,
-    placeholder: i.value,
+    placeholder: s.value,
     readonly: l.value,
     tabindex: e.tabIndex,
     title: u.value,
     type: e.inputType,
     value: t.value,
-    onBlur: c,
-    onChange: m,
-    onClick: h,
-    onFocus: s,
+    onBlur: r,
+    onChange: p,
+    onClick: y,
+    onFocus: d,
     onInput: f,
-    onKeydown: r,
-    onKeyup: d,
-    onMousedown: b
+    onKeydown: i,
+    onKeyup: c,
+    onMousedown: m
   }, null);
 }
 const Ft = {
@@ -1434,152 +1439,152 @@ const Ft = {
   draggable: { Type: Boolean, default: !1 }
 };
 function Ot(e, t, o, l) {
-  const n = a(-1), i = a(!1);
-  function u(f, r, d) {
-    f.stopPropagation(), r && setTimeout(() => {
-      n.value = d, i.value = !0, r.moving = !0;
+  const n = a(-1), s = a(!1);
+  function u(f, i, c) {
+    f.stopPropagation(), i && setTimeout(() => {
+      n.value = c, s.value = !0, i.moving = !0;
     });
   }
-  function c(f, r) {
-    if (f.preventDefault(), n.value !== r) {
-      const d = l.value[n.value], b = l.value;
-      b.splice(n.value, 1), b.splice(r, 0, d), n.value = r;
+  function r(f, i) {
+    if (f.preventDefault(), n.value !== i) {
+      const c = l.value[n.value], m = l.value;
+      m.splice(n.value, 1), m.splice(i, 0, c), n.value = i;
     }
   }
-  function h(f, r) {
+  function y(f, i) {
     f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move");
   }
-  function s(f, r) {
-    r && (r.moving = !1), o.value = l.value.filter((d) => d.type === "Tag").map((d) => d.payload), i.value = !1, t.emit("change", o.value);
+  function d(f, i) {
+    i && (i.moving = !1), o.value = l.value.filter((c) => c.type === "Tag").map((c) => c.payload), s.value = !1, t.emit("change", o.value);
   }
   return {
     dragstart: u,
-    dragenter: c,
-    dragover: h,
-    dragend: s,
-    isDragging: i
+    dragenter: r,
+    dragover: y,
+    dragend: d,
+    isDragging: s
   };
 }
-const Vt = /* @__PURE__ */ G({
+const Lt = /* @__PURE__ */ G({
   name: "FTags",
   props: Ft,
   emits: ["remove", "selectionChange", "change"],
   setup(e, t) {
-    const o = a(e.selectable), l = a(e.customClass), n = a(e.data), i = a(e.tagType), u = a(e.tagStyle), c = a(e.showColor), h = a(e.activeTag), s = a(e.customStyle), f = a(e.showClose), r = a(e.showAddButton), d = a(e.showInput), b = a(e.addButtonText), m = a(e.enableAddButton);
+    const o = a(e.selectable), l = a(e.customClass), n = a(e.data), s = a(e.tagType), u = a(e.tagStyle), r = a(e.showColor), y = a(e.activeTag), d = a(e.customStyle), f = a(e.showClose), i = a(e.showAddButton), c = a(e.showInput), m = a(e.addButtonText), p = a(e.enableAddButton);
     a(e.placeholder), a(""), a();
-    const v = a(), P = a(e.wrapText), F = a();
-    function x() {
+    const b = a(), M = a(e.wrapText), P = a();
+    function S() {
       const g = n.value.map((w) => ({
         type: "Tag",
         payload: w
       }));
-      return r.value && g.push({
+      return i.value && g.push({
         type: "AddButton"
       }), g;
     }
-    const y = a(x());
-    function S(g) {
-      n.value = g, y.value = x();
+    const h = a(S());
+    function T(g) {
+      n.value = g, h.value = S();
     }
-    const I = B(() => y.value.findIndex((g) => g.type === "Input")), k = Ot(e, t, n, y), {
+    const k = B(() => h.value.findIndex((g) => g.type === "Input")), x = Ot(e, t, n, h), {
       dragstart: E,
-      dragenter: L,
+      dragenter: V,
       dragover: C,
       dragend: j
-    } = k;
-    W(() => e.data, (g) => S(g));
-    const V = B(() => {
+    } = x;
+    W(() => e.data, (g) => T(g));
+    const L = B(() => {
       const g = {
         "farris-tags": !0,
         "farris-tags-checkable": o.value,
-        "farris-tags-nowrap": !P.value
+        "farris-tags-nowrap": !M.value
       };
-      return l.value.split(" ").reduce((w, T) => (w[T] = !0, w), g), g;
+      return l.value.split(" ").reduce((w, I) => (w[I] = !0, w), g), g;
     });
     function R(g) {
       const w = {
         "farris-tag-item": !0,
         "farris-tag-item-checked": o.value && g.checked,
         "farris-tag-item-checkable": o.value,
-        "farris-tag-item-has-color": c.value,
-        "farris-tag-item-actived": h.value === g.name
+        "farris-tag-item-has-color": r.value,
+        "farris-tag-item-actived": y.value === g.name
       };
-      if (i.value) {
-        const T = `farris-tag-item-${i.value}`;
-        w[T] = !0;
+      if (s.value) {
+        const I = `farris-tag-item-${s.value}`;
+        w[I] = !0;
       }
       return w;
     }
     const z = B(() => {
       const g = {};
-      return s.value && s.value.split(";").reduce((w, T) => {
-        const H = T.split(":");
+      return d.value && d.value.split(";").reduce((w, I) => {
+        const H = I.split(":");
         return w[H[0]] = H[1], w;
       }, g), g;
     });
     function D(g, w) {
-      o.value && w.selectable && (w.checked = !w.checked, h.value = w.checked ? w.name : "", w.checked && n.value.filter((T) => T.name !== w.name).forEach((T) => {
-        T.checked = !w.checked;
+      o.value && w.selectable && (w.checked = !w.checked, y.value = w.checked ? w.name : "", w.checked && n.value.filter((I) => I.name !== w.name).forEach((I) => {
+        I.checked = !w.checked;
       }), t.emit("change", n.value), t.emit("selectionChange", w));
     }
     function O(g, w) {
-      let T;
+      let I;
       switch (g.key) {
         case "Backspace":
           n.value = n.value.filter((H) => H.name !== w.name), t.emit("change", n.value);
           break;
         case "ArrowLeft":
-          T = Math.max(v.value.scrollLeft + 20, 0), v.value.scrollLeft = T;
+          I = Math.max(b.value.scrollLeft + 20, 0), b.value.scrollLeft = I;
           break;
         case "ArrowRight":
-          T = Math.max(v.value.scrollLeft - 20, 0), v.value.scrollLeft = T;
+          I = Math.max(b.value.scrollLeft - 20, 0), b.value.scrollLeft = I;
       }
     }
-    function M(g, w) {
-      const T = n.value.findIndex((H) => H.name === w.name);
-      if (T > -1) {
-        const [H] = n.value.splice(T, 1);
-        y.value = x(), t.emit("change", n.value), t.emit("remove", n.value, H, T);
+    function F(g, w) {
+      const I = n.value.findIndex((H) => H.name === w.name);
+      if (I > -1) {
+        const [H] = n.value.splice(I, 1);
+        h.value = S(), t.emit("change", n.value), t.emit("remove", n.value, H, I);
       }
       g.stopPropagation();
     }
     const A = B(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !m.value
+      "farris-tag-add-button-disabled": !p.value
     }));
     function $(g) {
     }
     function _() {
-      return p("li", {
+      return v("li", {
         class: A.value,
         onClick: (g) => void 0
-      }, [p("span", {
+      }, [v("span", {
         class: "f-icon f-icon-amplification"
-      }, null), p("span", {
+      }, null), v("span", {
         class: "farris-tag-add-text"
-      }, [b.value])]);
+      }, [m.value])]);
     }
     function N(g) {
       if (g && !g.innerText) {
-        const w = I.value;
+        const w = k.value;
         if (w > 0) {
-          const [T] = n.value.splice(w - 1, 1);
-          y.value.splice(w - 1, 1), t.emit("remove", n.value, T, w - 1);
+          const [I] = n.value.splice(w - 1, 1);
+          h.value.splice(w - 1, 1), t.emit("remove", n.value, I, w - 1);
         }
       }
     }
-    function U(g, w, T) {
+    function U(g, w, I) {
       g > -1 && (n.value.splice(g, 0, {
         name: w,
-        value: T,
+        value: I,
         selectable: o.value
-      }), y.value = x(), t.emit("change", n.value));
+      }), h.value = S(), t.emit("change", n.value));
     }
     function J(g) {
       if (g && g.innerText) {
-        const w = g.innerText, T = I.value;
-        U(T, w, w), g.innerText = "";
+        const w = g.innerText, I = k.value;
+        U(I, w, w), g.innerText = "";
       }
     }
     function Y(g) {
@@ -1588,14 +1593,14 @@ const Vt = /* @__PURE__ */ G({
     }
     function be(g) {
       g.key === "Enter" && J(g.target), g.key === "Backspace" && (N(g.target), K(() => {
-        F.value && F.value.focus();
+        P.value && P.value.focus();
       }));
     }
     function Ce() {
-      return p("li", {
+      return v("li", {
         class: "farris-tag-input-box"
-      }, [p("div", {
-        ref: F,
+      }, [v("div", {
+        ref: P,
         class: "form-control",
         contenteditable: "true",
         onKeyup: be,
@@ -1603,31 +1608,31 @@ const Vt = /* @__PURE__ */ G({
       }, null)]);
     }
     function we(g, w) {
-      return p("li", {
+      return v("li", {
         class: R(g),
         style: z.value,
         tabindex: 0,
         id: g.name,
         key: g.name,
-        onClick: (T) => D(T, g),
-        onKeydown: (T) => O(T, g),
+        onClick: (I) => D(I, g),
+        onKeydown: (I) => O(I, g),
         draggable: "true",
-        onDragstart: (T) => E(T, g, w),
-        onDragenter: (T) => L(T, w),
-        onDragend: (T) => j(T, g),
-        onDragover: (T) => C(T, w)
-      }, [p("div", {
+        onDragstart: (I) => E(I, g, w),
+        onDragenter: (I) => V(I, w),
+        onDragend: (I) => j(I, g),
+        onDragover: (I) => C(I, w)
+      }, [v("div", {
         title: g.name,
         class: "tag-box"
-      }, [g.name]), f.value && p("span", {
+      }, [g.name]), f.value && v("span", {
         class: "tag-delete"
-      }, [p("i", {
+      }, [v("i", {
         class: "f-icon f-icon-close",
-        onClick: (T) => M(T, g)
+        onClick: (I) => F(I, g)
       }, null)])]);
     }
     function Se() {
-      return y.value.map((g, w) => {
+      return h.value.map((g, w) => {
         switch (g.type) {
           case "Tag":
             return we(g.payload, w);
@@ -1642,12 +1647,12 @@ const Vt = /* @__PURE__ */ G({
       "farris-tags-item-container": !0,
       "farris-tag-item-capsule": u.value === "capsule"
     }));
-    function Be(g) {
-      const w = Math.max(v.value.scrollLeft - g.deltaX, 0);
-      v.value.scrollLeft = w;
-    }
     function Ie(g) {
-      const w = v.value, T = n.value.length - 1;
+      const w = Math.max(b.value.scrollLeft - g.deltaX, 0);
+      b.value.scrollLeft = w;
+    }
+    function Be(g) {
+      const w = b.value, I = n.value.length - 1;
       if (w) {
         const H = Array.from(w.children).filter((X) => X.className.indexOf("farris-tag-item") > -1).findIndex((X) => {
           const q = X.getBoundingClientRect(), Z = window.getComputedStyle(X), ue = parseInt(Z["margin-left"], 10) + q.width + parseInt(Z["margin-right"], 10);
@@ -1656,22 +1661,22 @@ const Vt = /* @__PURE__ */ G({
         if (H > -1)
           return H;
       }
-      return T;
+      return I;
     }
     function ke(g) {
-      if (d.value) {
-        const T = Ie(g.clientX) + 1, X = y.value.filter((q) => q.type !== "Input");
-        X.splice(T, 0, {
+      if (c.value) {
+        const I = Be(g.clientX) + 1, X = h.value.filter((q) => q.type !== "Input");
+        X.splice(I, 0, {
           type: "Input"
-        }), y.value = X, K(() => {
-          F.value && F.value.focus();
+        }), h.value = X, K(() => {
+          P.value && P.value.focus();
         });
       }
     }
     function xe(g) {
-      var T;
+      var I;
       g.preventDefault(), g.stopPropagation();
-      const w = (T = g.dataTransfer) == null ? void 0 : T.getData("Text");
+      const w = (I = g.dataTransfer) == null ? void 0 : I.getData("Text");
       if (w) {
         const H = w.split(":"), X = H[0], q = H[1];
         [...n.value].findIndex((ee) => (console.log(`${ee.value} === ${q} is ${ee.value === q}`), ee.value === q)) > -1 || U(n.value.length, X, q);
@@ -1680,31 +1685,31 @@ const Vt = /* @__PURE__ */ G({
     function Pe(g) {
       g.preventDefault();
     }
-    return () => p("div", {
-      class: V.value,
+    return () => v("div", {
+      class: L.value,
       onClick: ke,
       onDrop: xe,
       onDragover: Pe
-    }, [p("ul", {
-      ref: v,
+    }, [v("ul", {
+      ref: b,
       class: Te.value,
-      onWheel: (g) => Be(g)
+      onWheel: (g) => Ie(g)
     }, [Se()])]);
   }
 });
-function Lt(e, t, o) {
+function Vt(e, t, o) {
   const l = a(e.separator), {
     changeTextBoxValue: n
-  } = o, i = B(() => t.value ? t.value.split(l.value).map((c) => ({
-    name: c,
+  } = o, s = B(() => t.value ? t.value.split(l.value).map((r) => ({
+    name: r,
     selectable: !0
   })) : []);
-  function u(c) {
-    n(c.map((h) => h.name).join(l.value), !0);
+  function u(r) {
+    n(r.map((y) => y.name).join(l.value), !0);
   }
-  return () => p(Vt, {
+  return () => v(Lt, {
     class: "form-control",
-    data: i.value,
+    data: s.value,
     showClose: !0,
     showInput: !0,
     onChange: u
@@ -1714,25 +1719,25 @@ function Dt(e, t, o) {
   const {
     buttonClass: l,
     onClickButton: n,
-    onMouseEnterButton: i,
+    onMouseEnterButton: s,
     onMouseLeaveButton: u
   } = t, {
-    enableClearButton: c,
-    showClearButton: h,
-    onClearValue: s
+    enableClearButton: r,
+    showClearButton: y,
+    onClearValue: d
   } = o;
-  return () => p("div", {
+  return () => v("div", {
     class: l.value
-  }, [c.value && Q(p("span", {
+  }, [r.value && Q(v("span", {
     class: "input-group-text input-group-clear",
-    onClick: s
-  }, [p("i", {
+    onClick: d
+  }, [v("i", {
     class: "f-icon modal_close"
-  }, null)]), [[ve, h.value]]), e.buttonContent && p("span", {
+  }, null)]), [[ve, y.value]]), e.buttonContent && v("span", {
     class: "input-group-text input-group-append-button",
     innerHTML: e.buttonContent,
     onClick: n,
-    onMouseenter: i,
+    onMouseenter: s,
     onMouseleave: u
   }, null)]);
 }
@@ -1765,165 +1770,165 @@ function Rt(e) {
 }
 function At(e, t, o, l) {
   var D;
-  const n = a(0), i = a(((D = e.offsetX) == null ? void 0 : D.value) || 0), u = a(-1), c = a(-1), h = a(-1), s = a(e.placement), f = a(0), r = a(0), d = a(0), b = a(document.documentElement.scrollLeft), m = a(document.documentElement.scrollTop), { hostLeft: v, hostTop: P, hostWidth: F } = l;
+  const n = a(0), s = a(((D = e.offsetX) == null ? void 0 : D.value) || 0), u = a(-1), r = a(-1), y = a(-1), d = a(e.placement), f = a(0), i = a(0), c = a(0), m = a(document.documentElement.scrollLeft), p = a(document.documentElement.scrollTop), { hostLeft: b, hostTop: M, hostWidth: P } = l;
   W(e.offsetX, (O) => {
-    n.value = O - i.value;
+    n.value = O - s.value;
   });
-  const x = B(() => {
+  const S = B(() => {
     const O = {
-      left: `${r.value}px`,
-      top: `${d.value}px`,
+      left: `${i.value}px`,
+      top: `${c.value}px`,
       transform: `translateX(${n.value}px)`
     };
     return e.zIndex !== -1 && (O["z-index"] = e.zIndex), u.value !== -1 && (O.width = `${u.value}px`), O;
-  }), y = B(() => ({
+  }), h = B(() => ({
     left: `${f.value}px`
   }));
-  function S(O) {
+  function T(O) {
     if (O && e.keepWidthWithReference) {
-      const M = O.getBoundingClientRect();
-      u.value = Math.max(e.minWidth, M.width);
+      const F = O.getBoundingClientRect();
+      u.value = Math.max(e.minWidth, F.width);
     }
   }
-  function I(O, M) {
-    const A = F.value - O.width - 4;
-    return A > 0 ? A : M;
+  function k(O, F) {
+    const A = P.value - O.width - 4;
+    return A > 0 ? A : F;
   }
-  function k(O, M, A) {
-    const $ = f.value, _ = M.left - v.value + M.width / 2 + b.value, N = M.top - P.value - (O.height + A.height) + m.value;
+  function x(O, F, A) {
+    const $ = f.value, _ = F.left - b.value + F.width / 2 + m.value, N = F.top - M.value - (O.height + A.height) + p.value;
     return { popoverLeft: _, popoverTop: N, arrowLeft: $ };
   }
-  function E(O, M, A) {
-    return M.top - P.value + (M.height + A.height) + m.value;
+  function E(O, F, A) {
+    return F.top - M.value + (F.height + A.height) + p.value;
   }
-  function L(O, M) {
-    const A = I(M, O), $ = O <= A ? f.value : O - A;
+  function V(O, F) {
+    const A = k(F, O), $ = O <= A ? f.value : O - A;
     return { popoverLeft: Math.min(O, A), arrowLeft: $ };
   }
-  function C(O, M, A) {
-    const $ = M.left - v.value + M.width / 2 - (A.width / 2 - (O.left - v.value)) + b.value, { arrowLeft: _, popoverLeft: N } = L($, O), U = E(O, M, A);
+  function C(O, F, A) {
+    const $ = F.left - b.value + F.width / 2 - (A.width / 2 - (O.left - b.value)) + m.value, { arrowLeft: _, popoverLeft: N } = V($, O), U = E(O, F, A);
     return { popoverLeft: N, popoverTop: U, arrowLeft: _ };
   }
-  function j(O, M, A) {
-    const $ = M.left - v.value + b.value, { arrowLeft: _, popoverLeft: N } = L($, O), U = E(O, M, A);
+  function j(O, F, A) {
+    const $ = F.left - b.value + m.value, { arrowLeft: _, popoverLeft: N } = V($, O), U = E(O, F, A);
     return { popoverLeft: N, popoverTop: U, arrowLeft: _ };
   }
-  const V = /* @__PURE__ */ new Map([
-    ["top", k],
+  const L = /* @__PURE__ */ new Map([
+    ["top", x],
     ["bottom", C],
     ["bottom-left", j]
   ]);
   function R(O) {
     var N;
-    const M = O.getBoundingClientRect();
-    c.value = M.top, h.value = M.left;
-    const A = t.value.getBoundingClientRect(), $ = (N = o.value) == null ? void 0 : N.getBoundingClientRect(), _ = V.get(s.value);
+    const F = O.getBoundingClientRect();
+    r.value = F.top, y.value = F.left;
+    const A = t.value.getBoundingClientRect(), $ = (N = o.value) == null ? void 0 : N.getBoundingClientRect(), _ = L.get(d.value);
     if (_) {
-      const { arrowLeft: U, popoverLeft: J, popoverTop: Y } = _($, M, A);
-      f.value = U, r.value = J, d.value = Y;
+      const { arrowLeft: U, popoverLeft: J, popoverTop: Y } = _($, F, A);
+      f.value = U, i.value = J, c.value = Y;
     }
-    e.keepWidthWithReference && S(O);
+    e.keepWidthWithReference && T(O);
   }
   function z(O) {
     if (O) {
-      const M = O.getBoundingClientRect();
-      (M.left !== h.value || M.top !== c.value) && R(O);
+      const F = O.getBoundingClientRect();
+      (F.left !== y.value || F.top !== r.value) && R(O);
     }
   }
   return {
-    arrowStyle: y,
-    popoverStyle: x,
-    position: s,
+    arrowStyle: h,
+    popoverStyle: S,
+    position: d,
     popoverWidth: u,
-    fitToReference: S,
+    fitToReference: T,
     followToReferencePosition: z,
     locateToReference: R
   };
 }
-function Et(e, t, o, l, n, i, u) {
-  const c = a(e.visible), h = B(() => c.value), { fitToReference: s, locateToReference: f } = u;
-  let r;
-  function d() {
-    c.value = !1, document.body.removeEventListener("click", r), t.emit("hidden");
-  }
-  r = (m) => {
-    if (!n.value.contains(m.target)) {
-      const v = n.value.closest(".popover");
-      v && v.removeEventListener("click", r), d();
+function Et(e, t, o, l, n, s, u) {
+  const r = a(e.visible), y = B(() => r.value), { fitToReference: d, locateToReference: f } = u;
+  let i;
+  function c() {
+    r.value = !1, document.body.removeEventListener("click", i), t.emit("hidden");
+  }
+  i = (p) => {
+    if (!n.value.contains(p.target)) {
+      const b = n.value.closest(".popover");
+      b && b.removeEventListener("click", i), c();
     }
   };
-  async function b(m) {
-    if (l.value && o.value && m) {
-      c.value = !0, n.value = m, await K(), f(m), i.value && s(m), document.body.addEventListener("click", r);
-      const v = m.closest(".popover");
-      v && v.addEventListener("click", r), t.emit("shown");
+  async function m(p) {
+    if (l.value && o.value && p) {
+      r.value = !0, n.value = p, await K(), f(p), s.value && d(p), document.body.addEventListener("click", i);
+      const b = p.closest(".popover");
+      b && b.addEventListener("click", i), t.emit("shown");
     }
   }
-  return t.expose({ hide: d, show: b, shown: h }), { showPopover: c, hidePopverOnClickBodyHandler: r };
+  return t.expose({ hide: c, show: m, shown: y }), { showPopover: r, hidePopverOnClickBodyHandler: i };
 }
 function Ht(e, t, o, l, n) {
-  const { popoverWidth: i, fitToReference: u, followToReferencePosition: c } = n;
-  function h() {
+  const { popoverWidth: s, fitToReference: u, followToReferencePosition: r } = n;
+  function y() {
     if (o.value) {
-      c(o.value);
-      const s = o.value.getBoundingClientRect();
-      l.value && s.width !== i.value && u(o.value);
+      r(o.value);
+      const d = o.value.getBoundingClientRect();
+      l.value && d.width !== s.value && u(o.value);
     }
   }
-  return { onResize: h };
+  return { onResize: y };
 }
 const Wt = /* @__PURE__ */ G({
   name: "FPopover",
   props: jt,
   emits: ["shown", "hidden"],
   setup(e, t) {
-    const o = a(), l = a(), n = a(e.reference), i = a(e.keepWidthWithReference), u = B(() => !!e.title), c = Rt(e), {
-      host: h
-    } = c, s = At(e, o, l, c), {
+    const o = a(), l = a(), n = a(e.reference), s = a(e.keepWidthWithReference), u = B(() => !!e.title), r = Rt(e), {
+      host: y
+    } = r, d = At(e, o, l, r), {
       position: f,
-      arrowStyle: r,
-      popoverStyle: d,
-      fitToReference: b,
-      locateToReference: m
-    } = s, {
-      showPopover: v,
-      hidePopverOnClickBodyHandler: P
-    } = Et(e, t, o, l, n, i, s), {
-      onResize: F
-    } = Ht(e, t, n, i, s), x = B(() => {
-      const S = `popover in popover-${f.value}`, I = `bs-popover-${f.value}`, k = {
+      arrowStyle: i,
+      popoverStyle: c,
+      fitToReference: m,
+      locateToReference: p
+    } = d, {
+      showPopover: b,
+      hidePopverOnClickBodyHandler: M
+    } = Et(e, t, o, l, n, s, d), {
+      onResize: P
+    } = Ht(e, t, n, s, d), S = B(() => {
+      const T = `popover in popover-${f.value}`, k = `bs-popover-${f.value}`, x = {
         "popover-fitcontent": e.fitContent
       };
-      return k[S] = !0, k[I] = !0, (e.class || "").split(" ").reduce((L, C) => (L[C] = !0, L), k), k;
-    }), y = B(() => ({
+      return x[T] = !0, x[k] = !0, (e.class || "").split(" ").reduce((V, C) => (V[C] = !0, V), x), x;
+    }), h = B(() => ({
       "popover-content": !0,
       "popover-body": !0
     }));
     return ne(() => {
-      e.reference && m(n.value), i.value && b(n.value), window.addEventListener("resize", F);
+      e.reference && p(n.value), s.value && m(n.value), window.addEventListener("resize", P);
     }), fe(() => {
-      document.body.removeEventListener("click", P), window.removeEventListener("resize", F);
-    }), () => p(de, {
-      to: h
+      document.body.removeEventListener("click", M), window.removeEventListener("resize", P);
+    }), () => v(de, {
+      to: y
     }, {
       default: () => {
-        var S;
-        return [Q(p("div", {
+        var T;
+        return [Q(v("div", {
           ref: l,
-          class: x.value,
-          style: d.value,
-          onClick: (I) => {
-            I.stopPropagation();
+          class: S.value,
+          style: c.value,
+          onClick: (k) => {
+            k.stopPropagation();
           }
-        }, [p("div", {
+        }, [v("div", {
           ref: o,
           class: "popover-arrow arrow",
-          style: r.value
-        }, null), u.value && p("h3", {
+          style: i.value
+        }, null), u.value && v("h3", {
           class: "popover-title popover-header"
-        }, [e.title]), p("div", {
-          class: y.value
-        }, [t.slots.default && ((S = t.slots) == null ? void 0 : S.default())])]), [[ve, v.value]])];
+        }, [e.title]), v("div", {
+          class: h.value
+        }, [t.slots.default && ((T = t.slots) == null ? void 0 : T.default())])]), [[ve, b.value]])];
       }
     });
   }
@@ -1931,10 +1936,10 @@ const Wt = /* @__PURE__ */ G({
 function _t(e, t, o) {
   const l = a(e.popupMinWidth), {
     hidePopup: n,
-    popoverRef: i
+    popoverRef: s
   } = o;
-  return () => p(Wt, {
-    ref: i,
+  return () => v(Wt, {
+    ref: s,
     visible: !0,
     placement: "bottom-left",
     host: e.popupHost,
@@ -1946,8 +1951,8 @@ function _t(e, t, o) {
     onHidden: n
   }, {
     default: () => {
-      var u, c;
-      return [(c = (u = t.slots).default) == null ? void 0 : c.call(u)];
+      var u, r;
+      return [(r = (u = t.slots).default) == null ? void 0 : r.call(u)];
     }
   });
 }
@@ -1956,222 +1961,225 @@ const ye = /* @__PURE__ */ G({
   props: he,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const o = a(), l = a(e.customClass), n = a(e.modelValue), i = Pt(e, t, o), {
+    const o = a(), l = a(e.customClass), n = a(e.modelValue), s = Pt(e, t, o), {
       shouldPopupContent: u,
-      hidePopup: c
-    } = i, h = It(e, t, o, i), s = a(""), f = xt(e, t, n, s, i), {
-      hasFocusedTextBox: r,
-      commitValue: d,
-      inputGroupClass: b
-    } = f, m = kt(e, t, n, r, s, f), {
-      onMouseEnterTextBox: v,
-      onMouseLeaveTextBox: P
-    } = m, F = B(() => {
+      hidePopup: r
+    } = s, y = Bt(e, t, o, s), d = a(""), f = xt(e, t, n, d, s), {
+      hasFocusedTextBox: i,
+      commitValue: c,
+      inputGroupClass: m
+    } = f, p = kt(e, t, n, i, d, f), {
+      onMouseEnterTextBox: b,
+      onMouseLeaveTextBox: M
+    } = p, P = B(() => {
       const E = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return l.value && l.value.split(" ").reduce((L, C) => (L[C] = !0, L), E), E;
+      return l.value && l.value.split(" ").reduce((V, C) => (V[C] = !0, V), E), E;
     });
-    function x() {
-      return e.multiSelect && e.inputType === "tag" ? Lt(e, n, f) : Mt(e, n, f);
+    function S() {
+      return e.multiSelect && e.inputType === "tag" ? Vt(e, n, f) : Mt(e, n, f);
     }
-    let y = x();
+    let h = S();
     W([() => e.multiSelect, () => e.inputType], () => {
-      y = x();
+      h = S();
     });
-    const S = Dt(e, h, m), I = _t(e, t, i), k = {
-      commitValue: d,
+    const T = Dt(e, y, p), k = _t(e, t, s), x = {
+      commitValue: c,
       elementRef: o,
-      hidePopup: c
+      hidePopup: r
     };
     return ne(() => {
-      o.value.componentInstance = k;
-    }), t.expose(k), () => p(re, null, [p("div", Le(t.attrs, {
+      o.value.componentInstance = x;
+    }), t.expose(x), () => v(re, null, [v("div", Ve(t.attrs, {
       ref: o,
-      class: F.value,
+      class: P.value,
       id: e.id
-    }), [p("div", {
-      class: b.value,
-      onMouseenter: v,
-      onMouseleave: P
-    }, [y(), S()])]), u.value && I()]);
+    }), [v("div", {
+      class: m.value,
+      onMouseenter: b,
+      onMouseleave: M
+    }, [h(), T()])]), u.value && k()]);
   }
 });
 function $t(e) {
   const t = a(""), o = a(e.modelValue), l = a(e.data || []), n = a(e.editable);
-  function i(s) {
-    const f = s.split(e.separator).map((d) => [d, !0]), r = new Map(f);
-    return l.value.filter((d) => r.has(d[e.valueField]));
-  }
-  function u(s) {
-    const f = i(s).map((r) => r[e.textField]).join(e.separator);
-    t.value = n.value ? f || s : f;
-  }
-  function c(s) {
-    const f = s.split(e.separator).map((d) => [d, !0]), r = new Map(f);
-    return l.value.filter((d) => r.has(d[e.textField]));
-  }
-  function h() {
-    const { url: s, method: f = "GET", headers: r = {}, body: d = null } = e.remote;
-    fetch(s, { method: f, headers: r, body: d }).then((m) => {
-      if (m.status === 200)
-        return m.json();
-      throw new Error(m.statusText);
-    }).then((m) => {
-      l.value = m;
-    }).catch((m) => {
-      console.error(m);
+  function s(i) {
+    const c = i.split(e.separator).map((p) => [p, !0]), m = new Map(c);
+    return l.value.filter((p) => m.has(p[e.valueField]));
+  }
+  function u(i) {
+    const c = s(i).map((m) => m[e.textField]).join(e.separator);
+    t.value = n.value ? c || i : c;
+  }
+  function r(i) {
+    const c = i.split(e.separator).map((p) => [p, !0]), m = new Map(c);
+    return l.value.filter((p) => m.has(p[e.textField]));
+  }
+  function y(i) {
+    const c = {};
+    return c[e.idField] = i, c[e.textField] = i, [c];
+  }
+  function d(i) {
+    let c = r(i);
+    const m = c && c.length > 0;
+    return n.value && !m && (c = y(i)), c;
+  }
+  function f() {
+    const { url: i, method: c = "GET", headers: m = {}, body: p = null } = e.remote;
+    fetch(i, { method: c, headers: m, body: p }).then((M) => {
+      if (M.status === 200)
+        return M.json();
+      throw new Error(M.statusText);
+    }).then((M) => {
+      l.value = M;
+    }).catch((M) => {
+      console.error(M);
     });
   }
-  return e.remote && h(), W(() => e.data, () => {
+  return e.remote && f(), W(() => e.data, () => {
     l.value = e.data;
-  }), W([l], ([s]) => {
+  }), W([l], ([i]) => {
     if (e.modelValue) {
-      const f = s.find((r) => r[e.valueField] === e.modelValue);
-      f && (t.value = f[e.textField]);
+      const c = i.find((m) => m[e.valueField] === e.modelValue);
+      c && (t.value = c[e.textField]);
     }
-  }), W(() => e.modelValue, (s) => {
-    o.value = s, u(s);
-  }), u(e.modelValue), { dataSource: l, displayText: t, editable: n, modelValue: o, getItemsByDisplayText: c, getItemsByValue: i };
+  }), W(() => e.modelValue, (i) => {
+    o.value = i, u(i);
+  }), u(e.modelValue), { dataSource: l, displayText: t, editable: n, modelValue: o, getItemsByDisplayText: r, getItemsByValue: s, getSelectedItemsByDisplayText: d };
 }
 const te = /* @__PURE__ */ G({
   name: "FComboList",
   props: ae,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const o = a(), {
-      dataSource: l,
-      displayText: n,
-      editable: i,
-      modelValue: u,
-      getItemsByDisplayText: c
-    } = $t(e), h = B(() => e.multiSelect);
-    function s() {
-      !h.value && o.value && o.value.hidePopup();
-    }
-    function f(v) {
-      n.value = v.map((P) => P[e.textField]).join(e.separator), u.value = v.map((P) => P[e.valueField]).join(e.separator), t.emit("update:modelValue", u.value), t.emit("change", v), s();
+    const o = a(), l = a(e.disabled), n = a(e.enableClear), s = a(e.enableSearch), u = a(e.readonly), {
+      dataSource: r,
+      displayText: y,
+      editable: d,
+      modelValue: f,
+      getSelectedItemsByDisplayText: i
+    } = $t(e), c = B(() => e.multiSelect);
+    function m() {
+      !c.value && o.value && o.value.hidePopup();
     }
-    function r(v) {
-      u.value = "", t.emit("update:modelValue", ""), t.emit("clear");
+    function p(S) {
+      y.value = S.map((h) => h[e.textField]).join(e.separator), f.value = S.map((h) => h[e.valueField]).join(e.separator), t.emit("update:modelValue", f.value), t.emit("change", S), m();
     }
-    function d(v) {
-      u.value = v, t.emit("update:modelValue", u.value);
-      const P = {};
-      P[e.idField] = v, P[e.textField] = v, t.emit("change", [P]);
+    function b(S) {
+      f.value = "", t.emit("update:modelValue", ""), t.emit("clear");
     }
-    function b(v) {
-      if (i.value) {
-        d(v);
-        return;
-      }
-      const P = c(v);
-      f(P);
+    function M(S) {
+      const h = i(S);
+      p(h);
     }
-    function m() {
-      return n.value;
+    function P() {
+      return y.value;
     }
     return t.expose({
-      getDisplayText: m
-    }), () => p(ye, {
+      getDisplayText: P
+    }), W([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([S, h, T, k, x]) => {
+      l.value = S, d.value = h, n.value = T, s.value = k, u.value = x;
+    }), () => v(ye, {
       ref: o,
       id: e.id,
-      disable: e.disabled,
-      readonly: e.readonly,
+      disable: l.value,
+      readonly: u.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: i.value,
+      editable: d.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
-      enableClear: e.enableClear,
+      enableClear: n.value,
       maxLength: e.maxLength,
       tabIndex: e.tabIndex,
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? "tag" : "text",
-      modelValue: n.value,
-      "onUpdate:modelValue": (v) => n.value = v,
-      onClear: r,
-      onChange: b
+      modelValue: y.value,
+      "onUpdate:modelValue": (S) => y.value = S,
+      onClear: b,
+      onChange: M
     }, {
-      default: () => [p(rt, {
+      default: () => [v(rt, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
-        dataSource: l.value,
-        selectedValues: u.value,
+        dataSource: r.value,
+        selectedValues: f.value,
         multiSelect: e.multiSelect,
-        enableSearch: e.enableSearch,
-        onSelectionChange: f
+        enableSearch: s.value,
+        height: e.maxHeight,
+        onSelectionChange: p
       }, null)]
     });
   }
 });
 function Nt(e, t, o) {
-  var x;
+  var S;
   const l = o == null ? void 0 : o.checkIsInFixedContextRules(), n = o && o.getStyles && o.getStyles() || "";
-  function i() {
+  function s() {
     return !(t.schema.componentType || l);
   }
   function u() {
     return !1;
   }
-  function c() {
+  function r() {
     return !(t.schema.componentType || l);
   }
-  function h() {
+  function y() {
     return !!l;
   }
-  function s(y) {
-    if (!y)
+  function d(h) {
+    if (!h)
       return null;
-    if (y.schema.type === "Component")
-      return y;
-    const S = s(y.parent);
-    return S || null;
+    if (h.schema.type === "Component")
+      return h;
+    const T = d(h.parent);
+    return T || null;
   }
-  function f(y, S, I) {
+  function f(h, T, k) {
     return !!o && o.canAccepts();
   }
-  function r() {
+  function i() {
     return t.schema.label || t.schema.title || t.schema.name;
   }
-  function d() {
+  function c() {
   }
-  function b(y, S) {
-    S && (o == null || o.onAcceptMovedChildElement(S));
+  function m(h, T) {
+    T && (o == null || o.onAcceptMovedChildElement(T));
   }
-  function m(y, S) {
-    const I = String(y.getAttribute("data-controltype"));
-    return je(I);
+  function p(h, T) {
+    const k = String(h.getAttribute("data-controltype"));
+    return je(k);
   }
-  function v(y) {
-    return y.contents ? y.contents.length : -1;
+  function b(h) {
+    return h.contents ? h.contents.length : -1;
   }
-  function P(y) {
+  function M(h) {
   }
-  const F = {
-    canMove: i(),
+  const P = {
+    canMove: s(),
     canSelectParent: u(),
-    canDelete: c(),
-    canNested: !h(),
+    canDelete: r(),
+    canNested: !y(),
     contents: t.schema.contents,
     elementRef: e,
-    parent: (x = t.parent) == null ? void 0 : x.componentInstance.value,
+    parent: (S = t.parent) == null ? void 0 : S.componentInstance.value,
     schema: t.schema,
     styles: n,
     canAccepts: f,
-    getBelongedComponentInstance: s,
-    getDraggingDisplayText: r,
-    getDragScopeElement: d,
-    onAcceptMovedChildElement: b,
-    onAcceptNewChildElement: m,
-    onAddNewChildElement: v,
-    onChildElementMovedOut: P,
+    getBelongedComponentInstance: d,
+    getDraggingDisplayText: i,
+    getDragScopeElement: c,
+    onAcceptMovedChildElement: m,
+    onAcceptNewChildElement: p,
+    onAddNewChildElement: b,
+    onChildElementMovedOut: M,
     triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved
   };
-  return a(F);
+  return a(P);
 }
 const zt = /* @__PURE__ */ G({
   name: "FComboListDesign",
@@ -2181,7 +2189,7 @@ const zt = /* @__PURE__ */ G({
     const o = a(), l = De("design-item-context"), n = Nt(o, l);
     return ne(() => {
       o.value.componentInstance = n;
-    }), t.expose(n.value), () => p(ye, {
+    }), t.expose(n.value), () => v(ye, {
       ref: o,
       id: e.id,
       disable: e.disabled,