@farris/ui-vue 1.2.7 → 1.2.8

package/components/response-layout-editor/index.esm.js

@@ -1,10 +1,10 @@
 var Ue = Object.defineProperty;
 var Xe = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Q = (e, t, n) => Xe(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as q, ref as l, watch as O, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Ye, onBeforeMount as fe, createTextVNode as G, Fragment as ue, withModifiers as le, inject as ge, provide as Je, onUnmounted as be, Teleport as Qe, shallowRef as Ze, createApp as _e, render as se, h as Ke, cloneVNode as et, mergeProps as we, reactive as Z } from "vue";
+import { defineComponent as q, ref as l, watch as A, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Ye, onBeforeMount as fe, createTextVNode as G, Fragment as ue, withModifiers as le, inject as ge, provide as Je, onUnmounted as be, Teleport as Qe, shallowRef as Ze, createApp as _e, render as se, h as Ke, cloneVNode as et, mergeProps as we, reactive as Z } from "vue";
 import { cloneDeep as U } from "lodash-es";
-import tt from "@farris/ui-vue/components/list-view";
-import nt from "@farris/ui-vue/components/button-edit";
+import tt from "../list-view/index.esm.js";
+import nt from "../button-edit/index.esm.js";
 const Se = {
   /** 当前控件组别及样式 */
   defaultState: {
@@ -453,7 +453,7 @@ function de(e, t = {}) {
 }
 function pt(e, t) {
   const n = pe(t);
-  return Object.keys(e).reduce((a, o) => (a[o] = e[o], a), n), n;
+  return Object.keys(e).reduce((a, o) => (a[o] && typeof a[o] == "object" ? Object.assign(a[o], e[o]) : a[o] = e[o], a), n), n;
 }
 function vt(e, t) {
   return Object.keys(e).filter((a) => e[a] != null).reduce((a, o) => {
@@ -601,7 +601,7 @@ const Dt = /* @__PURE__ */ q({
   emits: ["mounted", "active"],
   setup(e, t) {
     const n = l(), a = l(e.isActive);
-    O(() => e.isActive, (c) => {
+    A(() => e.isActive, (c) => {
       a.value = c;
     });
     const o = R(() => ({
@@ -650,8 +650,8 @@ const Dt = /* @__PURE__ */ q({
       if (w.has(b.value)) {
         const B = (m = w.get(b.value)) == null ? void 0 : m.value;
         if (B) {
-          const A = B.getBoundingClientRect(), N = a.value.getBoundingClientRect();
-          r.value = A.left - N.left + o + a.value.scrollLeft, d.value = A.width - 2 * o;
+          const O = B.getBoundingClientRect(), H = a.value.getBoundingClientRect();
+          r.value = O.left - H.left + o + a.value.scrollLeft, d.value = O.width - 2 * o;
         }
       }
     }
@@ -663,11 +663,11 @@ const Dt = /* @__PURE__ */ q({
       const m = n.value.findIndex((B) => B.value === b);
       m > -1 && k(n.value[m], !1);
     }
-    O(() => e.modelValue, (b) => {
+    A(() => e.modelValue, (b) => {
       u.value = b, L(u.value);
-    }), O(() => e.items, async (b) => {
+    }), A(() => e.items, async (b) => {
       const m = b.filter((B) => B.show);
-      y(m), n.value = m, await ce(), L(u.value), h.value = Array.from(w.values()).reduce((B, A) => (B += A.value.clientWidth, B), 0);
+      y(m), n.value = m, await ce(), L(u.value), h.value = Array.from(w.values()).reduce((B, O) => (B += O.value.clientWidth, B), 0);
     }), J(async () => {
       L(u.value), await ce(), c.value = "0.1s ease-out all", h.value = Array.from(w.values()).reduce((b, m) => (b += m.value.clientWidth, b), 0);
     });
@@ -679,7 +679,7 @@ const Dt = /* @__PURE__ */ q({
     }
     function y(b) {
       Array.from(w.keys()).forEach((m) => {
-        b.find((A) => A.value === m) || w.delete(m);
+        b.find((O) => O.value === m) || w.delete(m);
       });
     }
     function E(b, m) {
@@ -782,17 +782,17 @@ const Dt = /* @__PURE__ */ q({
     type: "enum",
     default: "medium"
   }
-}, At = [
+}, Ot = [
   "id",
   "type"
-], Ot = {
+], At = {
   $schema: Lt,
   $id: Rt,
   title: Ft,
   description: kt,
   type: $t,
   properties: Wt,
-  required: At
+  required: Ot
 };
 function jt(e, t, n) {
   return t;
@@ -814,7 +814,7 @@ const xe = {
   onModelValueChanged: { type: Function, default: () => {
   } }
 };
-K(xe, Ot, Bt, jt);
+K(xe, At, Bt, jt);
 const Vt = /* @__PURE__ */ q({
   name: "FSwitch",
   props: xe,
@@ -851,9 +851,9 @@ const Vt = /* @__PURE__ */ q({
     function T() {
       n.value || (p.value = !p.value, t.emit("update:modelValue", p.value));
     }
-    return O(p, (w, S) => {
+    return A(p, (w, S) => {
       w !== S && t.emit("modelValueChanged", w);
-    }), O(() => e.modelValue, (w, S) => {
+    }), A(() => e.modelValue, (w, S) => {
       w !== S && (p.value = w);
     }), () => i("span", {
       tabindex: "0",
@@ -905,7 +905,7 @@ const Vt = /* @__PURE__ */ q({
     function v() {
       t.emit("switchInStandardModeChanged", c.value);
     }
-    O(c, () => {
+    A(c, () => {
     }), fe(() => {
       a.value.mode === "standard" ? (c.value = !0, v()) : c.value = !1;
     });
@@ -937,7 +937,7 @@ const Vt = /* @__PURE__ */ q({
       class: "f-layout-editor-show-switch-label"
     }, [G("自定义模式")])])]);
   }
-}), Ht = {
+}), Nt = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 模式开关 */
@@ -946,7 +946,7 @@ const Vt = /* @__PURE__ */ q({
   currentArea: { type: Object, default: [] },
   /** 接受组件列表区传入的二维数组 */
   twoDimensionalArray: { type: Array, default: [] }
-}, Nt = {
+}, Ht = {
   /** 单个组件的预览状态 */
   item: { type: Object, default: {} },
   /** 默认屏幕分辨率对应的英文缩写 */
@@ -955,11 +955,11 @@ const Vt = /* @__PURE__ */ q({
   switchInStandardMode: { type: Boolean, default: !1 }
 }, Pt = /* @__PURE__ */ q({
   name: "FColumnWidthView",
-  props: Nt,
+  props: Ht,
   emits: [],
   setup(e, t) {
     const n = l(e.item), a = l(e.currentScreenResolution), o = R(() => `col-${n.value[`columnIn${a.value}`]}`);
-    return O([() => e.item, () => e.currentScreenResolution], ([u, c], [f, v]) => {
+    return A([() => e.item, () => e.currentScreenResolution], ([u, c], [f, v]) => {
       u !== f && (n.value = u), c !== v && (a.value = c);
     }), () => i("div", {
       class: o.value
@@ -972,13 +972,13 @@ const Vt = /* @__PURE__ */ q({
   }
 }), Gt = /* @__PURE__ */ q({
   name: "FPreview",
-  props: Ht,
+  props: Nt,
   emits: ["update:twoDimensionalArray"],
   setup(e, t) {
     const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.currentArea), u = l(e.twoDimensionalArray), c = l([]);
-    O([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([r, d, h], [g, T, w]) => {
+    A([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([r, d, h], [g, T, w]) => {
       r !== g && (o.value = r), d !== T && (a.value = d), h !== w && (n.value = h);
-    }), O(() => e.twoDimensionalArray, () => {
+    }), A(() => e.twoDimensionalArray, () => {
       u.value = e.twoDimensionalArray, f();
     }), J(() => {
       f();
@@ -1419,7 +1419,7 @@ const an = {
   emits: ["selectionChange"],
   setup(e, t) {
     const n = l(), a = l(e.dataSource), o = l([]), u = l(e.separator), c = l(e.width), f = l(e.maxHeight), v = l(String(e.selectedValues).split(u.value));
-    O(e.dataSource, () => {
+    A(e.dataSource, () => {
       a.value = e.dataSource;
     });
     const s = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), p = R(() => {
@@ -1435,7 +1435,7 @@ const an = {
       let g = [];
       typeof e.searchOption == "function" ? g = a.value.filter((T) => e.searchOption(h, T)) : g = a.value.filter((T) => T[e.valueField].indexOf(h) > -1 || T[e.textField].indexOf(h) > -1), n.value.updateDataSource(g);
     }
-    return O([() => e.selectedValues], ([h]) => {
+    return A([() => e.selectedValues], ([h]) => {
       v.value = h.split(u.value);
     }), () => i("div", {
       class: "f-combo-list-container pl-3",
@@ -1503,14 +1503,14 @@ function on(e) {
       console.error(S);
     });
   }
-  return e.remote && p(), O(() => e.data, () => {
+  return e.remote && p(), A(() => e.data, () => {
     a.value = e.data;
-  }), O([a], ([r]) => {
+  }), A([a], ([r]) => {
     if (e.modelValue) {
       const d = r.find((h) => h[e.valueField] === e.modelValue);
       d && (t.value = d[e.textField]);
     }
-  }), O(() => e.modelValue, (r) => {
+  }), A(() => e.modelValue, (r) => {
     n.value = r, c(r);
   }), c(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: f, getItemsByValue: u, getSelectedItemsByDisplayText: s };
 }
@@ -1550,7 +1550,7 @@ const un = /* @__PURE__ */ q({
     }
     return t.expose({
       getDisplayText: L
-    }), O([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, y, E, b, m]) => {
+    }), A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, y, E, b, m]) => {
       a.value = W, s.value = y, o.value = E, u.value = b, c.value = m;
     }), () => i(nt, {
       ref: n,
@@ -1743,7 +1743,7 @@ const In = /* @__PURE__ */ q({
     function o(u) {
       return `${u.text}${e.suffixValue}`;
     }
-    return O(() => e.enumData, (u, c) => {
+    return A(() => e.enumData, (u, c) => {
       u !== c && (n.value = e.enumData);
     }), () => i("div", {
       class: "f-radio-button"
@@ -1835,7 +1835,7 @@ const Dn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-
   type: Rn,
   properties: Fn,
   required: kn
-}, Wn = "rate", An = "A Farris Component", On = "object", jn = {
+}, Wn = "rate", On = "A Farris Component", An = "object", jn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1859,8 +1859,8 @@ const Dn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-
   }
 }, Vn = {
   title: Wn,
-  description: An,
-  type: On,
+  description: On,
+  type: An,
   categories: jn
 }, zn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Te = {
   /** 星星大小 */
@@ -1896,7 +1896,7 @@ const Dn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-
   modelValue: { type: Number, default: 0 }
 };
 K(Te, $n, xn, En, Vn);
-const Hn = /* @__PURE__ */ q({
+const Nn = /* @__PURE__ */ q({
   name: "FRate",
   props: Te,
   emits: ["selectedValue", "update:modelValue"],
@@ -1920,7 +1920,7 @@ const Hn = /* @__PURE__ */ q({
       let x;
       a.value ? x = Math.ceil(L.value / j) : x = L.value, S.value = (T * L.value + Math.floor(L.value) * b) / j, W = d.value[x - 1];
     }
-    function A() {
+    function O() {
       switch (n.value) {
         case "small":
           T = 14;
@@ -1937,29 +1937,29 @@ const Hn = /* @__PURE__ */ q({
       }
       m(), p.value && (j = c.value / p.value), L.value && B();
     }
-    A();
-    function N(x) {
+    O();
+    function H(x) {
       return x.className.indexOf("f-icon") !== -1;
     }
     function X() {
       return w.value === S.value && o.value && S.value !== 0 ? (S.value = 0, L.value = 0, y = null, w.value = 0, k.value = 0, t.emit("selectedValue", L.value), t.emit("update:modelValue", L.value), !0) : !1;
     }
-    function D(x, $, H) {
+    function D(x, $, N) {
       if (x.movementX || x.movementY) {
         if (u.value)
           return;
         g.value && (W = d.value[$ - 1]), x.offsetX < T / 2 && a.value === !0 ? (w.value = T * $ - T / 2 + b * ($ - 1), k.value = j * $ - j / 2) : (w.value = T * $ + b * ($ - 1), k.value = j * $);
       }
-      if (H === !0) {
+      if (N === !0) {
         if (X())
           return;
         L.value = k.value, S.value = w.value, y = W, t.emit("update:modelValue", L.value), t.emit("selectedValue", L.value);
       }
     }
     function F(x, $) {
-      var H;
-      if (N(x.target) && x.target) {
-        const te = parseInt((H = x.target) == null ? void 0 : H.id);
+      var N;
+      if (H(x.target) && x.target) {
+        const te = parseInt((N = x.target) == null ? void 0 : N.id);
         D(x, te, $);
       }
     }
@@ -1969,7 +1969,7 @@ const Hn = /* @__PURE__ */ q({
     function I() {
       w.value = 0;
     }
-    return O(() => e.modelValue, (x) => {
+    return A(() => e.modelValue, (x) => {
       L.value = x, B();
     }), () => i("div", {
       class: "farris-star-rating",
@@ -2030,7 +2030,7 @@ const Hn = /* @__PURE__ */ q({
       }]
     }, [h.value && i("span", null, [G(" "), z.value, G(" ")]), g.value && (y || W) && i("span", null, [G(" "), W || y])])]);
   }
-}), Nn = /* @__PURE__ */ q({
+}), Hn = /* @__PURE__ */ q({
   name: "FColumnWidthEditor",
   props: sn,
   emits: ["fieldChanged"],
@@ -2053,8 +2053,8 @@ const Hn = /* @__PURE__ */ q({
       if (u.value === !0) {
         const B = Number(m == null ? void 0 : m.text);
         v.value = B;
-        const A = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-        o.value[`columnIn${a.value}`] = B * A, o.value[`displayWidthIn${a.value}`] = Number(B), t.emit("fieldChanged", o.value);
+        const O = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
+        o.value[`columnIn${a.value}`] = B * O, o.value[`displayWidthIn${a.value}`] = Number(B), t.emit("fieldChanged", o.value);
       }
     }
     function k(m) {
@@ -2063,7 +2063,7 @@ const Hn = /* @__PURE__ */ q({
       o.value[`columnIn${a.value}`] = p.value, o.value[`displayWidthIn${a.value}`] = p.value / B, t.emit("fieldChanged", o.value);
     }
     function L() {
-      return i(Hn, {
+      return i(Nn, {
         enableHalf: !0,
         size: "extraLarge",
         pointSystem: 12,
@@ -2081,12 +2081,12 @@ const Hn = /* @__PURE__ */ q({
       const m = [];
       c.value = n == null ? void 0 : n[a.value];
       const B = o.value[`displayWidthIn${a.value}`];
-      return c.value.forEach((A) => {
-        const N = {
-          text: A,
-          active: B.toString() === A
+      return c.value.forEach((O) => {
+        const H = {
+          text: O,
+          active: B.toString() === O
         };
-        m.push(N);
+        m.push(H);
       }), m;
     }
     function W() {
@@ -2140,8 +2140,8 @@ const Hn = /* @__PURE__ */ q({
         class: "f-layout-editor-column-width-editor-label"
       }, [(m = o == null ? void 0 : o.value) == null ? void 0 : m.label]), E()]);
     }
-    return O(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, B, A], [N, X, D]) => {
-      A !== D && (a.value = A, c.value = n[a.value], w()), B !== X && (u.value = B), u.value === !1 && w(), m !== N && (o.value = m);
+    return A(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, B, O], [H, X, D]) => {
+      O !== D && (a.value = O, c.value = n[a.value], w()), B !== X && (u.value = B), u.value === !1 && w(), m !== H && (o.value = m);
     }), J(() => {
       w();
     }), () => i("div", {
@@ -2229,13 +2229,13 @@ const Hn = /* @__PURE__ */ q({
         "text-field": "label",
         data: v.value,
         editable: !1,
-        onChange: N
+        onChange: H
       }, null)])]);
     }
     function b() {
       return i("div", {
         class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [g.value.map((D) => i(Nn, {
+      }, [g.value.map((D) => i(Hn, {
         key: D.label,
         currentScreenResolution: n.value,
         field: D,
@@ -2248,17 +2248,17 @@ const Hn = /* @__PURE__ */ q({
     function m(D) {
       g.value.forEach((F) => {
         F.label == D.label && Object.assign(F, D);
-      }), L(), A(), B();
+      }), L(), O(), B();
     }
     function B() {
       g.value = [], o.value.forEach((D) => {
         D.group === Number(s.value[0].id) && g.value.push(D);
       });
     }
-    function A() {
+    function O() {
       o.value = U(j()), t.emit("originalDataChanged", o.value);
     }
-    function N(D) {
+    function H(D) {
       for (let F = 0; F < D.length; F++)
         s.value = [{
           id: D[F].id,
@@ -2267,20 +2267,20 @@ const Hn = /* @__PURE__ */ q({
       t.emit("update:currentArea", s.value), B(), L();
     }
     const X = Ut(g, () => {
-      L(), A(), B();
+      L(), O(), B();
     });
-    return Je("ResponseLayoutEditorDraggableComposition", X), O(() => e.currentArea, (D, F) => {
+    return Je("ResponseLayoutEditorDraggableComposition", X), A(() => e.currentArea, (D, F) => {
       D !== F && (s.value = e.currentArea, B());
-    }), O(s, (D, F) => {
+    }), A(s, (D, F) => {
       D !== F && B();
-    }), O(() => e.currentGroup, (D, F) => {
+    }), A(() => e.currentGroup, (D, F) => {
       D !== F && (f.value = e.currentGroup);
-    }), O(() => e.currentScreenResolution, (D, F) => {
-      D !== F && (n.value = e.currentScreenResolution, A(), k(), s.value[0] && (g.value = U(r.value[Number(s.value[0].id) - 1])));
-    }), O(() => e.switchInStandardMode, (D, F) => {
+    }), A(() => e.currentScreenResolution, (D, F) => {
+      D !== F && (n.value = e.currentScreenResolution, O(), k(), s.value[0] && (g.value = U(r.value[Number(s.value[0].id) - 1])));
+    }), A(() => e.switchInStandardMode, (D, F) => {
       D !== F && (a.value = e.switchInStandardMode, o.value = U(u.value));
-    }), O(c, (D, F) => {
-      D !== F && A();
+    }), A(c, (D, F) => {
+      D !== F && O();
     }), fe(() => {
       T(), j(), B();
     }), () => i("div", {
@@ -2306,10 +2306,10 @@ const Hn = /* @__PURE__ */ q({
       id: "1",
       label: "区域1"
     }]), s = l([]), p = l(), r = l(e.width), d = l(e.height);
-    O(() => e.initialState, (m) => {
+    A(() => e.initialState, (m) => {
       n.value = m;
-    }), O([() => e.currentArea, () => e.switchInStandardMode], ([m, B], [A, N]) => {
-      m !== A && (v.value = m), B !== N && (f.value = B);
+    }), A([() => e.currentArea, () => e.switchInStandardMode], ([m, B], [O, H]) => {
+      m !== O && (v.value = m), B !== H && (f.value = B);
     });
     function h(m) {
       u.value = m;
@@ -2545,7 +2545,7 @@ const Yn = "https://json-schema.org/draft/2020-12/schema", Jn = "https://farris-
   maxHeight: { type: Number },
   minWidth: { type: Number },
   maxWidth: { type: Number },
-  containment: { type: HTMLElement, default: null },
+  containment: { type: Object, default: null },
   reiszeable: { type: Boolean, default: !1 },
   draggable: { type: Boolean, default: !1 },
   dragHandle: { type: Object, default: null },
@@ -2647,8 +2647,8 @@ function sa(e, t) {
       return;
     const x = P.getTransformInfo(n.value), $ = {};
     v.value && ($.deltaL = n.value.offsetLeft - v.value.x, $.deltaT = n.value.offsetTop - v.value.y);
-    const H = I.getPropertyValue("position");
-    $.width = C.clientWidth, $.height = C.clientHeight, $.pr = parseInt(I.getPropertyValue("padding-right"), 10), $.pb = parseInt(I.getPropertyValue("padding-bottom"), 10), $.position = I.getPropertyValue("position"), H === "static" && (C.style.position = "relative"), $.translateX = x.x, $.translateY = x.y, r.value = $;
+    const N = I.getPropertyValue("position");
+    $.width = C.clientWidth, $.height = C.clientHeight, $.pr = parseInt(I.getPropertyValue("padding-right"), 10), $.pb = parseInt(I.getPropertyValue("padding-bottom"), 10), $.position = I.getPropertyValue("position"), N === "static" && (C.style.position = "relative"), $.translateX = x.x, $.translateY = x.y, r.value = $;
   }
   function S(C) {
     if (n.value) {
@@ -2665,8 +2665,8 @@ function sa(e, t) {
   function k() {
     var C, I, x, $;
     if (n.value) {
-      const H = n.value;
-      s.value && ((s.value.n || s.value.s) && ((C = f.value) != null && C.height) && (H.style.height = f.value.height + "px"), (s.value.w || s.value.e) && ((I = f.value) != null && I.width) && (H.style.width = f.value.width + "px"), v.value && ((x = v.value) != null && x.x && (H.style.left = v.value.x + "px"), ($ = v.value) != null && $.y && (H.style.top = v.value.y + "px")));
+      const N = n.value;
+      s.value && ((s.value.n || s.value.s) && ((C = f.value) != null && C.height) && (N.style.height = f.value.height + "px"), (s.value.w || s.value.e) && ((I = f.value) != null && I.width) && (N.style.width = f.value.width + "px"), v.value && ((x = v.value) != null && x.x && (N.style.left = v.value.x + "px"), ($ = v.value) != null && $.y && (N.style.top = v.value.y + "px")));
     }
   }
   function L() {
@@ -2702,15 +2702,15 @@ function sa(e, t) {
         height: I,
         x,
         y: $
-      } = n.value.getBoundingClientRect(), H = P.getTransformInfo(n.value);
+      } = n.value.getBoundingClientRect(), N = P.getTransformInfo(n.value);
       return {
         size: {
           width: C,
           height: I
         },
         position: {
-          x: x - H.x,
-          y: $ - H.y
+          x: x - N.x,
+          y: $ - N.y
         }
       };
     }
@@ -2729,7 +2729,7 @@ function sa(e, t) {
   function B(C) {
     C instanceof MouseEvent && C.button === 2 || g.value && (C.stopPropagation(), C.preventDefault(), o.value = P.fromEvent(C), p.value = C.target, S(C), m());
   }
-  function A(C) {
+  function O(C) {
     return n.value = C, i(ue, null, [i("div", {
       class: "ng-resizable-handle ng-resizable-n",
       type: "n",
@@ -2764,7 +2764,7 @@ function sa(e, t) {
       onMousedown: (I) => B(I)
     }, null)]);
   }
-  function N(C = !0) {
+  function H(C = !0) {
     const I = a.value || document.body, x = _.getCurrent(I), $ = n.value;
     C && (h.value = E(), h.value.transform = $.style.transform), x && $ && (f.value = x, $.style.height = f.value.height - 14 + "px", $.style.width = f.value.width - 14 + "px", $.style.left = "7px", $.style.top = "7px", $.style.transform = "", d.value = {
       size: f.value,
@@ -2785,8 +2785,8 @@ function sa(e, t) {
         y: (window.innerHeight - x.height) / 2
       };
       (C = f.value) == null || C.set(x), (I = v.value) == null || I.set($);
-      const H = n.value;
-      H.style.height = x.height + "px", H.style.width = x.width + "px", H.style.left = `${$.x}px`, H.style.top = `${$.y}px`, H.style.transform = "", d.value = {
+      const N = n.value;
+      N.style.height = x.height + "px", N.style.width = x.width + "px", N.style.left = `${$.x}px`, N.style.top = `${$.y}px`, N.style.transform = "", d.value = {
         size: x,
         position: $
       }, g.value = e.draggable, T.value = !1;
@@ -2806,7 +2806,7 @@ function sa(e, t) {
   }
   function F() {
     const C = () => {
-      T.value ? N(!1) : D();
+      T.value ? H(!1) : D();
     };
     return window.addEventListener("resize", C), () => {
       window.removeEventListener("resize", C);
@@ -2814,10 +2814,10 @@ function sa(e, t) {
   }
   const z = F();
   return {
-    renderResizeBar: A,
+    renderResizeBar: O,
     boundingElement: a,
     resizedEventParam: d,
-    maximize: N,
+    maximize: H,
     restore: X,
     allowDrag: g,
     isMaximized: T,
@@ -2930,7 +2930,7 @@ const Be = /* @__PURE__ */ q({
       handle: (M) => {
         W(M, !0);
       }
-    }], E = l(e.buttons && e.buttons.length ? e.buttons : y), b = R(() => !!s.value), m = R(() => !!w.value && !!E.value), B = l(), A = l(), N = l(!1), {
+    }], E = l(e.buttons && e.buttons.length ? e.buttons : y), b = R(() => !!s.value), m = R(() => !!w.value && !!E.value), B = l(), O = l(), H = l(!1), {
       renderResizeBar: X,
       maximize: D,
       restore: F,
@@ -2941,26 +2941,26 @@ const Be = /* @__PURE__ */ q({
     } = sa(e), {
       registerDraggle: $
     } = ra(e);
-    O(() => e.title, (M, V) => {
+    A(() => e.title, (M, V) => {
       M !== V && (S.value = M);
-    }), O(() => e.modelValue, (M, V) => {
+    }), A(() => e.modelValue, (M, V) => {
       M !== V && (o.value = M);
-    }), O(() => e.showHeader, (M, V) => {
+    }), A(() => e.showHeader, (M, V) => {
       M !== V && (v.value = M);
-    }), O(() => e.showButtons, (M, V) => {
+    }), A(() => e.showButtons, (M, V) => {
       M !== V && (w.value = M);
-    }), O(() => C.value, (M, V) => {
+    }), A(() => C.value, (M, V) => {
       const ne = M || {}, ae = V || {};
       JSON.stringify(ne) !== JSON.stringify(ae) && t.emit("resize", {
         newSize: M,
         oldSize: V
       });
     });
-    function H() {
+    function N() {
       const M = document.querySelectorAll(".farris-modal").length;
       (!M || M - 1 <= 0) && document.body.classList.remove("modal-open"), j.value && j.value.classList.remove("show");
     }
-    const te = R(() => (o.value ? document.body.classList.add("modal-open") : H(), o.value)), Re = R(() => {
+    const te = R(() => (o.value ? document.body.classList.add("modal-open") : N(), o.value)), Re = R(() => {
       const M = {
         modal: !0,
         "farris-modal": !0,
@@ -2987,11 +2987,11 @@ const Be = /* @__PURE__ */ q({
         display: v.value ? "" : "none"
       };
       return M["pointer-events"] = I.value ? "auto" : "none", M;
-    }), Ae = R(() => ({
+    }), Oe = R(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: N.value
-    })), Oe = R(() => ({
+      modalrevert: H.value
+    })), Ae = R(() => ({
       "modal-body": !0,
       "f-utils-flex-column": h.value === "iframe"
     }));
@@ -3005,25 +3005,25 @@ const Be = /* @__PURE__ */ q({
       return Object.assign(M, V);
     });
     function ze(M) {
-      if (M.stopPropagation(), N.value) {
-        N.value = !1, F();
+      if (M.stopPropagation(), H.value) {
+        H.value = !1, F();
         return;
       }
-      D(), N.value = !0;
+      D(), H.value = !0;
     }
-    async function He(M, V) {
+    async function Ne(M, V) {
       M.handle && await M.handle(V, M) && t.emit("closed", V);
     }
-    function Ne(M) {
+    function He(M) {
       M.width && (n.value = M.width), M.height && (a.value = M.height), M.buttons && (E.value = M.buttons), M.title && (S.value = M.title);
     }
     J(() => {
-      A.value && !L.value && (L.value = A.value.parentElement, z.value = L.value, $(B.value, A.value, z.value)), te.value && document.body.classList.add("modal-open"), ca(e, t);
+      O.value && !L.value && (L.value = O.value.parentElement, z.value = L.value, $(B.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), ca(e, t);
     }), be(() => {
-      H(), x && x();
+      N(), x && x();
     }), t.expose({
-      modalElementRef: A,
-      updateModalOptions: Ne,
+      modalElementRef: O,
+      updateModalOptions: He,
       close: W
     });
     function Pe() {
@@ -3036,7 +3036,7 @@ const Be = /* @__PURE__ */ q({
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [i("span", {
-        class: Ae.value
+        class: Oe.value
       }, null)]), p.value && i("li", {
         class: "f-btn-icon f-bare",
         onClick: (M) => W(M, !1),
@@ -3054,7 +3054,7 @@ const Be = /* @__PURE__ */ q({
         type: "button",
         class: M.class + (M.iconClass ? " btn-icontext" : ""),
         onClick: (V) => {
-          He(M, V);
+          Ne(M, V);
         }
       }, [!!M.iconClass && i("i", {
         class: M.iconClass
@@ -3073,7 +3073,7 @@ const Be = /* @__PURE__ */ q({
           id: u.value,
           class: Fe.value,
           style: ke.value,
-          ref: A
+          ref: O
         }, [i("div", {
           class: $e.value
         }, [i("div", {
@@ -3090,14 +3090,14 @@ const Be = /* @__PURE__ */ q({
         }, [S.value])]), i("div", {
           class: "actions"
         }, [Pe()])]), i("div", {
-          class: Oe.value
+          class: Ae.value
         }, [(V = (M = t.slots).default) == null ? void 0 : V.call(M), h.value === "iframe" && i("iframe", {
           title: u.value,
           class: "f-utils-fill",
           width: "100%",
           frameborder: "0",
           src: g.value
-        }, null)]), m.value && Ge()]), !f.value && k.value && A.value && X(A.value)])])];
+        }, null)]), m.value && Ge()]), !f.value && k.value && O.value && X(O.value)])])];
       }
     });
   }
@@ -3282,9 +3282,9 @@ function fa(e, t, n) {
   function k(y, E) {
     const b = String(y.getAttribute("data-controltype")), m = y.getAttribute("data-feature"), B = m ? JSON.parse(m) : {};
     B.parentComponentInstance = c.value;
-    let A = de(b, B);
-    const N = b.toLowerCase().replace("-", "_");
-    return A && !A.id && A.type === b && (A.id = `${N}_${Math.random().toString().slice(2, 6)}`), A;
+    let O = de(b, B);
+    const H = b.toLowerCase().replace("-", "_");
+    return O && !O.id && O.type === b && (O.id = `${H}_${Math.random().toString().slice(2, 6)}`), O;
   }
   function L(y) {
   }
@@ -3743,7 +3743,7 @@ const re = /* @__PURE__ */ q({
   emits: ["change"],
   setup(e, t) {
     const n = l(e.modelValue), a = l(e.width), o = l(e.height);
-    O(() => e.modelValue, (v) => {
+    A(() => e.modelValue, (v) => {
       n.value = v;
     });
     function u(v, s) {