@farris/ui-vue 1.1.0 → 1.1.1

package/pagination/index.esm.js

@@ -1,1565 +0,0 @@
-import { ref as w, watch as L, createVNode as l, computed as C, defineComponent as Z, Fragment as G, createTextVNode as q, nextTick as le, inject as ie, onMounted as pe } from "vue";
-import { cloneDeep as ue } from "lodash-es";
-const I = {}, K = {};
-function Q(n) {
-  const { properties: e, title: t } = n, i = Object.keys(e).reduce((o, g) => (o[g] = e[g].type === "object" && e[g].properties ? Q(e[g]) : ue(e[g].default), o), {});
-  return i.id = `${t}-${Date.now()}`, i;
-}
-function z(n, e = {}) {
-  const t = I[n];
-  if (t) {
-    let i = Q(t);
-    const o = K[n];
-    return i = o ? o({ getSchemaByType: z }, i, e) : i, i;
-  }
-  return null;
-}
-function fe(n, e) {
-  const t = Q(e);
-  return Object.keys(n).reduce((i, o) => (i[o] = n[o], i), t), t;
-}
-function de(n, e) {
-  return Object.keys(n).filter((i) => n[i] != null).reduce((i, o) => {
-    if (e.has(o)) {
-      const g = e.get(o);
-      if (typeof g == "string")
-        i[g] = n[o];
-      else {
-        const s = g(o, n[o], n);
-        Object.assign(i, s);
-      }
-    } else
-      i[o] = n[o];
-    return i;
-  }, {});
-}
-function ge(n, e, t = /* @__PURE__ */ new Map()) {
-  const i = fe(n, e);
-  return de(i, t);
-}
-function be(n = {}) {
-  function e(f, b, m, v) {
-    if (typeof m == "number")
-      return v[f].length === m;
-    if (typeof m == "object") {
-      const j = Object.keys(m)[0], c = m[j];
-      if (j === "not")
-        return Number(v[f].length) !== Number(c);
-      if (j === "moreThan")
-        return Number(v[f].length) >= Number(c);
-      if (j === "lessThan")
-        return Number(v[f].length) <= Number(c);
-    }
-    return !1;
-  }
-  function t(f, b, m, v) {
-    return v[b] && v[b].propertyValue && String(v[b].propertyValue.value) === String(m);
-  }
-  const i = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
-  ]);
-  Object.keys(n).reduce((f, b) => (f.set(b, n[b]), f), i);
-  function o(f, b) {
-    const m = f;
-    return typeof b == "number" ? [{ target: m, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: m, operator: "getProperty", param: f, value: !!b }] : typeof b == "object" ? Object.keys(b).map((v) => {
-      if (v === "length")
-        return { target: m, operator: "length", param: null, value: b[v] };
-      const j = v, c = b[v];
-      return { target: m, operator: f, param: j, value: c };
-    }) : [];
-  }
-  function g(f) {
-    return Object.keys(f).reduce((m, v) => {
-      const j = o(v, f[v]);
-      return m.push(...j), m;
-    }, []);
-  }
-  function s(f, b) {
-    if (i.has(f.operator)) {
-      const m = i.get(f.operator);
-      return m && m(f.target, f.param, f.value, b) || !1;
-    }
-    return !1;
-  }
-  function a(f, b) {
-    return g(f).reduce((j, c) => j && s(c, b), !0);
-  }
-  function u(f, b) {
-    const m = Object.keys(f), v = m.includes("allOf"), j = m.includes("anyOf"), c = v || j, y = (c ? f[c ? v ? "allOf" : "anyOf" : "allOf"] : [f]).map((d) => a(d, b));
-    return v ? !y.includes(!1) : y.includes(!0);
-  }
-  return { parseValueSchema: u };
-}
-const ye = {}, he = {};
-be();
-function me(n, e, t = /* @__PURE__ */ new Map(), i = (s, a, u) => a, o = {}, g = (s) => s) {
-  return I[e.title] = e, K[e.title] = i, ye[e.title] = o, he[e.title] = g, (s = {}) => {
-    const a = ge(s, e, t), u = Object.keys(n).reduce((f, b) => (f[b] = n[b].default, f), {});
-    return Object.assign(u, a);
-  };
-}
-function ve(n, e) {
-  return { customClass: e.class };
-}
-const je = /* @__PURE__ */ new Map([
-  ["appearance", ve]
-]), Ce = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/pagination.schema.json", we = "pagination", Oe = "A Farris Component", Ne = "object", Te = {
-  id: {
-    description: "The unique identifier for a pagination",
-    type: "string"
-  },
-  type: {
-    description: "The type string of pagination component",
-    type: "string",
-    default: "pagination"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  }
-}, ke = [
-  "id",
-  "type"
-], Se = {
-  $schema: Ce,
-  $id: Pe,
-  title: we,
-  description: Oe,
-  type: Ne,
-  properties: Te,
-  required: ke
-}, Ae = "pagination", Me = "A Farris Component", De = "object", Le = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, xe = {
-  title: Ae,
-  description: Me,
-  type: De,
-  categories: Le
-};
-function Ee(n, e, t) {
-  return e;
-}
-const U = {
-  currentPage: { type: Number, default: 1 },
-  mode: { type: String, default: "default" },
-  pageSize: { type: Number, default: 20 },
-  totalItems: { type: Number, default: 0 }
-}, Y = me(U, Se, je, Ee, xe);
-function R(n, e) {
-  const t = w("跳转至"), i = w(""), o = w(n.value);
-  L(o, (u, f) => {
-    u >= 1 && u <= e.value ? n.value = u : o.value = f;
-  }), L(n, (u) => {
-    o.value !== u && (o.value = u);
-  });
-  function g(u) {
-    o.value = u.target.valueAsNumber;
-  }
-  function s(u) {
-    u.key === "Enter" && (o.value = u.target.valueAsNumber);
-  }
-  function a() {
-    return l("li", {
-      class: "page-goto-input d-flex flex-row",
-      style: "padding-left: 10px; white-space: nowrap;"
-    }, [l("span", {
-      class: "pg-message-text"
-    }, [t.value]), l("input", {
-      type: "number",
-      class: "form-control farris-gotopagenumber",
-      value: o.value,
-      min: "1",
-      max: e.value,
-      style: "display: inline-block;margin-left:3px;",
-      onBlur: (u) => g(u),
-      onKeyup: (u) => s(u)
-    }, null), i.value]);
-  }
-  return {
-    renderGotoButton: a
-  };
-}
-function ee(n, e, t) {
-  const i = C(() => ({
-    "page-item": !0,
-    disabled: e.value
-  }));
-  function o(u) {
-    n.value = n.value < t.value ? n.value + 1 : t.value;
-  }
-  function g(u) {
-    n.value = t.value;
-  }
-  function s() {
-    return l("li", {
-      class: i.value
-    }, [!e.value && l("a", {
-      class: "page-link",
-      tabindex: "0",
-      onClick: (u) => o()
-    }, [l("span", {
-      class: "f-icon f-page-next"
-    }, null)]), e.value && l("span", {
-      class: "page-link"
-    }, [l("span", {
-      class: "f-icon f-page-next"
-    }, null)])]);
-  }
-  function a() {
-    return l("li", {
-      class: i.value
-    }, [!e.value && l("a", {
-      class: "page-link",
-      tabindex: "0",
-      onClick: (u) => g()
-    }, [l("span", {
-      class: "f-icon f-page-last"
-    }, null)]), e.value && l("span", {
-      class: "page-link"
-    }, [l("span", {
-      class: "f-icon f-page-last"
-    }, null)])]);
-  }
-  return {
-    renderLastPage: a,
-    renderNextPage: s
-  };
-}
-function te(n, e) {
-  const t = w("共"), i = w("条"), o = C(() => ({
-    "pagination-message": !0,
-    "text-truncate": !0,
-    "d-flex": !0,
-    "ml-auto": n.value === "right",
-    "flex-fill": n.value === "right"
-  }));
-  function g() {
-    return l("li", {
-      class: o.value
-    }, [l("div", {
-      class: "text-truncate",
-      style: "line-height: 26px"
-    }, [l("span", {
-      class: "pg-message-text"
-    }, [t.value]), l("b", {
-      class: "pg-message-total"
-    }, [e.value]), l("span", {
-      class: "pg-message-text"
-    }, [i.value])])]);
-  }
-  return {
-    renderPageInfo: g
-  };
-}
-function ne(n, e, t, i) {
-  const o = w(!1), g = w("显示"), s = w("条"), a = C(() => ({
-    dropup: !0,
-    "dropdown-right": !0,
-    "pg-pagelist": !0,
-    "pagelist-disabled": i.value === 0,
-    show: o.value
-  })), u = C(() => ({
-    "dropdown-menu": !0,
-    show: o.value
-  })), f = (r) => ({
-    "dropdown-item": !0,
-    active: e.value === r
-  });
-  function b(r) {
-    o.value = !0;
-  }
-  function m(r) {
-    o.value = !1;
-  }
-  function v(r, p, y) {
-    const d = r * p - p + 1;
-    return Math.ceil(d / y);
-  }
-  function j(r, p) {
-    n.value = v(n.value, e.value, p), e.value = p, o.value = !1;
-  }
-  function c() {
-    return l("li", {
-      class: "pagination-pagelist"
-    }, [l("div", {
-      class: a.value,
-      onMouseenter: (r) => b(),
-      onMouseleave: (r) => m()
-    }, [l("div", {
-      class: "pg-pagelist-info"
-    }, [l("span", {
-      class: "pagelist-text"
-    }, [g.value]), l("b", {
-      class: "cur-pagesize"
-    }, [e.value]), l("span", {
-      class: "pagelist-text"
-    }, [s.value]), l("i", {
-      class: "f-icon f-icon-dropdown"
-    }, null)]), l("div", {
-      class: u.value,
-      style: "margin-bottom: -1px;"
-    }, [t.value.map((r) => l("li", {
-      class: f(r),
-      onClick: (p) => j(p, r)
-    }, [l("span", null, [r])]))])])]);
-  }
-  return {
-    renderPageList: c
-  };
-}
-function oe(n, e) {
-  const t = (s) => ({
-    "page-item": !0,
-    current: n.value === s.value,
-    ellipsis: s.label === "..."
-  }), i = (s) => ({
-    "f-icon": !0,
-    "f-icon-arrow-seek-left": s.value < n.value,
-    "f-icon-arrow-seek-right": s.value > n.value
-  });
-  function o(s, a) {
-    n.value = a;
-  }
-  function g() {
-    return e.value.map((s) => l("li", {
-      class: t(s)
-    }, [n.value !== s.value && l("a", {
-      class: "page-link",
-      tabindex: "0",
-      onClick: (a) => o(a, s.value)
-    }, [l("span", {
-      class: "page-link-label"
-    }, [s.label]), s.label === "..." && l("i", {
-      class: i(s)
-    }, null)]), n.value === s.value && l("span", {
-      class: "page-link"
-    }, [s.label])]));
-  }
-  return {
-    renderPageNumbers: g
-  };
-}
-function ae(n, e, t) {
-  const i = C(() => ({
-    "page-item": !0,
-    disabled: e.value
-  }));
-  function o(u) {
-    n.value = 1;
-  }
-  function g(u) {
-    n.value = n.value > 2 ? n.value - 1 : 1;
-  }
-  function s() {
-    return l("li", {
-      class: i.value
-    }, [t.value && l("a", {
-      tabindex: "0",
-      class: "page-link",
-      onClick: (u) => o()
-    }, [l("span", {
-      class: "f-icon f-page-first"
-    }, null)]), e.value && l("span", {
-      class: "page-link"
-    }, [l("span", {
-      class: "f-icon f-page-first"
-    }, null)])]);
-  }
-  function a() {
-    return l("li", {
-      class: i.value
-    }, [t.value && l("a", {
-      tabindex: "0",
-      class: "page-link",
-      onClick: (u) => g()
-    }, [l("span", {
-      class: "f-icon f-page-pre"
-    }, null)]), e.value && l("span", {
-      class: "page-link"
-    }, [l("span", {
-      class: "f-icon f-page-pre"
-    }, null)])]);
-  }
-  return {
-    renderFirstPage: s,
-    renderPreviousPage: a
-  };
-}
-function se(n) {
-  const e = w([]);
-  function t(o, g, s, a) {
-    const u = Math.ceil(s / 2);
-    return o === s ? a : o === 1 ? o : s < a ? a - u < g ? a - s + o : u < g ? g - u + o : o : o;
-  }
-  function i(o, g, s, a) {
-    const u = [], f = Math.ceil(s / g), b = Math.ceil(a / 2), m = o <= b, v = f - b < o, j = !m && !v, c = a < f;
-    let r = 1;
-    for (; r <= f && r <= a; ) {
-      const p = t(r, o, a, f), y = r === 2 && (j || v), O = r === a - 1 && (j || m), d = c && (y || O) ? "..." : "" + p;
-      u.push({ label: d, value: p }), r++;
-    }
-    e.value = u;
-  }
-  return { pages: e, updatePages: i };
-}
-const _ = /* @__PURE__ */ Z({
-  name: "FPagination",
-  props: U,
-  emits: ["pageIndexChanged", "pageSizeChanged"],
-  setup(n, e) {
-    const t = w(!1), i = w(n.mode), o = w(""), g = w(!1), s = w(n.pageSize), a = w(n.currentPage), u = w(n.totalItems), {
-      pages: f,
-      updatePages: b
-    } = se(), m = C(() => a.value === 1), v = C(() => [20, 50, 100]), j = C(() => Math.ceil(u.value / s.value)), c = C(() => a.value === j.value), r = C(() => !0), p = C(() => a.value > 1), y = C(() => !(g.value && f.value.length <= 1)), O = C(() => !0), d = C(() => !0), S = C(() => !0), T = C(() => !0), {
-      renderFirstPage: h,
-      renderPreviousPage: N
-    } = ae(a, m, p), {
-      renderLastPage: P,
-      renderNextPage: k
-    } = ee(a, c, j), {
-      renderPageInfo: M
-    } = te(o, u), {
-      renderPageList: A
-    } = ne(a, s, v, u), {
-      renderPageNumbers: D
-    } = oe(a, f), {
-      renderGotoButton: x
-    } = R(a, j);
-    b(a.value, s.value, u.value, 7), L([a, s], () => {
-      b(a.value, s.value, u.value, 7);
-    }), L(a, () => {
-      e.emit("pageIndexChanged", a.value);
-    }), L(s, () => {
-      e.emit("pageSizeChanged", s.value);
-    });
-    const B = C(() => ({
-      "ngx-pagination": !0,
-      pagination: !0,
-      responsive: t.value,
-      "pager-viewmode-default": i.value === "default",
-      "pager-viewmode-simple": i.value === "simple"
-    })), F = C(() => ({
-      position: "relative",
-      "justify-content": o.value === "center" ? "center" : "start"
-    }));
-    function V() {
-      return l(G, null, [O.value && M(), d.value && A(), T.value && h(), T.value && N(), S.value && D(), T.value && k(), T.value && P(), r.value && x()]);
-    }
-    function E() {
-      return l(G, null, [l("li", {
-        class: "page-item d-flex flex-fill"
-      }, null), T.value && h(), T.value && N(), x(), l("li", {
-        class: "page-item page-separator",
-        style: "margin-left: 10px"
-      }, [l("span", {
-        style: "font-size: 15px; font-weight: 200;"
-      }, [q(" /")])]), l("li", {
-        class: "page-item page-total",
-        style: "margin-left: 5px"
-      }, [l("span", {
-        style: "font-size: 16px; font-weight: 600;"
-      }, [q(" "), j.value])]), T.value && k(), T.value && P()]);
-    }
-    return () => l("div", {
-      class: "pagination-container"
-    }, [y.value && l("ul", {
-      role: "navigation",
-      class: B.value,
-      style: F.value
-    }, [i.value === "default" ? V() : E()])]);
-  }
-});
-function $e(n, e, t) {
-  var T;
-  function i() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  i();
-  const o = t && t.getStyles && t.getStyles() || "", g = t && t.getDesignerClass && t.getDesignerClass() || "", s = w();
-  function a() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function u() {
-    return !1;
-  }
-  function f() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function b() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function m(h) {
-    if (!h || !h.value)
-      return null;
-    if (h.value.schema && h.value.schema.type === "component")
-      return h.value;
-    const N = w(h == null ? void 0 : h.value.parent), P = m(N);
-    return P || null;
-  }
-  function v(h = e) {
-    const { componentInstance: N, designerItemElementRef: P } = h;
-    return !N || !N.value ? null : N.value.canMove ? P : v(h.parent);
-  }
-  function j(h) {
-    return !!t && t.canAccepts(h);
-  }
-  function c() {
-    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 p(h, N) {
-    N && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(N);
-  }
-  function y(h) {
-    const { componentType: N } = h;
-    let P = z(N, h);
-    t && t.onResolveNewComponentSchema && (P = t.onResolveNewComponentSchema(h, P));
-    const k = N.toLowerCase().replace("-", "_");
-    return P && !P.id && P.type === N && (P.id = `${k}_${Math.random().toString().slice(2, 6)}`), P;
-  }
-  function O(h, N) {
-    const P = String(h.getAttribute("data-controltype")), k = h.getAttribute("data-feature"), M = k ? JSON.parse(k) : {};
-    M.parentComponentInstance = s.value;
-    let A = z(P, M);
-    t && t.onAcceptNewChildElement && (A = t.onAcceptNewChildElement(h, N, A));
-    const D = P.toLowerCase().replace("-", "_");
-    return A && !A.id && A.type === P && (A.id = `${D}_${Math.random().toString().slice(2, 6)}`), A;
-  }
-  function d(h) {
-  }
-  function S() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
-  }
-  return s.value = {
-    canMove: a(),
-    canSelectParent: u(),
-    canDelete: f(),
-    canNested: !b(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: o,
-    designerClass: g,
-    canAccepts: j,
-    getBelongedComponentInstance: m,
-    getDraggableDesignItemElement: v,
-    getDraggingDisplayText: c,
-    getPropConfig: S,
-    getDragScopeElement: r,
-    onAcceptMovedChildElement: p,
-    onAcceptNewChildElement: O,
-    onChildElementMovedOut: d,
-    addNewChildComponentSchema: y,
-    updateDragAndDropRules: i,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
-  }, s;
-}
-function Be() {
-  function n(e) {
-    var o, g;
-    if (!e)
-      return !1;
-    const t = ((o = e.targetContainer) == null ? void 0 : o.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!t)
-      return !1;
-    const i = (g = t.schema.appearance) == null ? void 0 : g.class;
-    if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const s = t.schema.type, a = (s === "response-form" || s === "content-container") && i && i.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !a)
-        return !1;
-    }
-    return e.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: n
-  };
-}
-const Fe = "https://json-schema.org/draft/2020-12/schema", Ve = "https://farris-design.gitee.io/dragging-rules.schema.json", ze = "Dragging Rules", We = "The rules of designer canvas", Ge = "object", qe = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      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: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              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
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      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: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, He = [], _e = {
-  $schema: Fe,
-  $id: Ve,
-  title: ze,
-  description: We,
-  type: Ge,
-  properties: qe,
-  required: He
-}, J = /* @__PURE__ */ new Map();
-function Je() {
-  function n(c, r, p, y) {
-    if (typeof p == "number")
-      return y[c].length === p;
-    if (typeof p == "object") {
-      const O = Object.keys(p)[0], d = p[O];
-      if (O === "not")
-        return Number(y[c].length) !== Number(d);
-      if (O === "moreThan")
-        return Number(y[c].length) >= Number(d);
-      if (O === "lessThan")
-        return Number(y[c].length) <= Number(d);
-    }
-    return !1;
-  }
-  function e(c, r, p, y) {
-    return typeof p == "boolean" ? y.childrenClassList.includes(r) === !!p : !1;
-  }
-  function t(c, r, p, y) {
-    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
-  }
-  function i(c, r, p, y) {
-    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
-  }
-  const o = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", e],
-    ["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 O = y, d = r[y];
-      return { target: p, operator: c === "children" ? "hasChildren" : c === "parent" ? "hasParent" : "hasSibling", param: O, value: d };
-    }) : [];
-  }
-  function s(c, r) {
-    if (o.has(c.operator)) {
-      const p = o.get(c.operator);
-      return p && p(c.target, c.param, c.value, r) || !1;
-    }
-    return !1;
-  }
-  function a(c, r) {
-    return Object.keys(c).reduce((d, S) => {
-      const T = g(S, c[S]);
-      return d.push(...T), d;
-    }, []).reduce((d, S) => d && s(S, r), !0);
-  }
-  function u(c, r) {
-    const p = Object.keys(c), y = p.includes("allOf"), O = p.includes("anyOf"), d = y || O, h = (d ? c[d ? y ? "allOf" : "anyOf" : "allOf"] : [c]).map((P) => a(P, r));
-    return y ? !h.includes(!1) : h.includes(!0);
-  }
-  function f(c, r) {
-    const p = c.const;
-    return p ? typeof p == "boolean" ? p : typeof p == "object" ? u(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, O) => {
-        const d = c.properties[O];
-        return y[O] = f(d, r), y;
-      }, p), p;
-    };
-  }
-  function m(c, r, p) {
-    if (r.type === "object" && r.properties) {
-      const { rules: y, contents: O } = r.properties;
-      p.set(c, b(y)), O && Object.keys(O.properties).forEach(
-        (d) => m(d, O.properties[d], p)
-      );
-    }
-  }
-  function v() {
-    const { properties: c } = _e;
-    Object.keys(c).forEach((r) => {
-      m(r, c[r], J);
-    });
-  }
-  function j(c, r) {
-    const p = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return J.has(c) ? J.get(c)(r) : p;
-  }
-  return v(), { getRuleValue: j };
-}
-function Qe(n, e) {
-  const t = Je(), i = w(!1), o = w(!1);
-  let g = !0, s = !1, a, u = !1;
-  function f(d) {
-    return a && a.componentClassList && a.componentClassList.includes("f-form-layout") && a.componentClassList.includes("farris-form") ? d.sourceType === "control" && d.controlCategory === "input" || d.sourceType === "move" && d.controlType === "form-group" : !0;
-  }
-  function b(d) {
-    return !(!Be().basalDragulaRuleForContainer(d) || !g || !f(d));
-  }
-  function m() {
-    i.value = !1, o.value = !1;
-    const d = n, S = d.appearance && d.appearance.class || "", T = S.split(" "), h = d.contents || [], N = h.length ? h[0] : null, P = N && N.appearance ? N.appearance.class : "", k = P ? P.split(" ") : [], M = h.length ? h.reduce((E, $) => {
-      const W = $ && $.appearance ? $.appearance.class : "", H = W ? W.split(" ") : [];
-      return E.push(...H), E;
-    }, []) : [], A = e, D = A && A.appearance && A.appearance.class || "", x = D ? D.split(" ") : [];
-    a = {
-      componentClass: S,
-      componentClassList: T,
-      childContents: h,
-      firstChildContent: N,
-      firstChildClass: P,
-      firstChildClassList: k,
-      parent: A,
-      parentClass: D,
-      parentClassList: x,
-      children: h,
-      childrenClassList: M
-    };
-    const { canAccept: B, fixed: F, hidePadding: V } = t.getRuleValue(T[0], a);
-    return g = B, s = V, u = F, !0;
-  }
-  function v(d) {
-    le();
-  }
-  function j() {
-    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function c(d, S) {
-    const T = n;
-    if ((T.appearance && T.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: P } = d, k = z("form-group");
-      return k.editor = S, k.label = P, k;
-    }
-    return S;
-  }
-  function r(d, S, T) {
-    const h = n;
-    if ((h.appearance && h.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const k = String(d.innerText), M = z("form-group");
-      return M.editor = T, M.label = k, M;
-    }
-    return T;
-  }
-  function p() {
-    return !u;
-  }
-  function y() {
-    return !u;
-  }
-  function O() {
-    return s;
-  }
-  return {
-    canAccepts: b,
-    checkCanDeleteComponent: y,
-    checkCanMoveComponent: p,
-    getStyles: j,
-    hideNestedPaddingInDesginerView: O,
-    onAcceptNewChildElement: r,
-    onAcceptMovedChildElement: v,
-    resolveComponentContext: m,
-    onResolveNewComponentSchema: c,
-    triggerBelongedComponentToMoveWhenMoved: i,
-    triggerBelongedComponentToDeleteWhenDeleted: o
-  };
-}
-const Ue = /* @__PURE__ */ Z({
-  name: "FPagination",
-  props: U,
-  emits: ["pageIndexChanged", "pageSizeChanged"],
-  setup(n, e) {
-    var X;
-    const t = w(!1), i = w(n.mode), o = w(""), g = w(!1), s = w(n.pageSize), a = w(n.currentPage), u = w(n.totalItems), f = w(), b = ie("design-item-context"), m = Qe(b.schema, (X = b.parent) == null ? void 0 : X.schema), v = $e(f, b, m);
-    pe(() => {
-      f.value.componentInstance = v;
-    }), e.expose(v.value);
-    const {
-      pages: j,
-      updatePages: c
-    } = se(), r = C(() => a.value === 1), p = C(() => [20, 50, 100]), y = C(() => Math.ceil(u.value / s.value)), O = C(() => a.value === y.value), d = C(() => !0), S = C(() => a.value > 1), T = C(() => !(g.value && j.value.length <= 1)), h = C(() => !0), N = C(() => !0), P = C(() => !0), k = C(() => !0), {
-      renderFirstPage: M,
-      renderPreviousPage: A
-    } = ae(a, r, S), {
-      renderLastPage: D,
-      renderNextPage: x
-    } = ee(a, O, y), {
-      renderPageInfo: B
-    } = te(o, u), {
-      renderPageList: F
-    } = ne(a, s, p, u), {
-      renderPageNumbers: V
-    } = oe(a, j), {
-      renderGotoButton: E
-    } = R(a, y);
-    c(a.value, s.value, u.value, 7), L([a, s], () => {
-      c(a.value, s.value, u.value, 7);
-    }), L(a, () => {
-      e.emit("pageIndexChanged", a.value);
-    }), L(s, () => {
-      e.emit("pageSizeChanged", s.value);
-    });
-    const $ = C(() => ({
-      "ngx-pagination": !0,
-      pagination: !0,
-      responsive: t.value,
-      "pager-viewmode-default": i.value === "default",
-      "pager-viewmode-simple": i.value === "simple"
-    })), W = C(() => ({
-      position: "relative",
-      "justify-content": o.value === "center" ? "center" : "start"
-    }));
-    function H() {
-      return l(G, null, [h.value && B(), N.value && F(), k.value && M(), k.value && A(), P.value && V(), k.value && x(), k.value && D(), d.value && E()]);
-    }
-    function re() {
-      return l(G, null, [l("li", {
-        class: "page-item d-flex flex-fill"
-      }, null), k.value && M(), k.value && A(), E(), l("li", {
-        class: "page-item page-separator",
-        style: "margin-left: 10px"
-      }, [l("span", {
-        style: "font-size: 15px; font-weight: 200;"
-      }, [q(" /")])]), l("li", {
-        class: "page-item page-total",
-        style: "margin-left: 5px"
-      }, [l("span", {
-        style: "font-size: 16px; font-weight: 600;"
-      }, [q(" "), y.value])]), k.value && x(), k.value && D()]);
-    }
-    return () => l("div", {
-      ref: f,
-      class: "pagination-container"
-    }, [T.value && l("ul", {
-      role: "navigation",
-      class: $.value,
-      style: W.value
-    }, [i.value === "default" ? H() : re()])]);
-  }
-}), Ze = {
-  install(n) {
-    n.component(_.name, _);
-  },
-  register(n, e, t) {
-    n.pagination = _, e.pagination = Y;
-  },
-  registerDesigner(n, e, t) {
-    n.pagination = Ue, e.pagination = Y;
-  }
-};
-export {
-  _ as FPagination,
-  Ze as default,
-  U as paginationProps,
-  Y as propsResolver
-};