@farris/ui-vue 1.2.7 → 1.2.9

package/components/pagination/index.esm.js

@@ -1,103 +1,103 @@
-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, ignore: i } = n, a = i && Array.isArray(i), d = Object.keys(e).reduce((o, s) => ((!a || !i.find((r) => r == s)) && (o[s] = e[s].type === "object" && e[s].properties ? Y(e[s]) : ge(e[s].default)), o), {});
+  return (!a || !i.find((o) => o == "id")) && (d.id = `${t}-${Date.now()}`), d;
 }
-function q(n, e = {}) {
-  const t = R[n];
-  if (t) {
-    let u = Y(t);
-    const a = ee[n];
-    return u = a ? a({ getSchemaByType: q }, u, e) : u, u;
+function q(n, e = {}, t) {
+  const i = K[n];
+  if (i) {
+    let a = Y(i);
+    const d = ee[n];
+    return a = d ? d({ getSchemaByType: q }, a, e, t) : a, a;
   }
   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((i, a) => (i[a] && typeof i[a] == "object" ? Object.assign(i[a], n[a]) : i[a] = n[a], i), t), t;
 }
-function me(n, e) {
-  return Object.keys(n).filter((u) => n[u] != null).reduce((u, a) => {
+function he(n, e) {
+  return Object.keys(n).filter((i) => n[i] != null).reduce((i, a) => {
     if (e.has(a)) {
-      const g = e.get(a);
-      if (typeof g == "string")
-        u[g] = n[a];
+      const d = e.get(a);
+      if (typeof d == "string")
+        i[d] = n[a];
       else {
-        const o = g(a, n[a], n);
-        Object.assign(u, o);
+        const o = d(a, n[a], n);
+        Object.assign(i, o);
       }
     } else
-      u[a] = n[a];
-    return u;
+      i[a] = n[a];
+    return i;
   }, {});
 }
-function he(n, e, t = /* @__PURE__ */ new Map()) {
-  const u = ye(n, e);
-  return me(u, t);
+function me(n, e, t = /* @__PURE__ */ new Map()) {
+  const i = ye(n, e);
+  return he(i, t);
 }
 function ve(n = {}) {
-  function e(f, b, h, m) {
-    if (typeof h == "number")
-      return m[f].length === h;
-    if (typeof h == "object") {
-      const P = Object.keys(h)[0], c = h[P];
-      if (P === "not")
-        return Number(m[f].length) !== Number(c);
-      if (P === "moreThan")
-        return Number(m[f].length) >= Number(c);
-      if (P === "lessThan")
-        return Number(m[f].length) <= Number(c);
+  function e(f, g, v, m) {
+    if (typeof v == "number")
+      return m[f].length === v;
+    if (typeof v == "object") {
+      const C = Object.keys(v)[0], l = v[C];
+      if (C === "not")
+        return Number(m[f].length) !== Number(l);
+      if (C === "moreThan")
+        return Number(m[f].length) >= Number(l);
+      if (C === "lessThan")
+        return Number(m[f].length) <= Number(l);
     }
     return !1;
   }
-  function t(f, b, h, m) {
-    return m[f] && m[f].propertyValue && String(m[f].propertyValue.value) === String(h);
+  function t(f, g, v, m) {
+    return m[f] && m[f].propertyValue && String(m[f].propertyValue.value) === String(v);
   }
-  const u = /* @__PURE__ */ new Map([
+  const i = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((f, b) => (f.set(b, n[b]), f), u);
-  function a(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) => {
+  Object.keys(n).reduce((f, g) => (f.set(g, n[g]), f), i);
+  function a(f, g) {
+    const v = f;
+    return typeof g == "number" ? [{ target: v, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: v, operator: "getProperty", param: f, value: !!g }] : typeof g == "object" ? Object.keys(g).map((m) => {
       if (m === "length")
-        return { target: h, operator: "length", param: null, value: b[m] };
-      const P = m, c = b[m];
-      return { target: h, operator: "getProperty", param: P, value: c };
+        return { target: v, operator: "length", param: null, value: g[m] };
+      const C = m, l = g[m];
+      return { target: v, operator: "getProperty", param: C, value: l };
     }) : [];
   }
-  function g(f) {
-    return Object.keys(f).reduce((h, m) => {
-      const P = a(m, f[m]);
-      return h.push(...P), h;
+  function d(f) {
+    return Object.keys(f).reduce((v, m) => {
+      const C = a(m, f[m]);
+      return v.push(...C), v;
     }, []);
   }
-  function o(f, b) {
-    if (u.has(f.operator)) {
-      const h = u.get(f.operator);
-      return h && h(f.target, f.param, f.value, b) || !1;
+  function o(f, g) {
+    if (i.has(f.operator)) {
+      const v = i.get(f.operator);
+      return v && v(f.target, f.param, f.value, g) || !1;
     }
     return !1;
   }
-  function s(f, b) {
-    return g(f).reduce((P, c) => P && o(c, b), !0);
+  function s(f, g) {
+    return d(f).reduce((C, l) => C && o(l, g), !0);
   }
-  function l(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);
+  function r(f, g) {
+    const v = Object.keys(f), m = v.includes("allOf"), C = v.includes("anyOf"), l = m || C, b = (l ? f[l ? m ? "allOf" : "anyOf" : "allOf"] : [f]).map((P) => s(P, g));
+    return m ? !b.includes(!1) : b.includes(!0);
   }
-  return { parseValueSchema: l };
+  return { parseValueSchema: r };
 }
-const je = {}, Ce = {};
+const je = {}, Pe = {};
 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 Ce(n, e, t = /* @__PURE__ */ new Map(), i = (o, s, r) => s, a = {}, d = (o) => o) {
+  return K[e.title] = e, ee[e.title] = i, je[e.title] = a, Pe[e.title] = d, (o = {}) => {
+    const s = me(o, e, t), r = Object.keys(n).reduce((f, g) => (f[g] = n[g].default, f), {});
+    return Object.assign(r, s);
   };
 }
 function we(n, e) {
@@ -105,7 +105,7 @@ function we(n, e) {
 }
 const Ne = /* @__PURE__ */ new Map([
   ["appearance", we]
-]), Te = "https://json-schema.org/draft/2020-12/schema", ke = "https://farris-design.gitee.io/pagination.schema.json", Oe = "pagination", Se = "A Farris Component", Ae = "object", Me = {
+]), Oe = "https://json-schema.org/draft/2020-12/schema", Te = "https://farris-design.gitee.io/pagination.schema.json", ke = "pagination", Ae = "A Farris Component", Se = "object", Me = {
   id: {
     description: "The unique identifier for a pagination",
     type: "string"
@@ -201,11 +201,11 @@ const Ne = /* @__PURE__ */ new Map([
   "id",
   "type"
 ], De = {
-  $schema: Te,
-  $id: ke,
-  title: Oe,
-  description: Se,
-  type: Ae,
+  $schema: Oe,
+  $id: Te,
+  title: ke,
+  description: Ae,
+  type: Se,
   properties: Me,
   required: Le
 }, xe = "pagination", Ee = "A Farris Component", Be = "object", $e = {
@@ -332,79 +332,79 @@ const Z = {
    * 自定义每页数量
    */
   pageList: { type: Array, default: [20, 50, 100] }
-}, te = Pe(Z, De, Ne, Ve, Fe);
+}, te = Ce(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("跳转至"), i = N(""), a = N(n.value);
+  B(a, (r, f) => {
+    r >= 1 && r <= e.value ? n.value = r : a.value = f;
+  }), B(n, (r) => {
+    a.value !== r && (a.value = r);
   });
-  function g(l) {
-    a.value = l.target.valueAsNumber;
+  function d(r) {
+    a.value = r.target.valueAsNumber;
   }
-  function o(l) {
-    l.key === "Enter" && (a.value = l.target.valueAsNumber);
+  function o(r) {
+    r.key === "Enter" && (a.value = r.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,
       min: "1",
       max: e.value,
       style: "display: inline-block;margin-left:3px;",
-      onBlur: (l) => g(l),
-      onKeyup: (l) => o(l)
-    }, null), u.value]);
+      onBlur: (r) => d(r),
+      onKeyup: (r) => o(r)
+    }, null), i.value]);
   }
   return {
     renderGotoButton: s
   };
 }
 function oe(n, e, t) {
-  const u = w(() => ({
+  const i = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function a(l) {
+  function a(r) {
     n.value = n.value < t.value ? n.value + 1 : t.value;
   }
-  function g(l) {
+  function d(r) {
     n.value = t.value;
   }
   function o() {
-    return i("li", {
-      class: u.value
-    }, [!e.value && i("a", {
+    return p("li", {
+      class: i.value
+    }, [!e.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (l) => a()
-    }, [i("span", {
+      onClick: (r) => a()
+    }, [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: i.value
+    }, [!e.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (l) => g()
-    }, [i("span", {
+      onClick: (r) => d()
+    }, [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)])]);
   }
@@ -414,86 +414,86 @@ function oe(n, e, t) {
   };
 }
 function ae(n, e) {
-  const t = N("共"), u = N("条"), a = w(() => ({
+  const t = N("共"), i = N("条"), a = w(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
     "ml-auto": n.value === "right",
     "flex-fill": n.value === "right"
   }));
-  function g() {
-    return i("li", {
+  function d() {
+    return p("li", {
       class: a.value
-    }, [i("div", {
+    }, [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])])]);
+    }, [i.value])])]);
   }
   return {
-    renderPageInfo: g
+    renderPageInfo: d
   };
 }
-function se(n, e, t, u) {
-  const a = N(!1), g = N("显示"), o = N("条"), s = w(() => ({
+function se(n, e, t, i) {
+  const a = N(!1), d = N("显示"), o = N("条"), s = w(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
-    "pagelist-disabled": u.value === 0,
+    "pagelist-disabled": i.value === 0,
     show: a.value
-  })), l = w(() => ({
+  })), r = w(() => ({
     "dropdown-menu": !0,
     show: a.value
-  })), f = (r) => ({
+  })), f = (c) => ({
     "w-100": !0,
     "dropdown-item": !0,
-    active: e.value === r
+    active: e.value === c
   });
-  function b(r) {
+  function g(c) {
     a.value = !0;
   }
-  function h(r) {
+  function v(c) {
     a.value = !1;
   }
-  function m(r, p, y) {
-    const C = r * p - p + 1;
-    return Math.ceil(C / y);
+  function m(c, u, b) {
+    const P = c * u - u + 1;
+    return Math.ceil(P / b);
   }
-  function P(r, p) {
-    n.value = m(n.value, e.value, p), e.value = p, a.value = !1;
+  function C(c, u) {
+    n.value = m(n.value, e.value, u), e.value = u, a.value = !1;
   }
-  function c() {
-    return i("li", {
+  function l() {
+    return p("li", {
       class: "pagination-pagelist"
-    }, [i("div", {
+    }, [p("div", {
       class: s.value,
-      onMouseenter: (r) => b(),
-      onMouseleave: (r) => h()
-    }, [i("div", {
+      onMouseenter: (c) => g(),
+      onMouseleave: (c) => v()
+    }, [p("div", {
       class: "pg-pagelist-info"
-    }, [i("span", {
+    }, [p("span", {
       class: "pagelist-text"
-    }, [g.value]), i("b", {
+    }, [d.value]), p("b", {
       class: "cur-pagesize"
-    }, [e.value]), i("span", {
+    }, [e.value]), p("span", {
       class: "pagelist-text"
-    }, [o.value]), i("i", {
+    }, [o.value]), p("i", {
       class: "f-icon f-icon-dropdown"
-    }, null)]), i("div", {
-      class: l.value,
+    }, null)]), p("div", {
+      class: r.value,
       style: "margin-bottom: -1px;"
-    }, [t.value.map((r) => i("li", {
-      class: f(r),
-      onClick: (p) => P(p, r)
-    }, [i("span", null, [r])]))])])]);
+    }, [t.value.map((c) => p("li", {
+      class: f(c),
+      onClick: (u) => C(u, c)
+    }, [p("span", null, [c])]))])])]);
   }
   return {
-    renderPageList: c
+    renderPageList: l
   };
 }
 function re(n, e) {
@@ -501,7 +501,7 @@ function re(n, e) {
     "page-item": !0,
     current: n.value === o.value,
     ellipsis: o.label === "..."
-  }), u = (o) => ({
+  }), i = (o) => ({
     "f-icon": !0,
     "f-icon-arrow-seek-left": o.value < n.value,
     "f-icon-arrow-seek-right": o.value > n.value
@@ -509,63 +509,63 @@ function re(n, e) {
   function a(o, s) {
     n.value = s;
   }
-  function g() {
-    return e.value.map((o) => i("li", {
+  function d() {
+    return e.value.map((o) => p("li", {
       class: t(o)
-    }, [n.value !== o.value && i("a", {
+    }, [n.value !== o.value && p("a", {
       class: "page-link",
       tabindex: "0",
       onClick: (s) => a(s, o.value)
-    }, [i("span", {
+    }, [p("span", {
       class: "page-link-label"
-    }, [o.label]), o.label === "..." && i("i", {
-      class: u(o)
-    }, null)]), n.value === o.value && i("span", {
+    }, [o.label]), o.label === "..." && p("i", {
+      class: i(o)
+    }, null)]), n.value === o.value && p("span", {
       class: "page-link"
     }, [o.label])]));
   }
   return {
-    renderPageNumbers: g
+    renderPageNumbers: d
   };
 }
 function ce(n, e, t) {
-  const u = w(() => ({
+  const i = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function a(l) {
+  function a(r) {
     n.value = 1;
   }
-  function g(l) {
+  function d(r) {
     n.value = n.value > 2 ? n.value - 1 : 1;
   }
   function o() {
-    return i("li", {
-      class: u.value
-    }, [t.value && i("a", {
+    return p("li", {
+      class: i.value
+    }, [t.value && p("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (l) => a()
-    }, [i("span", {
+      onClick: (r) => a()
+    }, [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: i.value
+    }, [t.value && p("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (l) => g()
-    }, [i("span", {
+      onClick: (r) => d()
+    }, [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)])]);
   }
@@ -576,54 +576,54 @@ function ce(n, e, t) {
 }
 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 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;
-    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++;
+  function t(a, d, o, s) {
+    const r = Math.ceil(o / 2);
+    return a === o ? s : a === 1 ? a : o < s ? s - r < d ? s - o + a : r < d ? d - r + a : a : a;
+  }
+  function i(a, d, o, s) {
+    const r = [], f = Math.ceil(o / d), g = Math.ceil(s / 2), v = a <= g, m = f - g < a, C = !v && !m, l = s < f;
+    let c = 1;
+    for (; c <= f && c <= s; ) {
+      const u = t(c, a, s, f), b = c === 2 && (C || m), O = c === s - 1 && (C || v), P = l && (b || O) ? "..." : "" + u;
+      r.push({ label: P, value: u }), c++;
     }
-    e.value = l;
+    e.value = r;
   }
-  return { pages: e, updatePages: u };
+  return { pages: e, updatePages: i };
 }
-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), i = N(n.mode), a = N(""), d = N(!1), o = N(n.pageSize), s = N(n.currentPage), r = 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), {
+      updatePages: g
+    } = le(), v = w(() => s.value === 1), m = w(() => n.pageList), C = w(() => Math.ceil(r.value / o.value)), l = w(() => s.value === C.value), c = w(() => n.showGoButton), u = w(() => s.value > 1), b = w(() => !(d.value && f.value.length <= 1)), O = w(() => !0), P = w(() => n.showPageList), S = w(() => n.showPageNumbers), M = w(() => !0), {
       renderFirstPage: j,
-      renderPreviousPage: O
-    } = ce(s, h, p), {
-      renderLastPage: d,
-      renderNextPage: v
-    } = oe(s, c, P), {
-      renderPageInfo: M
-    } = ae(a, l), {
-      renderPageList: k
-    } = se(s, o, m, l), {
+      renderPreviousPage: k
+    } = ce(s, v, u), {
+      renderLastPage: y,
+      renderNextPage: h
+    } = oe(s, l, C), {
+      renderPageInfo: A
+    } = ae(a, r), {
+      renderPageList: T
+    } = se(s, o, m, r), {
       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);
+    } = ne(s, C);
+    g(s.value, o.value, r.value, 7), B(() => n.totalItems, (E) => {
+      r.value = E;
+    }), B([s, o, r], () => {
+      g(s.value, o.value, r.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(() => n.totalItems, (E) => {
-      l.value = E, b(s.value, o.value, l.value, 7);
+      r.value = E, g(s.value, o.value, r.value, 7);
     }), pe(() => {
       const E = m.value.includes(o.value);
       o.value = E ? o.value : m.value[0];
@@ -632,97 +632,97 @@ const J = /* @__PURE__ */ K({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: t.value,
-      "pager-viewmode-default": u.value === "default",
-      "pager-viewmode-simple": u.value === "simple"
+      "pager-viewmode-default": i.value === "default",
+      "pager-viewmode-simple": i.value === "simple"
     })), F = w(() => ({
       position: "relative",
       "justify-content": a.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, [O.value && A(), P.value && T(), M.value && j(), M.value && k(), S.value && D(), M.value && h(), M.value && y(), c.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), M.value && j(), M.value && k(), 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()]);
+      }, [H(" "), C.value])]), M.value && h(), M.value && y()]);
     }
-    return () => i("div", {
+    return () => p("div", {
       class: "pagination-container"
-    }, [y.value && i("ul", {
+    }, [b.value && p("ul", {
       role: "navigation",
       class: $.value,
       style: F.value
-    }, [u.value === "default" ? V() : z()])]);
+    }, [i.value === "default" ? V() : z()])]);
   }
 });
 function ze(n, e, t) {
-  var A;
-  function u() {
+  var M;
+  function i() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  u();
-  const a = t && t.getStyles && t.getStyles() || "", g = t && t.getDesignerClass && t.getDesignerClass() || "", o = N();
+  i();
+  const a = t && t.getStyles && t.getStyles() || "", d = t && t.getDesignerClass && t.getDesignerClass() || "", o = N();
   function s() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function l() {
+  function r() {
     return !1;
   }
   function f() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function b() {
+  function g() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function h(j) {
+  function v(j) {
     if (!j || !j.value)
       return null;
     if (j.value.schema && j.value.schema.type === "component")
       return j.value;
-    const O = N(j == null ? void 0 : j.value.parent), d = h(O);
-    return d || null;
+    const k = N(j == null ? void 0 : j.value.parent), y = v(k);
+    return y || null;
   }
   function m(j = e) {
-    const { componentInstance: O, designerItemElementRef: d } = j;
-    return !O || !O.value ? null : O.value.canMove ? d : m(j.parent);
+    const { componentInstance: k, designerItemElementRef: y } = j;
+    return !k || !k.value ? null : k.value.canMove ? y : m(j.parent);
   }
-  function P(j) {
+  function C(j) {
     return !!t && t.canAccepts(j);
   }
-  function c() {
+  function l() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function r() {
+  function c() {
   }
-  function p(j, O) {
-    O && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(O);
+  function u(j, k) {
+    k && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(k);
   }
-  function y(j) {
-    const { componentType: O } = j;
-    let d = q(O, j);
-    t && t.onResolveNewComponentSchema && (d = t.onResolveNewComponentSchema(j, d));
-    const v = O.toLowerCase().replace("-", "_");
-    return d && !d.id && d.type === O && (d.id = `${v}_${Math.random().toString().slice(2, 6)}`), d;
+  function b(j, k) {
+    const { componentType: y } = j;
+    let h = q(y, j, k);
+    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(j, h));
+    const A = y.toLowerCase().replace("-", "_");
+    return h && !h.id && h.type === y && (h.id = `${A}_${Math.random().toString().slice(2, 6)}`), h;
   }
-  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;
-    let k = q(d, M);
-    t && t.onAcceptNewChildElement && (k = t.onAcceptNewChildElement(j, O, k));
-    const D = d.toLowerCase().replace("-", "_");
-    return k && !k.id && k.type === d && (k.id = `${D}_${Math.random().toString().slice(2, 6)}`), k;
+  function O(j, k) {
+    const y = String(j.getAttribute("data-controltype")), h = j.getAttribute("data-feature"), A = h ? JSON.parse(h) : {};
+    A.parentComponentInstance = o.value;
+    let T = q(y, A);
+    t && t.onAcceptNewChildElement && (T = t.onAcceptNewChildElement(j, k, T));
+    const D = y.toLowerCase().replace("-", "_");
+    return T && !T.id && T.type === y && (T.id = `${D}_${Math.random().toString().slice(2, 6)}`), T;
   }
-  function C(j) {
+  function P(j) {
   }
   function S(...j) {
     if (t && t.getPropsConfig)
@@ -730,41 +730,41 @@ function ze(n, e, t) {
   }
   return o.value = {
     canMove: s(),
-    canSelectParent: l(),
+    canSelectParent: r(),
     canDelete: f(),
-    canNested: !b(),
+    canNested: !g(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (A = e == null ? void 0 : e.parent) == null ? void 0 : A.componentInstance,
+    parent: (M = e == null ? void 0 : e.parent) == null ? void 0 : M.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: a,
-    designerClass: g,
-    canAccepts: P,
-    getBelongedComponentInstance: h,
+    designerClass: d,
+    canAccepts: C,
+    getBelongedComponentInstance: v,
     getDraggableDesignItemElement: m,
-    getDraggingDisplayText: c,
+    getDraggingDisplayText: l,
     getPropConfig: S,
-    getDragScopeElement: r,
-    onAcceptMovedChildElement: p,
-    onAcceptNewChildElement: T,
-    onChildElementMovedOut: C,
-    addNewChildComponentSchema: y,
-    updateDragAndDropRules: u,
+    getDragScopeElement: c,
+    onAcceptMovedChildElement: u,
+    onAcceptNewChildElement: O,
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: b,
+    updateDragAndDropRules: i,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || N(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || N(!1)
   }, o;
 }
 function We() {
   function n(e) {
-    var a, g;
+    var a, d;
     if (!e)
       return !1;
     const t = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
     if (!t)
       return !1;
-    const u = (g = t.schema.appearance) == null ? void 0 : g.class;
+    const i = (d = t.schema.appearance) == null ? void 0 : d.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 o = t.schema.type, s = (o === "response-form" || o === "content-container") && i && i.includes("farris-form");
       if (t.schema.type !== "response-layout-item" && !s)
         return !1;
     }
@@ -1193,6 +1193,80 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", qe = "https://farris-
                                   "f-list-nav-left": {
                                     description: "",
                                     type: "object"
+                                  },
+                                  "f-struct-data-grid-in-nav": {
+                                    description: "",
+                                    type: "object",
+                                    properties: {
+                                      contents: {
+                                        type: "object",
+                                        properties: {
+                                          "f-section-form": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          },
+                                          "f-section-grid": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          }
+                                        }
+                                      },
+                                      rules: {
+                                        type: "object",
+                                        properties: {
+                                          canAccept: {
+                                            type: "boolean",
+                                            const: !1
+                                          },
+                                          fixed: {
+                                            type: "boolean",
+                                            const: !0
+                                          },
+                                          hidePadding: {
+                                            type: "boolean",
+                                            const: !0
+                                          }
+                                        }
+                                      }
+                                    }
                                   }
                                 }
                               }
@@ -1338,253 +1412,240 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", qe = "https://farris-
     description: "",
     type: "object"
   }
-}, Ue = [], Xe = {
+}, Ue = {
   $schema: Ge,
   $id: qe,
   title: _e,
   description: He,
   type: Je,
-  properties: Qe,
-  required: Ue
+  properties: Qe
 }, X = /* @__PURE__ */ new Map();
-function Ye() {
-  function n(c, r, p, 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 (C === "not")
-        return Number(y[c].length) !== Number(S);
-      if (C === "moreThan")
-        return Number(y[c].length) >= Number(S);
-      if (C === "lessThan")
-        return Number(y[c].length) <= Number(S);
+function Xe() {
+  function n(l, c, u, b) {
+    var O;
+    if (typeof u == "number")
+      return ((O = b[l]) == null ? void 0 : O.length) === u;
+    if (typeof u == "object") {
+      const P = Object.keys(u)[0], S = u[P];
+      if (P === "not")
+        return Number(b[l].length) !== Number(S);
+      if (P === "moreThan")
+        return Number(b[l].length) >= Number(S);
+      if (P === "lessThan")
+        return Number(b[l].length) <= Number(S);
     }
     return !1;
   }
-  function e(c, r, p, y) {
-    return typeof p == "boolean" ? y.childrenClassList.includes(r) === !!p : !1;
+  function e(l, c, u, b) {
+    return typeof u == "boolean" ? b.childrenClassList.includes(c) === !!u : !1;
   }
-  function t(c, r, p, y) {
-    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
+  function t(l, c, u, b) {
+    return typeof u == "boolean" ? b.parentClassList.includes(c) === !!u : !1;
   }
-  function u(c, r, p, y) {
-    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
+  function i(l, c, u, b) {
+    return typeof u == "boolean" ? b.parentClassList.includes(c) === !!u : !1;
   }
   const a = /* @__PURE__ */ new Map([
     ["length", n],
     ["hasChildren", e],
-    ["hasSibling", u],
+    ["hasSibling", i],
     ["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) => {
-      if (y === "length")
-        return { target: p, 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 };
+  function d(l, c) {
+    const u = l;
+    return typeof c == "number" ? [{ target: u, operator: "length", param: null, value: Number(c) }] : typeof c == "object" ? Object.keys(c).map((b) => {
+      if (b === "length")
+        return { target: u, operator: "length", param: null, value: c[b] };
+      const O = b, P = c[b];
+      return { target: u, operator: l === "children" ? "hasChildren" : l === "parent" ? "hasParent" : "hasSibling", param: O, value: P };
     }) : [];
   }
-  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 o(l, c) {
+    if (a.has(l.operator)) {
+      const u = a.get(l.operator);
+      return u && u(l.target, l.param, l.value, c) || !1;
     }
     return !1;
   }
-  function s(c, r) {
-    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);
-  }
-  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));
-    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;
-  }
-  function b(c) {
-    return (r) => {
-      const p = { 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;
+  function s(l, c) {
+    return Object.keys(l).reduce((P, S) => {
+      const M = d(S, l[S]);
+      return P.push(...M), P;
+    }, []).reduce((P, S) => P && o(S, c), !0);
+  }
+  function r(l, c) {
+    const u = Object.keys(l), b = u.includes("allOf"), O = u.includes("anyOf"), P = b || O, j = (P ? l[P ? b ? "allOf" : "anyOf" : "allOf"] : [l]).map((y) => s(y, c));
+    return b ? !j.includes(!1) : j.includes(!0);
+  }
+  function f(l, c) {
+    const u = l.const;
+    return u ? typeof u == "boolean" ? u : typeof u == "object" ? r(u, c) : !1 : !1;
+  }
+  function g(l) {
+    return (c) => {
+      const u = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      return l && l.properties && Object.keys(l.properties).reduce((b, O) => {
+        const P = l.properties[O];
+        return b[O] = f(P, c), b;
+      }, u), u;
     };
   }
-  function h(c, r, p) {
-    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)
+  function v(l, c, u) {
+    if (c.type === "object" && c.properties) {
+      const { rules: b, contents: O } = c.properties;
+      u.set(l, g(b)), O && Object.keys(O.properties).forEach(
+        (P) => v(P, O.properties[P], u)
       );
     }
   }
   function m() {
-    const { properties: c } = Xe;
-    Object.keys(c).forEach((r) => {
-      h(r, c[r], X);
+    const { properties: l } = Ue;
+    Object.keys(l).forEach((c) => {
+      v(c, l[c], X);
     });
   }
-  function P(c, r) {
-    const p = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return X.has(c) ? X.get(c)(r) : p;
+  function C(l, c) {
+    const u = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return X.has(l) ? X.get(l)(c) : u;
   }
-  return m(), { getRuleValue: P };
+  return m(), { getRuleValue: C };
 }
-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;
-  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;
-  }
-  function m(d) {
-    return !(!We().basalDragulaRuleForContainer(d) || !s || !h(d));
-  }
-  function P() {
-    g.value = !1, o.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) => {
+function Ye(n, e) {
+  var k;
+  const t = n.schema, i = (k = n.parent) == null ? void 0 : k.schema, a = Xe(), d = N(!1), o = N(!1);
+  let s = !0, r = !1, f, g = !1;
+  function v(y) {
+    return f && f.componentClassList && f.componentClassList.includes("f-form-layout") && f.componentClassList.includes("farris-form") ? y.sourceType === "control" && y.controlCategory === "input" || y.sourceType === "move" && y.controlType === "form-group" : !0;
+  }
+  function m(y) {
+    return !(!We().basalDragulaRuleForContainer(y) || !s || !v(y));
+  }
+  function C() {
+    d.value = !1, o.value = !1;
+    const y = t, h = y.appearance && y.appearance.class || "", A = h.split(" "), T = y.contents || [], D = T.length ? T[0] : null, x = D && D.appearance ? D.appearance.class : "", L = x ? x.split(" ") : [], $ = T.length ? T.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 = i, V = F && F.appearance && F.appearance.class || "", z = V ? V.split(" ") : [];
     f = {
-      componentClass: v,
-      componentClassList: M,
-      childContents: k,
+      componentClass: h,
+      componentClassList: A,
+      childContents: T,
       firstChildContent: D,
       firstChildClass: x,
       firstChildClassList: L,
       parent: F,
       parentClass: V,
       parentClassList: z,
-      children: k,
+      children: T,
       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 } = a.getRuleValue(A[0], f);
+    return s = E, r = U, g = Q, !0;
   }
-  function c(d) {
+  function l(y) {
     ue();
   }
-  function r() {
+  function c() {
     return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function p(d, v) {
-    const M = t;
-    if ((M.appearance && M.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: x } = d, L = q("form-group");
-      return L.editor = v, L.label = x, y(L), delete L.editor.id, delete L.editor.binding, delete L.editor.appearance, delete L.editor.visible, L;
+  function u(y, h) {
+    const A = t;
+    if ((A.appearance && A.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const { label: x } = y, L = q("form-group");
+      return L.editor = h, L.label = x, b(L), delete L.editor.id, delete L.editor.binding, delete L.editor.appearance, delete L.editor.visible, L;
     }
-    return v;
+    return h;
   }
-  function y(d) {
-    const v = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-    if (v && v.schema && v.schema.componentType) {
-      const M = v.schema.componentType, k = T(M);
-      d.appearance || (d.appearance = {}), d.appearance.class = k;
+  function b(y) {
+    const h = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
+    if (h && h.schema && h.schema.componentType) {
+      const A = h.schema.formColumns, T = O(A);
+      y.appearance || (y.appearance = {}), y.appearance.class = T;
     }
   }
-  function T(d) {
-    let v = "";
-    switch (d) {
-      case "form-col-1": {
-        v = "col-12 col-md-12 col-xl-12 col-el-12";
+  function O(y) {
+    let h = "";
+    switch (y) {
+      case 1: {
+        h = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
-      case "form-col-12": {
-        v = "col-12 col-md-12 col-xl-12 col-el-12";
+      case 2: {
+        h = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
-      case "form-col-2": {
-        v = "col-12 col-md-6 col-xl-6 col-el-6";
+      case 3: {
+        h = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
-      case "form-col-3": {
-        v = "col-12 col-md-6 col-xl-4 col-el-4";
-        break;
-      }
-      case "form-col-4": {
-        v = "col-12 col-md-6 col-xl-3 col-el-2";
-        break;
-      }
-      case "form-col-6": {
-        v = "col-12 col-md-6 col-xl-6 col-el-6";
-        break;
-      }
-      case "frame": {
-        v = "col-12";
+      case 4: {
+        h = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return v;
+    return h;
   }
-  function C(d, v, M) {
-    const k = t;
-    if ((k.appearance && k.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const L = String(d.innerText), $ = q("form-group");
-      return $.editor = M, $.label = L, $;
+  function P(y, h, A) {
+    const T = t;
+    if ((T.appearance && T.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const L = String(y.innerText), $ = q("form-group");
+      return $.editor = A, $.label = L, $;
     }
-    return M;
+    return A;
   }
   function S() {
-    return !b;
+    return !g;
   }
-  function A() {
-    return !b;
+  function M() {
+    return !g;
   }
   function j() {
-    return l;
+    return r;
   }
   return {
     canAccepts: m,
-    checkCanDeleteComponent: A,
+    checkCanDeleteComponent: M,
     checkCanMoveComponent: S,
-    getStyles: r,
+    getStyles: c,
     hideNestedPaddingInDesginerView: j,
-    onAcceptNewChildElement: C,
-    onAcceptMovedChildElement: c,
-    resolveComponentContext: P,
-    onResolveNewComponentSchema: p,
-    triggerBelongedComponentToMoveWhenMoved: g,
+    onAcceptNewChildElement: P,
+    onAcceptMovedChildElement: l,
+    resolveComponentContext: C,
+    onResolveNewComponentSchema: u,
+    triggerBelongedComponentToMoveWhenMoved: d,
     triggerBelongedComponentToDeleteWhenDeleted: o
   };
 }
-const Ie = /* @__PURE__ */ K({
+const Ze = /* @__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), i = N(n.mode), a = N(""), d = N(!1), o = N(n.pageSize), s = N(n.currentPage), r = N(n.totalItems), f = N(), g = fe("design-item-context"), v = Ye(g.schema, (W = g.parent) == null ? void 0 : W.schema), m = ze(f, g, v);
     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), {
-      renderFirstPage: M,
-      renderPreviousPage: k
-    } = ce(s, r, S), {
+      pages: C,
+      updatePages: l
+    } = le(), c = w(() => s.value === 1), u = w(() => [20, 50, 100]), b = w(() => Math.ceil(r.value / o.value)), O = w(() => s.value === b.value), P = w(() => !0), S = w(() => s.value > 1), M = w(() => !(d.value && C.value.length <= 1)), j = w(() => !0), k = w(() => !0), y = w(() => !0), h = w(() => !0), {
+      renderFirstPage: A,
+      renderPreviousPage: T
+    } = ce(s, c, S), {
       renderLastPage: D,
       renderNextPage: x
-    } = oe(s, T, y), {
+    } = oe(s, O, b), {
       renderPageInfo: L
-    } = ae(a, l), {
+    } = ae(a, r), {
       renderPageList: $
-    } = se(s, o, p, l), {
+    } = se(s, o, u, r), {
       renderPageNumbers: F
-    } = re(s, P), {
+    } = re(s, C), {
       renderGotoButton: V
-    } = ne(s, y);
-    c(s.value, o.value, l.value, 7), B([s, o], () => {
-      c(s.value, o.value, l.value, 7);
+    } = ne(s, b);
+    l(s.value, o.value, r.value, 7), B([s, o], () => {
+      l(s.value, o.value, r.value, 7);
     }), B(s, () => {
       e.emit("pageIndexChanged", s.value);
     }), B(o, () => {
@@ -1594,50 +1655,50 @@ const Ie = /* @__PURE__ */ K({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: t.value,
-      "pager-viewmode-default": u.value === "default",
-      "pager-viewmode-simple": u.value === "simple"
+      "pager-viewmode-default": i.value === "default",
+      "pager-viewmode-simple": i.value === "simple"
     })), E = w(() => ({
       position: "relative",
       "justify-content": a.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(), k.value && $(), h.value && A(), h.value && T(), y.value && F(), h.value && x(), h.value && D(), P.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), h.value && A(), h.value && T(), 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()]);
+      }, [H(" "), b.value])]), h.value && x(), h.value && D()]);
     }
-    return () => i("div", {
+    return () => p("div", {
       ref: f,
       class: "pagination-container"
-    }, [A.value && i("ul", {
+    }, [M.value && p("ul", {
       role: "navigation",
       class: z.value,
       style: E.value
-    }, [u.value === "default" ? Q() : U()])]);
+    }, [i.value === "default" ? Q() : U()])]);
   }
 });
 J.register = (n, e, t) => {
   n.pagination = J, e.pagination = te;
 };
 J.registerDesigner = (n, e, t) => {
-  n.pagination = Ie, e.pagination = te;
+  n.pagination = Ze, e.pagination = te;
 };
-const tt = be(J);
+const et = be(J);
 export {
   J as FPagination,
-  tt as default,
+  et as default,
   Z as paginationProps,
   te as propsResolver
 };