formue-crud 0.0.40 → 0.0.41

package/dist/formue-crud.js

@@ -1,4 +1,4 @@
-import { reactive as cw, markRaw as fw, openBlock as K, createElementBlock as Y, Fragment as ft, createElementVNode as R, unref as q, ref as ke, withDirectives as Dn, vModelCheckbox as pw, createApp as Qo, watch as Xi, inject as Kt, renderList as _i, normalizeClass as ct, toDisplayString as ue, createCommentVNode as At, pushScopeId as Zr, popScopeId as Qr, computed as Io, onMounted as ea, createVNode as Ue, createBlock as es, resolveDynamicComponent as mw, normalizeProps as Eu, guardReactiveProps as xu, getCurrentScope as gw, onScopeDispose as bw, readonly as vw, shallowRef as ww, nextTick as Bo, renderSlot as No, mergeProps as Gt, toHandlers as Wo, withCtx as Ut, Transition as ta, vModelText as _u, resolveComponent as Vo, withModifiers as Br, createTextVNode as Uh, vShow as jh, provide as Kh } from "vue";
+import { reactive as cw, markRaw as fw, openBlock as K, createElementBlock as Y, Fragment as ft, createElementVNode as R, unref as q, ref as ke, withDirectives as Dn, vModelCheckbox as pw, createApp as Qo, watch as Xi, inject as Kt, renderList as _i, normalizeClass as ct, toDisplayString as ue, createCommentVNode as At, pushScopeId as Zr, popScopeId as Qr, computed as Io, onMounted as ea, createVNode as Ue, createBlock as es, resolveDynamicComponent as mw, normalizeProps as Eu, guardReactiveProps as xu, getCurrentScope as gw, onScopeDispose as bw, readonly as vw, shallowRef as ww, nextTick as Bo, resolveComponent as No, withCtx as Ut, mergeProps as Gt, withModifiers as Br, createTextVNode as Uh, vShow as jh, vModelText as _u, renderSlot as Wo, toHandlers as Vo, Transition as ta, provide as Kh } from "vue";
 import { emitter as et } from "formue";
 import { defineStore as Ru } from "pinia";
 import St from "axios";
@@ -5154,11 +5154,11 @@ const kC = (h) => {
 }, DC = (h, e) => h({ getRegisterField: kC, axios: St, get: AC(e), getSafe: V.get, useFields: RC }), FC = (h) => {
   Gu = h;
 };
-function PC({ fields: h, hiddenActions: e, options: t, route: i }) {
-  const r = yC("Store-" + parseInt(Math.random() * 1e7));
-  r.fields = DC(h, r), et.event("beforeFormueInit");
-  const o = r.getModelKey(i);
-  return r.routes[o] = typeof i == "string" ? i : i == null ? void 0 : i.route, r.loadItems(), r.options = t, r.hiddenActions = e, LC(r.flatFields), r;
+function PC({ fields: h, hiddenActions: e, options: t, route: i, structure: r }) {
+  const o = yC("Store-" + parseInt(Math.random() * 1e7));
+  o.fields = DC(h, o), et.event("beforeFormueInit");
+  const a = o.getModelKey(i);
+  return o.routes[a] = typeof i == "string" ? i : i == null ? void 0 : i.route, o.loadItems(), o.options = t, o.hiddenActions = e, o.structure = r, LC(o.flatFields), o;
 }
 const OC = {
   clear: "Clear",
@@ -15437,68 +15437,95 @@ const Un = (h, e) => {
       (K(), es(mw(o1), Eu(xu(t())), null, 16))
     ]));
   }
-}, h1 = { class: "flex items-center gap-3 relative hover:bg-muted-200 dark:hover:bg-muted-700 rounded-lg px-5 pl-3 rtl:pl-8 rtl:pr-5 py-2 duration-300" }, u1 = ["modelValue"], d1 = { class: "text-success-500 peer-disabled:opacity-75" }, c1 = /* @__PURE__ */ R("svg", {
-  "aria-hidden": "true",
-  viewBox: "0 0 52 52",
-  "data-v-3e8a7b5f": ""
-}, [
-  /* @__PURE__ */ R("circle", {
-    cx: "26",
-    cy: "26",
-    r: "25",
-    fill: "none",
-    stroke: "currentColor"
-  }),
-  /* @__PURE__ */ R("path", {
-    fill: "none",
-    stroke: "currentColor",
-    d: "m14.1 27.2 7.1 7.2 16.7-16.8"
-  })
-], -1), f1 = { class: "font-heading text-muted-800 text-xs font-semibold leading-tight dark:text-white" }, p1 = {
-  __name: "SelectColumnItem",
-  props: {
-    checked: { default: !1 },
-    columnName: { default: "" }
-  },
-  setup(h) {
-    return (e, t) => (K(), Y("div", h1, [
-      R("div", {
-        class: ct(["nui-focus block focus-within:outline-current rounded-full", JSON.parse(h.checked) ? "is-checked" : "is-unchecked"])
-      }, [
-        R("input", {
-          modelValue: h.checked,
-          type: "checkbox",
-          class: "peer cursor-pointer disabled:cursor-not-allowed",
-          "true-value": "true",
-          "false-value": "false",
-          onClick: t[0] || (t[0] = (i) => e.$emit("toggle"))
-        }, null, 8, u1),
-        R("label", d1, [
-          R("div", {
-            class: ct(["rtl:left-[auto] rtl:!right-0 ltr:right-[auto] ltr:left-0", JSON.parse(h.checked) ? "is-opaque" : ""])
-          }, null, 2),
-          c1
-        ])
-      ], 2),
-      R("div", null, [
-        R("h6", f1, ue(h.columnName), 1)
-      ])
-    ]));
-  }
+}, h1 = () => {
+  const h = In();
+  return {
+    op: {
+      placeholder: h.translate("operator"),
+      columns: 4,
+      items: [
+        { value: "$eq", text: h.translate("equal_to") },
+        { value: "$ne", text: h.translate("not_equal_to") },
+        { value: "$gt", text: h.translate("greater_than") },
+        { value: "$lt", text: h.translate("less_than") },
+        { value: "$contains", text: h.translate("look_like") }
+      ],
+      "label-prop": "text",
+      "value-prop": "value",
+      native: !1,
+      type: "select"
+    },
+    value: {
+      placeholder: h.translate("value"),
+      type: "text",
+      columns: 4
+    }
+  };
+}, u1 = (h) => {
+  const e = In();
+  return {
+    op: {
+      placeholder: e.translate("operator"),
+      columns: 4,
+      items: [
+        { value: "$in", text: e.translate("in") },
+        { value: "$notIn", text: e.translate("not_in") }
+      ],
+      labelProp: "text",
+      valueProp: "value",
+      native: !1,
+      type: "select"
+    },
+    value: Wu({
+      placeholder: e.translate("value"),
+      items: "filterItems" in h ? h.filterItems : h.items,
+      search: !0,
+      columns: 4,
+      labelProp: h.labelProp,
+      valueProp: h.valueProp,
+      object: !1
+    })
+  };
+}, d1 = () => {
+  const h = In();
+  return {
+    op: {
+      placeholder: h.translate("operator"),
+      columns: 4,
+      items: [
+        { value: "$eq", text: h.translate("equal_to") },
+        { value: "$between", text: h.translate("between") },
+        { value: "$gt", text: h.translate("greater_than") },
+        { value: "$lt", text: h.translate("less_than") }
+      ],
+      labelProp: "text",
+      valueProp: "value",
+      native: !1,
+      type: "select"
+    },
+    value: Vu({
+      placeholder: h.translate("value"),
+      columns: 4
+    })
+  };
+}, c1 = {
+  TextFilter: h1,
+  SelectFilter: u1,
+  DateFilter: d1
 };
