@farris/ui-vue 1.2.6 → 1.2.8

package/components/pagination/index.esm.js

@@ -1,42 +1,42 @@
-import { ref as N, watch as B, createVNode as i, computed as w, defineComponent as K, watchEffect as pe, Fragment as _, createTextVNode as H, nextTick as ue, inject as fe, onMounted as de } from "vue";
+import { ref as N, watch as B, createVNode as p, computed as w, defineComponent as R, watchEffect as pe, Fragment as _, createTextVNode as H, nextTick as ue, inject as fe, onMounted as de } from "vue";
 import { cloneDeep as ge } from "lodash-es";
-import { withInstall as be } from "@farris/ui-vue/components/common";
-const R = {}, ee = {};
+import { withInstall as be } from "../common/index.esm.js";
+const K = {}, ee = {};
 function Y(n) {
-  const { properties: e, title: t } = n, u = Object.keys(e).reduce((a, g) => (a[g] = e[g].type === "object" && e[g].properties ? Y(e[g]) : ge(e[g].default), a), {});
-  return u.id = `${t}-${Date.now()}`, u;
+  const { properties: e, title: t } = n, l = Object.keys(e).reduce((o, g) => (o[g] = e[g].type === "object" && e[g].properties ? Y(e[g]) : ge(e[g].default), o), {});
+  return l.id = `${t}-${Date.now()}`, l;
 }
 function q(n, e = {}) {
-  const t = R[n];
+  const t = K[n];
   if (t) {
-    let u = Y(t);
-    const a = ee[n];
-    return u = a ? a({ getSchemaByType: q }, u, e) : u, u;
+    let l = Y(t);
+    const o = ee[n];
+    return l = o ? o({ getSchemaByType: q }, l, e) : l, l;
   }
   return null;
 }
 function ye(n, e) {
   const t = Y(e);
-  return Object.keys(n).reduce((u, a) => (u[a] = n[a], u), t), t;
+  return Object.keys(n).reduce((l, o) => (l[o] && typeof l[o] == "object" ? Object.assign(l[o], n[o]) : l[o] = n[o], l), t), t;
 }
 function me(n, e) {
-  return Object.keys(n).filter((u) => n[u] != null).reduce((u, a) => {
-    if (e.has(a)) {
-      const g = e.get(a);
+  return Object.keys(n).filter((l) => n[l] != null).reduce((l, o) => {
+    if (e.has(o)) {
+      const g = e.get(o);
       if (typeof g == "string")
-        u[g] = n[a];
+        l[g] = n[o];
       else {
-        const o = g(a, n[a], n);
-        Object.assign(u, o);
+        const a = g(o, n[o], n);
+        Object.assign(l, a);
       }
     } else
-      u[a] = n[a];
-    return u;
+      l[o] = n[o];
+    return l;
   }, {});
 }
 function he(n, e, t = /* @__PURE__ */ new Map()) {
-  const u = ye(n, e);
-  return me(u, t);
+  const l = ye(n, e);
+  return me(l, t);
 }
 function ve(n = {}) {
   function e(f, b, h, m) {
@@ -56,12 +56,12 @@ function ve(n = {}) {
   function t(f, b, h, m) {
     return m[f] && m[f].propertyValue && String(m[f].propertyValue.value) === String(h);
   }
-  const u = /* @__PURE__ */ new Map([
+  const l = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((f, b) => (f.set(b, n[b]), f), u);
-  function a(f, b) {
+  Object.keys(n).reduce((f, b) => (f.set(b, n[b]), f), l);
+  function o(f, b) {
     const h = f;
     return typeof b == "number" ? [{ target: h, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: h, operator: "getProperty", param: f, value: !!b }] : typeof b == "object" ? Object.keys(b).map((m) => {
       if (m === "length")
@@ -72,32 +72,32 @@ function ve(n = {}) {
   }
   function g(f) {
     return Object.keys(f).reduce((h, m) => {
-      const P = a(m, f[m]);
+      const P = o(m, f[m]);
       return h.push(...P), h;
     }, []);
   }
-  function o(f, b) {
-    if (u.has(f.operator)) {
-      const h = u.get(f.operator);
+  function a(f, b) {
+    if (l.has(f.operator)) {
+      const h = l.get(f.operator);
       return h && h(f.target, f.param, f.value, b) || !1;
     }
     return !1;
   }
   function s(f, b) {
-    return g(f).reduce((P, c) => P && o(c, b), !0);
+    return g(f).reduce((P, c) => P && a(c, b), !0);
   }
-  function l(f, b) {
+  function i(f, b) {
     const h = Object.keys(f), m = h.includes("allOf"), P = h.includes("anyOf"), c = m || P, y = (c ? f[c ? m ? "allOf" : "anyOf" : "allOf"] : [f]).map((C) => s(C, b));
     return m ? !y.includes(!1) : y.includes(!0);
   }
-  return { parseValueSchema: l };
+  return { parseValueSchema: i };
 }
 const je = {}, Ce = {};
 ve();
-function Pe(n, e, t = /* @__PURE__ */ new Map(), u = (o, s, l) => s, a = {}, g = (o) => o) {
-  return R[e.title] = e, ee[e.title] = u, je[e.title] = a, Ce[e.title] = g, (o = {}) => {
-    const s = he(o, e, t), l = Object.keys(n).reduce((f, b) => (f[b] = n[b].default, f), {});
-    return Object.assign(l, s);
+function Pe(n, e, t = /* @__PURE__ */ new Map(), l = (a, s, i) => s, o = {}, g = (a) => a) {
+  return K[e.title] = e, ee[e.title] = l, je[e.title] = o, Ce[e.title] = g, (a = {}) => {
+    const s = he(a, e, t), i = Object.keys(n).reduce((f, b) => (f[b] = n[b].default, f), {});
+    return Object.assign(i, s);
   };
 }
 function we(n, e) {
@@ -334,87 +334,87 @@ const Z = {
   pageList: { type: Array, default: [20, 50, 100] }
 }, te = Pe(Z, De, Ne, Ve, Fe);
 function ne(n, e) {
-  const t = N("跳转至"), u = N(""), a = N(n.value);
-  B(a, (l, f) => {
-    l >= 1 && l <= e.value ? n.value = l : a.value = f;
-  }), B(n, (l) => {
-    a.value !== l && (a.value = l);
+  const t = N("跳转至"), l = N(""), o = N(n.value);
+  B(o, (i, f) => {
+    i >= 1 && i <= e.value ? n.value = i : o.value = f;
+  }), B(n, (i) => {
+    o.value !== i && (o.value = i);
   });
-  function g(l) {
-    a.value = l.target.valueAsNumber;
+  function g(i) {
+    o.value = i.target.valueAsNumber;
   }
-  function o(l) {
-    l.key === "Enter" && (a.value = l.target.valueAsNumber);
+  function a(i) {
+    i.key === "Enter" && (o.value = i.target.valueAsNumber);
   }
   function s() {
-    return i("li", {
+    return p("li", {
       class: "page-goto-input d-flex flex-row",
       style: "padding-left: 10px; white-space: nowrap;"
-    }, [i("span", {
+    }, [p("span", {
       class: "pg-message-text"
-    }, [t.value]), i("input", {
+    }, [t.value]), p("input", {
       type: "number",
       class: "form-control farris-gotopagenumber",
-      value: a.value,
+      value: o.value,
       min: "1",
       max: e.value,
       style: "display: inline-block;margin-left:3px;",
-      onBlur: (l) => g(l),
-      onKeyup: (l) => o(l)
-    }, null), u.value]);
+      onBlur: (i) => g(i),
+      onKeyup: (i) => a(i)
+    }, null), l.value]);
   }
   return {
     renderGotoButton: s
   };
 }
 function oe(n, e, t) {
-  const u = w(() => ({
+  const l = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function a(l) {
+  function o(i) {
     n.value = n.value < t.value ? n.value + 1 : t.value;
   }
-  function g(l) {
+  function g(i) {
     n.value = t.value;
   }
-  function o() {
-    return i("li", {
-      class: u.value
-    }, [!e.value && i("a", {
+  function a() {
+    return p("li", {
+      class: l.value
+    }, [!e.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (l) => a()
-    }, [i("span", {
+      onClick: (i) => o()
+    }, [p("span", {
       class: "f-icon f-page-next"
-    }, null)]), e.value && i("span", {
+    }, null)]), e.value && p("span", {
       class: "page-link"
-    }, [i("span", {
+    }, [p("span", {
       class: "f-icon f-page-next"
     }, null)])]);
   }
   function s() {
-    return i("li", {
-      class: u.value
-    }, [!e.value && i("a", {
+    return p("li", {
+      class: l.value
+    }, [!e.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (l) => g()
-    }, [i("span", {
+      onClick: (i) => g()
+    }, [p("span", {
       class: "f-icon f-page-last"
-    }, null)]), e.value && i("span", {
+    }, null)]), e.value && p("span", {
       class: "page-link"
-    }, [i("span", {
+    }, [p("span", {
       class: "f-icon f-page-last"
     }, null)])]);
   }
   return {
     renderLastPage: s,
-    renderNextPage: o
+    renderNextPage: a
   };
 }
 function ae(n, e) {
-  const t = N("共"), u = N("条"), a = w(() => ({
+  const t = N("共"), l = N("条"), o = w(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
@@ -422,260 +422,260 @@ function ae(n, e) {
     "flex-fill": n.value === "right"
   }));
   function g() {
-    return i("li", {
-      class: a.value
-    }, [i("div", {
+    return p("li", {
+      class: o.value
+    }, [p("div", {
       class: "text-truncate",
       style: "line-height: 26px"
-    }, [i("span", {
+    }, [p("span", {
       class: "pg-message-text"
-    }, [t.value]), i("b", {
+    }, [t.value]), p("b", {
       class: "pg-message-total"
-    }, [e.value]), i("span", {
+    }, [e.value]), p("span", {
       class: "pg-message-text"
-    }, [u.value])])]);
+    }, [l.value])])]);
   }
   return {
     renderPageInfo: g
   };
 }
-function se(n, e, t, u) {
-  const a = N(!1), g = N("显示"), o = N("条"), s = w(() => ({
+function se(n, e, t, l) {
+  const o = N(!1), g = N("显示"), a = N("条"), s = w(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
-    "pagelist-disabled": u.value === 0,
-    show: a.value
-  })), l = w(() => ({
+    "pagelist-disabled": l.value === 0,
+    show: o.value
+  })), i = w(() => ({
     "dropdown-menu": !0,
-    show: a.value
+    show: o.value
   })), f = (r) => ({
     "w-100": !0,
     "dropdown-item": !0,
     active: e.value === r
   });
   function b(r) {
-    a.value = !0;
+    o.value = !0;
   }
   function h(r) {
-    a.value = !1;
+    o.value = !1;
   }
-  function m(r, p, y) {
-    const C = r * p - p + 1;
+  function m(r, u, y) {
+    const C = r * u - u + 1;
     return Math.ceil(C / y);
   }
-  function P(r, p) {
-    n.value = m(n.value, e.value, p), e.value = p, a.value = !1;
+  function P(r, u) {
+    n.value = m(n.value, e.value, u), e.value = u, o.value = !1;
   }
   function c() {
-    return i("li", {
+    return p("li", {
       class: "pagination-pagelist"
-    }, [i("div", {
+    }, [p("div", {
       class: s.value,
       onMouseenter: (r) => b(),
       onMouseleave: (r) => h()
-    }, [i("div", {
+    }, [p("div", {
       class: "pg-pagelist-info"
-    }, [i("span", {
+    }, [p("span", {
       class: "pagelist-text"
-    }, [g.value]), i("b", {
+    }, [g.value]), p("b", {
       class: "cur-pagesize"
-    }, [e.value]), i("span", {
+    }, [e.value]), p("span", {
       class: "pagelist-text"
-    }, [o.value]), i("i", {
+    }, [a.value]), p("i", {
       class: "f-icon f-icon-dropdown"
-    }, null)]), i("div", {
-      class: l.value,
+    }, null)]), p("div", {
+      class: i.value,
       style: "margin-bottom: -1px;"
-    }, [t.value.map((r) => i("li", {
+    }, [t.value.map((r) => p("li", {
       class: f(r),
-      onClick: (p) => P(p, r)
-    }, [i("span", null, [r])]))])])]);
+      onClick: (u) => P(u, r)
+    }, [p("span", null, [r])]))])])]);
   }
   return {
     renderPageList: c
   };
 }
 function re(n, e) {
-  const t = (o) => ({
+  const t = (a) => ({
     "page-item": !0,
-    current: n.value === o.value,
-    ellipsis: o.label === "..."
-  }), u = (o) => ({
+    current: n.value === a.value,
+    ellipsis: a.label === "..."
+  }), l = (a) => ({
     "f-icon": !0,
-    "f-icon-arrow-seek-left": o.value < n.value,
-    "f-icon-arrow-seek-right": o.value > n.value
+    "f-icon-arrow-seek-left": a.value < n.value,
+    "f-icon-arrow-seek-right": a.value > n.value
   });
-  function a(o, s) {
+  function o(a, s) {
     n.value = s;
   }
   function g() {
-    return e.value.map((o) => i("li", {
-      class: t(o)
-    }, [n.value !== o.value && i("a", {
+    return e.value.map((a) => p("li", {
+      class: t(a)
+    }, [n.value !== a.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => a(s, o.value)
-    }, [i("span", {
+      onClick: (s) => o(s, a.value)
+    }, [p("span", {
       class: "page-link-label"
-    }, [o.label]), o.label === "..." && i("i", {
-      class: u(o)
-    }, null)]), n.value === o.value && i("span", {
+    }, [a.label]), a.label === "..." && p("i", {
+      class: l(a)
+    }, null)]), n.value === a.value && p("span", {
       class: "page-link"
-    }, [o.label])]));
+    }, [a.label])]));
   }
   return {
     renderPageNumbers: g
   };
 }
 function ce(n, e, t) {
-  const u = w(() => ({
+  const l = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function a(l) {
+  function o(i) {
     n.value = 1;
   }
-  function g(l) {
+  function g(i) {
     n.value = n.value > 2 ? n.value - 1 : 1;
   }
-  function o() {
-    return i("li", {
-      class: u.value
-    }, [t.value && i("a", {
+  function a() {
+    return p("li", {
+      class: l.value
+    }, [t.value && p("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (l) => a()
-    }, [i("span", {
+      onClick: (i) => o()
+    }, [p("span", {
       class: "f-icon f-page-first"
-    }, null)]), e.value && i("span", {
+    }, null)]), e.value && p("span", {
       class: "page-link"
-    }, [i("span", {
+    }, [p("span", {
       class: "f-icon f-page-first"
     }, null)])]);
   }
   function s() {
-    return i("li", {
-      class: u.value
-    }, [t.value && i("a", {
+    return p("li", {
+      class: l.value
+    }, [t.value && p("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (l) => g()
-    }, [i("span", {
+      onClick: (i) => g()
+    }, [p("span", {
       class: "f-icon f-page-pre"
-    }, null)]), e.value && i("span", {
+    }, null)]), e.value && p("span", {
       class: "page-link"
-    }, [i("span", {
+    }, [p("span", {
       class: "f-icon f-page-pre"
     }, null)])]);
   }
   return {
-    renderFirstPage: o,
+    renderFirstPage: a,
     renderPreviousPage: s
   };
 }
 function le(n) {
   const e = N([]);
-  function t(a, g, o, s) {
-    const l = Math.ceil(o / 2);
-    return a === o ? s : a === 1 ? a : o < s ? s - l < g ? s - o + a : l < g ? g - l + a : a : a;
+  function t(o, g, a, s) {
+    const i = Math.ceil(a / 2);
+    return o === a ? s : o === 1 ? o : a < s ? s - i < g ? s - a + o : i < g ? g - i + o : o : o;
   }
-  function u(a, g, o, s) {
-    const l = [], f = Math.ceil(o / g), b = Math.ceil(s / 2), h = a <= b, m = f - b < a, P = !h && !m, c = s < f;
+  function l(o, g, a, s) {
+    const i = [], f = Math.ceil(a / g), b = Math.ceil(s / 2), h = o <= b, m = f - b < o, P = !h && !m, c = s < f;
     let r = 1;
     for (; r <= f && r <= s; ) {
-      const p = t(r, a, s, f), y = r === 2 && (P || m), T = r === s - 1 && (P || h), C = c && (y || T) ? "..." : "" + p;
-      l.push({ label: C, value: p }), r++;
+      const u = t(r, o, s, f), y = r === 2 && (P || m), T = r === s - 1 && (P || h), C = c && (y || T) ? "..." : "" + u;
+      i.push({ label: C, value: u }), r++;
     }
-    e.value = l;
+    e.value = i;
   }
-  return { pages: e, updatePages: u };
+  return { pages: e, updatePages: l };
 }
-const J = /* @__PURE__ */ K({
+const J = /* @__PURE__ */ R({
   name: "FPagination",
   props: Z,
   emits: ["pageIndexChanged", "pageSizeChanged", "update:currentPage", "update:pageSize"],
   setup(n, e) {
-    const t = N(!1), u = N(n.mode), a = N(""), g = N(!1), o = N(n.pageSize), s = N(n.currentPage), l = N(n.totalItems), {
+    const t = N(!1), l = N(n.mode), o = N(""), g = N(!1), a = N(n.pageSize), s = N(n.currentPage), i = N(n.totalItems), {
       pages: f,
       updatePages: b
-    } = le(), h = w(() => s.value === 1), m = w(() => n.pageList), P = w(() => Math.ceil(l.value / o.value)), c = w(() => s.value === P.value), r = w(() => n.showGoButton), p = w(() => s.value > 1), y = w(() => !(g.value && f.value.length <= 1)), T = w(() => !0), C = w(() => n.showPageList), S = w(() => n.showPageNumbers), A = w(() => !0), {
+    } = le(), h = w(() => s.value === 1), m = w(() => n.pageList), P = w(() => Math.ceil(i.value / a.value)), c = w(() => s.value === P.value), r = w(() => n.showGoButton), u = w(() => s.value > 1), y = w(() => !(g.value && f.value.length <= 1)), T = w(() => !0), C = w(() => n.showPageList), S = w(() => n.showPageNumbers), A = w(() => !0), {
       renderFirstPage: j,
       renderPreviousPage: O
-    } = ce(s, h, p), {
+    } = ce(s, h, u), {
       renderLastPage: d,
       renderNextPage: v
     } = oe(s, c, P), {
       renderPageInfo: M
-    } = ae(a, l), {
+    } = ae(o, i), {
       renderPageList: k
-    } = se(s, o, m, l), {
+    } = se(s, a, m, i), {
       renderPageNumbers: D
     } = re(s, f), {
       renderGotoButton: x
     } = ne(s, P);
-    b(s.value, o.value, l.value, 7), B(() => n.totalItems, (E) => {
-      l.value = E;
-    }), B([s, o, l], () => {
-      b(s.value, o.value, l.value, 7);
+    b(s.value, a.value, i.value, 7), B(() => n.totalItems, (E) => {
+      i.value = E;
+    }), B([s, a, i], () => {
+      b(s.value, a.value, i.value, 7);
     }), B(s, () => {
       e.emit("update:currentPage", s.value), e.emit("pageIndexChanged", s.value);
-    }), B(o, () => {
-      e.emit("update:pageSize", o.value), e.emit("pageSizeChanged", o.value);
+    }), B(a, () => {
+      e.emit("update:pageSize", a.value), e.emit("pageSizeChanged", a.value);
     }), B(() => n.totalItems, (E) => {
-      l.value = E, b(s.value, o.value, l.value, 7);
+      i.value = E, b(s.value, a.value, i.value, 7);
     }), pe(() => {
-      const E = m.value.includes(o.value);
-      o.value = E ? o.value : m.value[0];
+      const E = m.value.includes(a.value);
+      a.value = E ? a.value : m.value[0];
     })();
     const $ = w(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: t.value,
-      "pager-viewmode-default": u.value === "default",
-      "pager-viewmode-simple": u.value === "simple"
+      "pager-viewmode-default": l.value === "default",
+      "pager-viewmode-simple": l.value === "simple"
     })), F = w(() => ({
       position: "relative",
-      "justify-content": a.value === "center" ? "center" : "start"
+      "justify-content": o.value === "center" ? "center" : "start"
     }));
     function V() {
-      return i(_, null, [T.value && M(), C.value && k(), A.value && j(), A.value && O(), S.value && D(), A.value && v(), A.value && d(), r.value && x()]);
+      return p(_, null, [T.value && M(), C.value && k(), A.value && j(), A.value && O(), S.value && D(), A.value && v(), A.value && d(), r.value && x()]);
     }
     function z() {
-      return i(_, null, [i("li", {
+      return p(_, null, [p("li", {
         class: "page-item d-flex flex-fill"
-      }, null), A.value && j(), A.value && O(), x(), i("li", {
+      }, null), A.value && j(), A.value && O(), x(), p("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [i("span", {
+      }, [p("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [H(" /")])]), i("li", {
+      }, [H(" /")])]), p("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [i("span", {
+      }, [p("span", {
         style: "font-size: 16px; font-weight: 600;"
       }, [H(" "), P.value])]), A.value && v(), A.value && d()]);
     }
-    return () => i("div", {
+    return () => p("div", {
       class: "pagination-container"
-    }, [y.value && i("ul", {
+    }, [y.value && p("ul", {
       role: "navigation",
       class: $.value,
       style: F.value
-    }, [u.value === "default" ? V() : z()])]);
+    }, [l.value === "default" ? V() : z()])]);
   }
 });
 function ze(n, e, t) {
   var A;
-  function u() {
+  function l() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  u();
-  const a = t && t.getStyles && t.getStyles() || "", g = t && t.getDesignerClass && t.getDesignerClass() || "", o = N();
+  l();
+  const o = t && t.getStyles && t.getStyles() || "", g = t && t.getDesignerClass && t.getDesignerClass() || "", a = N();
   function s() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function l() {
+  function i() {
     return !1;
   }
   function f() {
@@ -704,7 +704,7 @@ function ze(n, e, t) {
   }
   function r() {
   }
-  function p(j, O) {
+  function u(j, O) {
     O && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(O);
   }
   function y(j) {
@@ -716,7 +716,7 @@ function ze(n, e, t) {
   }
   function T(j, O) {
     const d = String(j.getAttribute("data-controltype")), v = j.getAttribute("data-feature"), M = v ? JSON.parse(v) : {};
-    M.parentComponentInstance = o.value;
+    M.parentComponentInstance = a.value;
     let k = q(d, M);
     t && t.onAcceptNewChildElement && (k = t.onAcceptNewChildElement(j, O, k));
     const D = d.toLowerCase().replace("-", "_");
@@ -728,16 +728,16 @@ function ze(n, e, t) {
     if (t && t.getPropsConfig)
       return t.getPropsConfig(...j);
   }
-  return o.value = {
+  return a.value = {
     canMove: s(),
-    canSelectParent: l(),
+    canSelectParent: i(),
     canDelete: f(),
     canNested: !b(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
     parent: (A = e == null ? void 0 : e.parent) == null ? void 0 : A.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: a,
+    styles: o,
     designerClass: g,
     canAccepts: P,
     getBelongedComponentInstance: h,
@@ -745,26 +745,26 @@ function ze(n, e, t) {
     getDraggingDisplayText: c,
     getPropConfig: S,
     getDragScopeElement: r,
-    onAcceptMovedChildElement: p,
+    onAcceptMovedChildElement: u,
     onAcceptNewChildElement: T,
     onChildElementMovedOut: C,
     addNewChildComponentSchema: y,
-    updateDragAndDropRules: u,
+    updateDragAndDropRules: l,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || N(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || N(!1)
-  }, o;
+  }, a;
 }
 function We() {
   function n(e) {
-    var a, g;
+    var o, g;
     if (!e)
       return !1;
-    const t = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
+    const t = ((o = e.targetContainer) == null ? void 0 : o.componentInstance) && e.targetContainer.componentInstance.value;
     if (!t)
       return !1;
-    const u = (g = t.schema.appearance) == null ? void 0 : g.class;
+    const l = (g = t.schema.appearance) == null ? void 0 : g.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const o = t.schema.type, s = (o === "response-form" || o === "content-container") && u && u.includes("farris-form");
+      const a = t.schema.type, s = (a === "response-form" || a === "content-container") && l && l.includes("farris-form");
       if (t.schema.type !== "response-layout-item" && !s)
         return !1;
     }
@@ -1348,12 +1348,12 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", qe = "https://farris-
   required: Ue
 }, X = /* @__PURE__ */ new Map();
 function Ye() {
-  function n(c, r, p, y) {
+  function n(c, r, u, y) {
     var T;
-    if (typeof p == "number")
-      return ((T = y[c]) == null ? void 0 : T.length) === p;
-    if (typeof p == "object") {
-      const C = Object.keys(p)[0], S = p[C];
+    if (typeof u == "number")
+      return ((T = y[c]) == null ? void 0 : T.length) === u;
+    if (typeof u == "object") {
+      const C = Object.keys(u)[0], S = u[C];
       if (C === "not")
         return Number(y[c].length) !== Number(S);
       if (C === "moreThan")
@@ -1363,34 +1363,34 @@ function Ye() {
     }
     return !1;
   }
-  function e(c, r, p, y) {
-    return typeof p == "boolean" ? y.childrenClassList.includes(r) === !!p : !1;
+  function e(c, r, u, y) {
+    return typeof u == "boolean" ? y.childrenClassList.includes(r) === !!u : !1;
   }
-  function t(c, r, p, y) {
-    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
+  function t(c, r, u, y) {
+    return typeof u == "boolean" ? y.parentClassList.includes(r) === !!u : !1;
   }
-  function u(c, r, p, y) {
-    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
+  function l(c, r, u, y) {
+    return typeof u == "boolean" ? y.parentClassList.includes(r) === !!u : !1;
   }
-  const a = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", n],
     ["hasChildren", e],
-    ["hasSibling", u],
+    ["hasSibling", l],
     ["hasParent", t]
   ]);
   function g(c, r) {
-    const p = c;
-    return typeof r == "number" ? [{ target: p, operator: "length", param: null, value: Number(r) }] : typeof r == "object" ? Object.keys(r).map((y) => {
+    const u = c;
+    return typeof r == "number" ? [{ target: u, operator: "length", param: null, value: Number(r) }] : typeof r == "object" ? Object.keys(r).map((y) => {
       if (y === "length")
-        return { target: p, operator: "length", param: null, value: r[y] };
+        return { target: u, operator: "length", param: null, value: r[y] };
       const T = y, C = r[y];
-      return { target: p, operator: c === "children" ? "hasChildren" : c === "parent" ? "hasParent" : "hasSibling", param: T, value: C };
+      return { target: u, operator: c === "children" ? "hasChildren" : c === "parent" ? "hasParent" : "hasSibling", param: T, value: C };
     }) : [];
   }
-  function o(c, r) {
-    if (a.has(c.operator)) {
-      const p = a.get(c.operator);
-      return p && p(c.target, c.param, c.value, r) || !1;
+  function a(c, r) {
+    if (o.has(c.operator)) {
+      const u = o.get(c.operator);
+      return u && u(c.target, c.param, c.value, r) || !1;
     }
     return !1;
   }
@@ -1398,30 +1398,30 @@ function Ye() {
     return Object.keys(c).reduce((C, S) => {
       const A = g(S, c[S]);
       return C.push(...A), C;
-    }, []).reduce((C, S) => C && o(S, r), !0);
+    }, []).reduce((C, S) => C && a(S, r), !0);
   }
-  function l(c, r) {
-    const p = Object.keys(c), y = p.includes("allOf"), T = p.includes("anyOf"), C = y || T, j = (C ? c[C ? y ? "allOf" : "anyOf" : "allOf"] : [c]).map((d) => s(d, r));
+  function i(c, r) {
+    const u = Object.keys(c), y = u.includes("allOf"), T = u.includes("anyOf"), C = y || T, j = (C ? c[C ? y ? "allOf" : "anyOf" : "allOf"] : [c]).map((d) => s(d, r));
     return y ? !j.includes(!1) : j.includes(!0);
   }
   function f(c, r) {
-    const p = c.const;
-    return p ? typeof p == "boolean" ? p : typeof p == "object" ? l(p, r) : !1 : !1;
+    const u = c.const;
+    return u ? typeof u == "boolean" ? u : typeof u == "object" ? i(u, r) : !1 : !1;
   }
   function b(c) {
     return (r) => {
-      const p = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      const u = { canAccept: !0, fixed: !1, hidePadding: !1 };
       return c && c.properties && Object.keys(c.properties).reduce((y, T) => {
         const C = c.properties[T];
         return y[T] = f(C, r), y;
-      }, p), p;
+      }, u), u;
     };
   }
-  function h(c, r, p) {
+  function h(c, r, u) {
     if (r.type === "object" && r.properties) {
       const { rules: y, contents: T } = r.properties;
-      p.set(c, b(y)), T && Object.keys(T.properties).forEach(
-        (C) => h(C, T.properties[C], p)
+      u.set(c, b(y)), T && Object.keys(T.properties).forEach(
+        (C) => h(C, T.properties[C], u)
       );
     }
   }
@@ -1432,15 +1432,15 @@ function Ye() {
     });
   }
   function P(c, r) {
-    const p = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return X.has(c) ? X.get(c)(r) : p;
+    const u = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return X.has(c) ? X.get(c)(r) : u;
   }
   return m(), { getRuleValue: P };
 }
 function Ze(n, e) {
   var O;
-  const t = n.schema, u = (O = n.parent) == null ? void 0 : O.schema, a = Ye(), g = N(!1), o = N(!1);
-  let s = !0, l = !1, f, b = !1;
+  const t = n.schema, l = (O = n.parent) == null ? void 0 : O.schema, o = Ye(), g = N(!1), a = N(!1);
+  let s = !0, i = !1, f, b = !1;
   function h(d) {
     return f && f.componentClassList && f.componentClassList.includes("f-form-layout") && f.componentClassList.includes("farris-form") ? d.sourceType === "control" && d.controlCategory === "input" || d.sourceType === "move" && d.controlType === "form-group" : !0;
   }
@@ -1448,11 +1448,11 @@ function Ze(n, e) {
     return !(!We().basalDragulaRuleForContainer(d) || !s || !h(d));
   }
   function P() {
-    g.value = !1, o.value = !1;
+    g.value = !1, a.value = !1;
     const d = t, v = d.appearance && d.appearance.class || "", M = v.split(" "), k = d.contents || [], D = k.length ? k[0] : null, x = D && D.appearance ? D.appearance.class : "", L = x ? x.split(" ") : [], $ = k.length ? k.reduce((W, G) => {
       const I = G && G.appearance ? G.appearance.class : "", ie = I ? I.split(" ") : [];
       return W.push(...ie), W;
-    }, []) : [], F = u, V = F && F.appearance && F.appearance.class || "", z = V ? V.split(" ") : [];
+    }, []) : [], F = l, V = F && F.appearance && F.appearance.class || "", z = V ? V.split(" ") : [];
     f = {
       componentClass: v,
       componentClassList: M,
@@ -1466,8 +1466,8 @@ function Ze(n, e) {
       children: k,
       childrenClassList: $
     };
-    const { canAccept: E, fixed: Q, hidePadding: U } = a.getRuleValue(M[0], f);
-    return s = E, l = U, b = Q, !0;
+    const { canAccept: E, fixed: Q, hidePadding: U } = o.getRuleValue(M[0], f);
+    return s = E, i = U, b = Q, !0;
   }
   function c(d) {
     ue();
@@ -1475,7 +1475,7 @@ function Ze(n, e) {
   function r() {
     return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function p(d, v) {
+  function u(d, v) {
     const M = t;
     if ((M.appearance && M.appearance.class || "").split(" ").includes("f-form-layout")) {
       const { label: x } = d, L = q("form-group");
@@ -1539,7 +1539,7 @@ function Ze(n, e) {
     return !b;
   }
   function j() {
-    return l;
+    return i;
   }
   return {
     canAccepts: m,
@@ -1550,25 +1550,25 @@ function Ze(n, e) {
     onAcceptNewChildElement: C,
     onAcceptMovedChildElement: c,
     resolveComponentContext: P,
-    onResolveNewComponentSchema: p,
+    onResolveNewComponentSchema: u,
     triggerBelongedComponentToMoveWhenMoved: g,
-    triggerBelongedComponentToDeleteWhenDeleted: o
+    triggerBelongedComponentToDeleteWhenDeleted: a
   };
 }
-const Ie = /* @__PURE__ */ K({
+const Ie = /* @__PURE__ */ R({
   name: "FPagination",
   props: Z,
   emits: ["pageIndexChanged", "pageSizeChanged"],
   setup(n, e) {
     var W;
-    const t = N(!1), u = N(n.mode), a = N(""), g = N(!1), o = N(n.pageSize), s = N(n.currentPage), l = N(n.totalItems), f = N(), b = fe("design-item-context"), h = Ze(b.schema, (W = b.parent) == null ? void 0 : W.schema), m = ze(f, b, h);
+    const t = N(!1), l = N(n.mode), o = N(""), g = N(!1), a = N(n.pageSize), s = N(n.currentPage), i = N(n.totalItems), f = N(), b = fe("design-item-context"), h = Ze(b.schema, (W = b.parent) == null ? void 0 : W.schema), m = ze(f, b, h);
     de(() => {
       f.value.componentInstance = m;
     }), e.expose(m.value);
     const {
       pages: P,
       updatePages: c
-    } = le(), r = w(() => s.value === 1), p = w(() => [20, 50, 100]), y = w(() => Math.ceil(l.value / o.value)), T = w(() => s.value === y.value), C = w(() => !0), S = w(() => s.value > 1), A = w(() => !(g.value && P.value.length <= 1)), j = w(() => !0), O = w(() => !0), d = w(() => !0), v = w(() => !0), {
+    } = le(), r = w(() => s.value === 1), u = w(() => [20, 50, 100]), y = w(() => Math.ceil(i.value / a.value)), T = w(() => s.value === y.value), C = w(() => !0), S = w(() => s.value > 1), A = w(() => !(g.value && P.value.length <= 1)), j = w(() => !0), O = w(() => !0), d = w(() => !0), v = w(() => !0), {
       renderFirstPage: M,
       renderPreviousPage: k
     } = ce(s, r, S), {
@@ -1576,56 +1576,56 @@ const Ie = /* @__PURE__ */ K({
       renderNextPage: x
     } = oe(s, T, y), {
       renderPageInfo: L
-    } = ae(a, l), {
+    } = ae(o, i), {
       renderPageList: $
-    } = se(s, o, p, l), {
+    } = se(s, a, u, i), {
       renderPageNumbers: F
     } = re(s, P), {
       renderGotoButton: V
     } = ne(s, y);
-    c(s.value, o.value, l.value, 7), B([s, o], () => {
-      c(s.value, o.value, l.value, 7);
+    c(s.value, a.value, i.value, 7), B([s, a], () => {
+      c(s.value, a.value, i.value, 7);
     }), B(s, () => {
       e.emit("pageIndexChanged", s.value);
-    }), B(o, () => {
-      e.emit("pageSizeChanged", o.value);
+    }), B(a, () => {
+      e.emit("pageSizeChanged", a.value);
     });
     const z = w(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: t.value,
-      "pager-viewmode-default": u.value === "default",
-      "pager-viewmode-simple": u.value === "simple"
+      "pager-viewmode-default": l.value === "default",
+      "pager-viewmode-simple": l.value === "simple"
     })), E = w(() => ({
       position: "relative",
-      "justify-content": a.value === "center" ? "center" : "start"
+      "justify-content": o.value === "center" ? "center" : "start"
     }));
     function Q() {
-      return i(_, null, [j.value && L(), O.value && $(), v.value && M(), v.value && k(), d.value && F(), v.value && x(), v.value && D(), C.value && V()]);
+      return p(_, null, [j.value && L(), O.value && $(), v.value && M(), v.value && k(), d.value && F(), v.value && x(), v.value && D(), C.value && V()]);
     }
     function U() {
-      return i(_, null, [i("li", {
+      return p(_, null, [p("li", {
         class: "page-item d-flex flex-fill"
-      }, null), v.value && M(), v.value && k(), V(), i("li", {
+      }, null), v.value && M(), v.value && k(), V(), p("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [i("span", {
+      }, [p("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [H(" /")])]), i("li", {
+      }, [H(" /")])]), p("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [i("span", {
+      }, [p("span", {
         style: "font-size: 16px; font-weight: 600;"
       }, [H(" "), y.value])]), v.value && x(), v.value && D()]);
     }
-    return () => i("div", {
+    return () => p("div", {
       ref: f,
       class: "pagination-container"
-    }, [A.value && i("ul", {
+    }, [A.value && p("ul", {
       role: "navigation",
       class: z.value,
       style: E.value
-    }, [u.value === "default" ? Q() : U()])]);
+    }, [l.value === "default" ? Q() : U()])]);
   }
 });
 J.register = (n, e, t) => {