@farris/ui-vue 1.2.7 → 1.2.9

package/components/layout/index.esm.js

@@ -1,36 +1,36 @@
-import { ref as z, computed as j, defineComponent as $, provide as V, createVNode as B, watch as I, inject as E, onMounted as W } from "vue";
+import { ref as C, computed as D, defineComponent as $, provide as V, createVNode as B, watch as I, inject as E, onMounted as W } from "vue";
 import { cloneDeep as ee } from "lodash-es";
 import "bignumber.js";
 const q = {}, Y = {};
 function N(t) {
-  const { properties: e, title: n } = t, o = Object.keys(e).reduce((l, i) => (l[i] = e[i].type === "object" && e[i].properties ? N(e[i]) : ee(e[i].default), l), {});
-  return o.id = `${n}-${Date.now()}`, o;
+  const { properties: e, title: n, ignore: o } = t, r = o && Array.isArray(o), l = Object.keys(e).reduce((s, m) => ((!r || !o.find((w) => w == m)) && (s[m] = e[m].type === "object" && e[m].properties ? N(e[m]) : ee(e[m].default)), s), {});
+  return (!r || !o.find((s) => s == "id")) && (l.id = `${n}-${Date.now()}`), l;
 }
-function T(t, e = {}) {
-  const n = q[t];
-  if (n) {
-    let o = N(n);
+function T(t, e = {}, n) {
+  const o = q[t];
+  if (o) {
+    let r = N(o);
     const l = Y[t];
-    return o = l ? l({ getSchemaByType: T }, o, e) : o, o;
+    return r = l ? l({ getSchemaByType: T }, r, e, n) : r, r;
   }
   return null;
 }
 function te(t, e) {
   const n = N(e);
-  return Object.keys(t).reduce((o, l) => (o[l] = t[l], o), n), n;
+  return Object.keys(t).reduce((o, r) => (o[r] && typeof o[r] == "object" ? Object.assign(o[r], t[r]) : o[r] = t[r], o), n), n;
 }
 function ne(t, e) {
-  return Object.keys(t).filter((o) => t[o] != null).reduce((o, l) => {
-    if (e.has(l)) {
-      const i = e.get(l);
-      if (typeof i == "string")
-        o[i] = t[l];
+  return Object.keys(t).filter((o) => t[o] != null).reduce((o, r) => {
+    if (e.has(r)) {
+      const l = e.get(r);
+      if (typeof l == "string")
+        o[l] = t[r];
       else {
-        const f = i(l, t[l], t);
-        Object.assign(o, f);
+        const s = l(r, t[r], t);
+        Object.assign(o, s);
       }
     } else
-      o[l] = t[l];
+      o[r] = t[r];
     return o;
   }, {});
 }
@@ -39,72 +39,72 @@ function oe(t, e, n = /* @__PURE__ */ new Map()) {
   return ne(o, n);
 }
 function ae(t = {}) {
-  function e(a, p, c, v) {
+  function e(a, p, c, g) {
     if (typeof c == "number")
-      return v[a].length === c;
+      return g[a].length === c;
     if (typeof c == "object") {
-      const P = Object.keys(c)[0], O = c[P];
-      if (P === "not")
-        return Number(v[a].length) !== Number(O);
-      if (P === "moreThan")
-        return Number(v[a].length) >= Number(O);
-      if (P === "lessThan")
-        return Number(v[a].length) <= Number(O);
+      const O = Object.keys(c)[0], S = c[O];
+      if (O === "not")
+        return Number(g[a].length) !== Number(S);
+      if (O === "moreThan")
+        return Number(g[a].length) >= Number(S);
+      if (O === "lessThan")
+        return Number(g[a].length) <= Number(S);
     }
     return !1;
   }
-  function n(a, p, c, v) {
-    return v[a] && v[a].propertyValue && String(v[a].propertyValue.value) === String(c);
+  function n(a, p, c, g) {
+    return g[a] && g[a].propertyValue && String(g[a].propertyValue.value) === String(c);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
   Object.keys(t).reduce((a, p) => (a.set(p, t[p]), a), o);
-  function l(a, p) {
+  function r(a, p) {
     const c = a;
-    return typeof p == "number" ? [{ target: c, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: c, operator: "getProperty", param: a, value: !!p }] : typeof p == "object" ? Object.keys(p).map((v) => {
-      if (v === "length")
-        return { target: c, operator: "length", param: null, value: p[v] };
-      const P = v, O = p[v];
-      return { target: c, operator: "getProperty", param: P, value: O };
+    return typeof p == "number" ? [{ target: c, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: c, operator: "getProperty", param: a, value: !!p }] : typeof p == "object" ? Object.keys(p).map((g) => {
+      if (g === "length")
+        return { target: c, operator: "length", param: null, value: p[g] };
+      const O = g, S = p[g];
+      return { target: c, operator: "getProperty", param: O, value: S };
     }) : [];
   }
-  function i(a) {
-    return Object.keys(a).reduce((c, v) => {
-      const P = l(v, a[v]);
-      return c.push(...P), c;
+  function l(a) {
+    return Object.keys(a).reduce((c, g) => {
+      const O = r(g, a[g]);
+      return c.push(...O), c;
     }, []);
   }
-  function f(a, p) {
+  function s(a, p) {
     if (o.has(a.operator)) {
       const c = o.get(a.operator);
       return c && c(a.target, a.param, a.value, p) || !1;
     }
     return !1;
   }
-  function b(a, p) {
-    return i(a).reduce((P, O) => P && f(O, p), !0);
+  function m(a, p) {
+    return l(a).reduce((O, S) => O && s(S, p), !0);
   }
-  function S(a, p) {
-    const c = Object.keys(a), v = c.includes("allOf"), P = c.includes("anyOf"), O = v || P, u = (O ? a[O ? v ? "allOf" : "anyOf" : "allOf"] : [a]).map((d) => b(d, p));
-    return v ? !u.includes(!1) : u.includes(!0);
+  function w(a, p) {
+    const c = Object.keys(a), g = c.includes("allOf"), O = c.includes("anyOf"), S = g || O, u = (S ? a[S ? g ? "allOf" : "anyOf" : "allOf"] : [a]).map((h) => m(h, p));
+    return g ? !u.includes(!1) : u.includes(!0);
   }
-  return { parseValueSchema: S };
+  return { parseValueSchema: w };
 }
-const re = {}, le = {};
+const ie = {}, re = {};
 ae();
-function X(t, e, n = /* @__PURE__ */ new Map(), o = (f, b, S) => b, l = {}, i = (f) => f) {
-  return q[e.title] = e, Y[e.title] = o, re[e.title] = l, le[e.title] = i, (f = {}) => {
-    const b = oe(f, e, n), S = Object.keys(t).reduce((a, p) => (a[p] = t[p].default, a), {});
-    return Object.assign(S, b);
+function X(t, e, n = /* @__PURE__ */ new Map(), o = (s, m, w) => m, r = {}, l = (s) => s) {
+  return q[e.title] = e, Y[e.title] = o, ie[e.title] = r, re[e.title] = l, (s = {}) => {
+    const m = oe(s, e, n), w = Object.keys(t).reduce((a, p) => (a[p] = t[p].default, a), {});
+    return Object.assign(w, m);
   };
 }
-function ie(t, e) {
+function le(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
 const _ = /* @__PURE__ */ new Map([
-  ["appearance", ie]
+  ["appearance", le]
 ]);
 function J(t, e, n) {
   return e;
@@ -209,92 +209,92 @@ const se = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-
   customClass: { type: String, defaut: "" }
 }, G = X(L, de, _, J, ze);
 function Q(t) {
-  const e = z(-1), n = z(-1), o = z(0), l = z(0), i = z(!1), f = z(!1), b = j(() => ({
-    display: i.value ? "block" : "none",
+  const e = C(-1), n = C(-1), o = C(0), r = C(0), l = C(!1), s = C(!1), m = D(() => ({
+    display: l.value ? "block" : "none",
     left: `${o.value}px`,
     cursor: "e-resize"
-  })), S = j(() => ({
-    display: f.value ? "block" : "none",
-    top: `${l.value}px`,
+  })), w = D(() => ({
+    display: s.value ? "block" : "none",
+    top: `${r.value}px`,
     cursor: "n-resize"
-  })), a = j(() => ({
-    display: f.value || i.value ? "block" : "none"
+  })), a = D(() => ({
+    display: s.value || l.value ? "block" : "none"
   }));
-  function p(g, u, m, d) {
+  function p(b, u, d, h) {
     const H = t.value;
     if (H) {
-      const { left: h, right: r, width: y } = H.getBoundingClientRect();
-      let s = g.clientX - h;
-      d === "right" && (s = r - g.clientX), s > u && (s = u), s < m && (s = m), d === "right" && (s = y - s), o.value = s;
+      const { left: v, right: i, width: y } = H.getBoundingClientRect();
+      let f = b.clientX - v;
+      h === "right" && (f = i - b.clientX), f > u && (f = u), f < d && (f = d), h === "right" && (f = y - f), o.value = f;
     }
   }
-  function c(g, u, m, d) {
+  function c(b, u, d, h) {
     const H = t.value;
     if (H) {
-      const { top: h, bottom: r, height: y } = H.getBoundingClientRect();
-      let s = g.clientY - h;
-      d === "bottom" && (s = r - g.clientY), s > u && (s = u), s < m && (s = m), d === "bottom" && (s = y - s), l.value = s;
+      const { top: v, bottom: i, height: y } = H.getBoundingClientRect();
+      let f = b.clientY - v;
+      h === "bottom" && (f = i - b.clientY), f > u && (f = u), f < d && (f = d), h === "bottom" && (f = y - f), r.value = f;
     }
   }
-  function v() {
-    const g = t.value;
-    if (g) {
-      const { width: u, height: m } = g.getBoundingClientRect();
-      return { width: u, height: m };
+  function g() {
+    const b = t.value;
+    if (b) {
+      const { width: u, height: d } = b.getBoundingClientRect();
+      return { width: u, height: d };
     }
     return null;
   }
-  function P() {
-    const g = t.value;
-    return g ? Array.from(g.querySelectorAll("[data-position]")).reduce((u, m) => {
-      const d = m.getAttribute("data-position");
-      return u = Object.assign(u, { [d]: m }), u;
+  function O() {
+    const b = t.value;
+    return b ? Array.from(b.querySelectorAll("[data-position]")).reduce((u, d) => {
+      const h = d.getAttribute("data-position");
+      return u = Object.assign(u, { [h]: d }), u;
     }, {}) : null;
   }
-  function O(g, u) {
-    const m = v(), d = P();
-    if (m && d) {
-      const H = d == null ? void 0 : d.right, h = d == null ? void 0 : d.left;
-      if (g === "left" && h)
-        return H ? m.width - H.clientWidth - u : m.width - u;
-      if (g === "right" && H)
-        return h ? m.width - h.clientWidth - u : m.width - u;
+  function S(b, u) {
+    const d = g(), h = O();
+    if (d && h) {
+      const H = h == null ? void 0 : h.right, v = h == null ? void 0 : h.left;
+      if (b === "left" && v)
+        return H ? d.width - H.clientWidth - u : d.width - u;
+      if (b === "right" && H)
+        return v ? d.width - v.clientWidth - u : d.width - u;
     }
   }
-  function w(g, u) {
-    const m = v(), d = P();
-    if (m && d) {
-      const H = d == null ? void 0 : d.bottom, h = d == null ? void 0 : d.top;
-      if (g === "top" && h)
-        return H ? m.height - H.clientHeight - u : m.height - u;
-      if (g === "bottom" && H)
-        return h ? m.height - h.clientHeight - u : m.height - u;
+  function P(b, u) {
+    const d = g(), h = O();
+    if (d && h) {
+      const H = h == null ? void 0 : h.bottom, v = h == null ? void 0 : h.top;
+      if (b === "top" && v)
+        return H ? d.height - H.clientHeight - u : d.height - u;
+      if (b === "bottom" && H)
+        return v ? d.height - v.clientHeight - u : d.height - u;
     }
   }
   return {
-    horizontalResizeHandleStyle: b,
-    verticalResizeHandleStyle: S,
+    horizontalResizeHandleStyle: m,
+    verticalResizeHandleStyle: w,
     resizeOverlayStyle: a,
-    showHorizontalResizeHandle: i,
-    showVerticalResizeHandle: f,
+    showHorizontalResizeHandle: l,
+    showVerticalResizeHandle: s,
     horizontalResizeBarPosition: e,
     verticalResizeBarPosition: n,
-    verticalResizeHandleOffset: l,
+    verticalResizeHandleOffset: r,
     horizontalResizeHandleOffset: o,
     draggingHorizontalResizeHandle: p,
     draggingVerticalResizeHandle: c,
-    getPanelMaxHeight: w,
-    getPanelMaxWidth: O
+    getPanelMaxHeight: P,
+    getPanelMaxWidth: S
   };
 }
 const Ce = ["moz", "ms", "webkit"];
 function we() {
   let t = 0;
   return (e) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), l = setTimeout(() => {
+    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), r = setTimeout(() => {
       e(n + o);
     }, o);
-    return t = n + o, l;
+    return t = n + o, r;
   };
 }
 function Pe() {
@@ -306,50 +306,50 @@ function Pe() {
   return t ? window[`${t}RequestAnimationFrame`] : we();
 }
 Pe();
-function Se(t, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, l) => (l && (o[l] = !0), o), t), t;
-}
 function Oe(t, e) {
-  return ((e == null ? void 0 : e.split(";")) || []).reduce((o, l) => {
-    if (l) {
-      const i = l.split(":");
-      o[i[0]] = i[1];
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, r) => (r && (o[r] = !0), o), t), t;
+}
+function Se(t, e) {
+  return ((e == null ? void 0 : e.split(";")) || []).reduce((o, r) => {
+    if (r) {
+      const l = r.split(":");
+      o[l[0]] = l[1];
     }
     return o;
   }, t), t;
 }
-const R = /* @__PURE__ */ $({
+const A = /* @__PURE__ */ $({
   name: "FLayout",
   props: L,
   emits: [],
   setup(t, e) {
-    const n = z(), o = Q(n), {
-      horizontalResizeHandleStyle: l,
-      verticalResizeHandleStyle: i,
-      resizeOverlayStyle: f
+    const n = C(), o = Q(n), {
+      horizontalResizeHandleStyle: r,
+      verticalResizeHandleStyle: l,
+      resizeOverlayStyle: s
     } = o;
     V("layout", {
       useResizeHandleComposition: o
     });
-    const b = j(() => Se({
+    const m = D(() => Oe({
       "f-layout": !0
-    }, t == null ? void 0 : t.customClass)), S = j(() => Oe({}, t == null ? void 0 : t.customStyle));
+    }, t == null ? void 0 : t.customClass)), w = D(() => Se({}, t == null ? void 0 : t.customStyle));
     return () => B("div", {
-      class: b.value,
-      style: S.value,
+      class: m.value,
+      style: w.value,
       ref: n
     }, [e.slots.default && e.slots.default(), B("div", {
       class: "f-layout-resize-overlay",
-      style: f.value
+      style: s.value
     }, null), B("div", {
       class: "f-layout-horizontal-resize-proxy",
-      style: l.value
+      style: r.value
     }, null), B("div", {
       class: "f-layout-vertical-resize-proxy",
-      style: i.value
+      style: l.value
     }, null)]);
   }
-}), He = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/layout-pane.schema.json", Be = "layout-pane", De = "A Farris Container Component", je = "object", Re = {
+}), He = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/layout-pane.schema.json", je = "layout-pane", Be = "A Farris Container Component", De = "object", Ae = {
   id: {
     description: "The unique identifier for a layout pane",
     type: "string"
@@ -412,13 +412,13 @@ const R = /* @__PURE__ */ $({
     type: "number",
     default: !0
   }
-}, Ae = {
+}, Re = {
   $schema: He,
   $id: Me,
-  title: Be,
-  description: De,
-  type: je,
-  properties: Re
+  title: je,
+  description: Be,
+  type: De,
+  properties: Ae
 }, Ee = "layout-pane", $e = "A Farris Container Component", Te = "object", ke = {
   basic: {
     description: "Basic Infomation",
@@ -538,99 +538,99 @@ const R = /* @__PURE__ */ $({
   minWidth: { type: Number, default: 100 },
   /** 面板最小高度 */
   minHeight: { type: Number, default: 100 }
-}, U = X(F, Ae, _, J, Ne);
-function Z(t, e, n, o, l) {
+}, U = X(F, Re, _, J, Ne);
+function Z(t, e, n, o, r) {
   const {
-    horizontalResizeBarPosition: i,
-    horizontalResizeHandleOffset: f,
-    showHorizontalResizeHandle: b,
-    showVerticalResizeHandle: S,
+    horizontalResizeBarPosition: l,
+    horizontalResizeHandleOffset: s,
+    showHorizontalResizeHandle: m,
+    showVerticalResizeHandle: w,
     verticalResizeBarPosition: a,
     verticalResizeHandleOffset: p,
     draggingHorizontalResizeHandle: c,
-    draggingVerticalResizeHandle: v,
-    getPanelMaxHeight: P,
-    getPanelMaxWidth: O
-  } = l;
-  let w = "", g, u, m;
-  function d(r) {
-    if ((w === "left" || w === "right") && u) {
-      const { left: y } = u.getBoundingClientRect(), { width: s } = g.getBoundingClientRect(), D = r.clientX - y;
-      let C = w === "left" ? (s || 0) + (D - i.value) : (s || 0) - (D - i.value);
-      C = n.value > 0 ? Math.max(n.value, C) : C;
-      const M = O(w, n.value);
-      M != null && (C = M > C ? C : M), t.value = C;
+    draggingVerticalResizeHandle: g,
+    getPanelMaxHeight: O,
+    getPanelMaxWidth: S
+  } = r;
+  let P = "", b, u, d;
+  function h(i) {
+    if ((P === "left" || P === "right") && u) {
+      const { left: y } = u.getBoundingClientRect(), { width: f } = b.getBoundingClientRect(), j = i.clientX - y;
+      let z = P === "left" ? (f || 0) + (j - l.value) : (f || 0) - (j - l.value);
+      z = n.value > 0 ? Math.max(n.value, z) : z;
+      const M = S(P, n.value);
+      M != null && (z = M > z ? z : M), t.value = z;
     }
-    if ((w === "top" || w === "bottom") && u) {
-      const { top: y } = u.getBoundingClientRect(), { height: s } = g.getBoundingClientRect(), D = r.clientY - y;
-      let C = w === "top" ? (s || 0) + (D - a.value) : (s || 0) - (D - a.value);
-      C = o.value > 0 ? Math.max(o.value, C) : C;
-      const M = P(w, o.value);
-      M != null && (C = M > C ? C : M), e.value = C;
+    if ((P === "top" || P === "bottom") && u) {
+      const { top: y } = u.getBoundingClientRect(), { height: f } = b.getBoundingClientRect(), j = i.clientY - y;
+      let z = P === "top" ? (f || 0) + (j - a.value) : (f || 0) - (j - a.value);
+      z = o.value > 0 ? Math.max(o.value, z) : z;
+      const M = O(P, o.value);
+      M != null && (z = M > z ? z : M), e.value = z;
     }
-    f.value = 0, p.value = 0, i.value = -1, a.value = -1, b.value = !1, S.value = !1, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", d), document.body.style.userSelect = "", w = "", g = null, u = null;
-  }
-  function H(r, y, s) {
-    if (w = y, g = s, b.value = !0, u = r.composedPath().find((C) => (C.className || "").split(" ")[0] === "f-layout"), u) {
-      const { left: C } = u.getBoundingClientRect(), M = r.clientX - C;
-      f.value = M, i.value = M;
-      const A = O(w, n.value) || 0;
-      m = (x) => c(x, A, n.value, w), document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
+    s.value = 0, p.value = 0, l.value = -1, a.value = -1, m.value = !1, w.value = !1, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", h), document.body.style.userSelect = "", P = "", b = null, u = null;
+  }
+  function H(i, y, f) {
+    if (P = y, b = f, m.value = !0, u = i.composedPath().find((z) => (z.className || "").split(" ")[0] === "f-layout"), u) {
+      const { left: z } = u.getBoundingClientRect(), M = i.clientX - z;
+      s.value = M, l.value = M;
+      const R = S(P, n.value) || 0;
+      d = (K) => c(K, R, n.value, P), document.addEventListener("mousemove", d), document.addEventListener("mouseup", h), document.body.style.userSelect = "none";
     }
   }
-  function h(r, y, s) {
-    if (w = y, g = s, S.value = !0, u = r.composedPath().find((C) => (C.className || "").split(" ")[0] === "f-layout"), u) {
-      const { top: C } = u.getBoundingClientRect();
-      p.value = r.clientY - C, a.value = r.clientY - C;
-      const M = P(w, o.value) || 0;
-      m = (A) => v(A, M, o.value, w), document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
+  function v(i, y, f) {
+    if (P = y, b = f, w.value = !0, u = i.composedPath().find((z) => (z.className || "").split(" ")[0] === "f-layout"), u) {
+      const { top: z } = u.getBoundingClientRect();
+      p.value = i.clientY - z, a.value = i.clientY - z;
+      const M = O(P, o.value) || 0;
+      d = (R) => g(R, M, o.value, P), document.addEventListener("mousemove", d), document.addEventListener("mouseup", h), document.body.style.userSelect = "none";
     }
   }
-  return { onClickHorizontalResizeBar: H, onClickVerticalResizeBar: h };
+  return { onClickHorizontalResizeBar: H, onClickVerticalResizeBar: v };
 }
 const k = /* @__PURE__ */ $({
   name: "FLayoutPane",
   props: F,
   emits: [],
   setup(t, e) {
-    const n = z(t.minHeight <= 0 ? 100 : t.minHeight), o = z(t.minWidth <= 0 ? 100 : t.minWidth), l = z(t.width <= 0 ? 100 : t.width), i = z(t.height <= 100 ? 100 : t.height), f = z(Math.max(n.value, i.value)), b = z(Math.max(o.value, l.value)), S = z(), a = z(t.position), p = z(t.resizable);
-    I(() => t.resizable, (h) => {
-      p.value = h;
+    const n = C(t.minHeight <= 0 ? 100 : t.minHeight), o = C(t.minWidth <= 0 ? 100 : t.minWidth), r = C(t.width <= 0 ? 100 : t.width), l = C(t.height <= 100 ? 100 : t.height), s = C(Math.max(n.value, l.value)), m = C(Math.max(o.value, r.value)), w = C(), a = C(t.position), p = C(t.resizable);
+    I(() => t.resizable, (v) => {
+      p.value = v;
     });
     const c = E("layout"), {
-      useResizeHandleComposition: v
-    } = c, P = Z(b, f, o, n, v), {
-      onClickHorizontalResizeBar: O,
-      onClickVerticalResizeBar: w
-    } = P, g = j(() => ({
+      useResizeHandleComposition: g
+    } = c, O = Z(m, s, o, n, g), {
+      onClickHorizontalResizeBar: S,
+      onClickVerticalResizeBar: P
+    } = O, b = D(() => ({
       "f-layout-resize-bar": !0,
       "f-layout-resize-bar-e": a.value === "left",
       "f-layout-resize-bar-n": a.value === "bottom",
       "f-layout-resize-bar-s": a.value === "top",
       "f-layout-resize-bar-w": a.value === "right"
-    })), u = j(() => a.value !== "center" && p.value);
-    function m(h, r) {
-      (r === "left" || r === "right") && O(h, r, S.value), (r === "top" || r === "bottom") && w(h, r, S.value);
+    })), u = D(() => a.value !== "center" && p.value);
+    function d(v, i) {
+      (i === "left" || i === "right") && S(v, i, w.value), (i === "top" || i === "bottom") && P(v, i, w.value);
     }
-    const d = j(() => {
-      const h = {
+    const h = D(() => {
+      const v = {
         "f-layout-pane": !0,
         "f-page-content-nav": a.value === "left" || a.value === "right",
         "f-page-content-main": a.value === "center"
       };
-      return t.customClass && String(t.customClass).split(" ").reduce((r, y) => (r[y] = !0, r), h), h;
-    }), H = j(() => {
-      const h = {};
-      return (b.value && a.value === "left" || a.value === "right") && (h.width = `${b.value}px`), (f.value && a.value === "bottom" || a.value === "top") && (h.height = `${f.value}px`), t.visible || (h.display = "none"), h;
+      return t.customClass && String(t.customClass).split(" ").reduce((i, y) => (i[y] = !0, i), v), v;
+    }), H = D(() => {
+      const v = {};
+      return (m.value && a.value === "left" || a.value === "right") && (v.width = `${m.value}px`), (s.value && a.value === "bottom" || a.value === "top") && (v.height = `${s.value}px`), t.visible || (v.display = "none"), v;
     });
     return () => B("div", {
-      ref: S,
-      class: d.value,
+      ref: w,
+      class: h.value,
       style: H.value,
       "data-position": a.value
     }, [e.slots.default && e.slots.default(), u.value && B("span", {
-      class: g.value,
-      onMousedown: (h) => m(h, a.value)
+      class: b.value,
+      onMousedown: (v) => d(v, a.value)
     }, null)]);
   }
 });
@@ -640,17 +640,17 @@ function Le(t, e) {
   }
   return { canAccepts: n };
 }
-function K(t, e, n) {
-  var h;
+function x(t, e, n) {
+  var v;
   function o() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
   o();
-  const l = n && n.getStyles && n.getStyles() || "", i = n && n.getDesignerClass && n.getDesignerClass() || "", f = z();
-  function b() {
+  const r = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", s = C();
+  function m() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function S() {
+  function w() {
     return !1;
   }
   function a() {
@@ -659,75 +659,75 @@ function K(t, e, n) {
   function p() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function c(r) {
-    if (!r || !r.value)
+  function c(i) {
+    if (!i || !i.value)
       return null;
-    if (r.value.schema && r.value.schema.type === "component")
-      return r.value;
-    const y = z(r == null ? void 0 : r.value.parent), s = c(y);
-    return s || null;
+    if (i.value.schema && i.value.schema.type === "component")
+      return i.value;
+    const y = C(i == null ? void 0 : i.value.parent), f = c(y);
+    return f || null;
   }
-  function v(r = e) {
-    const { componentInstance: y, designerItemElementRef: s } = r;
-    return !y || !y.value ? null : y.value.canMove ? s : v(r.parent);
+  function g(i = e) {
+    const { componentInstance: y, designerItemElementRef: f } = i;
+    return !y || !y.value ? null : y.value.canMove ? f : g(i.parent);
   }
-  function P(r) {
-    return !!n && n.canAccepts(r);
+  function O(i) {
+    return !!n && n.canAccepts(i);
   }
-  function O() {
+  function S() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function w() {
+  function P() {
   }
-  function g(r, y) {
+  function b(i, y) {
     y && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(y);
   }
-  function u(r) {
-    const { componentType: y } = r;
-    let s = T(y, r);
-    n && n.onResolveNewComponentSchema && (s = n.onResolveNewComponentSchema(r, s));
-    const D = y.toLowerCase().replace("-", "_");
-    return s && !s.id && s.type === y && (s.id = `${D}_${Math.random().toString().slice(2, 6)}`), s;
+  function u(i, y) {
+    const { componentType: f } = i;
+    let j = T(f, i, y);
+    n && n.onResolveNewComponentSchema && (j = n.onResolveNewComponentSchema(i, j));
+    const z = f.toLowerCase().replace("-", "_");
+    return j && !j.id && j.type === f && (j.id = `${z}_${Math.random().toString().slice(2, 6)}`), j;
   }
-  function m(r, y) {
-    const s = String(r.getAttribute("data-controltype")), D = r.getAttribute("data-feature"), C = D ? JSON.parse(D) : {};
-    C.parentComponentInstance = f.value;
-    let M = T(s, C);
-    n && n.onAcceptNewChildElement && (M = n.onAcceptNewChildElement(r, y, M));
-    const A = s.toLowerCase().replace("-", "_");
-    return M && !M.id && M.type === s && (M.id = `${A}_${Math.random().toString().slice(2, 6)}`), M;
+  function d(i, y) {
+    const f = String(i.getAttribute("data-controltype")), j = i.getAttribute("data-feature"), z = j ? JSON.parse(j) : {};
+    z.parentComponentInstance = s.value;
+    let M = T(f, z);
+    n && n.onAcceptNewChildElement && (M = n.onAcceptNewChildElement(i, y, M));
+    const R = f.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === f && (M.id = `${R}_${Math.random().toString().slice(2, 6)}`), M;
   }
-  function d(r) {
+  function h(i) {
   }
-  function H(...r) {
+  function H(...i) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...r);
+      return n.getPropsConfig(...i);
   }
-  return f.value = {
-    canMove: b(),
-    canSelectParent: S(),
+  return s.value = {
+    canMove: m(),
+    canSelectParent: w(),
     canDelete: a(),
     canNested: !p(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (h = e == null ? void 0 : e.parent) == null ? void 0 : h.componentInstance,
+    parent: (v = e == null ? void 0 : e.parent) == null ? void 0 : v.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: l,
-    designerClass: i,
-    canAccepts: P,
+    styles: r,
+    designerClass: l,
+    canAccepts: O,
     getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: v,
-    getDraggingDisplayText: O,
+    getDraggableDesignItemElement: g,
+    getDraggingDisplayText: S,
     getPropConfig: H,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: m,
-    onChildElementMovedOut: d,
+    getDragScopeElement: P,
+    onAcceptMovedChildElement: b,
+    onAcceptNewChildElement: d,
+    onChildElementMovedOut: h,
     addNewChildComponentSchema: u,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || z(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || z(!1)
-  }, f;
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || C(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || C(!1)
+  }, s;
 }
 const Fe = /* @__PURE__ */ $({
   name: "FLayoutDesign",
@@ -735,18 +735,18 @@ const Fe = /* @__PURE__ */ $({
   emits: [],
   setup(t, e) {
     var p;
-    const n = z(), o = E("design-item-context"), l = Le(o.schema, (p = o.parent) == null ? void 0 : p.schema), i = K(n, o, l);
-    i.value.canNested = !1;
-    const f = Q(n), {
-      horizontalResizeHandleStyle: b,
-      verticalResizeHandleStyle: S,
+    const n = C(), o = E("design-item-context"), r = Le(o.schema, (p = o.parent) == null ? void 0 : p.schema), l = x(n, o, r);
+    l.value.canNested = !1;
+    const s = Q(n), {
+      horizontalResizeHandleStyle: m,
+      verticalResizeHandleStyle: w,
       resizeOverlayStyle: a
-    } = f;
+    } = s;
     return V("layout", {
-      useResizeHandleComposition: f
+      useResizeHandleComposition: s
     }), W(() => {
-      n.value.componentInstance = i;
-    }), e.expose(i.value), () => B("div", {
+      n.value.componentInstance = l;
+    }), e.expose(l.value), () => B("div", {
       class: "f-layout f-page-content",
       ref: n
     }, [e.slots.default && e.slots.default(), B("div", {
@@ -754,25 +754,25 @@ const Fe = /* @__PURE__ */ $({
       style: a.value
     }, null), B("div", {
       class: "f-layout-horizontal-resize-proxy",
-      style: b.value
+      style: m.value
     }, null), B("div", {
       class: "f-layout-vertical-resize-proxy",
-      style: S.value
+      style: w.value
     }, null)]);
   }
 });
 function Ve() {
   function t(e) {
-    var l, i;
+    var r, l;
     if (!e)
       return !1;
-    const n = ((l = e.targetContainer) == null ? void 0 : l.componentInstance) && e.targetContainer.componentInstance.value;
+    const n = ((r = e.targetContainer) == null ? void 0 : r.componentInstance) && e.targetContainer.componentInstance.value;
     if (!n)
       return !1;
-    const o = (i = n.schema.appearance) == null ? void 0 : i.class;
+    const o = (l = n.schema.appearance) == null ? void 0 : l.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const f = n.schema.type, b = (f === "response-form" || f === "content-container") && o && o.includes("farris-form");
-      if (n.schema.type !== "response-layout-item" && !b)
+      const s = n.schema.type, m = (s === "response-form" || s === "content-container") && o && o.includes("farris-form");
+      if (n.schema.type !== "response-layout-item" && !m)
         return !1;
     }
     return e.controlType !== "field-set";
@@ -782,83 +782,83 @@ function Ve() {
   };
 }
 function We(t, e) {
-  function n(i) {
-    return !!Ve().basalDragulaRuleForContainer(i);
+  function n(l) {
+    return !!Ve().basalDragulaRuleForContainer(l);
   }
-  function o(i, f, b) {
-    return b;
+  function o(l, s, m) {
+    return m;
   }
-  function l() {
-    const i = ["f-layout-pane"];
-    return (t.position === "left" || t.position === "right") && i.push("f-page-content-nav"), t.position === "center" && i.push("f-page-content-main"), i.join(" ");
+  function r() {
+    const l = ["f-layout-pane"];
+    return (t.position === "left" || t.position === "right") && l.push("f-page-content-nav"), t.position === "center" && l.push("f-page-content-main"), l.join(" ");
   }
-  return { canAccepts: n, getDesignerClass: l, onAcceptNewChildElement: o };
+  return { canAccepts: n, getDesignerClass: r, onAcceptNewChildElement: o };
 }
 const qe = /* @__PURE__ */ $({
   name: "FLayoutPaneDesign",
   props: F,
   emits: [],
   setup(t, e) {
-    var h;
-    const n = z(), o = z(), l = E("design-item-context"), i = We(l.schema, (h = l.parent) == null ? void 0 : h.schema), f = K(o, l, i);
-    f.value.canNested = !1, f.value.canMove = !1, f.value.canDelete = !1, W(() => {
-      o.value.componentInstance = f;
-    }), e.expose(f.value);
-    const b = z(Math.max(t.minHeight, t.height)), S = z(Math.max(t.minWidth, t.width)), a = z(t.minHeight), p = z(t.minWidth), c = z(t.position), v = E("layout"), {
-      useResizeHandleComposition: P
-    } = v, O = Z(S, b, p, a, P), {
-      onClickHorizontalResizeBar: w,
-      onClickVerticalResizeBar: g
-    } = O, u = j(() => ({
+    var v;
+    const n = C(), o = C(), r = E("design-item-context"), l = We(r.schema, (v = r.parent) == null ? void 0 : v.schema), s = x(o, r, l);
+    s.value.canNested = !1, s.value.canMove = !1, s.value.canDelete = !1, W(() => {
+      o.value.componentInstance = s;
+    }), e.expose(s.value);
+    const m = C(Math.max(t.minHeight, t.height)), w = C(Math.max(t.minWidth, t.width)), a = C(t.minHeight), p = C(t.minWidth), c = C(t.position), g = E("layout"), {
+      useResizeHandleComposition: O
+    } = g, S = Z(w, m, p, a, O), {
+      onClickHorizontalResizeBar: P,
+      onClickVerticalResizeBar: b
+    } = S, u = D(() => ({
       "f-layout-resize-bar": !0,
       "f-layout-resize-bar-e": c.value === "left",
       "f-layout-resize-bar-n": c.value === "bottom",
       "f-layout-resize-bar-s": c.value === "top",
       "f-layout-resize-bar-w": c.value === "right"
     }));
-    function m(r, y) {
-      (y === "left" || y === "right") && w(r, y, n.value), (y === "top" || y === "bottom") && g(r, y, n.value);
+    function d(i, y) {
+      (y === "left" || y === "right") && P(i, y, n.value), (y === "top" || y === "bottom") && b(i, y, n.value);
     }
-    const d = j(() => {
-      const r = {
+    const h = D(() => {
+      const i = {
         "f-layout-pane": !0,
         "f-page-content-nav": c.value === "left" || c.value === "right",
         "f-page-content-main": c.value === "center"
       };
-      return t.customClass && String(t.customClass).split(" ").reduce((y, s) => (y[s] = !0, y), r), r;
-    }), H = j(() => {
-      const r = {
+      return t.customClass && String(t.customClass).split(" ").reduce((y, f) => (y[f] = !0, y), i), i;
+    }), H = D(() => {
+      const i = {
         flex: "1"
       };
-      return (S.value && c.value === "left" || c.value === "right") && (r.width = `${S.value}px`), (b.value && c.value === "bottom" || c.value === "top") && (r.height = `${b.value}px`), r;
+      return (w.value && c.value === "left" || c.value === "right") && (i.width = `${w.value}px`), (m.value && c.value === "bottom" || c.value === "top") && (i.height = `${m.value}px`), i;
     });
     return () => B("div", {
       ref: n,
-      class: d.value,
+      class: h.value,
       style: H.value
     }, [B("div", {
       ref: o,
       class: "drag-container",
-      "data-dragref": `${l.schema.id}-container`
+      "data-dragref": `${r.schema.id}-container`
     }, [e.slots.default && e.slots.default()]), B("span", {
       class: u.value,
-      onMousedown: (r) => m(r, c.value)
+      onMousedown: (i) => d(i, c.value)
     }, null)]);
   }
 });
-R.install = (t) => {
-  t.component(R.name, R), t.component(k.name, k);
+A.install = (t) => {
+  t.component(A.name, A), t.component(k.name, k);
 };
-R.register = (t, e, n, o) => {
-  t.layout = R, e.layout = G, t["layout-pane"] = k, e["layout-pane"] = U;
+A.register = (t, e, n, o) => {
+  t.layout = A, e.layout = G, t["layout-pane"] = k, e["layout-pane"] = U;
 };
-R.registerDesigner = (t, e, n) => {
+A.registerDesigner = (t, e, n) => {
   t.layout = Fe, e.layout = G, t["layout-pane"] = qe, e["layout-pane"] = U;
 };
 export {
-  R as FLayout,
+  A as FLayout,
   k as FLayoutPane,
-  R as default,
+  A as default,
   L as layoutProps,
   G as layoutPropsResolver
 };