-function m1(h) {
+function f1(h) {
   return gw() ? (bw(h), !0) : !1;
 }
 function fa(h) {
   return typeof h == "function" ? h() : q(h);
 }
 const wd = typeof window < "u" && typeof document < "u", Zo = () => {
-}, g1 = /* @__PURE__ */ b1();
-function b1() {
+}, p1 = /* @__PURE__ */ m1();
+function m1() {
   var h;
   return wd && ((h = window == null ? void 0 : window.navigator) == null ? void 0 : h.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
-function v1(h, e) {
+function g1(h, e) {
   function t(...i) {
     return new Promise((r, o) => {
       Promise.resolve(h(() => e.apply(this, i), { fn: e, thisArg: this, args: i })).then(r).catch(o);
@@ -15507,7 +15534,7 @@ function v1(h, e) {
   return t;
 }
 const yd = (h) => h();
-function w1(h = yd) {
+function b1(h = yd) {
   const e = ke(!0);
   function t() {
     e.value = !1;
@@ -15520,26 +15547,26 @@ function w1(h = yd) {
   };
   return { isActive: vw(e), pause: t, resume: i, eventFilter: r };
 }
-function y1(h, e, t = {}) {
+function v1(h, e, t = {}) {
   const {
     eventFilter: i = yd,
     ...r
   } = t;
   return Xi(
     h,
-    v1(
+    g1(
       i,
       e
     ),
     r
   );
 }
-function C1(h, e, t = {}) {
+function w1(h, e, t = {}) {
   const {
     eventFilter: i,
     ...r
-  } = t, { eventFilter: o, pause: a, resume: u, isActive: d } = w1(i);
-  return { stop: y1(
+  } = t, { eventFilter: o, pause: a, resume: u, isActive: d } = b1(i);
+  return { stop: v1(
     h,
     e,
     {
@@ -15571,14 +15598,14 @@ function zn(...h) {
   ), f = () => {
     d(), a();
   };
-  return m1(f), f;
+  return f1(f), f;
 }
 let wu = !1;
-function E1(h, e, t = {}) {
+function y1(h, e, t = {}) {
   const { window: i = qi, ignore: r = [], capture: o = !0, detectIframe: a = !1 } = t;
   if (!i)
     return;
-  g1 && !wu && (wu = !0, Array.from(i.document.body.children).forEach((v) => v.addEventListener("click", Zo)), i.document.documentElement.addEventListener("click", Zo));
+  p1 && !wu && (wu = !0, Array.from(i.document.body.children).forEach((v) => v.addEventListener("click", Zo)), i.document.documentElement.addEventListener("click", Zo));
   let u = !0;
   const d = (v) => r.some((C) => {
     if (typeof C == "string")
@@ -15612,17 +15639,17 @@ function E1(h, e, t = {}) {
   ].filter(Boolean);
   return () => m.forEach((v) => v());
 }
-const Gr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, $r = "__vueuse_ssr_handlers__", x1 = /* @__PURE__ */ _1();
-function _1() {
+const Gr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, $r = "__vueuse_ssr_handlers__", C1 = /* @__PURE__ */ E1();
+function E1() {
   return $r in Gr || (Gr[$r] = Gr[$r] || {}), Gr[$r];
 }
-function R1(h, e) {
-  return x1[h] || e;
+function x1(h, e) {
+  return C1[h] || e;
 }
-function T1(h) {
+function _1(h) {
   return h == null ? "any" : h instanceof Set ? "set" : h instanceof Map ? "map" : h instanceof Date ? "date" : typeof h == "boolean" ? "boolean" : typeof h == "string" ? "string" : typeof h == "object" ? "object" : Number.isNaN(h) ? "any" : "number";
 }
-const M1 = {
+const R1 = {
   boolean: {
     read: (h) => h === "true",
     write: (h) => String(h)
@@ -15656,7 +15683,7 @@ const M1 = {
     write: (h) => h.toISOString()
   }
 }, yu = "vueuse-storage";
-function S1(h, e, t, i = {}) {
+function T1(h, e, t, i = {}) {
   const {
     flush: r = "pre",
     deep: o = !0,
@@ -15672,13 +15699,13 @@ function S1(h, e, t, i = {}) {
   } = i, C = (f ? ww : ke)(e);
   if (!t)
     try {
-      t = R1("getDefaultStorage", () => qi == null ? void 0 : qi.localStorage)();
+      t = x1("getDefaultStorage", () => qi == null ? void 0 : qi.localStorage)();
     } catch (N) {
       v(N);
     }
   if (!t)
     return C;
-  const M = fa(e), D = T1(M), P = i.serializer ?? M1[D], { pause: S, resume: G } = C1(
+  const M = fa(e), D = _1(M), P = i.serializer ?? R1[D], { pause: S, resume: G } = w1(
     C,
     () => X(C.value),
     { flush: r, deep: o, eventFilter: w }
@@ -15735,399 +15762,97 @@ function S1(h, e, t, i = {}) {
     }
   }
 }
-const L1 = { class: "relative" }, k1 = /* @__PURE__ */ R("ul", { class: "py-2" }, [
-  /* @__PURE__ */ R("li", { class: "px-4 py-2 hover:bg-gray-100 cursor-pointer" }, "Item 1"),
-  /* @__PURE__ */ R("li", { class: "px-4 py-2 hover:bg-gray-100 cursor-pointer" }, "Item 2"),
-  /* @__PURE__ */ R("li", { class: "px-4 py-2 hover:bg-gray-100 cursor-pointer" }, "Item 3")
-], -1), Cu = {
-  __name: "MMenu",
-  setup(h) {
-    const e = ke(null);
-    E1(e, (o) => console.log(o));
-    const t = ke(!1), i = { isOpen: t.value }, r = {
-      click: () => t.value = !t.value
-    };
-    return (o, a) => (K(), Y("div", L1, [
-      No(o.$slots, "activator", Eu(xu({ on: r, props: i })), () => [
-        R("button", Gt({ class: "bg-blue-500 text-white px-4 py-2 rounded-md" }, Wo(r, !0)), " Open Menu " + ue(t.value), 17)
-      ]),
-      t.value ? (K(), Y("div", {
-        key: 0,
-        class: "absolute top-[35px] left-0 mt-2 w-48 rounded-md shadow-lg z-[1]",
-        ref_key: "target",
-        ref: e
-      }, [
-        No(o.$slots, "default", {}, () => [
-          k1
-        ])
-      ], 512)) : At("", !0)
-    ]));
-  }
-};
-const Ct = (h) => (Zr("data-v-9eed8c8f"), h = h(), Qr(), h), A1 = { class: "fc-header" }, D1 = { class: "fc-header-left-sid" }, F1 = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", { viewBox: "0 0 24 24" }, [
+const on = (h) => (Zr("data-v-f90907f7"), h = h(), Qr(), h), M1 = { class: "border-muted-200 dark:border-muted-700 dark:bg-muted-800 relative mb-4 w-full rounded-lg border bg-white p-6 transition-all duration-300" }, S1 = { class: "flex flex-col ml-1 border-[rgba(0,0,0,.1)] pb-4" }, L1 = { class: "flex flex-row justify-between mb-4 items-center" }, k1 = { class: "font-heading text-base font-semibold leading-tight text-muted-800 dark:text-white" }, A1 = { class: "flex items-center" }, D1 = { class: "z-[1]" }, F1 = { class: "fc-drop-down-content" }, P1 = {
+  key: 0,
+  class: "p-2 text-center"
+}, O1 = ["onClick"], z1 = { class: "text-muted-400 font-sans text-sm" }, H1 = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
+  "data-v-74b3417a": "",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  class: "h-4 w-4 text-muted-500"
+}, [
   /* @__PURE__ */ R("path", {
+    "data-v-74b3417a": "",
     stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
     "stroke-width": "2",
-    d: "M5 12h14m-7-7v14"
+    d: "M18 6 6 18M6 6l12 12"
   })
-], -1)), P1 = [
-  F1
-], O1 = { class: "z-[1]" }, z1 = { class: "bg-muted-200 dark:bg-muted-800 cursor-pointer rounded-xl fm-light-shadow" }, H1 = { class: "group flex w-full items-center py-3 text-sm duration-300 text-muted-500 hover:bg-muted-300 dark:hover:bg-muted-700 rounded-xl justify-end flex-row-reverse" }, I1 = { class: "text-muted-400 font-sans text-xs" }, B1 = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
-  class: "fill-muted-400 w-3.5 mx-2",
-  viewBox: "0 0 512 512"
+], -1)), I1 = { class: "flex w-full justify-between align-start" }, B1 = { class: "w-[12%] flex justify-center items-center" }, N1 = ["disabled"], W1 = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
+  class: "icon h-4 ml-1 w-4",
+  viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ R("path", { d: "M64 464H96v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288H336V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z" })
-], -1)), N1 = { class: "group flex w-full items-center py-3 text-sm duration-300 text-muted-500 hover:bg-muted-300 dark:hover:bg-muted-700 rounded-xl justify-end flex-row-reverse" }, W1 = { class: "text-muted-400 font-sans text-xs" }, V1 = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
-  class: "fill-muted-400 w-3.5 mx-2",
-  viewBox: "0 0 512 512"
+  /* @__PURE__ */ R("path", {
+    stroke: "currentColor",
+    "stroke-width": "2",
+    d: "M5 12h14m-7-7v14"
+  })
+], -1)), V1 = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
+  class: "icon h-4 w-4",
+  viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ R("path", { d: "M48 448V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm90.9 233.3c-8.1-10.5-23.2-12.3-33.7-4.2s-12.3 23.2-4.2 33.7L161.6 320l-44.5 57.3c-8.1 10.5-6.3 25.5 4.2 33.7s25.5 6.3 33.7-4.2L192 359.1l37.1 47.6c8.1 10.5 23.2 12.3 33.7 4.2s12.3-23.2 4.2-33.7L222.4 320l44.5-57.3c8.1-10.5 6.3-25.5-4.2-33.7s-25.5-6.3-33.7 4.2L192 280.9l-37.1-47.6z" })
-], -1)), G1 = { class: "group flex w-full items-center py-3 text-sm duration-300 text-muted-500 hover:bg-muted-300 dark:hover:bg-muted-700 rounded-xl justify-end flex-row-reverse" }, $1 = { class: "text-muted-400 font-sans text-xs" }, U1 = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
-  class: "fill-muted-400 w-3.5 mx-2",
+  /* @__PURE__ */ R("path", {
+    stroke: "currentColor",
+    "stroke-width": "2",
+    d: "M5 12h14m-7-7v14"
+  })
+], -1)), G1 = { class: "flex border-t dark:border-muted-600 flex-col p-2 mt-2" }, $1 = { class: "flex items-center" }, U1 = { class: "font-heading text-base font-semibold leading-tight text-muted-800 dark:text-white" }, j1 = { class: "group-hover:text-red-500" }, K1 = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
+  stroke: "currentColor",
+  width: "1em",
+  height: "1em",
+  class: "ml-1 rtl:ml-1 rtl:mr-1 group-hover:fill-red-500 dark:fill-muted-400 fill-muted-600",
   viewBox: "0 0 512 512"
 }, [
-  /* @__PURE__ */ R("path", { d: "M112 160V64c0-8.8 7.2-16 16-16H357.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c3 3 4.7 7.1 4.7 11.3V160h48V90.5c0-17-6.7-33.3-18.7-45.3L402.7 18.7C390.7 6.7 374.5 0 357.5 0H128C92.7 0 64 28.7 64 64v96h48zm16 208H384v96H128V368zm-16-48c-17.7 0-32 14.3-32 32H48V256c0-8.8 7.2-16 16-16H448c8.8 0 16 7.2 16 16v96H432c0-17.7-14.3-32-32-32H112zm320 80h48c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64V368c0 17.7 14.3 32 32 32H80v80c0 17.7 14.3 32 32 32H400c17.7 0 32-14.3 32-32V400z" })
-], -1)), j1 = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("path", { d: "M371.2 122.9C340.3 96.2 300 80 256 80C158.8 80 80 158.8 80 256s78.8 176 176 176c39.7 0 76.2-13.1 105.6-35.2c10.6-8 25.6-5.8 33.6 4.8s5.8 25.6-4.8 33.6C353 463.3 306.4 480 256 480C132.3 480 32 379.7 32 256S132.3 32 256 32c57.3 0 109.6 21.5 149.2 56.9l30.5-30.5c6.6-6.6 15.6-10.3 25-10.3C480.2 48 496 63.8 496 83.3V200c0 13.3-10.7 24-24 24H355.3c-19.5 0-35.3-15.8-35.3-35.3c0-9.4 3.7-18.3 10.3-25l40.8-40.8zm76.8-9L385.9 176H448V113.9z" }, null, -1)), K1 = [
-  j1
-], q1 = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", { viewBox: "0 0 512 512" }, [
-  /* @__PURE__ */ R("path", { d: "M384 48c8.8 0 16 7.2 16 16V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H384zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM80 112v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V112c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zM96 352c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16H96zm80-224c0 13.3 10.7 24 24 24H344c13.3 0 24-10.7 24-24s-10.7-24-24-24H200c-13.3 0-24 10.7-24 24zm32 128c0 13.3 10.7 24 24 24H344c13.3 0 24-10.7 24-24s-10.7-24-24-24H232c-13.3 0-24 10.7-24 24zM176 384c0 13.3 10.7 24 24 24H344c13.3 0 24-10.7 24-24s-10.7-24-24-24H200c-13.3 0-24 10.7-24 24zm-4.7-140.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L112 257.4 99.3 244.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l24 24c6.2 6.2 16.4 6.2 22.6 0l48-48z" })
-], -1)), X1 = [
-  q1
-], Y1 = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
-  viewBox: "0 0 448 512",
-  class: "z-[1]"
+  /* @__PURE__ */ R("path", { d: "M340 148L488 0l24 24L364 172l52 52L257.2 483.9 240 512l-23.3-23.3L23.3 295.3 0 272l28.1-17.2L288 96l52 52zM51.4 278.1l47.9 47.9 33.4-33.4L144 281.4 166.6 304l-11.3 11.3-33.4 33.4L233.9 460.6l89.6-146.6L197.9 188.6 51.4 278.1zM340.6 286l34.9-57.2-92.4-92.4L226 171.4 340.6 286z" })
+], -1)), q1 = { class: "my-2 flex overflow-x-auto slimscroll" }, X1 = { class: "flex" }, Y1 = ["onClick"], J1 = { class: "mt-[0px]" }, Z1 = ["onClick"], Q1 = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  class: "h-4 w-4 text-primary-500"
 }, [
-  /* @__PURE__ */ R("path", { d: "M64 448c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32H384c17.7 0 32 14.3 32 32V416c0 17.7-14.3 32-32 32H64zM0 416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416zM128 288c8.8 0 16-7.2 16-16V144c0-8.8-7.2-16-16-16s-16 7.2-16 16V272c0 8.8 7.2 16 16 16zm176 48c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16s-16 7.2-16 16V336zm-80-80c8.8 0 16-7.2 16-16V144c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16z" })
-], -1)), J1 = [
-  Y1
-], Z1 = { class: "bg-white dark:bg-muted-800 rounded-xl pt-1 rtl:text-right ltr:text-left fm-light-shadow" }, Q1 = { class: "m-3 mt-2 text-muted-600 dark:text-muted-200" }, ex = { class: "p-2" }, tx = { class: "fm-header-rigth-sid flex w-full sm:w-auto rtl:flex-row-reverse rtl:justify-end z-10" }, ix = { key: 0 }, nx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("span", null, null, -1)), rx = [
-  nx
-], sx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("path", { d: "M0 73.7C0 50.7 18.7 32 41.7 32H470.3c23 0 41.7 18.7 41.7 41.7c0 9.6-3.3 18.9-9.4 26.3L336 304.5V447.7c0 17.8-14.5 32.3-32.3 32.3c-7.3 0-14.4-2.5-20.1-7l-92.5-73.4c-9.6-7.6-15.1-19.1-15.1-31.3V304.5L9.4 100C3.3 92.6 0 83.3 0 73.7zM55 80L218.6 280.8c3.5 4.3 5.4 9.6 5.4 15.2v68.4l64 50.8V296c0-5.5 1.9-10.9 5.4-15.2L457 80H55z" }, null, -1)), ox = [
-  sx
-], ax = { class: "group/nui-input relative rtl:" }, lx = ["placeholder"], hx = { class: "ltr:left-0 text-muted-400 group-focus-within/nui-input:text-primary-500 absolute end-0 rtl:start-0 top-0 flex items-center justify-center transition-colors duration-300 peer-disabled:cursor-not-allowed peer-disabled:opacity-75 h-10 w-10" }, ux = {
+  /* @__PURE__ */ R("path", {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "M18 6 6 18M6 6l12 12"
+  })
+], -1)), ex = [
+  Q1
+], tx = {
   key: 0,
-  class: "icon h-[1.15rem] w-[1.15rem]",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 24 24"
-}, dx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("g", {
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2"
+  class: "flex items-center mx-2 text-[0.75rem]"
+}, ix = { class: "flex w-full gap-x-2 justify-between !items-end" }, nx = { class: "pt-4 md:pt-6" }, rx = { class: "flex gap-x-2" }, sx = ["placeholder"], ox = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
+  "data-v-74b3417a": "",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  class: "h-4 w-4 text-primary-500"
 }, [
-  /* @__PURE__ */ R("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }),
-  /* @__PURE__ */ R("path", { d: "m21 21l-4.35-4.35" })
-], -1)), cx = [
-  dx
-], fx = {
-  key: 1,
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 512 512",
-  class: "icon animate-spin"
-}, px = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("path", { d: "M457 372c11.5 6.6 26.3 2.7 31.8-9.3C503.7 330.2 512 294.1 512 256C512 122.7 410.1 13.2 280 1.1C266.8-.1 256 10.7 256 24v0c0 13.3 10.8 23.9 24 25.4C383.5 61.2 464 149.2 464 256c0 29.3-6.1 57.3-17 82.6c-5.3 12.2-1.5 26.8 10 33.5v0z" }, null, -1)), mx = [
-  px
-], gx = {
-  __name: "MButtonBox",
+  /* @__PURE__ */ R("path", {
+    "data-v-74b3417a": "",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "M18 6 6 18M6 6l12 12"
+  })
+], -1)), ax = [
+  ox
+], lx = {
+  __name: "MFilter",
   setup(h) {
-    const { event: e } = et, t = Kt("store");
-    function i(w) {
-      w === t.panel ? t.panel = "" : t.panel = w;
-    }
-    const r = ke(null);
-    ea(() => {
-      r.value = document.body.getAttribute("dir");
-    });
-    const o = Io(() => t.flatFields.find((w) => w.field === "_select_")), a = Io(() => !!o.value.isHeader);
-    function u() {
-      o.value.isHeader = !o.value.isHeader, o.value.isHeader || t.selected.clear();
-    }
-    const d = ke(!1);
-    function f() {
-      d.value = !0, t.loadItems().finally(() => d.value = !1);
-    }
-    const m = V.debounce(f, 600);
-    return (w, v) => (K(), Y("div", A1, [
-      R("div", D1, [
-        R("button", Gt(w.props, {
-          class: "fc-plus-btn",
-          onClick: v[0] || (v[0] = (C) => q(e)("createBtn"))
-        }), P1, 16),
-        Ue(Cu, null, {
-          activator: Ut(({ on: C, props: M }) => [
-            R("button", Gt({
-              class: M.isOpen ? "before:block" : "before:hidden"
-            }, M, Wo(C, !0), { class: "fc-header-icon-btn fc-drop-down-btn min-w-[130px]" }), [
-              R("span", O1, ue(w.$fcTr("export")), 1)
-            ], 16)
-          ]),
-          default: Ut(() => [
-            R("div", z1, [
-              R("a", H1, [
-                R("p", I1, ue(w.$fcTr("export_as_pdf")), 1),
-                B1
-              ]),
-              R("a", N1, [
-                R("p", W1, ue(w.$fcTr("export_as_excel")), 1),
-                V1
-              ]),
-              R("a", G1, [
-                R("p", $1, ue(w.$fcTr("print")), 1),
-                U1
-              ])
-            ])
-          ]),
-          _: 1
-        }),
-        R("button", Gt(w.props, {
-          class: "fc-header-icon-btn",
-          onClick: v[1] || (v[1] = (...C) => q(t).reloadData && q(t).reloadData(...C))
-        }), [
-          (K(), Y("svg", {
-            class: ct({ spin: q(t).loadings.mainLoading }),
-            viewBox: "0 0 512 512"
-          }, K1, 2))
-        ], 16),
-        R("button", Gt(w.props, {
-          class: ["fc-header-icon-btn", { "fm-active-btn": a.value }],
-          onClick: u
-        }), X1, 16),
-        Ue(Cu, {
-          "close-on-content-click": !1,
-          location: r.value === "rtl" ? "end" : "start"
-        }, {
-          activator: Ut(({ props: C, on: M }) => [
-            R("button", Gt(Wo(M, !0), {
-              class: ["fc-header-icon-btn", [
-                C.isOpen ? "light:!bg-white dark:bg-muted-800" : "",
-                C.isOpen ? r.value === "rtl" ? "expanded-rtl" : "expanded2" : ""
-              ]]
-            }), J1, 16)
-          ]),
-          default: Ut(() => [
-            R("div", Z1, [
-              R("div", Q1, ue(w.$fcTr("custom_column")), 1),
-              R("ul", ex, [
-                (K(!0), Y(ft, null, _i(q(t).flatFieldsWithoutActions, (C) => (K(), es(p1, {
-                  key: C.field,
-                  "column-name": C.title,
-                  checked: C.isHeader,
-                  onToggle: (M) => C.isHeader = !C.isHeader
-                }, null, 8, ["column-name", "checked", "onToggle"]))), 128))
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["location"])
-      ]),
-      R("div", tx, [
-        R("button", Gt(w.props, {
-          class: ["test fc-header-icon-btn transform transition-all", q(t).panel === "filters" ? "!bg-white dark:!bg-muted-800 !rounded-b-none " : ""],
-          onClick: v[2] || (v[2] = (C) => i("filters"))
-        }), [
-          Ue(ta, { name: "scale" }, {
-            default: Ut(() => [
-              q(t).panel === "filters" ? (K(), Y("div", ix, rx)) : At("", !0)
-            ]),
-            _: 1
-          }),
-          (K(), Y("svg", {
-            class: ct(q(t).panel === "filters" ? "light:!fill-primary-700" : ""),
-            stroke: "currentColor",
-            viewBox: "0 0 512 512"
-          }, ox, 2))
-        ], 16),
-        R("div", ax, [
-          Dn(R("input", {
-            "onUpdate:modelValue": v[3] || (v[3] = (C) => q(t).searchParam = C),
-            type: "text",
-            class: "nui-focus !pl-4 border-muted-300 text-muted-600 placeholder:text-muted-300 dark:border-muted-700 dark:bg-muted-900/75 dark:text-muted-200 dark:placeholder:text-muted-500 dark:focus:border-muted-700 peer w-full border bg-white font-sans transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-75 px-2 h-10 py-2 text-sm leading-5 pe-4 ps-9 rounded-full",
-            placeholder: w.$fcTr("search"),
-            onKeyup: v[4] || (v[4] = (...C) => q(m) && q(m)(...C))
-          }, null, 40, lx), [
-            [_u, q(t).searchParam]
-          ]),
-          R("div", hx, [
-            d.value ? (K(), Y("svg", fx, mx)) : (K(), Y("svg", ux, cx))
-          ])
-        ])
-      ])
-    ]));
-  }
-}, bx = /* @__PURE__ */ Un(gx, [["__scopeId", "data-v-9eed8c8f"]]), vx = () => {
-  const h = In();
-  return {
-    op: {
-      placeholder: h.translate("operator"),
-      columns: 4,
-      items: [
-        { value: "$eq", text: h.translate("equal_to") },
-        { value: "$ne", text: h.translate("not_equal_to") },
-        { value: "$gt", text: h.translate("greater_than") },
-        { value: "$lt", text: h.translate("less_than") },
-        { value: "$contains", text: h.translate("look_like") }
-      ],
-      "label-prop": "text",
-      "value-prop": "value",
-      native: !1,
-      type: "select"
-    },
-    value: {
-      placeholder: h.translate("value"),
-      type: "text",
-      columns: 4
-    }
-  };
-}, wx = (h) => {
-  const e = In();
-  return {
-    op: {
-      placeholder: e.translate("operator"),
-      columns: 4,
-      items: [
-        { value: "$in", text: e.translate("in") },
-        { value: "$notIn", text: e.translate("not_in") }
-      ],
-      labelProp: "text",
-      valueProp: "value",
-      native: !1,
-      type: "select"
-    },
-    value: Wu({
-      placeholder: e.translate("value"),
-      items: "filterItems" in h ? h.filterItems : h.items,
-      search: !0,
-      columns: 4,
-      labelProp: h.labelProp,
-      valueProp: h.valueProp,
-      object: !1
-    })
-  };
-}, yx = () => {
-  const h = In();
-  return {
-    op: {
-      placeholder: h.translate("operator"),
-      columns: 4,
-      items: [
-        { value: "$eq", text: h.translate("equal_to") },
-        { value: "$between", text: h.translate("between") },
-        { value: "$gt", text: h.translate("greater_than") },
-        { value: "$lt", text: h.translate("less_than") }
-      ],
-      labelProp: "text",
-      valueProp: "value",
-      native: !1,
-      type: "select"
-    },
-    value: Vu({
-      placeholder: h.translate("value"),
-      columns: 4
-    })
-  };
-}, Cx = {
-  TextFilter: vx,
-  SelectFilter: wx,
-  DateFilter: yx
-};
-const on = (h) => (Zr("data-v-f90907f7"), h = h(), Qr(), h), Ex = { class: "border-muted-200 dark:border-muted-700 dark:bg-muted-800 relative mb-4 w-full rounded-lg border bg-white p-6 transition-all duration-300" }, xx = { class: "flex flex-col ml-1 border-[rgba(0,0,0,.1)] pb-4" }, _x = { class: "flex flex-row justify-between mb-4 items-center" }, Rx = { class: "font-heading text-base font-semibold leading-tight text-muted-800 dark:text-white" }, Tx = { class: "flex items-center" }, Mx = { class: "z-[1]" }, Sx = { class: "fc-drop-down-content" }, Lx = {
-  key: 0,
-  class: "p-2 text-center"
-}, kx = ["onClick"], Ax = { class: "text-muted-400 font-sans text-sm" }, Dx = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
-  "data-v-74b3417a": "",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  class: "h-4 w-4 text-muted-500"
-}, [
-  /* @__PURE__ */ R("path", {
-    "data-v-74b3417a": "",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "2",
-    d: "M18 6 6 18M6 6l12 12"
-  })
-], -1)), Fx = { class: "flex w-full justify-between align-start" }, Px = { class: "w-[12%] flex justify-center items-center" }, Ox = ["disabled"], zx = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
-  class: "icon h-4 ml-1 w-4",
-  viewBox: "0 0 24 24"
-}, [
-  /* @__PURE__ */ R("path", {
-    stroke: "currentColor",
-    "stroke-width": "2",
-    d: "M5 12h14m-7-7v14"
-  })
-], -1)), Hx = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
-  class: "icon h-4 w-4",
-  viewBox: "0 0 24 24"
-}, [
-  /* @__PURE__ */ R("path", {
-    stroke: "currentColor",
-    "stroke-width": "2",
-    d: "M5 12h14m-7-7v14"
-  })
-], -1)), Ix = { class: "flex border-t dark:border-muted-600 flex-col p-2 mt-2" }, Bx = { class: "flex items-center" }, Nx = { class: "font-heading text-base font-semibold leading-tight text-muted-800 dark:text-white" }, Wx = { class: "group-hover:text-red-500" }, Vx = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
-  stroke: "currentColor",
-  width: "1em",
-  height: "1em",
-  class: "ml-1 rtl:ml-1 rtl:mr-1 group-hover:fill-red-500 dark:fill-muted-400 fill-muted-600",
-  viewBox: "0 0 512 512"
-}, [
-  /* @__PURE__ */ R("path", { d: "M340 148L488 0l24 24L364 172l52 52L257.2 483.9 240 512l-23.3-23.3L23.3 295.3 0 272l28.1-17.2L288 96l52 52zM51.4 278.1l47.9 47.9 33.4-33.4L144 281.4 166.6 304l-11.3 11.3-33.4 33.4L233.9 460.6l89.6-146.6L197.9 188.6 51.4 278.1zM340.6 286l34.9-57.2-92.4-92.4L226 171.4 340.6 286z" })
-], -1)), Gx = { class: "my-2 flex overflow-x-auto slimscroll" }, $x = { class: "flex" }, Ux = ["onClick"], jx = { class: "mt-[0px]" }, Kx = ["onClick"], qx = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  class: "h-4 w-4 text-primary-500"
-}, [
-  /* @__PURE__ */ R("path", {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "2",
-    d: "M18 6 6 18M6 6l12 12"
-  })
-], -1)), Xx = [
-  qx
-], Yx = {
-  key: 0,
-  class: "flex items-center mx-2 text-[0.75rem]"
-}, Jx = { class: "flex w-full gap-x-2 justify-between !items-end" }, Zx = { class: "pt-4 md:pt-6" }, Qx = { class: "flex gap-x-2" }, e_ = ["placeholder"], t_ = /* @__PURE__ */ on(() => /* @__PURE__ */ R("svg", {
-  "data-v-74b3417a": "",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  class: "h-4 w-4 text-primary-500"
-}, [
-  /* @__PURE__ */ R("path", {
-    "data-v-74b3417a": "",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "2",
-    d: "M18 6 6 18M6 6l12 12"
-  })
-], -1)), i_ = [
-  t_
-], n_ = {
-  __name: "MFilter",
-  setup(h) {
-    const e = Kt("store");
-    let t = -1;
-    const i = ke(!1), r = ke({ field: "" }), o = ke(!1), a = ke(""), u = v(), d = ke(null);
-    function f(z) {
-      if (!z)
-        return !1;
-      const W = {
-        text: "TextFilter",
-        date: "DateFilter",
-        select: "SelectFilter"
-      }, le = V.get(W, z.type), N = V.get(Cx, le);
-      return typeof N == "function" ? N(z) : !1;
+    const e = Kt("store");
+    let t = -1;
+    const i = ke(!1), r = ke({ field: "" }), o = ke(!1), a = ke(""), u = v(), d = ke(null);
+    function f(z) {
+      if (!z)
+        return !1;
+      const W = {
+        text: "TextFilter",
+        date: "DateFilter",
+        select: "SelectFilter"
+      }, le = V.get(W, z.type), N = V.get(c1, le);
+      return typeof N == "function" ? N(z) : !1;
     }
     const m = {
       field: {
@@ -16156,7 +15881,7 @@ const on = (h) => (Zr("data-v-f90907f7"), h = h(), Qr(), h), Ex = { class: "bord
     });
     function v() {
       const z = window.location.pathname.replace(/^\/|\/$/g, "") + "-filters";
-      return S1(z, {}, localStorage, { mergeDefaults: !0 });
+      return T1(z, {}, localStorage, { mergeDefaults: !0 });
     }
     function C() {
       e.filters.push(V.cloneDeep(r.value)), r.value = {};
@@ -16184,41 +15909,41 @@ const on = (h) => (Zr("data-v-f90907f7"), h = h(), Qr(), h), Ex = { class: "bord
       e.loadItems();
     }
     return (z, W) => {
-      const le = Vo("v-menu"), N = Vo("Vueform");
+      const le = No("v-menu"), N = No("Vueform");
       return Dn((K(), Y("div", {
         class: ct(["accordion-content", { hide: q(e).panel !== "filters" }])
       }, [
-        R("div", Ex, [
-          R("div", xx, [
-            R("div", _x, [
-              R("h3", Rx, ue(z.$fcTr("filter_data")), 1),
-              R("div", Tx, [
+        R("div", M1, [
+          R("div", S1, [
+            R("div", L1, [
+              R("h3", k1, ue(z.$fcTr("filter_data")), 1),
+              R("div", A1, [
                 Ue(le, { transition: "scale-transition" }, {
                   activator: Ut(({ props: H }) => [
                     R("button", Gt({
                       class: JSON.parse(H["aria-expanded"]) ? "before:block" : "before:hidden"
                     }, H, { class: "fc-filter-choose is-button rounded is-button-default min-w-[130px]" }), [
-                      R("span", Mx, ue(z.$fcTr("choose_filter")), 1)
+                      R("span", D1, ue(z.$fcTr("choose_filter")), 1)
                     ], 16)
                   ]),
                   default: Ut(() => [
-                    R("div", Sx, [
-                      Object.keys(q(u)).length === 0 ? (K(), Y("p", Lx, ue(z.$fcTr("not_filter_create_yes")), 1)) : At("", !0),
+                    R("div", F1, [
+                      Object.keys(q(u)).length === 0 ? (K(), Y("p", P1, ue(z.$fcTr("not_filter_create_yes")), 1)) : At("", !0),
                       (K(!0), Y(ft, null, _i(q(u), (H, ce) => (K(), Y("a", {
                         class: "group rounded flex w-full items-center py-3 text-sm duration-300 text-muted-500 hover:bg-muted-100 dark:hover:bg-muted-700 justify-between rtl:pl-4 rtl:pr-5",
                         key: ce,
                         onClick: Br((Be) => q(e).filters = Object.values(H), ["stop"])
                       }, [
-                        R("p", Ax, ue(ce), 1),
-                        Dx
-                      ], 8, kx))), 128))
+                        R("p", z1, ue(ce), 1),
+                        H1
+                      ], 8, O1))), 128))
                     ])
                   ]),
                   _: 1
                 })
               ])
             ]),
-            R("div", Fx, [
+            R("div", I1, [
               Ue(N, {
                 modelValue: r.value,
                 "onUpdate:modelValue": W[0] || (W[0] = (H) => r.value = H),
@@ -16227,64 +15952,64 @@ const on = (h) => (Zr("data-v-f90907f7"), h = h(), Qr(), h), Ex = { class: "bord
                 class: "w-[100%] justify-between ml-4",
                 columns: { label: 12 }
               }, null, 8, ["modelValue", "schema"]),
-              R("div", Px, [
+              R("div", B1, [
                 i.value ? (K(), Y("button", {
                   key: 1,
                   class: "!border-dashed is-button-default is-button w-full rounded-full font-bold py-1 px-2 !border-green-400 !text-green-400 hover:!bg-green-50",
                   onClick: M
                 }, [
                   Uh(ue(z.$fcTr("edit_filter")) + " ", 1),
-                  Hx
+                  V1
                 ])) : (K(), Y("button", {
                   key: 0,
                   disabled: !r.value.field,
                   class: "disabled:cursor-not-allowed disabled:hover:bg-transparent !border-dashed !h-[86%] is-button-default is-button w-full rounded font-bold py-1 px-2 !border-green-400 !text-green-400 dark:active:hover:bg-muted-600 active:hover:!bg-green-50",
                   onClick: C
                 }, [
-                  zx,
+                  W1,
                   Uh(" " + ue(z.$fcTr("add_filter")), 1)
-                ], 8, Ox))
+                ], 8, N1))
               ])
             ])
           ]),
-          Dn(R("div", Ix, [
-            R("div", Bx, [
-              R("h3", Nx, ue(z.$fcTr("active_filter")), 1),
+          Dn(R("div", G1, [
+            R("div", $1, [
+              R("h3", U1, ue(z.$fcTr("active_filter")), 1),
               R("button", {
                 onClick: S,
                 class: "is-button group hover:text-red-500 hover:border-red-500 w-fit text-muted-600 dark:text-muted-400 !text-xs border !px-3 !py-0 !h-[1.5rem] mx-2 !rounded-full"
               }, [
-                R("span", Wx, ue(z.$fcTr("clear_all")), 1),
-                Vx
+                R("span", j1, ue(z.$fcTr("clear_all")), 1),
+                K1
               ])
             ]),
-            R("div", Gx, [
+            R("div", q1, [
               (K(!0), Y(ft, null, _i(q(e).filters, (H, ce) => (K(), Y(ft, { key: ce }, [
-                R("div", $x, [
+                R("div", X1, [
                   R("span", {
                     class: "flex px-3 font-sans transition-shadow duration-300 py-1 text-[0.75rem] cursor-pointer rounded-full bg-primary-100 text-primary-500 border-primary-100 dark:border-primary-500 dark:text-primary-500 border dark:bg-transparent",
                     onClick: (Be) => D(H, ce)
                   }, [
-                    R("span", jx, ue(q(V.get)(H, "field.title")), 1),
+                    R("span", J1, ue(q(V.get)(H, "field.title")), 1),
                     R("button", {
                       class: "text-white font-bold rounded px-1 hover:bg-primary-500 hover:text-black-500",
                       onClick: Br((Be) => P(H), ["stop"])
-                    }, Xx, 8, Kx)
-                  ], 8, Ux)
+                    }, ex, 8, Z1)
+                  ], 8, Y1)
                 ]),
-                q(e).filters.length - 1 !== ce ? (K(), Y("span", Yx, ue(z.$fcTr("&")), 1)) : At("", !0)
+                q(e).filters.length - 1 !== ce ? (K(), Y("span", tx, ue(z.$fcTr("&")), 1)) : At("", !0)
               ], 64))), 128))
             ])
           ], 512), [
             [jh, q(e).filters.length > 0]
           ]),
-          R("div", Jx, [
+          R("div", ix, [
             R("button", {
               onClick: W[1] || (W[1] = (H) => q(e).panel = ""),
               class: "is-button text-muted-500 rounded hover:text-red-500 !underline focus-within:!outline-none"
             }, ue(z.$fcTr("cancel")), 1),
-            R("div", Zx, [
-              R("div", Qx, [
+            R("div", nx, [
+              R("div", rx, [
                 R("button", {
                   onClick: W[5] || (W[5] = Br((H) => Object.keys(q(e).filters).length !== 0 ? G() : "", ["self"])),
                   class: ct([{
@@ -16311,13 +16036,13 @@ const on = (h) => (Zr("data-v-f90907f7"), h = h(), Qr(), h), Ex = { class: "bord
                       placeholder: z.$fcTr("filter_save_placeholder"),
                       ref_key: "filterNameInp",
                       ref: d
-                    }, null, 10, e_), [
+                    }, null, 10, sx), [
                       [_u, a.value]
                     ]),
                     R("span", {
                       class: "px-2",
                       onClick: W[4] || (W[4] = (H) => o.value = !1)
-                    }, i_)
+                    }, ax)
                   ], 2)
                 ], 2),
                 R("button", {
@@ -16333,34 +16058,338 @@ const on = (h) => (Zr("data-v-f90907f7"), h = h(), Qr(), h), Ex = { class: "bord
       ]);
     };
   }
-}, r_ = /* @__PURE__ */ Un(n_, [["__scopeId", "data-v-f90907f7"]]);
-function s_(h, e) {
+}, hx = /* @__PURE__ */ Un(lx, [["__scopeId", "data-v-f90907f7"]]);
+const ux = {
+  key: 0,
+  class: "w-full border bg-white rounded p-2 flex align-center mt-2"
+}, dx = ["onClick"], cx = {
+  __name: "MHeaderBox",
+  setup(h) {
+    const e = Kt("store");
+    let t = null;
+    Xi(
+      () => e.panel,
+      (r) => {
+        e.panel === "headerBox" && e.headersWithoutActions.forEach((o) => {
+          t = document.querySelector(`[tabulator-field="${o.field}"]`), t.innerHTML = t.innerHTML + '<span class="fc-remove"><button class="text-white font-bold rounded px-1" onclick=""><svg  aria-hidden="true" viewBox="0 0 24 24" class="h-4 w-4 text-primary-500"><path data-v-74b3417a="" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6 6 18M6 6l12 12"></path></svg></button></span>';
+        });
+      }
+    );
+    function i(r) {
+      r.isHeader = !r.isHeader;
+    }
+    return (r, o) => q(e).panel === "headerBox" ? (K(), Y("div", ux, [
+      (K(!0), Y(ft, null, _i(q(e).flatFields, (a) => (K(), Y("div", {
+        key: a.field,
+        class: ct(["px-1 mx-1 cursor-pointer divide-y rounded", {
+          "bg-primary-600 text-white": a.isHeader
+        }]),
+        onClick: (u) => i(a)
+      }, ue(a.title), 11, dx))), 128))
+    ])) : At("", !0);
+  }
+}, fx = { class: "flex items-center gap-3 relative hover:bg-muted-200 dark:hover:bg-muted-700 rounded-lg px-5 pl-3 rtl:pl-8 rtl:pr-5 py-2 duration-300" }, px = ["modelValue"], mx = { class: "text-success-500 peer-disabled:opacity-75" }, gx = /* @__PURE__ */ R("svg", {
+  "aria-hidden": "true",
+  viewBox: "0 0 52 52",
+  "data-v-3e8a7b5f": ""
+}, [
+  /* @__PURE__ */ R("circle", {
+    cx: "26",
+    cy: "26",
+    r: "25",
+    fill: "none",
+    stroke: "currentColor"
+  }),
+  /* @__PURE__ */ R("path", {
+    fill: "none",
+    stroke: "currentColor",
+    d: "m14.1 27.2 7.1 7.2 16.7-16.8"
+  })
+], -1), bx = { class: "font-heading text-muted-800 text-xs font-semibold leading-tight dark:text-white" }, vx = {
+  __name: "SelectColumnItem",
+  props: {
+    checked: { default: !1 },
+    columnName: { default: "" }
+  },
+  setup(h) {
+    return (e, t) => (K(), Y("div", fx, [
+      R("div", {
+        class: ct(["nui-focus block focus-within:outline-current rounded-full", JSON.parse(h.checked) ? "is-checked" : "is-unchecked"])
+      }, [
+        R("input", {
+          modelValue: h.checked,
+          type: "checkbox",
+          class: "peer cursor-pointer disabled:cursor-not-allowed",
+          "true-value": "true",
+          "false-value": "false",
+          onClick: t[0] || (t[0] = (i) => e.$emit("toggle"))
+        }, null, 8, px),
+        R("label", mx, [
+          R("div", {
+            class: ct(["rtl:left-[auto] rtl:!right-0 ltr:right-[auto] ltr:left-0", JSON.parse(h.checked) ? "is-opaque" : ""])
+          }, null, 2),
+          gx
+        ])
+      ], 2),
+      R("div", null, [
+        R("h6", bx, ue(h.columnName), 1)
+      ])
+    ]));
+  }
+}, wx = { class: "relative" }, yx = /* @__PURE__ */ R("ul", { class: "py-2" }, [
+  /* @__PURE__ */ R("li", { class: "px-4 py-2 hover:bg-gray-100 cursor-pointer" }, "Item 1"),
+  /* @__PURE__ */ R("li", { class: "px-4 py-2 hover:bg-gray-100 cursor-pointer" }, "Item 2"),
+  /* @__PURE__ */ R("li", { class: "px-4 py-2 hover:bg-gray-100 cursor-pointer" }, "Item 3")
+], -1), Cu = {
+  __name: "MMenu",
+  setup(h) {
+    const e = ke(null);
+    y1(e, (o) => console.log(o));
+    const t = ke(!1), i = { isOpen: t.value }, r = {
+      click: () => t.value = !t.value
+    };
+    return (o, a) => (K(), Y("div", wx, [
+      Wo(o.$slots, "activator", Eu(xu({ on: r, props: i })), () => [
+        R("button", Gt({ class: "bg-blue-500 text-white px-4 py-2 rounded-md" }, Vo(r, !0)), " Open Menu " + ue(t.value), 17)
+      ]),
+      t.value ? (K(), Y("div", {
+        key: 0,
+        class: "absolute top-[35px] left-0 mt-2 w-48 rounded-md shadow-lg z-[1]",
+        ref_key: "target",
+        ref: e
+      }, [
+        Wo(o.$slots, "default", {}, () => [
+          yx
+        ])
+      ], 512)) : At("", !0)
+    ]));
+  }
+};
+const Ct = (h) => (Zr("data-v-9eed8c8f"), h = h(), Qr(), h), Cx = { class: "fc-header" }, Ex = { class: "fc-header-left-sid" }, xx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", { viewBox: "0 0 24 24" }, [
+  /* @__PURE__ */ R("path", {
+    stroke: "currentColor",
+    "stroke-width": "2",
+    d: "M5 12h14m-7-7v14"
+  })
+], -1)), _x = [
+  xx
+], Rx = { class: "z-[1]" }, Tx = { class: "bg-muted-200 dark:bg-muted-800 cursor-pointer rounded-xl fm-light-shadow" }, Mx = { class: "group flex w-full items-center py-3 text-sm duration-300 text-muted-500 hover:bg-muted-300 dark:hover:bg-muted-700 rounded-xl justify-end flex-row-reverse" }, Sx = { class: "text-muted-400 font-sans text-xs" }, Lx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
+  class: "fill-muted-400 w-3.5 mx-2",
+  viewBox: "0 0 512 512"
+}, [
+  /* @__PURE__ */ R("path", { d: "M64 464H96v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288H336V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z" })
+], -1)), kx = { class: "group flex w-full items-center py-3 text-sm duration-300 text-muted-500 hover:bg-muted-300 dark:hover:bg-muted-700 rounded-xl justify-end flex-row-reverse" }, Ax = { class: "text-muted-400 font-sans text-xs" }, Dx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
+  class: "fill-muted-400 w-3.5 mx-2",
+  viewBox: "0 0 512 512"
+}, [
+  /* @__PURE__ */ R("path", { d: "M48 448V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm90.9 233.3c-8.1-10.5-23.2-12.3-33.7-4.2s-12.3 23.2-4.2 33.7L161.6 320l-44.5 57.3c-8.1 10.5-6.3 25.5 4.2 33.7s25.5 6.3 33.7-4.2L192 359.1l37.1 47.6c8.1 10.5 23.2 12.3 33.7 4.2s12.3-23.2 4.2-33.7L222.4 320l44.5-57.3c8.1-10.5 6.3-25.5-4.2-33.7s-25.5-6.3-33.7 4.2L192 280.9l-37.1-47.6z" })
+], -1)), Fx = { class: "group flex w-full items-center py-3 text-sm duration-300 text-muted-500 hover:bg-muted-300 dark:hover:bg-muted-700 rounded-xl justify-end flex-row-reverse" }, Px = { class: "text-muted-400 font-sans text-xs" }, Ox = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
+  class: "fill-muted-400 w-3.5 mx-2",
+  viewBox: "0 0 512 512"
+}, [
+  /* @__PURE__ */ R("path", { d: "M112 160V64c0-8.8 7.2-16 16-16H357.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c3 3 4.7 7.1 4.7 11.3V160h48V90.5c0-17-6.7-33.3-18.7-45.3L402.7 18.7C390.7 6.7 374.5 0 357.5 0H128C92.7 0 64 28.7 64 64v96h48zm16 208H384v96H128V368zm-16-48c-17.7 0-32 14.3-32 32H48V256c0-8.8 7.2-16 16-16H448c8.8 0 16 7.2 16 16v96H432c0-17.7-14.3-32-32-32H112zm320 80h48c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64V368c0 17.7 14.3 32 32 32H80v80c0 17.7 14.3 32 32 32H400c17.7 0 32-14.3 32-32V400z" })
+], -1)), zx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("path", { d: "M371.2 122.9C340.3 96.2 300 80 256 80C158.8 80 80 158.8 80 256s78.8 176 176 176c39.7 0 76.2-13.1 105.6-35.2c10.6-8 25.6-5.8 33.6 4.8s5.8 25.6-4.8 33.6C353 463.3 306.4 480 256 480C132.3 480 32 379.7 32 256S132.3 32 256 32c57.3 0 109.6 21.5 149.2 56.9l30.5-30.5c6.6-6.6 15.6-10.3 25-10.3C480.2 48 496 63.8 496 83.3V200c0 13.3-10.7 24-24 24H355.3c-19.5 0-35.3-15.8-35.3-35.3c0-9.4 3.7-18.3 10.3-25l40.8-40.8zm76.8-9L385.9 176H448V113.9z" }, null, -1)), Hx = [
+  zx
+], Ix = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", { viewBox: "0 0 512 512" }, [
+  /* @__PURE__ */ R("path", { d: "M384 48c8.8 0 16 7.2 16 16V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H384zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM80 112v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V112c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zM96 352c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16H96zm80-224c0 13.3 10.7 24 24 24H344c13.3 0 24-10.7 24-24s-10.7-24-24-24H200c-13.3 0-24 10.7-24 24zm32 128c0 13.3 10.7 24 24 24H344c13.3 0 24-10.7 24-24s-10.7-24-24-24H232c-13.3 0-24 10.7-24 24zM176 384c0 13.3 10.7 24 24 24H344c13.3 0 24-10.7 24-24s-10.7-24-24-24H200c-13.3 0-24 10.7-24 24zm-4.7-140.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L112 257.4 99.3 244.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l24 24c6.2 6.2 16.4 6.2 22.6 0l48-48z" })
+], -1)), Bx = [
+  Ix
+], Nx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("svg", {
+  viewBox: "0 0 448 512",
+  class: "z-[1]"
+}, [
+  /* @__PURE__ */ R("path", { d: "M64 448c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32H384c17.7 0 32 14.3 32 32V416c0 17.7-14.3 32-32 32H64zM0 416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416zM128 288c8.8 0 16-7.2 16-16V144c0-8.8-7.2-16-16-16s-16 7.2-16 16V272c0 8.8 7.2 16 16 16zm176 48c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16s-16 7.2-16 16V336zm-80-80c8.8 0 16-7.2 16-16V144c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16z" })
+], -1)), Wx = [
+  Nx
+], Vx = { class: "bg-white dark:bg-muted-800 rounded-xl pt-1 rtl:text-right ltr:text-left fm-light-shadow" }, Gx = { class: "m-3 mt-2 text-muted-600 dark:text-muted-200" }, $x = { class: "p-2" }, Ux = { class: "fm-header-rigth-sid flex w-full sm:w-auto rtl:flex-row-reverse rtl:justify-end z-10" }, jx = { key: 0 }, Kx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("span", null, null, -1)), qx = [
+  Kx
+], Xx = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("path", { d: "M0 73.7C0 50.7 18.7 32 41.7 32H470.3c23 0 41.7 18.7 41.7 41.7c0 9.6-3.3 18.9-9.4 26.3L336 304.5V447.7c0 17.8-14.5 32.3-32.3 32.3c-7.3 0-14.4-2.5-20.1-7l-92.5-73.4c-9.6-7.6-15.1-19.1-15.1-31.3V304.5L9.4 100C3.3 92.6 0 83.3 0 73.7zM55 80L218.6 280.8c3.5 4.3 5.4 9.6 5.4 15.2v68.4l64 50.8V296c0-5.5 1.9-10.9 5.4-15.2L457 80H55z" }, null, -1)), Yx = [
+  Xx
+], Jx = { class: "group/nui-input relative rtl:" }, Zx = ["placeholder"], Qx = { class: "ltr:left-0 text-muted-400 group-focus-within/nui-input:text-primary-500 absolute end-0 rtl:start-0 top-0 flex items-center justify-center transition-colors duration-300 peer-disabled:cursor-not-allowed peer-disabled:opacity-75 h-10 w-10" }, e_ = {
+  key: 0,
+  class: "icon h-[1.15rem] w-[1.15rem]",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+}, t_ = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("g", {
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2"
+}, [
+  /* @__PURE__ */ R("circle", {
+    cx: "11",
+    cy: "11",
+    r: "8"
+  }),
+  /* @__PURE__ */ R("path", { d: "m21 21l-4.35-4.35" })
+], -1)), i_ = [
+  t_
+], n_ = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 512 512",
+  class: "icon animate-spin"
+}, r_ = /* @__PURE__ */ Ct(() => /* @__PURE__ */ R("path", { d: "M457 372c11.5 6.6 26.3 2.7 31.8-9.3C503.7 330.2 512 294.1 512 256C512 122.7 410.1 13.2 280 1.1C266.8-.1 256 10.7 256 24v0c0 13.3 10.8 23.9 24 25.4C383.5 61.2 464 149.2 464 256c0 29.3-6.1 57.3-17 82.6c-5.3 12.2-1.5 26.8 10 33.5v0z" }, null, -1)), s_ = [
+  r_
+], o_ = {
+  __name: "MButtonBox",
+  setup(h) {
+    const { event: e } = et, t = Kt("store");
+    function i(w) {
+      w === t.panel ? t.panel = "" : t.panel = w;
+    }
+    const r = ke(null);
+    ea(() => {
+      r.value = document.body.getAttribute("dir");
+    });
+    const o = Io(() => t.flatFields.find((w) => w.field === "_select_")), a = Io(() => !!o.value.isHeader);
+    function u() {
+      o.value.isHeader = !o.value.isHeader, o.value.isHeader || t.selected.clear();
+    }
+    const d = ke(!1);
+    function f() {
+      d.value = !0, t.loadItems().finally(() => d.value = !1);
+    }
+    const m = V.debounce(f, 600);
+    return (w, v) => (K(), Y("div", Cx, [
+      R("div", Ex, [
+        R("button", Gt(w.props, {
+          class: "fc-plus-btn",
+          onClick: v[0] || (v[0] = (C) => q(e)("createBtn"))
+        }), _x, 16),
+        Ue(Cu, null, {
+          activator: Ut(({ on: C, props: M }) => [
+            R("button", Gt({
+              class: M.isOpen ? "before:block" : "before:hidden"
+            }, M, Vo(C, !0), { class: "fc-header-icon-btn fc-drop-down-btn min-w-[130px]" }), [
+              R("span", Rx, ue(w.$fcTr("export")), 1)
+            ], 16)
+          ]),
+          default: Ut(() => [
+            R("div", Tx, [
+              R("a", Mx, [
+                R("p", Sx, ue(w.$fcTr("export_as_pdf")), 1),
+                Lx
+              ]),
+              R("a", kx, [
+                R("p", Ax, ue(w.$fcTr("export_as_excel")), 1),
+                Dx
+              ]),
+              R("a", Fx, [
+                R("p", Px, ue(w.$fcTr("print")), 1),
+                Ox
+              ])
+            ])
+          ]),
+          _: 1
+        }),
+        R("button", Gt(w.props, {
+          class: "fc-header-icon-btn",
+          onClick: v[1] || (v[1] = (...C) => q(t).reloadData && q(t).reloadData(...C))
+        }), [
+          (K(), Y("svg", {
+            class: ct({ spin: q(t).loadings.mainLoading }),
+            viewBox: "0 0 512 512"
+          }, Hx, 2))
+        ], 16),
+        R("button", Gt(w.props, {
+          class: ["fc-header-icon-btn", { "fm-active-btn": a.value }],
+          onClick: u
+        }), Bx, 16),
+        Ue(Cu, {
+          "close-on-content-click": !1,
+          location: r.value === "rtl" ? "end" : "start"
+        }, {
+          activator: Ut(({ props: C, on: M }) => [
+            R("button", Gt(Vo(M, !0), {
+              class: ["fc-header-icon-btn", [
+                C.isOpen ? "light:!bg-white dark:bg-muted-800" : "",
+                C.isOpen ? r.value === "rtl" ? "expanded-rtl" : "expanded2" : ""
+              ]]
+            }), Wx, 16)
+          ]),
+          default: Ut(() => [
+            R("div", Vx, [
+              R("div", Gx, ue(w.$fcTr("custom_column")), 1),
+              R("ul", $x, [
+                (K(!0), Y(ft, null, _i(q(t).flatFieldsWithoutActions, (C) => (K(), es(vx, {
+                  key: C.field,
+                  "column-name": C.title,
+                  checked: C.isHeader,
+                  onToggle: (M) => C.isHeader = !C.isHeader
+                }, null, 8, ["column-name", "checked", "onToggle"]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["location"])
+      ]),
+      R("div", Ux, [
+        R("button", Gt(w.props, {
+          class: ["test fc-header-icon-btn transform transition-all", q(t).panel === "filters" ? "!bg-white dark:!bg-muted-800 !rounded-b-none " : ""],
+          onClick: v[2] || (v[2] = (C) => i("filters"))
+        }), [
+          Ue(ta, { name: "scale" }, {
+            default: Ut(() => [
+              q(t).panel === "filters" ? (K(), Y("div", jx, qx)) : At("", !0)
+            ]),
+            _: 1
+          }),
+          (K(), Y("svg", {
+            class: ct(q(t).panel === "filters" ? "light:!fill-primary-700" : ""),
+            stroke: "currentColor",
+            viewBox: "0 0 512 512"
+          }, Yx, 2))
+        ], 16),
+        R("div", Jx, [
+          Dn(R("input", {
+            "onUpdate:modelValue": v[3] || (v[3] = (C) => q(t).searchParam = C),
+            type: "text",
+            class: "nui-focus !pl-4 border-muted-300 text-muted-600 placeholder:text-muted-300 dark:border-muted-700 dark:bg-muted-900/75 dark:text-muted-200 dark:placeholder:text-muted-500 dark:focus:border-muted-700 peer w-full border bg-white font-sans transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-75 px-2 h-10 py-2 text-sm leading-5 pe-4 ps-9 rounded-full",
+            placeholder: w.$fcTr("search"),
+            onKeyup: v[4] || (v[4] = (...C) => q(m) && q(m)(...C))
+          }, null, 40, Zx), [
+            [_u, q(t).searchParam]
+          ]),
+          R("div", Qx, [
+            d.value ? (K(), Y("svg", n_, s_)) : (K(), Y("svg", e_, i_))
+          ])
+        ])
+      ])
+    ]));
+  }
+}, a_ = /* @__PURE__ */ Un(o_, [["__scopeId", "data-v-9eed8c8f"]]);
+function l_(h, e) {
   return Array.isArray(h) ? V.every(h, (t) => V.isType(t, e)) : !1;
 }
-const o_ = (h, e) => {
+const h_ = (h, e) => {
   const t = V.get(h, "field"), i = V.get(h, "valueProp");
-  return s_(e, "object") ? e.map((r) => V.get(r, i)) : V.get(e, t);
-}, Cd = (h, e) => V.get(e, h.field), a_ = {
-  select: o_,
+  return l_(e, "object") ? e.map((r) => V.get(r, i)) : V.get(e, t);
+}, Cd = (h, e) => V.get(e, h.field), u_ = {
+  select: h_,
   text: Cd
-}, l_ = (h, e) => {
+}, d_ = (h, e) => {
   if (h.normalizer)
     return h.normalizer(e);
-  const t = a_[h.type];
+  const t = u_[h.type];
   return t ? t(h, e) : Cd(h, e);
 };
-const h_ = (h) => (Zr("data-v-3044facd"), h = h(), Qr(), h), u_ = {
+const c_ = (h) => (Zr("data-v-c3b8e659"), h = h(), Qr(), h), f_ = {
   key: 0,
   class: "fixed z-10 inset-0 overflow-y-auto backdrop-blur-[4px]"
-}, d_ = { class: "flex items-center overflow-y justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, c_ = /* @__PURE__ */ h_(() => /* @__PURE__ */ R("div", { class: "fixed inset-0 transition-opacity" }, [
+}, p_ = { class: "flex items-center overflow-y justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, m_ = /* @__PURE__ */ c_(() => /* @__PURE__ */ R("div", { class: "fixed inset-0 transition-opacity" }, [
   /* @__PURE__ */ R("div", { class: "absolute inset-0 bg-gray-500 opacity-50" })
-], -1)), f_ = { class: "inline-block max-h-full align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, p_ = { class: "bg-card-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4 dark:bg-muted-700 dark:text-muted-200" }, m_ = { class: "flex flex-col text-right" }, g_ = { class: "mb-4 flex justify-between w-full" }, b_ = {
+], -1)), g_ = { class: "inline-block max-h-full align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, b_ = { class: "bg-card-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4 dark:bg-muted-700 dark:text-muted-200" }, v_ = { class: "flex flex-col text-right" }, w_ = { class: "mb-4 flex justify-between w-full" }, y_ = {
   key: 0,
   class: "text-primerr-700"
-}, v_ = {
+}, C_ = {
   key: 1,
   class: "text-primerr-700"
-}, w_ = { class: "mb-5" }, y_ = { class: "flex justify-end" }, C_ = ["disabled"], E_ = { key: 0 }, x_ = { key: 1 }, __ = {
+}, E_ = { class: "mb-5" }, x_ = { class: "flex justify-end" }, __ = ["disabled"], R_ = { key: 0 }, T_ = { key: 1 }, M_ = {
   __name: "MDialogForm",
   setup(h) {
     const { event: e, listen: t } = et, i = Kt("store"), r = ke(!1), o = ke(null);
@@ -16368,7 +16397,7 @@ const h_ = (h) => (Zr("data-v-3044facd"), h = h(), Qr(), h), u_ = {
     const u = (f) => {
       let m = {};
       for (const w of i.flatFieldsWithoutActions)
-        m[w.field] = l_(w, f);
+        m[w.field] = d_(w, f);
       return m;
     };
     return (() => {
@@ -16378,9 +16407,16 @@ const h_ = (h) => (Zr("data-v-3044facd"), h = h(), Qr(), h), u_ = {
         a = f, i.isEditing = !0, r.value = !0, i.form = u(f);
       }), t("handleDialogForm", (f) => {
         r.value = f;
-      }), t("saveForm", () => (o.value.validate(), o.value.invalid ? void 0 : (() => {
-        i.isEditing ? i.editItem({ ...i.form, id: a == null ? void 0 : a.id }) : i.addItem({ ...i.form });
-      })())), t(["createBtn"], () => {
+      }), t("saveForm", () => {
+        try {
+          if (o.value.validate(), o.value.invalid)
+            return;
+        } catch {
+        }
+        return (() => {
+          i.isEditing ? i.editItem({ ...i.form, id: a == null ? void 0 : a.id }) : i.addItem({ ...i.form });
+        })();
+      }), t(["createBtn"], () => {
         i.form = {};
       }), t("editTheItem", (f) => {
         edit(f);
@@ -16388,26 +16424,26 @@ const h_ = (h) => (Zr("data-v-3044facd"), h = h(), Qr(), h), u_ = {
         add(f);
       });
     })(), (f, m) => {
-      const w = Vo("Vueform");
+      const w = No("Vueform");
       return K(), es(ta, {
         name: "fade",
         appear: ""
       }, {
         default: Ut(() => [
-          r.value ? (K(), Y("div", u_, [
-            R("div", d_, [
-              c_,
-              R("div", f_, [
-                R("div", p_, [
-                  R("div", m_, [
-                    R("h1", g_, [
-                      q(i).isEditing ? (K(), Y("span", b_, ue(f.$fcTr("edit")), 1)) : (K(), Y("span", v_, ue(f.$fcTr("add")), 1)),
+          r.value ? (K(), Y("div", f_, [
+            R("div", p_, [
+              m_,
+              R("div", g_, [
+                R("div", b_, [
+                  R("div", v_, [
+                    R("h1", w_, [
+                      q(i).isEditing ? (K(), Y("span", y_, ue(f.$fcTr("edit")), 1)) : (K(), Y("span", C_, ue(f.$fcTr("add")), 1)),
                       R("i", {
                         class: "text-primerr-700 fal fa-times cursor-pointer",
                         onClick: m[0] || (m[0] = (v) => r.value = !1)
                       })
                     ]),
-                    R("div", w_, [
+                    R("div", E_, [
                       Ue(w, Gt({
                         modelValue: q(i).form,
                         "onUpdate:modelValue": m[1] || (m[1] = (v) => q(i).form = v),
@@ -16419,7 +16455,7 @@ const h_ = (h) => (Zr("data-v-3044facd"), h = h(), Qr(), h), u_ = {
                         sync: ""
                       }), null, 16, ["modelValue", "schema"])
                     ]),
-                    R("div", y_, [
+                    R("div", x_, [
                       R("button", {
                         onClick: m[2] || (m[2] = (v) => r.value = !1),
                         class: "border p-2 px-8 rounded-md text-red-400 border-red-400"
@@ -16429,8 +16465,8 @@ const h_ = (h) => (Zr("data-v-3044facd"), h = h(), Qr(), h), u_ = {
                         onClick: m[3] || (m[3] = (v) => q(e)("saveForm")),
                         class: "border p-2 mx-1 px-8 rounded-md text-green-400 border-green-400"
                       }, [
-                        q(i).loadings.mainLoading ? (K(), Y("span", x_, "loading")) : (K(), Y("span", E_, ue(f.$fcTr("save")), 1))
-                      ], 8, C_)
+                        q(i).loadings.mainLoading ? (K(), Y("span", T_, "loading")) : (K(), Y("span", R_, ue(f.$fcTr("save")), 1))
+                      ], 8, __)
                     ])
                   ])
                 ])
@@ -16442,16 +16478,16 @@ const h_ = (h) => (Zr("data-v-3044facd"), h = h(), Qr(), h), u_ = {
       });
     };
   }
-}, R_ = /* @__PURE__ */ Un(__, [["__scopeId", "data-v-3044facd"]]), T_ = {};
-function M_(h, e) {
+}, S_ = /* @__PURE__ */ Un(M_, [["__scopeId", "data-v-c3b8e659"]]), L_ = {};
+function k_(h, e) {
   return K(), Y("div");
 }
-const S_ = /* @__PURE__ */ Un(T_, [["render", M_]]), L_ = {
+const A_ = /* @__PURE__ */ Un(L_, [["render", k_]]), D_ = {
   key: 0,
   class: "fixed z-10 inset-0 overflow-y-auto"
-}, k_ = { class: "flex items-center overflow-y justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, A_ = /* @__PURE__ */ R("div", { class: "fixed inset-0 transition-opacity" }, [
+}, F_ = { class: "flex items-center overflow-y justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, P_ = /* @__PURE__ */ R("div", { class: "fixed inset-0 transition-opacity" }, [
   /* @__PURE__ */ R("div", { class: "absolute inset-0 bg-gray-500 opacity-75" })
-], -1), D_ = { class: "inline-block max-h-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, F_ = { class: "bg-card-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, P_ = { class: "flex flex-col text-right" }, O_ = { class: "mb-4 flex justify-between w-full" }, z_ = /* @__PURE__ */ R("span", { class: "text-primerr-700" }, "حذف", -1), H_ = { class: "mb-5 flex flex-row flex-wrap" }, I_ = { class: "flex justify-end" }, B_ = ["disabled"], N_ = { key: 0 }, W_ = { key: 1 }, V_ = {
+], -1), O_ = { class: "inline-block max-h-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, z_ = { class: "bg-card-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, H_ = { class: "flex flex-col text-right" }, I_ = { class: "mb-4 flex justify-between w-full" }, B_ = /* @__PURE__ */ R("span", { class: "text-primerr-700" }, "حذف", -1), N_ = { class: "mb-5 flex flex-row flex-wrap" }, W_ = { class: "flex justify-end" }, V_ = ["disabled"], G_ = { key: 0 }, $_ = { key: 1 }, U_ = {
   __name: "MDeleteDialog",
   setup(h) {
     const e = Kt("store"), t = ke(!1);
@@ -16465,21 +16501,21 @@ const S_ = /* @__PURE__ */ Un(T_, [["render", M_]]), L_ = {
       appear: ""
     }, {
       default: Ut(() => [
-        t.value ? (K(), Y("div", L_, [
-          R("div", k_, [
-            A_,
-            R("div", D_, [
-              R("div", F_, [
-                R("div", P_, [
-                  R("h1", O_, [
-                    z_,
+        t.value ? (K(), Y("div", D_, [
+          R("div", F_, [
+            P_,
+            R("div", O_, [
+              R("div", z_, [
+                R("div", H_, [
+                  R("h1", I_, [
+                    B_,
                     R("i", {
                       class: "text-primerr-700 fal fa-times cursor-pointer",
                       onClick: o[0] || (o[0] = (a) => t.value = !1)
                     })
                   ]),
-                  R("div", H_, ue(r.$fcTr("alert_to_delete")), 1),
-                  R("div", I_, [
+                  R("div", N_, ue(r.$fcTr("alert_to_delete")), 1),
+                  R("div", W_, [
                     R("button", {
                       onClick: o[1] || (o[1] = (a) => t.value = !1),
                       class: "border p-2 px-8 rounded-md text-red-400 border-red-400"
@@ -16489,8 +16525,8 @@ const S_ = /* @__PURE__ */ Un(T_, [["render", M_]]), L_ = {
                       class: "border p-2 mx-1 px-8 rounded-md text-green-400 border-green-400",
                       onClick: o[2] || (o[2] = (a) => q(e).remove(q(i)))
                     }, [
-                      q(e).loadings.mainLoading ? (K(), Y("span", W_, "loading")) : (K(), Y("span", N_, ue(r.$fcTr("yes")), 1))
-                    ], 8, B_)
+                      q(e).loadings.mainLoading ? (K(), Y("span", $_, "loading")) : (K(), Y("span", G_, ue(r.$fcTr("yes")), 1))
+                    ], 8, V_)
                   ])
                 ])
               ])
@@ -16501,40 +16537,11 @@ const S_ = /* @__PURE__ */ Un(T_, [["render", M_]]), L_ = {
       _: 1
     }));
   }
-};
-const G_ = {
-  key: 0,
-  class: "w-full border bg-white rounded p-2 flex align-center mt-2"
-}, $_ = ["onClick"], U_ = {
-  __name: "MHeaderBox",
-  setup(h) {
-    const e = Kt("store");
-    let t = null;
-    Xi(
-      () => e.panel,
-      (r) => {
-        e.panel === "headerBox" && e.headersWithoutActions.forEach((o) => {
-          t = document.querySelector(`[tabulator-field="${o.field}"]`), t.innerHTML = t.innerHTML + '<span class="fc-remove"><button class="text-white font-bold rounded px-1" onclick=""><svg  aria-hidden="true" viewBox="0 0 24 24" class="h-4 w-4 text-primary-500"><path data-v-74b3417a="" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6 6 18M6 6l12 12"></path></svg></button></span>';
-        });
-      }
-    );
-    function i(r) {
-      r.isHeader = !r.isHeader;
-    }
-    return (r, o) => q(e).panel === "headerBox" ? (K(), Y("div", G_, [
-      (K(!0), Y(ft, null, _i(q(e).flatFields, (a) => (K(), Y("div", {
-        key: a.field,
-        class: ct(["px-1 mx-1 cursor-pointer divide-y rounded", {
-          "bg-primary-600 text-white": a.isHeader
-        }]),
-        onClick: (u) => i(a)
-      }, ue(a.title), 11, $_))), 128))
-    ])) : At("", !0);
-  }
 }, J_ = {
   __name: "MCrud",
   props: {
     options: { default: () => ({}) },
+    structure: { default: () => ({}) },
     hiddenActions: { default: () => [] },
     fields: { default: () => [] },
     dir: {
@@ -16548,19 +16555,20 @@ const G_ = {
       fields: t.fields,
       hiddenActions: t.hiddenActions,
       options: t.options,
+      structure: t.structure,
       route: t.route
     });
     return Kh("store", i), Kh("dir", t.dir), document.body.setAttribute("dir", t.dir), ea(() => {
       e("mounted");
     }), (r, o) => (K(), Y(ft, null, [
-      Ue(bx),
-      Ue(r_),
-      Ue(U_),
+      Ue(a_),
+      Ue(hx),
+      Ue(cx),
       Ue(l1),
-      Ue(R_),
       Ue(S_),
-      Ue(V_),
-      No(r.$slots, "extra")
+      Ue(A_),
+      Ue(U_),
+      Wo(r.$slots, "extra")
     ], 64));
   }
 };