@farris/ui-vue 1.2.7 → 1.2.8

package/components/list-nav/index.esm.js

@@ -1,35 +1,35 @@
-import { defineComponent as W, ref as N, computed as q, createVNode as P, nextTick as Z, inject as K, onMounted as R } from "vue";
+import { defineComponent as W, ref as N, computed as q, createVNode as P, nextTick as Z, inject as R, onMounted as K } from "vue";
 import { cloneDeep as x } from "lodash-es";
 const _ = {}, G = {};
 function k(n) {
-  const { properties: e, title: t } = n, r = Object.keys(e).reduce((i, d) => (i[d] = e[d].type === "object" && e[d].properties ? k(e[d]) : x(e[d].default), i), {});
+  const { properties: e, title: t } = n, r = Object.keys(e).reduce((s, d) => (s[d] = e[d].type === "object" && e[d].properties ? k(e[d]) : x(e[d].default), s), {});
   return r.id = `${t}-${Date.now()}`, r;
 }
 function S(n, e = {}) {
   const t = _[n];
   if (t) {
     let r = k(t);
-    const i = G[n];
-    return r = i ? i({ getSchemaByType: S }, r, e) : r, r;
+    const s = G[n];
+    return r = s ? s({ getSchemaByType: S }, r, e) : r, r;
   }
   return null;
 }
 function I(n, e) {
   const t = k(e);
-  return Object.keys(n).reduce((r, i) => (r[i] = n[i], r), t), t;
+  return Object.keys(n).reduce((r, s) => (r[s] && typeof r[s] == "object" ? Object.assign(r[s], n[s]) : r[s] = n[s], r), t), t;
 }
 function ee(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, i) => {
-    if (e.has(i)) {
-      const d = e.get(i);
+  return Object.keys(n).filter((r) => n[r] != null).reduce((r, s) => {
+    if (e.has(s)) {
+      const d = e.get(s);
       if (typeof d == "string")
-        r[d] = n[i];
+        r[d] = n[s];
       else {
-        const h = d(i, n[i], n);
+        const h = d(s, n[s], n);
         Object.assign(r, h);
       }
     } else
-      r[i] = n[i];
+      r[s] = n[s];
     return r;
   }, {});
 }
@@ -38,64 +38,64 @@ function te(n, e, t = /* @__PURE__ */ new Map()) {
   return ee(r, t);
 }
 function ne(n = {}) {
-  function e(a, y, u, b) {
+  function e(c, y, u, b) {
     if (typeof u == "number")
-      return b[a].length === u;
+      return b[c].length === u;
     if (typeof u == "object") {
       const C = Object.keys(u)[0], o = u[C];
       if (C === "not")
-        return Number(b[a].length) !== Number(o);
+        return Number(b[c].length) !== Number(o);
       if (C === "moreThan")
-        return Number(b[a].length) >= Number(o);
+        return Number(b[c].length) >= Number(o);
       if (C === "lessThan")
-        return Number(b[a].length) <= Number(o);
+        return Number(b[c].length) <= Number(o);
     }
     return !1;
   }
-  function t(a, y, u, b) {
-    return b[a] && b[a].propertyValue && String(b[a].propertyValue.value) === String(u);
+  function t(c, y, u, b) {
+    return b[c] && b[c].propertyValue && String(b[c].propertyValue.value) === String(u);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((a, y) => (a.set(y, n[y]), a), r);
-  function i(a, y) {
-    const u = a;
-    return typeof y == "number" ? [{ target: u, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: u, operator: "getProperty", param: a, value: !!y }] : typeof y == "object" ? Object.keys(y).map((b) => {
+  Object.keys(n).reduce((c, y) => (c.set(y, n[y]), c), r);
+  function s(c, y) {
+    const u = c;
+    return typeof y == "number" ? [{ target: u, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: u, operator: "getProperty", param: c, value: !!y }] : typeof y == "object" ? Object.keys(y).map((b) => {
       if (b === "length")
         return { target: u, operator: "length", param: null, value: y[b] };
       const C = b, o = y[b];
       return { target: u, operator: "getProperty", param: C, value: o };
     }) : [];
   }
-  function d(a) {
-    return Object.keys(a).reduce((u, b) => {
-      const C = i(b, a[b]);
+  function d(c) {
+    return Object.keys(c).reduce((u, b) => {
+      const C = s(b, c[b]);
       return u.push(...C), u;
     }, []);
   }
-  function h(a, y) {
-    if (r.has(a.operator)) {
-      const u = r.get(a.operator);
-      return u && u(a.target, a.param, a.value, y) || !1;
+  function h(c, y) {
+    if (r.has(c.operator)) {
+      const u = r.get(c.operator);
+      return u && u(c.target, c.param, c.value, y) || !1;
     }
     return !1;
   }
-  function v(a, y) {
-    return d(a).reduce((C, o) => C && h(o, y), !0);
+  function v(c, y) {
+    return d(c).reduce((C, o) => C && h(o, y), !0);
   }
-  function g(a, y) {
-    const u = Object.keys(a), b = u.includes("allOf"), C = u.includes("anyOf"), o = b || C, f = (o ? a[o ? b ? "allOf" : "anyOf" : "allOf"] : [a]).map((c) => v(c, y));
+  function g(c, y) {
+    const u = Object.keys(c), b = u.includes("allOf"), C = u.includes("anyOf"), o = b || C, f = (o ? c[o ? b ? "allOf" : "anyOf" : "allOf"] : [c]).map((i) => v(i, y));
     return b ? !f.includes(!1) : f.includes(!0);
   }
   return { parseValueSchema: g };
 }
 const oe = {}, re = {};
 ne();
-function se(n, e, t = /* @__PURE__ */ new Map(), r = (h, v, g) => v, i = {}, d = (h) => h) {
-  return _[e.title] = e, G[e.title] = r, oe[e.title] = i, re[e.title] = d, (h = {}) => {
-    const v = te(h, e, t), g = Object.keys(n).reduce((a, y) => (a[y] = n[y].default, a), {});
+function se(n, e, t = /* @__PURE__ */ new Map(), r = (h, v, g) => v, s = {}, d = (h) => h) {
+  return _[e.title] = e, G[e.title] = r, oe[e.title] = s, re[e.title] = d, (h = {}) => {
+    const v = te(h, e, t), g = Object.keys(n).reduce((c, y) => (c[y] = n[y].default, c), {});
     return Object.assign(g, v);
   };
 }
@@ -210,14 +210,14 @@ const pe = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-
   props: B,
   emits: ["collapse"],
   setup(n, e) {
-    const t = N(n.position), r = N(n.title), i = N(n.folded), d = N(!1);
+    const t = N(n.position), r = N(n.title), s = N(n.folded), d = N(!1);
     function h(g) {
-      g && g.stopPropagation(), !n.disabled && (d.value = !0, i.value = !i.value, e.emit("collapse", i.value));
+      g && g.stopPropagation(), !n.disabled && (d.value = !0, s.value = !s.value, e.emit("collapse", s.value));
     }
     const v = q(() => {
       const g = {};
-      let a = ["top", "bottom"].indexOf(t.value) > -1 ? "height" : "width";
-      return g[a] = i.value ? "0px" : n.size + "px", g;
+      let c = ["top", "bottom"].indexOf(t.value) > -1 ? "height" : "width";
+      return g[c] = s.value ? "0px" : n.size + "px", g;
     });
     return () => P("div", {
       class: `f-list-nav f-list-nav-${t.value}`
@@ -239,7 +239,7 @@ const pe = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-
     }, [e.slots.navFooter()])]), n.collapsible && P("div", {
       class: ["f-list-nav-toggle-sidebar", {
         disabled: n.disabled,
-        active: i.value,
+        active: s.value,
         "splitter-pane-collapse-animate": d.value
       }],
       onClick: (g) => h(g)
@@ -254,14 +254,14 @@ function Te(n, e, t) {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   r();
-  const i = t && t.getStyles && t.getStyles() || "", d = t && t.getDesignerClass && t.getDesignerClass() || "", h = N();
+  const s = t && t.getStyles && t.getStyles() || "", d = t && t.getDesignerClass && t.getDesignerClass() || "", h = N();
   function v() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
   function g() {
     return !1;
   }
-  function a() {
+  function c() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
   function y() {
@@ -287,7 +287,7 @@ function Te(n, e, t) {
   }
   function l() {
   }
-  function s(p, j) {
+  function a(p, j) {
     j && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(j);
   }
   function f(p) {
@@ -305,7 +305,7 @@ function Te(n, e, t) {
     const E = m.toLowerCase().replace("-", "_");
     return w && !w.id && w.type === m && (w.id = `${E}_${Math.random().toString().slice(2, 6)}`), w;
   }
-  function c(p) {
+  function i(p) {
   }
   function T(...p) {
     if (t && t.getPropsConfig)
@@ -314,13 +314,13 @@ function Te(n, e, t) {
   return h.value = {
     canMove: v(),
     canSelectParent: g(),
-    canDelete: a(),
+    canDelete: c(),
     canNested: !y(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
     parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
+    styles: s,
     designerClass: d,
     canAccepts: C,
     getBelongedComponentInstance: u,
@@ -328,9 +328,9 @@ function Te(n, e, t) {
     getDraggingDisplayText: o,
     getPropConfig: T,
     getDragScopeElement: l,
-    onAcceptMovedChildElement: s,
+    onAcceptMovedChildElement: a,
     onAcceptNewChildElement: A,
-    onChildElementMovedOut: c,
+    onChildElementMovedOut: i,
     addNewChildComponentSchema: f,
     updateDragAndDropRules: r,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || N(!1),
@@ -339,10 +339,10 @@ function Te(n, e, t) {
 }
 function Pe() {
   function n(e) {
-    var i, d;
+    var s, d;
     if (!e)
       return !1;
-    const t = ((i = e.targetContainer) == null ? void 0 : i.componentInstance) && e.targetContainer.componentInstance.value;
+    const t = ((s = e.targetContainer) == null ? void 0 : s.componentInstance) && e.targetContainer.componentInstance.value;
     if (!t)
       return !1;
     const r = (d = t.schema.appearance) == null ? void 0 : d.class;
@@ -931,80 +931,80 @@ const Ae = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-
   required: Ee
 }, F = /* @__PURE__ */ new Map();
 function $e() {
-  function n(o, l, s, f) {
+  function n(o, l, a, f) {
     var A;
-    if (typeof s == "number")
-      return ((A = f[o]) == null ? void 0 : A.length) === s;
-    if (typeof s == "object") {
-      const c = Object.keys(s)[0], T = s[c];
-      if (c === "not")
+    if (typeof a == "number")
+      return ((A = f[o]) == null ? void 0 : A.length) === a;
+    if (typeof a == "object") {
+      const i = Object.keys(a)[0], T = a[i];
+      if (i === "not")
         return Number(f[o].length) !== Number(T);
-      if (c === "moreThan")
+      if (i === "moreThan")
         return Number(f[o].length) >= Number(T);
-      if (c === "lessThan")
+      if (i === "lessThan")
         return Number(f[o].length) <= Number(T);
     }
     return !1;
   }
-  function e(o, l, s, f) {
-    return typeof s == "boolean" ? f.childrenClassList.includes(l) === !!s : !1;
+  function e(o, l, a, f) {
+    return typeof a == "boolean" ? f.childrenClassList.includes(l) === !!a : !1;
   }
-  function t(o, l, s, f) {
-    return typeof s == "boolean" ? f.parentClassList.includes(l) === !!s : !1;
+  function t(o, l, a, f) {
+    return typeof a == "boolean" ? f.parentClassList.includes(l) === !!a : !1;
   }
-  function r(o, l, s, f) {
-    return typeof s == "boolean" ? f.parentClassList.includes(l) === !!s : !1;
+  function r(o, l, a, f) {
+    return typeof a == "boolean" ? f.parentClassList.includes(l) === !!a : !1;
   }
-  const i = /* @__PURE__ */ new Map([
+  const s = /* @__PURE__ */ new Map([
     ["length", n],
     ["hasChildren", e],
     ["hasSibling", r],
     ["hasParent", t]
   ]);
   function d(o, l) {
-    const s = o;
-    return typeof l == "number" ? [{ target: s, operator: "length", param: null, value: Number(l) }] : typeof l == "object" ? Object.keys(l).map((f) => {
+    const a = o;
+    return typeof l == "number" ? [{ target: a, operator: "length", param: null, value: Number(l) }] : typeof l == "object" ? Object.keys(l).map((f) => {
       if (f === "length")
-        return { target: s, operator: "length", param: null, value: l[f] };
-      const A = f, c = l[f];
-      return { target: s, operator: o === "children" ? "hasChildren" : o === "parent" ? "hasParent" : "hasSibling", param: A, value: c };
+        return { target: a, operator: "length", param: null, value: l[f] };
+      const A = f, i = l[f];
+      return { target: a, operator: o === "children" ? "hasChildren" : o === "parent" ? "hasParent" : "hasSibling", param: A, value: i };
     }) : [];
   }
   function h(o, l) {
-    if (i.has(o.operator)) {
-      const s = i.get(o.operator);
-      return s && s(o.target, o.param, o.value, l) || !1;
+    if (s.has(o.operator)) {
+      const a = s.get(o.operator);
+      return a && a(o.target, o.param, o.value, l) || !1;
     }
     return !1;
   }
   function v(o, l) {
-    return Object.keys(o).reduce((c, T) => {
+    return Object.keys(o).reduce((i, T) => {
       const D = d(T, o[T]);
-      return c.push(...D), c;
-    }, []).reduce((c, T) => c && h(T, l), !0);
+      return i.push(...D), i;
+    }, []).reduce((i, T) => i && h(T, l), !0);
   }
   function g(o, l) {
-    const s = Object.keys(o), f = s.includes("allOf"), A = s.includes("anyOf"), c = f || A, p = (c ? o[c ? f ? "allOf" : "anyOf" : "allOf"] : [o]).map((m) => v(m, l));
+    const a = Object.keys(o), f = a.includes("allOf"), A = a.includes("anyOf"), i = f || A, p = (i ? o[i ? f ? "allOf" : "anyOf" : "allOf"] : [o]).map((m) => v(m, l));
     return f ? !p.includes(!1) : p.includes(!0);
   }
-  function a(o, l) {
-    const s = o.const;
-    return s ? typeof s == "boolean" ? s : typeof s == "object" ? g(s, l) : !1 : !1;
+  function c(o, l) {
+    const a = o.const;
+    return a ? typeof a == "boolean" ? a : typeof a == "object" ? g(a, l) : !1 : !1;
   }
   function y(o) {
     return (l) => {
-      const s = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      const a = { canAccept: !0, fixed: !1, hidePadding: !1 };
       return o && o.properties && Object.keys(o.properties).reduce((f, A) => {
-        const c = o.properties[A];
-        return f[A] = a(c, l), f;
-      }, s), s;
+        const i = o.properties[A];
+        return f[A] = c(i, l), f;
+      }, a), a;
     };
   }
-  function u(o, l, s) {
+  function u(o, l, a) {
     if (l.type === "object" && l.properties) {
       const { rules: f, contents: A } = l.properties;
-      s.set(o, y(f)), A && Object.keys(A.properties).forEach(
-        (c) => u(c, A.properties[c], s)
+      a.set(o, y(f)), A && Object.keys(A.properties).forEach(
+        (i) => u(i, A.properties[i], a)
       );
     }
   }
@@ -1015,23 +1015,23 @@ function $e() {
     });
   }
   function C(o, l) {
-    const s = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return F.has(o) ? F.get(o)(l) : s;
+    const a = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return F.has(o) ? F.get(o)(l) : a;
   }
   return b(), { getRuleValue: C };
 }
 function Le(n, e) {
-  const t = $e(), r = N(!1), i = N(!1);
+  const t = $e(), r = N(!1), s = N(!1);
   let d = !0, h = !1, v, g = !1;
-  function a(c) {
-    return v && v.componentClassList && v.componentClassList.includes("f-form-layout") && v.componentClassList.includes("farris-form") ? c.sourceType === "control" && c.controlCategory === "input" || c.sourceType === "move" && c.controlType === "form-group" : !0;
+  function c(i) {
+    return v && v.componentClassList && v.componentClassList.includes("f-form-layout") && v.componentClassList.includes("farris-form") ? i.sourceType === "control" && i.controlCategory === "input" || i.sourceType === "move" && i.controlType === "form-group" : !0;
   }
-  function y(c) {
-    return !(!Pe().basalDragulaRuleForContainer(c) || !d || !a(c));
+  function y(i) {
+    return !(!Pe().basalDragulaRuleForContainer(i) || !d || !c(i));
   }
   function u() {
-    r.value = !1, i.value = !1;
-    const c = n, T = c.appearance && c.appearance.class || "", D = T.split(" "), p = c.contents || [], j = p.length ? p[0] : null, m = j && j.appearance ? j.appearance.class : "", O = m ? m.split(" ") : [], M = p.length ? p.reduce((V, $) => {
+    r.value = !1, s.value = !1;
+    const i = n, T = i.appearance && i.appearance.class || "", D = T.split(" "), p = i.contents || [], j = p.length ? p[0] : null, m = j && j.appearance ? j.appearance.class : "", O = m ? m.split(" ") : [], M = p.length ? p.reduce((V, $) => {
       const z = $ && $.appearance ? $.appearance.class : "", Y = z ? z.split(" ") : [];
       return V.push(...Y), V;
     }, []) : [], w = e, E = w && w.appearance && w.appearance.class || "", J = E ? E.split(" ") : [];
@@ -1051,29 +1051,29 @@ function Le(n, e) {
     const { canAccept: Q, fixed: U, hidePadding: X } = t.getRuleValue(D[0], v);
     return d = Q, h = X, g = U, !0;
   }
-  function b(c) {
+  function b(i) {
     Z();
   }
   function C() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function o(c, T) {
+  function o(i, T) {
     const D = n;
     if ((D.appearance && D.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: m } = c, O = S("form-group");
+      const { label: m } = i, O = S("form-group");
       return O.editor = T, O.label = m, O;
     }
     return T;
   }
-  function l(c, T, D) {
+  function l(i, T, D) {
     const p = n;
     if ((p.appearance && p.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const O = String(c.innerText), M = S("form-group");
+      const O = String(i.innerText), M = S("form-group");
       return M.editor = D, M.label = O, M;
     }
     return D;
   }
-  function s() {
+  function a() {
     return !g;
   }
   function f() {
@@ -1090,8 +1090,8 @@ function Le(n, e) {
     onAcceptMovedChildElement: b,
     onResolveNewComponentSchema: o,
     triggerBelongedComponentToMoveWhenMoved: r,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    checkCanMoveComponent: s,
+    triggerBelongedComponentToDeleteWhenDeleted: s,
+    checkCanMoveComponent: a,
     checkCanDeleteComponent: f,
     hideNestedPaddingInDesginerView: A
   };
@@ -1102,14 +1102,14 @@ const Fe = /* @__PURE__ */ W({
   emits: [],
   setup(n, e) {
     var u;
-    const t = N(), r = K("design-item-context"), i = Le(r.schema, (u = r.parent) == null ? void 0 : u.schema), d = Te(t, r, i);
+    const t = N(), r = R("design-item-context"), s = Le(r.schema, (u = r.parent) == null ? void 0 : u.schema), d = Te(t, r, s);
     d.value.canMove = !1, d.value.canNested = !1;
-    const h = N(n.position), v = N(n.title), g = N(!1), a = N(!1), y = q(() => {
+    const h = N(n.position), v = N(n.title), g = N(!1), c = N(!1), y = q(() => {
       const b = {};
       let C = ["top", "bottom"].indexOf(h.value) > -1 ? "height" : "width";
       return b[C] = g.value ? "0px" : n.size + "px", b;
     });
-    return R(() => {
+    return K(() => {
       t.value.componentInstance = d;
     }), e.expose(d.value), () => P("div", {
       class: `f-list-nav f-list-nav-${h.value}`
@@ -1132,7 +1132,7 @@ const Fe = /* @__PURE__ */ W({
       class: ["f-list-nav-toggle-sidebar", {
         disabled: n.disabled,
         active: g.value,
-        "splitter-pane-collapse-animate": a.value
+        "splitter-pane-collapse-animate": c.value
       }]
     }, [P("span", {
       class: "triangle"