sd-render 1.0.22 → 1.0.23

package/{sd-lib-DGKllvu9.js → sd-lib-DxRR6mJt.js}

@@ -79,50 +79,50 @@ import "ace-builds/src-min-noconflict/mode-css";
 import "ace-builds/src-min-noconflict/mode-sql";
 import "ace-builds/src-min-noconflict/ext-language_tools";
 import si from "resize-observer-polyfill";
-import ri from "cropperjs";
+import ve from "dayjs";
+import ri from "dompurify";
+import di from "cropperjs";
 import "element-plus/es/components/tooltip/style/index";
-import { Editor as Te, FloatingMenu as di, BubbleMenu as ui, EditorContent as pi, useEditor as mi, nodeViewProps as we, NodeViewWrapper as Qe, VueNodeViewRenderer as it, NodeViewContent as fi, getMarkAttributes as ca } from "@tiptap/vue-3";
-import { splitCell as hi, mergeCells as ci, CellSelection as bi } from "prosemirror-tables";
-import { TextSelection as ba, AllSelection as Ea, Plugin as gi } from "prosemirror-state";
-import yi from "@tiptap/extension-placeholder";
-import vi from "@tiptap/extension-character-count";
-import wi from "@tiptap/extension-document";
-import Fi from "@tiptap/extension-heading";
-import _i from "@tiptap/extension-blockquote";
-import Si from "@tiptap/extension-code-block";
-import ki from "@tiptap/extension-code-block-lowlight";
-import { createLowlight as Ci, common as Di } from "lowlight";
-import Ii from "highlight.js/lib/languages/css";
-import $i from "highlight.js/lib/languages/javascript";
-import Ti from "highlight.js/lib/languages/typescript";
-import Mi from "highlight.js/lib/languages/xml";
-import Pi from "@tiptap/extension-bullet-list";
-import Vi from "@tiptap/extension-ordered-list";
-import Ai from "@tiptap/extension-image";
+import { Editor as Te, FloatingMenu as ui, BubbleMenu as pi, EditorContent as mi, useEditor as fi, nodeViewProps as we, NodeViewWrapper as Qe, VueNodeViewRenderer as it, NodeViewContent as hi, getMarkAttributes as ca } from "@tiptap/vue-3";
+import { splitCell as ci, mergeCells as bi, CellSelection as gi } from "prosemirror-tables";
+import { TextSelection as ba, AllSelection as Ea, Plugin as yi } from "prosemirror-state";
+import vi from "@tiptap/extension-placeholder";
+import wi from "@tiptap/extension-character-count";
+import Fi from "@tiptap/extension-document";
+import _i from "@tiptap/extension-heading";
+import Si from "@tiptap/extension-blockquote";
+import ki from "@tiptap/extension-code-block";
+import Ci from "@tiptap/extension-code-block-lowlight";
+import { createLowlight as Di, common as Ii } from "lowlight";
+import $i from "highlight.js/lib/languages/css";
+import Ti from "highlight.js/lib/languages/javascript";
+import Mi from "highlight.js/lib/languages/typescript";
+import Pi from "highlight.js/lib/languages/xml";
+import Vi from "@tiptap/extension-bullet-list";
+import Ai from "@tiptap/extension-ordered-list";
+import Oi from "@tiptap/extension-image";
 import "element-plus/es/components/upload/style/index";
 import he from "axios";
-import Oi from "@tiptap/extension-task-list";
-import Ni from "@tiptap/extension-task-item";
-import { Table as Ei } from "@tiptap/extension-table";
-import Li from "@tiptap/extension-table-row";
-import Bi from "@tiptap/extension-table-header";
-import ji from "@tiptap/extension-table-cell";
-import Ui from "@tiptap/extension-bold";
-import Ri from "@tiptap/extension-underline";
-import zi from "@tiptap/extension-italic";
-import qi from "@tiptap/extension-strike";
-import Hi from "@tiptap/extension-link";
-import xi from "@tiptap/extension-color";
-import Wi from "@tiptap/extension-text-style";
-import Ki from "@tiptap/extension-highlight";
-import Gi from "@tiptap/extension-youtube";
-import Yi from "@tiptap/extension-subscript";
-import Ji from "@tiptap/extension-superscript";
-import Xi from "@tiptap/extension-horizontal-rule";
-import Qi from "@tiptap/extension-history";
-import Zi from "@tiptap/extension-text-align";
-import ve from "dayjs";
-import en from "dompurify";
+import Ni from "@tiptap/extension-task-list";
+import Ei from "@tiptap/extension-task-item";
+import { Table as Li } from "@tiptap/extension-table";
+import Bi from "@tiptap/extension-table-row";
+import ji from "@tiptap/extension-table-header";
+import Ui from "@tiptap/extension-table-cell";
+import Ri from "@tiptap/extension-bold";
+import zi from "@tiptap/extension-underline";
+import qi from "@tiptap/extension-italic";
+import Hi from "@tiptap/extension-strike";
+import xi from "@tiptap/extension-link";
+import Wi from "@tiptap/extension-color";
+import Ki from "@tiptap/extension-text-style";
+import Gi from "@tiptap/extension-highlight";
+import Yi from "@tiptap/extension-youtube";
+import Ji from "@tiptap/extension-subscript";
+import Xi from "@tiptap/extension-superscript";
+import Qi from "@tiptap/extension-horizontal-rule";
+import Zi from "@tiptap/extension-history";
+import en from "@tiptap/extension-text-align";
 import "element-plus/es/components/rate/style/index";
 import "element-plus/es/components/space/style/index";
 import { Chart as tn, CategoryScale as an, LinearScale as ln, BarElement as on, Title as nn, Tooltip as sn, Legend as rn, Filler as dn, plugins as un, TimeScale as pn, TimeSeriesScale as mn, RadialLinearScale as fn, LineElement as hn, PointElement as cn, ArcElement as bn } from "chart.js";
@@ -824,7 +824,7 @@ function ce(e, t) {
   }
 }
 function Tt(e) {
-  return en.sanitize(e, {});
+  return ri.sanitize(e, {});
 }
 function re(e, t) {
   const a = (i) => `{{###~${i}~###}}`, l = Object.keys(t).map((i, d) => ({
@@ -976,7 +976,7 @@ const Un = L({
   methods: {
     onCropperImageOpen() {
       const e = new Image();
-      e.src = this.picture, e.alt = "Picture", this.cropper = new ri(e, {
+      e.src = this.picture, e.alt = "Picture", this.cropper = new di(e, {
         container: this.cropperBox,
         template: this.resizeEnable ? this.tempResize : this.tempFixed
       });
@@ -1316,10 +1316,10 @@ function zt(e) {
   }), d;
 }
 function ns(e) {
-  return zt(e) && ci(e);
+  return zt(e) && bi(e);
 }
 function ss(e) {
-  return zt(e) && hi(e);
+  return zt(e) && ci(e);
 }
 const rs = L({
   name: "MergeCellCommandButton",
@@ -1669,11 +1669,11 @@ function Fs(e, t, a, l, o, i) {
 const to = /* @__PURE__ */ B(vs, [["render", Fs]]), _s = L({
   name: "MenuBubble",
   components: {
-    BubbleMenu: ui,
+    BubbleMenu: pi,
     LinkBubbleMenu: to,
     MergeCellBubbleMenu: Xl,
     VIcon: Yl,
-    FloatingMenu: di
+    FloatingMenu: ui
   },
   props: {
     editor: {
@@ -1756,7 +1756,7 @@ const to = /* @__PURE__ */ B(vs, [["render", Fs]]), _s = L({
       return this.editor.isActive("link");
     },
     $_getCurrentMenuType() {
-      return this.isLinkSelection ? "link" : this.editor.state.selection instanceof bi ? "cell" : (this.editor.state.selection instanceof ba || this.editor.state.selection instanceof Ea) && !this.activeImage ? "default" : "none";
+      return this.isLinkSelection ? "link" : this.editor.state.selection instanceof gi ? "cell" : (this.editor.state.selection instanceof ba || this.editor.state.selection instanceof Ea) && !this.activeImage ? "default" : "none";
     }
   }
 }), Ss = { ref: "parentRef" }, ks = { class: "el-tiptap-editor__menu-floating" };
@@ -2156,7 +2156,7 @@ const Ms = L({
   name: "ElementTiptap",
   emits: ["update:modelValue", "update:content", "onUpdate", "change", "onCreate", "onTransaction", "onBlur", "onFocus", "onDestroy"],
   components: {
-    EditorContent: pi,
+    EditorContent: mi,
     MenuBar: Kl,
     MenuBubble: ao
   },
@@ -2275,21 +2275,21 @@ const Ms = L({
   setup(e, { emit: t }) {
     const a = K(""), l = K(!1), o = e.extensions;
     o.push(
-      yi.configure({
+      vi.configure({
         emptyEditorClass: "el-tiptap-editor--empty",
         emptyNodeClass: "el-tiptap-editor__placeholder",
         showOnlyCurrent: !1,
         placeholder: ({ node: f }) => e.placeholder
       })
     ), e.enableCharCount !== !1 && o.push(
-      vi.configure({
+      wi.configure({
         limit: e.charCountMax
       })
     );
     const i = ({ editor: f }) => {
       let y;
       e.output === "html" ? y = f.getHTML() : y = f.getJSON(), l.value = !0, a.value = y, t("update:modelValue", y), t("update:content", y), t("onUpdate", y, f), t("change", y);
-    }, d = mi({
+    }, d = fi({
       content: a.value,
       extensions: o,
       editable: !e.readonly,
@@ -2417,7 +2417,7 @@ const Os = /* @__PURE__ */ B(Ms, [["render", As]]), Ns = ot.create({
   renderHTML({ HTMLAttributes: e }) {
     return ["h1", Xe(e), 0];
   }
-}), il = wi.extend({
+}), il = Fi.extend({
   addOptions() {
     return {
       title: !1
@@ -2516,7 +2516,7 @@ function Bs(e, t, a, l, o, i) {
     _: 1
   }, 8, ["disabled", "onCommand"]);
 }
-const js = /* @__PURE__ */ B(Es, [["render", Bs]]), nl = Fi.extend({
+const js = /* @__PURE__ */ B(Es, [["render", Bs]]), nl = _i.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2531,7 +2531,7 @@ const js = /* @__PURE__ */ B(Es, [["render", Bs]]), nl = Fi.extend({
       }
     };
   }
-}), Us = _i.extend({
+}), Us = Si.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2551,7 +2551,7 @@ const js = /* @__PURE__ */ B(Es, [["render", Bs]]), nl = Fi.extend({
     };
   }
 });
-Si.extend({
+ki.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2571,12 +2571,12 @@ Si.extend({
     };
   }
 });
-const qt = Ci(Di);
-qt.register("html", Mi);
-qt.register("css", Ii);
-qt.register("js", $i);
-qt.register("ts", Ti);
-const Rs = ki.extend({
+const qt = Di(Ii);
+qt.register("html", Pi);
+qt.register("css", $i);
+qt.register("js", Ti);
+qt.register("ts", Mi);
+const Rs = Ci.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2598,7 +2598,7 @@ const Rs = ki.extend({
       // defaultLanguage: 'plaintext',
     };
   }
-}), sl = Pi.extend({
+}), sl = Vi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2620,7 +2620,7 @@ const Rs = ki.extend({
   // addExtensions() {
   // 	return [ListItem];
   // },
-}), rl = Vi.extend({
+}), rl = Ai.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -3488,7 +3488,7 @@ function wr(e, t, a, l, o, i) {
     _: 1
   }, 8, ["class"]);
 }
-const Fr = /* @__PURE__ */ B(br, [["render", wr]]), _r = Ai.extend({
+const Fr = /* @__PURE__ */ B(br, [["render", wr]]), _r = Oi.extend({
   // https://github.com/ueberdosis/tiptap/issues/1206
   inline() {
     return !0;
@@ -3566,7 +3566,7 @@ const Fr = /* @__PURE__ */ B(br, [["render", wr]]), _r = Ai.extend({
   name: "TaskItemView",
   components: {
     NodeViewWrapper: Qe,
-    NodeViewContent: fi,
+    NodeViewContent: hi,
     ElCheckbox: Bt
   },
   props: we,
@@ -3604,7 +3604,7 @@ function Dr(e, t, a, l, o, i) {
     _: 1
   });
 }
-const Ir = /* @__PURE__ */ B(Sr, [["render", Dr]]), $r = Ni.extend({
+const Ir = /* @__PURE__ */ B(Sr, [["render", Dr]]), $r = Ei.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -3642,7 +3642,7 @@ const Ir = /* @__PURE__ */ B(Sr, [["render", Dr]]), $r = Ni.extend({
   addNodeView() {
     return it(Ir);
   }
-}), Tr = Oi.extend({
+}), Tr = Ni.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -3907,7 +3907,7 @@ function jr(e, t, a, l, o, i) {
     _: 1
   }, 512);
 }
-const Ur = /* @__PURE__ */ B(Br, [["render", jr]]), ml = Ei.extend({
+const Ur = /* @__PURE__ */ B(Br, [["render", jr]]), ml = Li.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -3922,7 +3922,7 @@ const Ur = /* @__PURE__ */ B(Br, [["render", jr]]), ml = Ei.extend({
     };
   },
   addExtensions() {
-    return [Li, Bi, ji];
+    return [Bi, ji, Ui];
   }
 }), Rr = L({
   name: "IframeCommandButton",
@@ -4029,7 +4029,7 @@ const Hr = ot.create({
       };
     };
   }
-}), fl = Ui.extend({
+}), fl = Ri.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4048,7 +4048,7 @@ const Hr = ot.create({
       }
     };
   }
-}), hl = Ri.extend({
+}), hl = zi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4067,7 +4067,7 @@ const Hr = ot.create({
       }
     };
   }
-}), cl = zi.extend({
+}), cl = qi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4086,7 +4086,7 @@ const Hr = ot.create({
       }
     };
   }
-}), xr = qi.extend({
+}), xr = Hi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4238,7 +4238,7 @@ function Kr(e, t, a, l, o, i) {
     }, 8, ["modelValue", "title", "width"])
   ]);
 }
-const Gr = /* @__PURE__ */ B(Wr, [["render", Kr]]), bl = Hi.extend({
+const Gr = /* @__PURE__ */ B(Wr, [["render", Kr]]), bl = xi.extend({
   priority: 100,
   addOptions() {
     return {
@@ -4255,7 +4255,7 @@ const Gr = /* @__PURE__ */ B(Wr, [["render", Kr]]), bl = Hi.extend({
   },
   addProseMirrorPlugins() {
     return [
-      new gi({
+      new yi({
         props: {
           handleClick(e, t) {
             const { schema: a, doc: l, tr: o } = e.state;
@@ -4396,7 +4396,7 @@ function ed(e, t, a, l, o, i) {
     _: 1
   }, 8, ["disabled"]);
 }
-const td = /* @__PURE__ */ B(Yr, [["render", ed]]), gl = xi.extend({
+const td = /* @__PURE__ */ B(Yr, [["render", ed]]), gl = Wi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4412,7 +4412,7 @@ const td = /* @__PURE__ */ B(Yr, [["render", ed]]), gl = xi.extend({
     };
   },
   addExtensions() {
-    return [Wi];
+    return [Ki];
   }
 }), ad = L({
   name: "HighlightPopover",
@@ -4522,7 +4522,7 @@ function sd(e, t, a, l, o, i) {
     _: 1
   }, 8, ["disabled"]);
 }
-const rd = /* @__PURE__ */ B(ad, [["render", sd]]), yl = Ki.extend({
+const rd = /* @__PURE__ */ B(ad, [["render", sd]]), yl = Gi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4981,7 +4981,7 @@ function Dd(e, t, a, l, o, i) {
     }, 8, ["modelValue"])
   ]);
 }
-const Id = /* @__PURE__ */ B(Cd, [["render", Dd]]), $d = Gi.extend({
+const Id = /* @__PURE__ */ B(Cd, [["render", Dd]]), $d = Yi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4995,7 +4995,7 @@ const Id = /* @__PURE__ */ B(Cd, [["render", Dd]]), $d = Gi.extend({
       }
     };
   }
-}), Td = Yi.extend({
+}), Td = Ji.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5014,7 +5014,7 @@ const Id = /* @__PURE__ */ B(Cd, [["render", Dd]]), $d = Gi.extend({
       }
     };
   }
-}), Md = Ji.extend({
+}), Md = Xi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5335,7 +5335,7 @@ const Ed = /* @__PURE__ */ B(Od, [["render", Nd]]), Ld = He.create({
       }
     };
   }
-}), vl = Xi.extend({
+}), vl = Qi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5353,7 +5353,7 @@ const Ed = /* @__PURE__ */ B(Od, [["render", Nd]]), Ld = He.create({
       }
     };
   }
-}), wl = Qi.extend({
+}), wl = Zi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5383,7 +5383,7 @@ const Ed = /* @__PURE__ */ B(Od, [["render", Nd]]), Ld = He.create({
       }
     };
   }
-}), Fl = Zi.extend({
+}), Fl = en.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -9515,7 +9515,7 @@ const Tp = /* @__PURE__ */ B(Lu, [["render", $p], ["__scopeId", "data-v-11e15de9
 function Ta(e) {
   return e.includes("admin") || e.includes("super");
 }
-const Mp = Xo(() => import("./sd-render-C2QEeeT2.js").then((e) => e.S)), Pp = L({
+const Mp = Xo(() => import("./sd-render-Db7-FEvT.js").then((e) => e.S)), Pp = L({
   name: "SdCrudForm",
   components: {
     SdFormRenderAsync: Mp
@@ -10492,216 +10492,569 @@ function Gp(e, t, a, l, o, i) {
   ], 4);
 }
 const fg = /* @__PURE__ */ B(Kp, [["render", Gp]]), Yp = L({
-  name: "SdExportData",
-  emits: ["update:modelValue", "change"],
+  name: "SdApexChart",
+  components: {},
   props: {
-    modelValue: null,
-    dataProvider: {
-      type: Object,
+    sqlId: {
+      type: String,
       required: !0
     },
-    fileName: {
+    params: {
+      type: Object,
+      default: {}
+    },
+    width: {
+      type: Number
+    },
+    height: {
+      type: Number
+    },
+    type: {
+      type: String
+      //timeline,pyramid,boxPlot
+    },
+    title: {
       type: String,
-      default: "Export",
-      required: !0
+      default: "Chart"
     },
-    dynamicName: {
+    titleDisplay: {
+      type: Boolean,
+      default: !0
+    },
+    gridDisplay: {
+      type: Boolean,
+      default: !0
+    },
+    gridCustom: {
+      type: Object,
+      default: {}
+    },
+    legendDisplay: {
+      type: Boolean,
+      default: !0
+    },
+    legendCustom: {
+      type: Object,
+      default: {}
+    },
+    scalesXDisplay: {
+      type: Boolean,
+      default: !0
+    },
+    scalesXLabel: {
       type: String,
       default: ""
     },
-    popupName: {
+    scalesXCustom: {
+      type: Object,
+      default: {}
+    },
+    xField: {
       type: String,
-      default: "Export Data"
+      default: ""
     },
-    popupWidth: {
+    xType: {
       type: String,
-      default: "50%"
+      default: "category"
     },
-    backdrop: {
+    scalesYDisplay: {
       type: Boolean,
-      default: !1
+      default: !0
     },
-    cancelCallback: {
-      type: Function,
-      required: !0
+    scalesYLabel: {
+      type: String,
+      default: ""
+    },
+    scalesYCustom: {
+      type: Object,
+      default: {}
+    },
+    yDataset: {
+      type: Array,
+      default: []
+    },
+    customOptions: {
+      type: Object,
+      default: {}
     },
     userState: {
       type: Object,
       required: !0
+    },
+    mockup: {
+      type: Boolean,
+      default: !1
+    },
+    dataLabelsShow: {
+      type: Boolean,
+      default: !1
+    },
+    toolbarShow: {
+      type: Boolean,
+      default: !1
+    },
+    zoomEnable: {
+      type: Boolean,
+      default: !0
+    },
+    tooltipShow: {
+      type: Boolean,
+      default: !0
+    },
+    buildState: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
     return {
-      fName: "",
-      fullName: "",
-      filePath: "",
-      showFile: !1,
-      popupWidthdefault: this.popupWidth
+      // data: {
+      // 	datasets: [],
+      // } as ChartData,
+      options: {},
+      dataMockup: [
+        { name: "Count", type: "bar", data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11] },
+        { name: "Value", type: "line", data: [80, 40, 20, 12, 11, 40, 20, 12, 39, 10, 40, 39] }
+      ],
+      optionsMockup: {},
+      defaultParams: this.params,
+      rawData: [],
+      loadEnable: !1,
+      preLoading: !1,
+      showChart: !1,
+      apiUrl: "",
+      isDark: se(),
+      useUserState: this.$props.userState
     };
   },
-  created() {
+  watch: {
+    isDark: {
+      deep: !1,
+      handler(e) {
+        this.createOptions(), this.optionsMockup = this.createOpMockup();
+      }
+    }
   },
   computed: {
-    showPopupFlag: {
-      get() {
-        return this.modelValue;
-      },
-      set(e) {
-        let t = e;
-        this.$emit("update:modelValue", t), this.$emit("change", e);
-      }
+    color() {
+      return se().value ? "#414243" : "#e4e7ed";
+    },
+    dataChart() {
+      let e = [];
+      if (this.yDataset && this.yDataset.length > 0)
+        for (const [t, a] of this.yDataset.entries()) {
+          const l = a.custom ? a.custom : {}, o = this.rawData.map((i) => {
+            if (a.type === "heatmap" || a.type === "treemap") {
+              if (i[a.field] && i[this.xField])
+                return { x: i[this.xField], y: i[a.field] };
+            } else if (i[a.field])
+              return i[a.field];
+          });
+          a.type === "radialBar" ? e = o : e.push({
+            data: o,
+            name: a.name ? a.name : "Unit" + t,
+            type: a.type ? a.type : "bar",
+            color: a.color && Object.keys(a.color).length > 0 ? a.color : void 0,
+            hidden: !!a.hidden,
+            zIndex: a.zIndex != null || a.zIndex != null ? a.zIndex : void 0,
+            group: a.group ? a.group : void 0,
+            ...l
+          });
+        }
+      return e;
     }
   },
-  setup(e, t) {
-    return {};
+  created() {
+    this.apiUrl = "";
   },
   mounted() {
-    Ce(() => {
-      this.$nextTick(() => {
-        this.popupWidthdefault = ee(this.popupWidth);
-      });
-    });
+    this.buildState || (this.loadEnable = !0), this.optionsMockup = this.createOpMockup(), this.initdata();
+  },
+  unmounted() {
+  },
+  setup(e, t) {
+    return {
+      chartRef: K()
+    };
   },
   methods: {
-    handleOpen() {
-      const e = aa.service({ lock: !0, text: "Loading", background: "rgba(0, 0, 0, 0.7)", fullscreen: !0 });
-      this.fullName = `${this.fileName}`, this.fName = `${this.fileName}`, this.showFile = !1, this.userState.exportData(
-        { sdProvider: this.dataProvider, fileName: this.fileName, dynamicName: this.dynamicName },
-        (t) => {
-          this.fName = `${t.fileName}`, this.fullName = `${t.fileName}`, this.filePath = `${t.filePath}`, this.showFile = !0, e.close();
-        },
-        () => {
-          e.close();
-        }
-      ), this.popupWidthdefault = ee(this.popupWidth);
-    },
-    handleCancel() {
-      this.cancelCallback && this.cancelCallback();
-    },
-    async handleClose() {
-      if (this.showFile) {
-        this.showFile = !1;
-        const e = `export/${this.userState.user?.username}`;
-        let t = { filePath: this.filePath, fileName: this.fName, fileType: "json", fileGroup: e, fileId: "" };
-        await he.delete(`${this.userState.host}/v1/files/remove-one`, {
-          data: t,
-          headers: {
-            Authorization: `Bearer ${this.userState.user?.token}`
-          }
-        }).then((a) => {
-        }).catch((a) => {
-          console.log(a);
-        });
+    async initdata() {
+      const e = {
+        providerId: this.sqlId,
+        providerType: de.SQL,
+        params: this.params
+      };
+      if (this.rawData = [], this.loadEnable) {
+        const t = await at(e, !1, this.useUserState);
+        t && t.response && t.data && t.data.data && (this.rawData = D(t.data.data), this.xField && (this.createOptions(), this.showChart = !0));
       }
-    }
-  }
-}), Jp = {
-  role: "heading",
-  class: "el-dialog__title"
-}, Xp = { class: "dialog-footer" };
-function Qp(e, t, a, l, o, i) {
-  const d = Y("Document"), u = Ge, m = ra, h = oe, c = Fe;
-  return n(), p(c, {
-    title: e.popupName,
-    modelValue: e.showPopupFlag,
-    "onUpdate:modelValue": t[1] || (t[1] = (_) => e.showPopupFlag = _),
-    width: e.popupWidthdefault,
-    "show-close": !0,
-    class: "dialog-grid dialog-form",
-    "before-close": e.handleCancel,
-    onOpen: e.handleOpen,
-    onClose: e.handleClose,
-    "append-to-body": "",
-    "close-on-click-modal": e.backdrop,
-    "close-on-press-escape": !0,
-    "destroy-on-close": !0
-  }, {
-    header: s(({ close: _, titleId: C, titleClass: b }) => [
-      P("span", Jp, O(e.popupName), 1)
-    ]),
-    footer: s(() => [
-      P("div", Xp, [
-        r(h, {
-          onClick: t[0] || (t[0] = (_) => e.showPopupFlag = !1)
-        }, {
-          default: s(() => [...t[3] || (t[3] = [
-            S("Close", -1)
-          ])]),
-          _: 1
-        })
-      ])
-    ]),
-    default: s(() => [
-      fe(e.$slots, "popup", {}, () => [
-        t[2] || (t[2] = S(" Download click here => ", -1)),
-        e.showFile ? (n(), p(m, {
-          key: 0,
-          type: "primary",
-          href: e.filePath,
-          target: "_blank"
-        }, {
-          default: s(() => [
-            r(u, { class: "mr-1" }, {
-              default: s(() => [
-                r(d)
-              ]),
-              _: 1
-            }),
-            S(" " + O(e.fullName), 1)
-          ]),
-          _: 1
-        }, 8, ["href"])) : g("", !0)
-      ])
-    ]),
-    _: 3
-  }, 8, ["title", "modelValue", "width", "before-close", "onOpen", "onClose", "close-on-click-modal"]);
+    },
+    createOptions() {
+      const e = this.rawData.map((t) => {
+        if (t[this.xField])
+          return t[this.xField];
+      });
+      this.options = {
+        chart: {
+          type: this.type ? this.type : void 0,
+          toolbar: {
+            show: this.toolbarShow
+          },
+          zoom: {
+            enabled: this.zoomEnable
+          },
+          background: "transparent"
+        },
+        title: {
+          text: this.titleDisplay ? this.title : void 0
+        },
+        legend: {
+          show: this.legendDisplay,
+          ...this.legendCustom
+        },
+        grid: {
+          show: this.gridDisplay,
+          borderColor: se().value ? "#414243" : "#e4e7ed",
+          ...this.gridCustom
+        },
+        dataLabels: {
+          enabled: this.dataLabelsShow
+        },
+        labels: this.type === "radialBar" && e ? e : void 0,
+        xaxis: {
+          type: this.xType,
+          categories: e || [],
+          title: {
+            text: this.scalesXLabel
+          },
+          axisBorder: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          axisTicks: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          ...this.scalesXCustom
+        },
+        yaxis: {
+          show: this.scalesYDisplay,
+          title: {
+            text: this.scalesYLabel
+          },
+          axisBorder: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          axisTicks: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          ...this.scalesYCustom
+        },
+        tooltip: {
+          enabled: this.tooltipShow,
+          theme: "dark"
+        },
+        theme: {
+          mode: se().value ? "dark" : "light"
+        },
+        ...this.customOptions
+      };
+    },
+    createOpMockup() {
+      return {
+        chart: {
+          toolbar: {
+            show: this.toolbarShow
+          },
+          zoom: {
+            enabled: this.zoomEnable
+          },
+          background: "transparent"
+        },
+        title: {
+          text: this.titleDisplay ? this.title : void 0
+        },
+        legend: {
+          show: this.legendDisplay,
+          ...this.legendCustom
+        },
+        dataLabels: {
+          enabled: this.dataLabelsShow
+        },
+        grid: {
+          show: this.gridDisplay,
+          borderColor: se().value ? "#414243" : "#e4e7ed",
+          ...this.gridCustom
+        },
+        xaxis: {
+          type: this.xType,
+          categories: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+          title: {
+            text: this.scalesXLabel
+          },
+          axisBorder: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          axisTicks: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          ...this.scalesXCustom
+        },
+        yaxis: {
+          show: this.scalesYDisplay,
+          title: {
+            text: this.scalesYLabel
+          },
+          axisBorder: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          axisTicks: {
+            color: se().value ? "#414243" : "#e4e7ed"
+          },
+          ...this.scalesYCustom
+        },
+        tooltip: {
+          enabled: this.tooltipShow,
+          theme: "dark"
+        },
+        theme: {
+          mode: se().value ? "dark" : "light"
+        },
+        ...this.customOptions
+      };
+    }
+  }
+});
+function Jp(e, t, a, l, o, i) {
+  const d = Y("apexchart");
+  return n(), w("div", {
+    ref: "chartRef",
+    style: te(`width: ${e.width ? e.width + "px" : "100%"}; height: ${e.height ? e.height + "px" : "100%"}`)
+  }, [
+    e.mockup && e.buildState ? (n(), p(d, {
+      key: 0,
+      height: "100%",
+      options: e.optionsMockup,
+      series: e.dataMockup
+    }, null, 8, ["options", "series"])) : (n(), w(E, { key: 1 }, [
+      e.showChart ? (n(), p(d, {
+        key: 0,
+        height: "100%",
+        options: e.options,
+        series: e.dataChart
+      }, null, 8, ["options", "series"])) : g("", !0)
+    ], 64))
+  ], 4);
 }
-const Zp = /* @__PURE__ */ B(Yp, [["render", Qp]]), em = L({
-  name: "SdGridColumnBy",
+const hg = /* @__PURE__ */ B(Yp, [["render", Jp]]), Xp = L({
+  name: "SdExportData",
+  emits: ["update:modelValue", "change"],
   props: {
-    columnProp: {
+    modelValue: null,
+    dataProvider: {
+      type: Object,
+      required: !0
+    },
+    fileName: {
       type: String,
-      default: "created_by"
+      default: "Export",
+      required: !0
     },
-    columnLabel: {
+    dynamicName: {
       type: String,
-      default: "Created By"
+      default: ""
     },
-    // sortable: {
-    // 	type: Boolean,
-    // 	default: true,
-    // },
-    width: {
+    popupName: {
       type: String,
-      default: "180"
-    }
-  },
-  computed: {},
-  methods: {
-    getName(e) {
-      const t = e[this.columnProp] && e[this.columnProp].name ? e[this.columnProp].name : "";
-      return t != "" ? t.split(" (")[0] : null;
+      default: "Export Data"
     },
-    getFullName(e) {
-      return e[this.columnProp] && e[this.columnProp].name ? e[this.columnProp].name : null;
+    popupWidth: {
+      type: String,
+      default: "50%"
+    },
+    backdrop: {
+      type: Boolean,
+      default: !1
+    },
+    cancelCallback: {
+      type: Function,
+      required: !0
+    },
+    userState: {
+      type: Object,
+      required: !0
     }
-    // getName(row: any) {
-    // 	const propName = this.columnProp.split('.');
-    // 	const value = !!row[propName[0]].name ? row[propName[0]].name : '';
-    // 	if (value != '') {
-    // 		const valuePath = value.split(' (');
-    // 		return valuePath[0];
-    // 	}
-    // 	return null;
-    // },
-    // getFullName(row: any) {
-    // 	const propName = this.columnProp.split('.');
-    // 	const value = !!row[propName[0]].name ? row[propName[0]].name : null;
-    // 	return value;
-    // },
-  }
+  },
+  data() {
+    return {
+      fName: "",
+      fullName: "",
+      filePath: "",
+      showFile: !1,
+      popupWidthdefault: this.popupWidth
+    };
+  },
+  created() {
+  },
+  computed: {
+    showPopupFlag: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        let t = e;
+        this.$emit("update:modelValue", t), this.$emit("change", e);
+      }
+    }
+  },
+  setup(e, t) {
+    return {};
+  },
+  mounted() {
+    Ce(() => {
+      this.$nextTick(() => {
+        this.popupWidthdefault = ee(this.popupWidth);
+      });
+    });
+  },
+  methods: {
+    handleOpen() {
+      const e = aa.service({ lock: !0, text: "Loading", background: "rgba(0, 0, 0, 0.7)", fullscreen: !0 });
+      this.fullName = `${this.fileName}`, this.fName = `${this.fileName}`, this.showFile = !1, this.userState.exportData(
+        { sdProvider: this.dataProvider, fileName: this.fileName, dynamicName: this.dynamicName },
+        (t) => {
+          this.fName = `${t.fileName}`, this.fullName = `${t.fileName}`, this.filePath = `${t.filePath}`, this.showFile = !0, e.close();
+        },
+        () => {
+          e.close();
+        }
+      ), this.popupWidthdefault = ee(this.popupWidth);
+    },
+    handleCancel() {
+      this.cancelCallback && this.cancelCallback();
+    },
+    async handleClose() {
+      if (this.showFile) {
+        this.showFile = !1;
+        const e = `export/${this.userState.user?.username}`;
+        let t = { filePath: this.filePath, fileName: this.fName, fileType: "json", fileGroup: e, fileId: "" };
+        await he.delete(`${this.userState.host}/v1/files/remove-one`, {
+          data: t,
+          headers: {
+            Authorization: `Bearer ${this.userState.user?.token}`
+          }
+        }).then((a) => {
+        }).catch((a) => {
+          console.log(a);
+        });
+      }
+    }
+  }
+}), Qp = {
+  role: "heading",
+  class: "el-dialog__title"
+}, Zp = { class: "dialog-footer" };
+function em(e, t, a, l, o, i) {
+  const d = Y("Document"), u = Ge, m = ra, h = oe, c = Fe;
+  return n(), p(c, {
+    title: e.popupName,
+    modelValue: e.showPopupFlag,
+    "onUpdate:modelValue": t[1] || (t[1] = (_) => e.showPopupFlag = _),
+    width: e.popupWidthdefault,
+    "show-close": !0,
+    class: "dialog-grid dialog-form",
+    "before-close": e.handleCancel,
+    onOpen: e.handleOpen,
+    onClose: e.handleClose,
+    "append-to-body": "",
+    "close-on-click-modal": e.backdrop,
+    "close-on-press-escape": !0,
+    "destroy-on-close": !0
+  }, {
+    header: s(({ close: _, titleId: C, titleClass: b }) => [
+      P("span", Qp, O(e.popupName), 1)
+    ]),
+    footer: s(() => [
+      P("div", Zp, [
+        r(h, {
+          onClick: t[0] || (t[0] = (_) => e.showPopupFlag = !1)
+        }, {
+          default: s(() => [...t[3] || (t[3] = [
+            S("Close", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]),
+    default: s(() => [
+      fe(e.$slots, "popup", {}, () => [
+        t[2] || (t[2] = S(" Download click here => ", -1)),
+        e.showFile ? (n(), p(m, {
+          key: 0,
+          type: "primary",
+          href: e.filePath,
+          target: "_blank"
+        }, {
+          default: s(() => [
+            r(u, { class: "mr-1" }, {
+              default: s(() => [
+                r(d)
+              ]),
+              _: 1
+            }),
+            S(" " + O(e.fullName), 1)
+          ]),
+          _: 1
+        }, 8, ["href"])) : g("", !0)
+      ])
+    ]),
+    _: 3
+  }, 8, ["title", "modelValue", "width", "before-close", "onOpen", "onClose", "close-on-click-modal"]);
+}
+const tm = /* @__PURE__ */ B(Xp, [["render", em]]), am = L({
+  name: "SdGridColumnBy",
+  props: {
+    columnProp: {
+      type: String,
+      default: "created_by"
+    },
+    columnLabel: {
+      type: String,
+      default: "Created By"
+    },
+    // sortable: {
+    // 	type: Boolean,
+    // 	default: true,
+    // },
+    width: {
+      type: String,
+      default: "180"
+    }
+  },
+  computed: {},
+  methods: {
+    getName(e) {
+      const t = e[this.columnProp] && e[this.columnProp].name ? e[this.columnProp].name : "";
+      return t != "" ? t.split(" (")[0] : null;
+    },
+    getFullName(e) {
+      return e[this.columnProp] && e[this.columnProp].name ? e[this.columnProp].name : null;
+    }
+    // getName(row: any) {
+    // 	const propName = this.columnProp.split('.');
+    // 	const value = !!row[propName[0]].name ? row[propName[0]].name : '';
+    // 	if (value != '') {
+    // 		const valuePath = value.split(' (');
+    // 		return valuePath[0];
+    // 	}
+    // 	return null;
+    // },
+    // getFullName(row: any) {
+    // 	const propName = this.columnProp.split('.');
+    // 	const value = !!row[propName[0]].name ? row[propName[0]].name : null;
+    // 	return value;
+    // },
+  }
 });
-function tm(e, t, a, l, o, i) {
+function lm(e, t, a, l, o, i) {
   const d = Vl, u = qe;
   return n(), p(u, {
     prop: e.columnProp,
@@ -10722,7 +11075,7 @@ function tm(e, t, a, l, o, i) {
     _: 1
   }, 8, ["prop", "label", "width"]);
 }
-const go = /* @__PURE__ */ B(em, [["render", tm]]), am = L({
+const go = /* @__PURE__ */ B(am, [["render", lm]]), om = L({
   name: "SdGridColumnDate",
   props: {
     columnProp: {
@@ -10749,7 +11102,7 @@ const go = /* @__PURE__ */ B(em, [["render", tm]]), am = L({
     }
   }
 });
-function lm(e, t, a, l, o, i) {
+function im(e, t, a, l, o, i) {
   const d = qe;
   return n(), p(d, {
     prop: e.columnProp,
@@ -10764,7 +11117,7 @@ function lm(e, t, a, l, o, i) {
     _: 1
   }, 8, ["prop", "label", "width", "sortable"]);
 }
-const yo = /* @__PURE__ */ B(am, [["render", lm]]), om = L({
+const yo = /* @__PURE__ */ B(om, [["render", im]]), nm = L({
   name: "SdGridColumnDynamic",
   components: { SdGridColumnDate: yo, SdGridColumnBy: go, SdValueWidget: xt },
   props: {
@@ -10931,8 +11284,8 @@ const yo = /* @__PURE__ */ B(am, [["render", lm]]), om = L({
       return l;
     }
   }
-}), im = ["innerHTML"], nm = ["innerHTML"];
-function sm(e, t, a, l, o, i) {
+}), sm = ["innerHTML"], rm = ["innerHTML"];
+function dm(e, t, a, l, o, i) {
   const d = xt, u = qe, m = Nt, h = $e, c = kt, _ = Nl, C = ze, b = yo, M = go;
   return n(), w(E, null, [
     e.columnFields && Object.keys(e.columnFields).length > 0 ? (n(), w(E, { key: 0 }, [
@@ -11054,7 +11407,7 @@ function sm(e, t, a, l, o, i) {
                 f.htmlValue ? (n(), w("span", {
                   key: 0,
                   innerHTML: e.htmlValue(f.htmlValue, y.row, f)
-                }, null, 8, im)) : g("", !0)
+                }, null, 8, sm)) : g("", !0)
               ]),
               _: 2
             }, 1032, ["type", "truncated", "line-clamp"])
@@ -11082,7 +11435,7 @@ function sm(e, t, a, l, o, i) {
                 f.htmlValue ? (n(), w("span", {
                   key: 0,
                   innerHTML: e.htmlValue(f.htmlValue, y.row, f)
-                }, null, 8, nm)) : g("", !0)
+                }, null, 8, rm)) : g("", !0)
               ]),
               _: 2
             }, 1032, ["type", "truncated", "line-clamp"])
@@ -11163,7 +11516,7 @@ function sm(e, t, a, l, o, i) {
     ], 64)) : g("", !0)
   ], 64);
 }
-const rm = /* @__PURE__ */ B(om, [["render", sm]]), dm = L({
+const um = /* @__PURE__ */ B(nm, [["render", dm]]), pm = L({
   name: "SdCrudGrid",
   components: {},
   emits: ["aftersave"],
@@ -11871,30 +12224,30 @@ const rm = /* @__PURE__ */ B(om, [["render", sm]]), dm = L({
       this.dpExportRow.params.id = "", this.exportName = "", this.showExportRow = !1;
     }
   }
-}), um = { class: "card-header" }, pm = {
+}), mm = { class: "card-header" }, fm = {
   key: 0,
   class: "mb-2",
   style: { position: "relative" }
-}, mm = { class: "text-6" }, fm = { style: { position: "absolute", top: "0px", right: "0px" } }, hm = {
+}, hm = { class: "text-6" }, cm = { style: { position: "absolute", top: "0px", right: "0px" } }, bm = {
   class: "ml-1 text-3",
   style: { height: "32px", display: "inline-grid", "align-content": "center" }
-}, cm = {
+}, gm = {
   class: "text-3",
   style: { height: "32px", display: "inline-grid", "align-content": "center" }
-}, bm = { class: "card-footer" };
-function gm(e, t, a, l, o, i) {
-  const d = Ze, u = ge, m = ze, h = oe, c = ia, _ = sa, C = lt, b = $e, M = na, f = St, y = Et, k = qe, A = rm, q = Lt, F = Aa, I = Zp, V = ua;
+}, ym = { class: "card-footer" };
+function vm(e, t, a, l, o, i) {
+  const d = Ze, u = ge, m = ze, h = oe, c = ia, _ = sa, C = lt, b = $e, M = na, f = St, y = Et, k = qe, A = um, q = Lt, F = Aa, I = tm, V = ua;
   return n(), w(E, null, [
     r(F, {
       class: "box-card",
       shadow: "never"
     }, {
       header: s(() => [
-        P("div", um, [
-          (e.iconName != "" || e.iconForm != "" || e.titleNameForm != "") && e.titleEnable ? (n(), w("div", pm, [
+        P("div", mm, [
+          (e.iconName != "" || e.iconForm != "" || e.titleNameForm != "") && e.titleEnable ? (n(), w("div", fm, [
             r(m, { truncated: "" }, {
               default: s(() => [
-                P("span", mm, [
+                P("span", hm, [
                   e.iconForm != "" ? (n(), p(d, {
                     key: 0,
                     "svg-data": e.iconForm
@@ -11910,7 +12263,7 @@ function gm(e, t, a, l, o, i) {
               ]),
               _: 1
             }),
-            P("span", fm, [
+            P("span", cm, [
               fe(e.$slots, "actionsBar", {}, void 0, !0)
             ])
           ])) : g("", !0),
@@ -11969,7 +12322,7 @@ function gm(e, t, a, l, o, i) {
                     icon: "Refresh",
                     onClick: e.handleRefresh
                   }, null, 8, ["onClick"]),
-                  P("span", hm, [
+                  P("span", bm, [
                     r(m, { "line-clamp": "2" }, {
                       default: s(() => [
                         S(" Showing " + O(e.rowStartLabel) + "-" + O(e.rowEndLabel) + " of " + O(e.totalLabel) + " items. ", 1)
@@ -12042,7 +12395,7 @@ function gm(e, t, a, l, o, i) {
                 style: { "text-align": "right" }
               }, {
                 default: s(() => [
-                  P("span", cm, [
+                  P("span", gm, [
                     r(m, { "line-clamp": "2" }, {
                       default: s(() => [
                         S(" Showing " + O(e.rowStartLabel) + "-" + O(e.rowEndLabel) + " of " + O(e.totalLabel) + " items. ", 1)
@@ -12192,7 +12545,7 @@ function gm(e, t, a, l, o, i) {
         }, 8, ["data", "border", "show-summary", "summary-method", "onSortChange", "height", "max-height", "row-key", "lazy", "load", "expand-row-keys", "tree-props", "onExpandChange", "onFilterChange"])), [
           [V, e.preLoading]
         ]),
-        P("div", bm, [
+        P("div", ym, [
           e.total > e.limit ? (n(), p(M, {
             key: 0,
             "current-page": e.optionProvider.page,
@@ -12227,7 +12580,7 @@ function gm(e, t, a, l, o, i) {
     }, null, 8, ["modelValue", "dynamic-name", "data-provider", "user-state", "cancel-callback"])
   ], 64);
 }
-const ym = /* @__PURE__ */ B(dm, [["render", gm], ["__scopeId", "data-v-2d047125"]]), vm = L({
+const wm = /* @__PURE__ */ B(pm, [["render", vm], ["__scopeId", "data-v-2d047125"]]), Fm = L({
   name: "SdCrudPopupForm",
   components: {},
   emits: ["update:modelValue", "change"],
@@ -12356,11 +12709,11 @@ const ym = /* @__PURE__ */ B(dm, [["render", gm], ["__scopeId", "data-v-2d047125
       this.sdformModel = e, this.userState.formStore[this.formId] = this.sdformModel, this.fixApiUrl && this.fixApiUrl != "" ? this.apiUrl = this.fixApiUrl : this.sdformModel.form_db.api_url && this.sdformModel.form_db.api_url != "" ? this.apiUrl = this.sdformModel.form_db.api_url : this.apiUrl = window.APP_CONFIG.API_URL, this.userState.user && (this.allowInsert = Oe(this.sdformModel, this.userState.user), this.allowUpdate = Re(this.sdformModel, this.initData, this.userState.user)), this.titleNameForm = this.sdformModel.form_name ? this.sdformModel.form_name : "", this.popupName = `${this.titleNameForm}`, this.sdformModel.form_options && this.sdformModel.form_options.popup_size && (this.popupWidth = `${this.sdformModel.form_options.popup_size}%`, this.popupWidthdefault = this.popupWidth), this.sdformModel.form_icon ? this.iconForm = this.sdformModel.form_icon : this.iconForm = "", this.loading?.close(), this.showContent = !0, this.popupWidth = ee(this.popupWidthdefault);
     }
   }
-}), wm = {
+}), _m = {
   role: "heading",
   class: "el-dialog__title"
 };
-function Fm(e, t, a, l, o, i) {
+function Sm(e, t, a, l, o, i) {
   const d = Ze, u = ge, m = Et, h = oe, c = bo, _ = Fe;
   return n(), p(_, {
     title: e.popupName,
@@ -12376,7 +12729,7 @@ function Fm(e, t, a, l, o, i) {
     "destroy-on-close": !0
   }, {
     header: s(({ close: C, titleId: b, titleClass: M }) => [
-      P("span", wm, [
+      P("span", _m, [
         e.iconForm != "" ? (n(), p(d, {
           key: 0,
           "svg-data": e.iconForm
@@ -12431,7 +12784,7 @@ function Fm(e, t, a, l, o, i) {
     _: 1
   }, 8, ["title", "modelValue", "width", "before-close", "close-on-click-modal"]);
 }
-const _m = /* @__PURE__ */ B(vm, [["render", Fm]]), Sm = L({
+const km = /* @__PURE__ */ B(Fm, [["render", Sm]]), Cm = L({
   name: "SdCrudPopupGrid",
   components: {
     // SdCrudGrid,
@@ -12681,12 +13034,12 @@ const _m = /* @__PURE__ */ B(vm, [["render", Fm]]), Sm = L({
       this.sdformModel = e, this.userState.formStore[this.formId] = this.sdformModel, this.showContent = !0, this.fixApiUrl && this.fixApiUrl != "" ? this.apiUrl = this.fixApiUrl : this.sdformModel.form_db.api_url && this.sdformModel.form_db.api_url != "" ? this.apiUrl = this.sdformModel.form_db.api_url : this.apiUrl = window.APP_CONFIG.API_URL, this.userState.user && (this.allowInsert = Oe(this.sdformModel, this.userState.user), this.allowUpdate = Re(this.sdformModel, this.initData, this.userState.user)), this.titleNameForm = this.sdformModel.form_name ? this.sdformModel.form_name : "", this.popupName = `${this.titleNameForm}`, this.sdformModel.form_icon ? this.iconForm = this.sdformModel.form_icon : this.iconForm = "", this.popupWidth = ee(this.popupWidthdefault);
     }
   }
-}), km = {
+}), Dm = {
   role: "heading",
   class: "el-dialog__title"
 };
-function Cm(e, t, a, l, o, i) {
-  const d = Ze, u = ge, m = ym, h = Fe;
+function Im(e, t, a, l, o, i) {
+  const d = Ze, u = ge, m = wm, h = Fe;
   return n(), p(h, {
     title: e.popupName,
     modelValue: e.showPopupFlag,
@@ -12701,7 +13054,7 @@ function Cm(e, t, a, l, o, i) {
     "destroy-on-close": !0
   }, {
     header: s(({ close: c, titleId: _, titleClass: C }) => [
-      P("span", km, [
+      P("span", Dm, [
         e.iconForm != "" ? (n(), p(d, {
           key: 0,
           "svg-data": e.iconForm
@@ -12763,7 +13116,7 @@ function Cm(e, t, a, l, o, i) {
     _: 1
   }, 8, ["title", "modelValue", "width", "before-close", "close-on-click-modal"]);
 }
-const Dm = /* @__PURE__ */ B(Sm, [["render", Cm]]), Im = L({
+const $m = /* @__PURE__ */ B(Cm, [["render", Im]]), Tm = L({
   name: "SdSelectRemoteList",
   emits: ["update:modelValue", "change", "visibleChange", "remoteMethod"],
   props: {
@@ -13108,8 +13461,8 @@ const Dm = /* @__PURE__ */ B(Sm, [["render", Cm]]), Im = L({
       }
     }
   }
-}), $m = ["innerHTML"], Tm = ["innerHTML"], Mm = ["innerHTML"], Pm = ["innerHTML"];
-function Vm(e, t, a, l, o, i) {
+}), Mm = ["innerHTML"], Pm = ["innerHTML"], Vm = ["innerHTML"], Am = ["innerHTML"];
+function Om(e, t, a, l, o, i) {
   const d = sa, u = Dt, m = Ct;
   return n(), p(m, {
     ref: "refSelect",
@@ -13133,7 +13486,7 @@ function Vm(e, t, a, l, o, i) {
     label: s(({ label: h, value: c }) => [
       P("div", {
         innerHTML: e.htmlRender(h)
-      }, null, 8, Pm)
+      }, null, 8, Am)
     ]),
     default: s(() => [
       e.optionsTemplate ? (n(!0), w(E, { key: 0 }, G(e.itemsList, (h) => (n(), p(u, {
@@ -13146,10 +13499,10 @@ function Vm(e, t, a, l, o, i) {
           e.optionsUi[h.value] ? (n(), w("div", {
             key: 0,
             innerHTML: e.htmlRender(e.optionsUi[h.value])
-          }, null, 8, $m)) : (n(), w("div", {
+          }, null, 8, Mm)) : (n(), w("div", {
             key: 1,
             innerHTML: e.htmlRender(h.label)
-          }, null, 8, Tm))
+          }, null, 8, Pm))
         ]),
         _: 2
       }, 1032, ["label", "value"]))), 128)) : g("", !0),
@@ -13161,7 +13514,7 @@ function Vm(e, t, a, l, o, i) {
         default: s(() => [
           P("div", {
             innerHTML: e.htmlRender(h.label)
-          }, null, 8, Mm)
+          }, null, 8, Vm)
         ]),
         _: 2
       }, 1032, ["label", "value"]))), 128))
@@ -13187,7 +13540,7 @@ function Vm(e, t, a, l, o, i) {
     } : void 0
   ]), 1032, ["modelValue", "multiple", "multiple-limit", "placeholder", "remote-method", "loading", "suffix-icon", "onRemoveTag", "onClear", "onVisibleChange"]);
 }
-const Ra = /* @__PURE__ */ B(Im, [["render", Vm]]), Am = L({
+const Ra = /* @__PURE__ */ B(Tm, [["render", Om]]), Nm = L({
   name: "SdCrudSelect",
   components: {
     // SdSelectRemoteList,
@@ -13411,9 +13764,9 @@ const Ra = /* @__PURE__ */ B(Im, [["render", Vm]]), Am = L({
       return this.enableObjectType ? e.value ? e.value : null : e;
     }
   }
-}), Om = { key: 2 };
-function Nm(e, t, a, l, o, i) {
-  const d = oe, u = _m, m = Ra;
+}), Em = { key: 2 };
+function Lm(e, t, a, l, o, i) {
+  const d = oe, u = km, m = Ra;
   return n(), p(m, {
     ref: "selectInput",
     filterable: "",
@@ -13484,7 +13837,7 @@ function Nm(e, t, a, l, o, i) {
             style: { margin: "0px" }
           }, null, 8, ["onClick"])) : g("", !0)
         ], 64)),
-        e.showPopupFlag ? (n(), w("div", Om, [
+        e.showPopupFlag ? (n(), w("div", Em, [
           r(u, {
             ref: "refSdForm",
             modelValue: e.showPopupFlag,
@@ -13506,7 +13859,7 @@ function Nm(e, t, a, l, o, i) {
     } : void 0
   ]), 1032, ["modelValue", "multiple", "allow-create", "placeholder", "enable-object-type", "disabled", "data-provider", "value-field", "search-field", "label-field", "ref-field", "limit", "label-template", "options-template", "user-state", "onRemoteMethod", "onVisibleChange", "onChange"]);
 }
-const hg = /* @__PURE__ */ B(Am, [["render", Nm]]), Em = L({
+const cg = /* @__PURE__ */ B(Nm, [["render", Lm]]), Bm = L({
   name: "SdCrudSelectSubForm",
   components: {
     // SdSelectRemoteList,
@@ -13829,7 +14182,7 @@ const hg = /* @__PURE__ */ B(Am, [["render", Nm]]), Em = L({
     }
   }
 });
-function Lm(e, t, a, l, o, i) {
+function jm(e, t, a, l, o, i) {
   const d = oe, u = Ra;
   return n(), p(u, {
     ref: "selectInput",
@@ -13913,7 +14266,7 @@ function Lm(e, t, a, l, o, i) {
     } : void 0
   ]), 1032, ["modelValue", "multiple", "allow-create", "placeholder", "enable-object-type", "disabled", "data-provider", "value-field", "search-field", "label-field", "ref-field", "limit", "value-object-id", "label-template", "options-template", "user-state", "build-state", "onRemoteMethod", "onVisibleChange", "onChange"]);
 }
-const Bm = /* @__PURE__ */ B(Em, [["render", Lm]]), vo = /* @__PURE__ */ L({
+const Um = /* @__PURE__ */ B(Bm, [["render", jm]]), vo = /* @__PURE__ */ L({
   __name: "SdSelectPathData",
   props: {
     modelValue: null,
@@ -14147,7 +14500,7 @@ const Bm = /* @__PURE__ */ B(Em, [["render", Lm]]), vo = /* @__PURE__ */ L({
       ]), 1032, ["modelValue", "disabled", "allow-create", "multiple"]);
     };
   }
-}), jm = /* @__PURE__ */ L({
+}), Rm = /* @__PURE__ */ L({
   __name: "SdFormSchemaForm",
   props: {
     joinerField: {},
@@ -14418,7 +14771,7 @@ const Bm = /* @__PURE__ */ B(Em, [["render", Lm]]), vo = /* @__PURE__ */ L({
       }, 8, ["model"]);
     };
   }
-}), Um = /* @__PURE__ */ L({
+}), zm = /* @__PURE__ */ L({
   __name: "SdSubSchema",
   props: {
     formDb: {},
@@ -14875,10 +15228,10 @@ const Bm = /* @__PURE__ */ B(Em, [["render", Lm]]), vo = /* @__PURE__ */ L({
       ]);
     };
   }
-}), Rm = yn();
-async function zm(e) {
+}), qm = yn();
+async function Hm(e) {
   try {
-    await Rm.toClipboard(e), N({
+    await qm.toClipboard(e), N({
       message: "Copied to clipboard",
       type: "success"
     });
@@ -14886,7 +15239,7 @@ async function zm(e) {
     console.error(t);
   }
 }
-const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" }, Wm = { class: "dialog-footer" }, Km = { key: 4 }, Gm = { class: "dialog-footer" }, Ym = { key: 5 }, Jm = { class: "dialog-footer" }, Xm = { key: 6 }, Qm = /* @__PURE__ */ L({
+const xm = { key: 3 }, Wm = { class: "items-box" }, Km = { class: "opt-item" }, Gm = { class: "dialog-footer" }, Ym = { key: 4 }, Jm = { class: "dialog-footer" }, Xm = { key: 5 }, Qm = { class: "dialog-footer" }, Zm = { key: 6 }, ef = /* @__PURE__ */ L({
   __name: "SdFormSchema",
   props: {
     joinerField: {},
@@ -15329,7 +15682,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
       });
     }
     return (U, v) => {
-      const W = oe, J = Ll, ue = El, je = da, nt = ge, _e = ze, ie = lt, st = St, rt = Et, Ee = $e, _a = Nt, za = Ye, qa = jo, Ha = Bo, ne = qe, wo = Y("Link"), Wt = Ge, Fo = Y("Aim"), xa = Lt, Se = Dt, Mt = Ct, ct = kt, _o = va, So = Ra, ye = pt, Sa = vo, Wa = Y("InfoFilled"), ko = ra, Co = Nl, Do = Y("draggable"), Io = ut, Kt = Fe, $o = Y("sd-form-schema", !0), To = Um, Mo = jm, Po = ua;
+      const W = oe, J = Ll, ue = El, je = da, nt = ge, _e = ze, ie = lt, st = St, rt = Et, Ee = $e, _a = Nt, za = Ye, qa = jo, Ha = Bo, ne = qe, wo = Y("Link"), Wt = Ge, Fo = Y("Aim"), xa = Lt, Se = Dt, Mt = Ct, ct = kt, _o = va, So = Ra, ye = pt, Sa = vo, Wa = Y("InfoFilled"), ko = ra, Co = Nl, Do = Y("draggable"), Io = ut, Kt = Fe, $o = Y("sd-form-schema", !0), To = zm, Mo = Rm, Po = ua;
       return n(), w(E, null, [
         r(ue, {
           title: "Parent Form",
@@ -16300,7 +16653,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
           ]),
           _: 1
         }, 8, ["modelValue"])) : g("", !0),
-        a.showPopupJoiner ? (n(), w("div", qm, [
+        a.showPopupJoiner ? (n(), w("div", xm, [
           r(Kt, {
             title: "Join Parent Form",
             modelValue: a.showPopupJoiner,
@@ -16314,7 +16667,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
             "destroy-on-close": !0
           }, {
             footer: s(() => [
-              P("div", Wm, [
+              P("div", Gm, [
                 r(W, {
                   onClick: v[20] || (v[20] = R(($) => H(l.value), ["prevent"])),
                   type: "success",
@@ -16671,7 +17024,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
                                 dark: a.isDark,
                                 class: "mb-1",
                                 plain: "",
-                                onClick: (Q) => pe(zm)("{{" + $.value + "}}")
+                                onClick: (Q) => pe(Hm)("{{" + $.value + "}}")
                               }, {
                                 default: s(() => [
                                   S(O($.value), 1)
@@ -16779,7 +17132,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
                             class: "option-items-pane"
                           }, {
                             default: s(() => [
-                              P("div", Hm, [
+                              P("div", Wm, [
                                 r(Do, ae({
                                   tag: "ul",
                                   list: e.joinerField.order_by,
@@ -16790,7 +17143,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
                                   handle: ".drag-option"
                                 }), {
                                   item: s(({ element: $, index: Q }) => [
-                                    P("li", xm, [
+                                    P("li", Km, [
                                       r(Co, {
                                         modelValue: $.column,
                                         "onUpdate:modelValue": (Gt) => $.column = Gt,
@@ -16874,7 +17227,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
             _: 1
           }, 8, ["modelValue", "width"])
         ])) : g("", !0),
-        a.showDataDicDialogFlag ? (n(), w("div", Km, [
+        a.showDataDicDialogFlag ? (n(), w("div", Ym, [
           r(Kt, {
             title: `Data Dic - ${a.formDataDic && a.formDataDic._id ? a.formDataDic.form_name : ""}`,
             class: "dialog-grid dialog-form",
@@ -16889,7 +17242,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
             "destroy-on-close": !1
           }, {
             footer: s(() => [
-              P("div", Gm, [
+              P("div", Jm, [
                 r(W, {
                   onClick: v[23] || (v[23] = ($) => a.showDataDicDialogFlag = !1)
                 }, {
@@ -16915,7 +17268,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
             _: 1
           }, 8, ["title", "modelValue", "width"])
         ])) : g("", !0),
-        a.showSchemaFlag ? (n(), w("div", Ym, [
+        a.showSchemaFlag ? (n(), w("div", Xm, [
           r(Kt, {
             title: "Sub Schema",
             class: "dialog-grid dialog-form",
@@ -16929,7 +17282,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
             "destroy-on-close": !1
           }, {
             footer: s(() => [
-              P("div", Jm, [
+              P("div", Qm, [
                 r(W, {
                   onClick: v[25] || (v[25] = ($) => a.showSchemaFlag = !1)
                 }, {
@@ -16951,7 +17304,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
             _: 1
           }, 8, ["modelValue", "width"])
         ])) : g("", !0),
-        a.showSchemaAddFlag ? (n(), w("div", Xm, [
+        a.showSchemaAddFlag ? (n(), w("div", Zm, [
           r(Kt, {
             title: "Custom Schema",
             class: "dialog-grid dialog-form",
@@ -16982,7 +17335,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
       ], 64);
     };
   }
-}), Zm = /* @__PURE__ */ B(Qm, [["__scopeId", "data-v-6afd5dfa"]]), ef = L({
+}), tf = /* @__PURE__ */ B(ef, [["__scopeId", "data-v-6afd5dfa"]]), af = L({
   name: "SdDataDicPopup",
   components: {},
   emits: ["update:modelValue", "change"],
@@ -17061,12 +17414,12 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, xm = { class: "opt-item" },
       this.sdformModel = e, this.userState.formStore[this.formId] = this.sdformModel, this.showForm = !0, this.titleNameForm = this.sdformModel.form_name ? this.sdformModel.form_name : "", this.popupName = `${this.titleNameForm}`, this.sdformModel.form_icon ? this.iconForm = this.sdformModel.form_icon : this.iconForm = "", this.popupWidth = ee(this.popupWidthdefault);
     }
   }
-}), tf = {
+}), lf = {
   role: "heading",
   class: "el-dialog__title"
-}, af = { class: "dialog-footer" };
-function lf(e, t, a, l, o, i) {
-  const d = Ze, u = ge, m = Zm, h = oe, c = Fe;
+}, of = { class: "dialog-footer" };
+function nf(e, t, a, l, o, i) {
+  const d = Ze, u = ge, m = tf, h = oe, c = Fe;
   return n(), p(c, {
     title: `Data Dic  - ${e.popupName}`,
     modelValue: e.showPopupFlag,
@@ -17081,7 +17434,7 @@ function lf(e, t, a, l, o, i) {
     "destroy-on-close": !0
   }, {
     header: s(({ close: _, titleId: C, titleClass: b }) => [
-      P("span", tf, [
+      P("span", lf, [
         e.iconForm != "" ? (n(), p(d, {
           key: 0,
           "svg-data": e.iconForm
@@ -17093,7 +17446,7 @@ function lf(e, t, a, l, o, i) {
       ])
     ]),
     footer: s(() => [
-      P("div", af, [
+      P("div", of, [
         r(h, {
           onClick: R(e.handleCancel, ["prevent"])
         }, {
@@ -17119,7 +17472,7 @@ function lf(e, t, a, l, o, i) {
     _: 1
   }, 8, ["title", "modelValue", "width", "before-close", "close-on-click-modal"]);
 }
-const cg = /* @__PURE__ */ B(ef, [["render", lf]]), of = /* @__PURE__ */ L({
+const bg = /* @__PURE__ */ B(af, [["render", nf]]), sf = /* @__PURE__ */ L({
   __name: "SdDynamicInput",
   props: {
     modelValue: {},
@@ -17441,13 +17794,13 @@ const cg = /* @__PURE__ */ B(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       ], 64);
     };
   }
-}), bg = /* @__PURE__ */ B(of, [["__scopeId", "data-v-3bca21e7"]]), nf = {
+}), gg = /* @__PURE__ */ B(sf, [["__scopeId", "data-v-3bca21e7"]]), rf = {
   role: "heading",
   class: "el-dialog__title"
-}, sf = { style: { width: "100%", "min-height": "500px", height: "500px" } }, rf = {
+}, df = { style: { width: "100%", "min-height": "500px", height: "500px" } }, uf = {
   key: 0,
   style: { color: "var(--el-color-warning)", "font-size": "9px" }
-}, gg = /* @__PURE__ */ L({
+}, yg = /* @__PURE__ */ L({
   __name: "SdFormErd",
   props: {
     modelValue: null,
@@ -17602,7 +17955,7 @@ const cg = /* @__PURE__ */ B(ef, [["render", lf]]), of = /* @__PURE__ */ L({
         "destroy-on-close": !0
       }, {
         header: s(({ close: k, titleId: A, titleClass: q }) => [
-          P("span", nf, [
+          P("span", rf, [
             o.iconForm != "" ? (n(), p(M, {
               key: 0,
               "svg-data": o.iconForm
@@ -17614,7 +17967,7 @@ const cg = /* @__PURE__ */ B(ef, [["render", lf]]), of = /* @__PURE__ */ L({
           ])
         ]),
         default: s(() => [
-          P("div", sf, [
+          P("div", df, [
             o.showContent ? (n(), p(pe(ni), {
               key: 0,
               nodes: o.nodes,
@@ -17646,7 +17999,7 @@ const cg = /* @__PURE__ */ B(ef, [["render", lf]]), of = /* @__PURE__ */ L({
                     })),
                     S(" " + O(k.data.label), 1)
                   ]),
-                  k.data.isParent ? g("", !0) : (n(), w("div", rf, O(k.data.ref_fields && Object.keys(k.data.ref_fields).length > 0 ? `REF: ${k.data.ref_fields.join(", ")}` : ""), 1))
+                  k.data.isParent ? g("", !0) : (n(), w("div", uf, O(k.data.ref_fields && Object.keys(k.data.ref_fields).length > 0 ? `REF: ${k.data.ref_fields.join(", ")}` : ""), 1))
                 ], 4)
               ]),
               _: 1
@@ -17657,7 +18010,7 @@ const cg = /* @__PURE__ */ B(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       }, 8, ["title", "modelValue", "close-on-click-modal"]);
     };
   }
-}), df = L({
+}), pf = L({
   name: "SdGrid",
   props: {
     dataProvider: {
@@ -18019,18 +18372,18 @@ const cg = /* @__PURE__ */ B(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       }), l;
     }
   }
-}), uf = { class: "card-header" }, pf = {
+}), mf = { class: "card-header" }, ff = {
   key: 0,
   class: "mb-2",
   style: { position: "relative" }
-}, mf = { class: "text-6" }, ff = { style: { position: "absolute", top: "0px", right: "0px" } }, hf = {
+}, hf = { class: "text-6" }, cf = { style: { position: "absolute", top: "0px", right: "0px" } }, bf = {
   class: "text-3",
   style: { height: "32px", display: "inline-grid", "align-content": "center" }
-}, cf = {
+}, gf = {
   class: "text-3",
   style: { height: "32px", display: "inline-grid", "align-content": "center" }
-}, bf = { class: "card-footer" }, gf = { key: 0 };
-function yf(e, t, a, l, o, i) {
+}, yf = { class: "card-footer" }, vf = { key: 0 };
+function wf(e, t, a, l, o, i) {
   const d = ge, u = ze, m = oe, h = lt, c = $e, _ = na, C = St, b = qe, M = Lt, f = Aa, y = Fe, k = ua;
   return n(), w(E, null, [
     r(f, {
@@ -18038,11 +18391,11 @@ function yf(e, t, a, l, o, i) {
       shadow: "never"
     }, {
       header: s(() => [
-        P("div", uf, [
-          e.iconName != "" || e.titleName != "" ? (n(), w("div", pf, [
+        P("div", mf, [
+          e.iconName != "" || e.titleName != "" ? (n(), w("div", ff, [
             r(u, { truncated: "" }, {
               default: s(() => [
-                P("span", mf, [
+                P("span", hf, [
                   e.iconName != "" ? (n(), p(d, {
                     key: 0,
                     "icon-name": e.iconName
@@ -18052,7 +18405,7 @@ function yf(e, t, a, l, o, i) {
               ]),
               _: 1
             }),
-            P("span", ff, [
+            P("span", cf, [
               fe(e.$slots, "actionsBar", {}, void 0, !0)
             ])
           ])) : g("", !0),
@@ -18088,7 +18441,7 @@ function yf(e, t, a, l, o, i) {
                       onClick: e.handleRefresh,
                       class: "mr-1"
                     }, null, 8, ["onClick"]),
-                    P("span", hf, [
+                    P("span", bf, [
                       r(u, { "line-clamp": 2 }, {
                         default: s(() => [
                           P("span", null, O(e.rowStartLabel) + "-" + O(e.rowEndLabel) + " of " + O(e.totalLabel) + " items.", 1)
@@ -18160,7 +18513,7 @@ function yf(e, t, a, l, o, i) {
                 style: { "text-align": "right" }
               }, {
                 default: s(() => [
-                  P("span", cf, [
+                  P("span", gf, [
                     r(u, { "line-clamp": "2" }, {
                       default: s(() => [
                         S(" Showing " + O(e.rowStartLabel) + "-" + O(e.rowEndLabel) + " of " + O(e.totalLabel) + " items. ", 1)
@@ -18248,7 +18601,7 @@ function yf(e, t, a, l, o, i) {
         }, 8, ["data", "border", "show-summary", "summary-method", "onSortChange", "height", "max-height", "row-key", "onExpandChange", "lazy", "load", "tree-props", "onFilterChange"])), [
           [k, e.preLoading]
         ]),
-        P("div", bf, [
+        P("div", yf, [
           e.total > e.limit ? (n(), p(_, {
             key: 0,
             "current-page": e.optionProvider.page,
@@ -18264,7 +18617,7 @@ function yf(e, t, a, l, o, i) {
       ]),
       _: 3
     }),
-    e.showPopupFlag ? (n(), w("div", gf, [
+    e.showPopupFlag ? (n(), w("div", vf, [
       r(y, {
         title: e.popupName,
         modelValue: e.showPopupFlag,
@@ -18285,7 +18638,7 @@ function yf(e, t, a, l, o, i) {
     ])) : g("", !0)
   ], 64);
 }
-const yg = /* @__PURE__ */ B(df, [["render", yf], ["__scopeId", "data-v-a6ab139e"]]), vf = L({
+const vg = /* @__PURE__ */ B(pf, [["render", wf], ["__scopeId", "data-v-a6ab139e"]]), Ff = L({
   name: "SdGridColumnIndex",
   props: {
     columnLabel: {
@@ -18306,7 +18659,7 @@ const yg = /* @__PURE__ */ B(df, [["render", yf], ["__scopeId", "data-v-a6ab139e
   computed: {},
   methods: {}
 });
-function wf(e, t, a, l, o, i) {
+function _f(e, t, a, l, o, i) {
   const d = qe;
   return n(), p(d, {
     type: "index",
@@ -18321,7 +18674,7 @@ function wf(e, t, a, l, o, i) {
     align: "center"
   }, null, 8, ["index", "label", "width"]);
 }
-const vg = /* @__PURE__ */ B(vf, [["render", wf]]), Ff = L({
+const wg = /* @__PURE__ */ B(Ff, [["render", _f]]), Sf = L({
   name: "SdGridColumnDate",
   props: {
     columnProp: {
@@ -18360,7 +18713,7 @@ const vg = /* @__PURE__ */ B(vf, [["render", wf]]), Ff = L({
     }
   }
 });
-function _f(e, t, a, l, o, i) {
+function kf(e, t, a, l, o, i) {
   const d = qe;
   return n(), p(d, {
     prop: e.columnProp,
@@ -18374,7 +18727,7 @@ function _f(e, t, a, l, o, i) {
     _: 1
   }, 8, ["prop", "label", "width", "sortable"]);
 }
-const wg = /* @__PURE__ */ B(Ff, [["render", _f]]), Sf = [
+const Fg = /* @__PURE__ */ B(Sf, [["render", kf]]), Cf = [
   {
     value: "addon-api",
     label: "Api"
@@ -20571,7 +20924,7 @@ const wg = /* @__PURE__ */ B(Ff, [["render", _f]]), Sf = [
     value: "undo",
     label: "Undo"
   }
-], kf = [
+], Df = [
   {
     value: "add-location",
     label: "Add Location"
@@ -21744,7 +22097,7 @@ const wg = /* @__PURE__ */ B(Ff, [["render", _f]]), Sf = [
     value: "zoom-out",
     label: "Zoom Out"
   }
-], Cf = L({
+], If = L({
   name: "SdIcon",
   // components: { svg-icon },
   emits: ["update:modelValue", "change"],
@@ -21790,7 +22143,7 @@ const wg = /* @__PURE__ */ B(Ff, [["render", _f]]), Sf = [
     };
   },
   created() {
-    this.elIcons ? this.restaurants = D(kf) : this.restaurants = D(Sf);
+    this.elIcons ? this.restaurants = D(Df) : this.restaurants = D(Cf);
   },
   setup(e, t) {
     return {
@@ -21843,8 +22196,8 @@ const wg = /* @__PURE__ */ B(Ff, [["render", _f]]), Sf = [
       });
     }
   }
-}), Df = { class: "value" }, If = { class: "value" };
-function $f(e, t, a, l, o, i) {
+}), $f = { class: "value" }, Tf = { class: "value" };
+function Mf(e, t, a, l, o, i) {
   const d = ge, u = Dt, m = Ct;
   return n(), p(m, {
     modelValue: e.value,
@@ -21869,7 +22222,7 @@ function $f(e, t, a, l, o, i) {
         class: "mr-1"
       }, null, 8, ["icon-name"]),
       t[1] || (t[1] = S()),
-      P("span", Df, O(h), 1)
+      P("span", $f, O(h), 1)
     ]),
     default: s(() => [
       (n(!0), w(E, null, G(e.itemsData, (h) => (n(), p(u, {
@@ -21884,7 +22237,7 @@ function $f(e, t, a, l, o, i) {
             class: "mr-1"
           }, null, 8, ["icon-name"]),
           t[2] || (t[2] = S()),
-          P("span", If, O(h.label), 1)
+          P("span", Tf, O(h.label), 1)
         ]),
         _: 2
       }, 1032, ["label", "value"]))), 128))
@@ -21892,7 +22245,7 @@ function $f(e, t, a, l, o, i) {
     _: 1
   }, 8, ["modelValue", "multiple", "allow-create", "disabled", "remote-method", "placeholder", "loading", "onChange"]);
 }
-const Fg = /* @__PURE__ */ B(Cf, [["render", $f]]), Tf = L({
+const _g = /* @__PURE__ */ B(If, [["render", Mf]]), Pf = L({
   name: "OptionsItemSetting",
   props: {
     typeSelect: String,
@@ -21959,13 +22312,13 @@ const Fg = /* @__PURE__ */ B(Cf, [["render", $f]]), Tf = L({
       })) : this.optionItems = [], this.showImportDialogFlag = !1;
     }
   }
-}), Mf = { class: "option-items-pane" }, Pf = { class: "opt-item" }, Vf = { key: 1 }, Af = {
+}), Vf = { class: "option-items-pane" }, Af = { class: "opt-item" }, Of = { key: 1 }, Nf = {
   key: 3,
   class: ""
-}, Of = { class: "dialog-footer" };
-function Nf(e, t, a, l, o, i) {
+}, Ef = { class: "dialog-footer" };
+function Lf(e, t, a, l, o, i) {
   const d = $e, u = ge, m = oe, h = Y("draggable"), c = ze, _ = Al, C = Fe;
-  return n(), w("div", Mf, [
+  return n(), w("div", Vf, [
     e.optionItems && e.optionItems.length > 0 ? (n(), p(h, ae({
       key: 0,
       tag: "ul",
@@ -21977,7 +22330,7 @@ function Nf(e, t, a, l, o, i) {
       handle: ".drag-option"
     }), {
       item: s(({ element: b, index: M }) => [
-        P("li", Pf, [
+        P("li", Af, [
           r(d, {
             modelValue: b.value,
             "onUpdate:modelValue": (f) => b.value = f,
@@ -22019,7 +22372,7 @@ function Nf(e, t, a, l, o, i) {
         ])
       ]),
       _: 1
-    }, 16, ["list"])) : (n(), w("div", Vf, [
+    }, 16, ["list"])) : (n(), w("div", Of, [
       r(c, { type: "info" }, {
         default: s(() => [...t[3] || (t[3] = [
           S("No Data", -1)
@@ -22058,7 +22411,7 @@ function Nf(e, t, a, l, o, i) {
       ]),
       _: 1
     })),
-    e.showImportDialogFlag ? (n(), w("div", Af, [
+    e.showImportDialogFlag ? (n(), w("div", Nf, [
       r(C, {
         title: "Import Options",
         modelValue: e.showImportDialogFlag,
@@ -22073,7 +22426,7 @@ function Nf(e, t, a, l, o, i) {
         "destroy-on-close": !0
       }, {
         footer: s(() => [
-          P("div", Of, [
+          P("div", Ef, [
             r(m, {
               type: "primary",
               onClick: e.saveOptions
@@ -22106,7 +22459,7 @@ function Nf(e, t, a, l, o, i) {
     ])) : g("", !0)
   ]);
 }
-const _g = /* @__PURE__ */ B(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad"]]), Ef = L({
+const Sg = /* @__PURE__ */ B(Pf, [["render", Lf], ["__scopeId", "data-v-cc3dcbad"]]), Bf = L({
   name: "SdReport",
   components: {},
   props: {
@@ -22952,12 +23305,12 @@ const _g = /* @__PURE__ */ B(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
       }
     }
   }
-}), Lf = { key: 2 }, Bf = { class: "dialog-footer" }, jf = { key: 3 }, Uf = {
+}), jf = { key: 2 }, Uf = { class: "dialog-footer" }, Rf = { key: 3 }, zf = {
   role: "heading",
   class: "el-dialog__title"
-}, Rf = ["src"], zf = { key: 4 };
-function qf(e, t, a, l, o, i) {
-  const d = ge, u = Y("arrow-down"), m = Ge, h = oe, c = _t, _ = Ft, C = wt, b = $e, M = Nt, f = kt, y = Bl, k = Bm, A = pt, q = ut, F = Fe, I = Y("Document"), V = ra;
+}, qf = ["src"], Hf = { key: 4 };
+function xf(e, t, a, l, o, i) {
+  const d = ge, u = Y("arrow-down"), m = Ge, h = oe, c = _t, _ = Ft, C = wt, b = $e, M = Nt, f = kt, y = Bl, k = Um, A = pt, q = ut, F = Fe, I = Y("Document"), V = ra;
   return n(), w(E, null, [
     Object.keys(e.reportList).length > 1 ? (n(), p(C, {
       key: 0,
@@ -23031,7 +23384,7 @@ function qf(e, t, a, l, o, i) {
       ]),
       _: 2
     }, 1032, ["size", "onClick"]))), 128)),
-    e.showPopupFlag ? (n(), w("div", Lf, [
+    e.showPopupFlag ? (n(), w("div", jf, [
       r(F, {
         title: "Report Parameters",
         modelValue: e.showPopupFlag,
@@ -23045,7 +23398,7 @@ function qf(e, t, a, l, o, i) {
         "destroy-on-close": !0
       }, {
         footer: s(() => [
-          P("div", Bf, [
+          P("div", Uf, [
             r(h, {
               type: "primary",
               icon: "Edit",
@@ -23143,7 +23496,7 @@ function qf(e, t, a, l, o, i) {
         _: 1
       }, 8, ["modelValue", "width"])
     ])) : g("", !0),
-    e.showReportPopupFlag ? (n(), w("div", jf, [
+    e.showReportPopupFlag ? (n(), w("div", Rf, [
       r(F, {
         title: "Report Preview",
         modelValue: e.showReportPopupFlag,
@@ -23158,7 +23511,7 @@ function qf(e, t, a, l, o, i) {
         "destroy-on-close": !0
       }, {
         header: s(({ close: T, titleId: H, titleClass: Z }) => [
-          P("span", Uf, [
+          P("span", zf, [
             r(d, { "icon-name": "icon-pdf" }),
             t[8] || (t[8] = S(" Report Preview ", -1))
           ])
@@ -23171,12 +23524,12 @@ function qf(e, t, a, l, o, i) {
             style: te([{ width: "100%", "min-height": "400px" }, `height: ${e.scrollerHeight}px`]),
             class: "pdf-viewer",
             frameborder: "0"
-          }, null, 12, Rf)) : g("", !0)
+          }, null, 12, qf)) : g("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "width"])
     ])) : g("", !0),
-    e.showDownloadPopupFlag ? (n(), w("div", zf, [
+    e.showDownloadPopupFlag ? (n(), w("div", Hf, [
       r(F, {
         title: e.popupDownloadName,
         modelValue: e.showDownloadPopupFlag,
@@ -23215,7 +23568,7 @@ function qf(e, t, a, l, o, i) {
     ])) : g("", !0)
   ], 64);
 }
-const Sg = /* @__PURE__ */ B(Ef, [["render", qf], ["__scopeId", "data-v-1702f01f"]]), Hf = L({
+const kg = /* @__PURE__ */ B(Bf, [["render", xf], ["__scopeId", "data-v-1702f01f"]]), Wf = L({
   name: "SdUiCarousel",
   components: {},
   props: {
@@ -23501,21 +23854,21 @@ const Sg = /* @__PURE__ */ B(Ef, [["render", qf], ["__scopeId", "data-v-1702f01f
     // 	}
     // },
   }
-}), xf = { class: "list-title" }, Wf = {
+}), Kf = { class: "list-title" }, Gf = {
   key: 0,
   class: "text-5"
-}, Kf = {
+}, Yf = {
   key: 3,
   style: { "font-size": "12px", "font-weight": "300" }
-}, Gf = { style: { position: "relative" } }, Yf = { class: "el-image__error" }, Jf = {
+}, Jf = { style: { position: "relative" } }, Xf = { class: "el-image__error" }, Qf = {
   key: 1,
   class: "img-content"
-}, Xf = ["innerHTML"], Qf = ["innerHTML"], Zf = { class: "text-card" }, eh = { style: { "text-align": "center" } }, th = ["innerHTML"], ah = ["innerHTML"];
-function lh(e, t, a, l, o, i) {
+}, Zf = ["innerHTML"], eh = ["innerHTML"], th = { class: "text-card" }, ah = { style: { "text-align": "center" } }, lh = ["innerHTML"], oh = ["innerHTML"];
+function ih(e, t, a, l, o, i) {
   const d = Ze, u = ge, m = Y("Loading"), h = Ge, c = Y("Picture"), _ = vt, C = xt, b = ze, M = Ho, f = qo;
   return n(), w(E, null, [
-    P("div", xf, [
-      e.titleEnable ? (n(), w("span", Wf, [
+    P("div", Kf, [
+      e.titleEnable ? (n(), w("span", Gf, [
         e.iconForm != "" ? (n(), p(d, {
           key: 0,
           "svg-data": e.iconForm
@@ -23527,7 +23880,7 @@ function lh(e, t, a, l, o, i) {
           "icon-name": "icon-sdform"
         })),
         S(" " + O(e.titleNameForm) + " ", 1),
-        e.totalEnable ? (n(), w("span", Kf, " ( " + O(e.totalLabel()) + " )", 1)) : g("", !0)
+        e.totalEnable ? (n(), w("span", Yf, " ( " + O(e.totalLabel()) + " )", 1)) : g("", !0)
       ])) : g("", !0),
       e.preLoading ? (n(), p(h, {
         key: 1,
@@ -23561,7 +23914,7 @@ function lh(e, t, a, l, o, i) {
             onClick: (A) => e.handleClick(y, k)
           }, {
             default: s(() => [
-              P("div", Gf, [
+              P("div", Jf, [
                 e.iconField ? (n(), p(_, {
                   key: 0,
                   style: te(`width: 100%; height: ${e.height}`),
@@ -23569,7 +23922,7 @@ function lh(e, t, a, l, o, i) {
                   fit: "cover"
                 }, {
                   error: s(() => [
-                    P("div", Yf, [
+                    P("div", Xf, [
                       r(h, { style: { "font-size": "50px" } }, {
                         default: s(() => [
                           r(c)
@@ -23580,7 +23933,7 @@ function lh(e, t, a, l, o, i) {
                   ]),
                   _: 1
                 }, 8, ["style", "src"])) : g("", !0),
-                e.titleField || e.titleContent || e.detailContent ? (n(), w("div", Jf, [
+                e.titleField || e.titleContent || e.detailContent ? (n(), w("div", Qf, [
                   P("div", null, [
                     r(b, {
                       class: "body-title",
@@ -23597,7 +23950,7 @@ function lh(e, t, a, l, o, i) {
                         }, null, 8, ["sdform-model", "field-name", "field-setting", "raw-data", "user-state"])) : (n(), w("span", {
                           key: 1,
                           innerHTML: e.htmlValue(e.titleContent, y)
-                        }, null, 8, Xf))
+                        }, null, 8, Zf))
                       ]),
                       _: 2
                     }, 1024)
@@ -23610,7 +23963,7 @@ function lh(e, t, a, l, o, i) {
                       e.detailContent ? (n(), w("span", {
                         key: 0,
                         innerHTML: e.htmlValue(e.detailContent, y)
-                      }, null, 8, Qf)) : g("", !0)
+                      }, null, 8, eh)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["line-clamp"])) : g("", !0)
@@ -23624,9 +23977,9 @@ function lh(e, t, a, l, o, i) {
             onClick: (A) => e.handleClick(y, k)
           }, {
             default: s(() => [
-              P("div", Zf, [
+              P("div", th, [
                 P("div", null, [
-                  P("div", eh, [
+                  P("div", ah, [
                     r(b, {
                       class: "body-title",
                       truncated: ""
@@ -23642,7 +23995,7 @@ function lh(e, t, a, l, o, i) {
                         }, null, 8, ["sdform-model", "field-name", "field-setting", "raw-data", "user-state"])) : (n(), w("span", {
                           key: 1,
                           innerHTML: e.htmlValue(e.titleContent, y)
-                        }, null, 8, th))
+                        }, null, 8, lh))
                       ]),
                       _: 2
                     }, 1024)
@@ -23655,7 +24008,7 @@ function lh(e, t, a, l, o, i) {
                       e.detailContent ? (n(), w("span", {
                         key: 0,
                         innerHTML: e.htmlValue(e.detailContent, y)
-                      }, null, 8, ah)) : g("", !0)
+                      }, null, 8, oh)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["line-clamp"])) : g("", !0)
@@ -23670,7 +24023,7 @@ function lh(e, t, a, l, o, i) {
     }, 8, ["indicator-position", "motionBlur", "interval", "autoplay", "direction", "type", "trigger", "height"])) : g("", !0)
   ], 64);
 }
-const kg = /* @__PURE__ */ B(Hf, [["render", lh], ["__scopeId", "data-v-ea5295de"]]), oh = L({
+const Cg = /* @__PURE__ */ B(Wf, [["render", ih], ["__scopeId", "data-v-ea5295de"]]), nh = L({
   name: "SdUiMenu",
   components: {},
   props: {
@@ -23992,17 +24345,17 @@ const kg = /* @__PURE__ */ B(Hf, [["render", lh], ["__scopeId", "data-v-ea5295de
     // 	}
     // },
   }
-}), ih = { key: 0 }, nh = {
+}), sh = { key: 0 }, rh = {
   key: 1,
   class: "menu-label"
-}, sh = {
+}, dh = {
   key: 1,
   class: "menu-label"
-}, rh = {
+}, uh = {
   key: 1,
   class: "menu-label"
 };
-function dh(e, t, a, l, o, i) {
+function ph(e, t, a, l, o, i) {
   const d = ge, u = Wo, m = ia, h = Ko, c = xo, _ = Ol, C = zl("can");
   return n(), w(E, null, [
     r(_, {
@@ -24026,7 +24379,7 @@ function dh(e, t, a, l, o, i) {
           "menu-trigger": e.trigger
         }, {
           default: s(() => [
-            e.expandEnable ? (n(), w("div", ih, [
+            e.expandEnable ? (n(), w("div", sh, [
               r(u, {
                 class: "menu-expand",
                 style: te(`height: ${e.expandHeight}px;`),
@@ -24063,7 +24416,7 @@ function dh(e, t, a, l, o, i) {
                     class: "menu-icon",
                     "icon-name": b[e.iconField]
                   }, null, 8, ["icon-name"])) : g("", !0),
-                  e.labelField ? (n(), w("span", nh, O(b[e.labelField]), 1)) : g("", !0)
+                  e.labelField ? (n(), w("span", rh, O(b[e.labelField]), 1)) : g("", !0)
                 ]),
                 default: s(() => [
                   (n(!0), w(E, null, G(b[e.subMenuField], (f, y) => Ve((n(), p(u, {
@@ -24078,7 +24431,7 @@ function dh(e, t, a, l, o, i) {
                         class: "menu-icon",
                         "icon-name": f[`${e.subMenuPrefix}${e.iconField}`]
                       }, null, 8, ["icon-name"])) : g("", !0),
-                      e.labelField && e.subMenuPrefix ? (n(), w("span", sh, O(f[`${e.subMenuPrefix}${e.labelField}`]), 1)) : g("", !0)
+                      e.labelField && e.subMenuPrefix ? (n(), w("span", dh, O(f[`${e.subMenuPrefix}${e.labelField}`]), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["index", "onClick"])), [
@@ -24110,7 +24463,7 @@ function dh(e, t, a, l, o, i) {
                     class: "menu-icon",
                     "icon-name": b[e.iconField]
                   }, null, 8, ["icon-name"])) : g("", !0),
-                  e.labelField ? (n(), w("span", rh, O(b[e.labelField]), 1)) : g("", !0)
+                  e.labelField ? (n(), w("span", uh, O(b[e.labelField]), 1)) : g("", !0)
                 ]),
                 _: 2
               }, 1032, ["index", "onClick"])), [
@@ -24133,7 +24486,7 @@ function dh(e, t, a, l, o, i) {
     }, null, 4)
   ], 64);
 }
-const Cg = /* @__PURE__ */ B(oh, [["render", dh]]), uh = L({
+const Dg = /* @__PURE__ */ B(nh, [["render", ph]]), mh = L({
   name: "SdUiRecordView",
   components: {
     // SdCrudPopupGrid,
@@ -24465,9 +24818,9 @@ const Cg = /* @__PURE__ */ B(oh, [["render", dh]]), uh = L({
       return this.sdformModel.form_db.schema[e];
     }
   }
-}), ph = { class: "text-6" }, mh = ["innerHTML"];
-function fh(e, t, a, l, o, i) {
-  const d = Ze, u = ge, m = oe, h = xt, c = Ll, _ = El, C = Dm;
+}), fh = { class: "text-6" }, hh = ["innerHTML"];
+function ch(e, t, a, l, o, i) {
+  const d = Ze, u = ge, m = oe, h = xt, c = Ll, _ = El, C = $m;
   return n(), w(E, null, [
     r(_, {
       class: X({ blockUi: e.blockEnable }),
@@ -24491,7 +24844,7 @@ function fh(e, t, a, l, o, i) {
             b.htmlValue ? (n(), w("span", {
               key: 0,
               innerHTML: e.htmlValue(b.htmlValue, e.rawData, b)
-            }, null, 8, mh)) : (n(), p(h, {
+            }, null, 8, hh)) : (n(), p(h, {
               key: 1,
               "sdform-model": e.sdformModel,
               "field-name": b.fieldName,
@@ -24518,7 +24871,7 @@ function fh(e, t, a, l, o, i) {
       e.titleEnable ? {
         name: "title",
         fn: s(() => [
-          P("span", ph, [
+          P("span", fh, [
             e.iconForm != "" ? (n(), p(d, {
               key: 0,
               "svg-data": e.iconForm
@@ -24605,416 +24958,63 @@ function fh(e, t, a, l, o, i) {
     }, null, 8, ["modelValue", "parent-id", "readonly", "form-id", "user-state", "cancel-callback"])) : g("", !0)
   ], 64);
 }
-const Dg = /* @__PURE__ */ B(uh, [["render", fh], ["__scopeId", "data-v-88128e90"]]), hh = L({
-  name: "SdApexChart",
-  components: {},
-  props: {
-    sqlId: {
-      type: String,
-      required: !0
-    },
-    params: {
-      type: Object,
-      default: {}
-    },
-    width: {
-      type: Number
-    },
-    height: {
-      type: Number
-    },
-    type: {
-      type: String
-      //timeline,pyramid,boxPlot
-    },
-    title: {
-      type: String,
-      default: "Chart"
-    },
-    titleDisplay: {
-      type: Boolean,
-      default: !0
-    },
-    gridDisplay: {
-      type: Boolean,
-      default: !0
-    },
-    gridCustom: {
-      type: Object,
-      default: {}
-    },
-    legendDisplay: {
-      type: Boolean,
-      default: !0
-    },
-    legendCustom: {
-      type: Object,
-      default: {}
-    },
-    scalesXDisplay: {
-      type: Boolean,
-      default: !0
-    },
-    scalesXLabel: {
-      type: String,
-      default: ""
-    },
-    scalesXCustom: {
-      type: Object,
-      default: {}
-    },
-    xField: {
-      type: String,
-      default: ""
-    },
-    xType: {
-      type: String,
-      default: "category"
-    },
-    scalesYDisplay: {
-      type: Boolean,
-      default: !0
-    },
-    scalesYLabel: {
-      type: String,
-      default: ""
-    },
-    scalesYCustom: {
-      type: Object,
-      default: {}
-    },
-    yDataset: {
-      type: Array,
-      default: []
-    },
-    customOptions: {
-      type: Object,
-      default: {}
-    },
-    userState: {
-      type: Object,
-      required: !0
-    },
-    mockup: {
-      type: Boolean,
-      default: !1
-    },
-    dataLabelsShow: {
-      type: Boolean,
-      default: !1
-    },
-    toolbarShow: {
-      type: Boolean,
-      default: !1
-    },
-    zoomEnable: {
-      type: Boolean,
-      default: !0
-    },
-    tooltipShow: {
-      type: Boolean,
-      default: !0
-    },
-    buildState: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      // data: {
-      // 	datasets: [],
-      // } as ChartData,
-      options: {},
-      dataMockup: [
-        { name: "Count", type: "bar", data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11] },
-        { name: "Value", type: "line", data: [80, 40, 20, 12, 11, 40, 20, 12, 39, 10, 40, 39] }
-      ],
-      optionsMockup: {},
-      defaultParams: this.params,
-      rawData: [],
-      loadEnable: !1,
-      preLoading: !1,
-      showChart: !1,
-      apiUrl: "",
-      isDark: se(),
-      useUserState: this.$props.userState
-    };
-  },
-  watch: {
-    isDark: {
-      deep: !1,
-      handler(e) {
-        this.createOptions(), this.optionsMockup = this.createOpMockup();
-      }
-    }
-  },
-  computed: {
-    color() {
-      return se().value ? "#414243" : "#e4e7ed";
-    },
-    dataChart() {
-      let e = [];
-      if (this.yDataset && this.yDataset.length > 0)
-        for (const [t, a] of this.yDataset.entries()) {
-          const l = a.custom ? a.custom : {}, o = this.rawData.map((i) => {
-            if (a.type === "heatmap" || a.type === "treemap") {
-              if (i[a.field] && i[this.xField])
-                return { x: i[this.xField], y: i[a.field] };
-            } else if (i[a.field])
-              return i[a.field];
-          });
-          a.type === "radialBar" ? e = o : e.push({
-            data: o,
-            name: a.name ? a.name : "Unit" + t,
-            type: a.type ? a.type : "bar",
-            color: a.color && Object.keys(a.color).length > 0 ? a.color : void 0,
-            hidden: !!a.hidden,
-            zIndex: a.zIndex != null || a.zIndex != null ? a.zIndex : void 0,
-            group: a.group ? a.group : void 0,
-            ...l
-          });
-        }
-      return e;
-    }
-  },
-  created() {
-    this.apiUrl = "";
-  },
-  mounted() {
-    this.buildState || (this.loadEnable = !0), this.optionsMockup = this.createOpMockup(), this.initdata();
-  },
-  unmounted() {
-  },
-  setup(e, t) {
-    return {
-      chartRef: K()
-    };
-  },
-  methods: {
-    async initdata() {
-      const e = {
-        providerId: this.sqlId,
-        providerType: de.SQL,
-        params: this.params
-      };
-      if (this.rawData = [], this.loadEnable) {
-        const t = await at(e, !1, this.useUserState);
-        t && t.response && t.data && t.data.data && (this.rawData = D(t.data.data), this.xField && (this.createOptions(), this.showChart = !0));
-      }
-    },
-    createOptions() {
-      const e = this.rawData.map((t) => {
-        if (t[this.xField])
-          return t[this.xField];
-      });
-      this.options = {
-        chart: {
-          type: this.type ? this.type : void 0,
-          toolbar: {
-            show: this.toolbarShow
-          },
-          zoom: {
-            enabled: this.zoomEnable
-          },
-          background: "transparent"
-        },
-        title: {
-          text: this.titleDisplay ? this.title : void 0
-        },
-        legend: {
-          show: this.legendDisplay,
-          ...this.legendCustom
-        },
-        grid: {
-          show: this.gridDisplay,
-          borderColor: se().value ? "#414243" : "#e4e7ed",
-          ...this.gridCustom
-        },
-        dataLabels: {
-          enabled: this.dataLabelsShow
-        },
-        labels: this.type === "radialBar" && e ? e : void 0,
-        xaxis: {
-          type: this.xType,
-          categories: e || [],
-          title: {
-            text: this.scalesXLabel
-          },
-          axisBorder: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          axisTicks: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          ...this.scalesXCustom
-        },
-        yaxis: {
-          show: this.scalesYDisplay,
-          title: {
-            text: this.scalesYLabel
-          },
-          axisBorder: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          axisTicks: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          ...this.scalesYCustom
-        },
-        tooltip: {
-          enabled: this.tooltipShow,
-          theme: "dark"
-        },
-        theme: {
-          mode: se().value ? "dark" : "light"
-        },
-        ...this.customOptions
-      };
-    },
-    createOpMockup() {
-      return {
-        chart: {
-          toolbar: {
-            show: this.toolbarShow
-          },
-          zoom: {
-            enabled: this.zoomEnable
-          },
-          background: "transparent"
-        },
-        title: {
-          text: this.titleDisplay ? this.title : void 0
-        },
-        legend: {
-          show: this.legendDisplay,
-          ...this.legendCustom
-        },
-        dataLabels: {
-          enabled: this.dataLabelsShow
-        },
-        grid: {
-          show: this.gridDisplay,
-          borderColor: se().value ? "#414243" : "#e4e7ed",
-          ...this.gridCustom
-        },
-        xaxis: {
-          type: this.xType,
-          categories: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
-          title: {
-            text: this.scalesXLabel
-          },
-          axisBorder: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          axisTicks: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          ...this.scalesXCustom
-        },
-        yaxis: {
-          show: this.scalesYDisplay,
-          title: {
-            text: this.scalesYLabel
-          },
-          axisBorder: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          axisTicks: {
-            color: se().value ? "#414243" : "#e4e7ed"
-          },
-          ...this.scalesYCustom
-        },
-        tooltip: {
-          enabled: this.tooltipShow,
-          theme: "dark"
-        },
-        theme: {
-          mode: se().value ? "dark" : "light"
-        },
-        ...this.customOptions
-      };
-    }
-  }
-});
-function ch(e, t, a, l, o, i) {
-  const d = Y("apexchart");
-  return n(), w("div", {
-    ref: "chartRef",
-    style: te(`width: ${e.width ? e.width + "px" : "100%"}; height: ${e.height ? e.height + "px" : "100%"}`)
-  }, [
-    e.mockup && e.buildState ? (n(), p(d, {
-      key: 0,
-      height: "100%",
-      options: e.optionsMockup,
-      series: e.dataMockup
-    }, null, 8, ["options", "series"])) : (n(), w(E, { key: 1 }, [
-      e.showChart ? (n(), p(d, {
-        key: 0,
-        height: "100%",
-        options: e.options,
-        series: e.dataChart
-      }, null, 8, ["options", "series"])) : g("", !0)
-    ], 64))
-  ], 4);
-}
-const Ig = /* @__PURE__ */ B(hh, [["render", ch]]);
+const Ig = /* @__PURE__ */ B(mh, [["render", ch], ["__scopeId", "data-v-88128e90"]]);
 export {
-  Fa as $,
-  kg as A,
-  Tp as B,
-  Cg as C,
+  Ua as $,
+  vo as A,
+  Cg as B,
+  Tp as C,
   Dg as D,
-  Ad as E,
-  xt as F,
-  Zm as G,
-  at as H,
-  Ot as I,
-  Ie as J,
-  Mu as K,
-  wa as L,
-  Pu as M,
-  dt as N,
-  ja as O,
-  rg as P,
-  Vu as Q,
-  dg as R,
+  Ig as E,
+  Ad as F,
+  xt as G,
+  tf as H,
+  at as I,
+  Ot as J,
+  Ie as K,
+  Mu as L,
+  wa as M,
+  Pu as N,
+  dt as O,
+  ja as P,
+  rg as Q,
+  Vu as R,
   mg as S,
-  co as T,
-  Pl as U,
-  ug as V,
-  oa as W,
-  Oe as X,
-  Re as Y,
-  Ua as Z,
+  dg as T,
+  co as U,
+  Pl as V,
+  ug as W,
+  oa as X,
+  Oe as Y,
+  Re as Z,
   Ze as _,
   ge as a,
-  Au as a0,
-  Ae as a1,
-  Ou as a2,
-  B as a3,
-  Nn as a4,
-  Ce as a5,
-  D as a6,
-  De as a7,
-  Rt as a8,
-  Gb as a9,
-  Kb as aa,
-  ce as ab,
-  $a as ac,
-  og as ad,
-  lg as ae,
-  En as af,
-  ig as ag,
-  ag as ah,
-  tg as ai,
-  Ba as aj,
-  Yb as ak,
-  La as al,
-  Wb as am,
-  ga as an,
-  Qb as ao,
-  Ig as ap,
+  Fa as a0,
+  Au as a1,
+  Ae as a2,
+  Ou as a3,
+  B as a4,
+  Nn as a5,
+  Ce as a6,
+  D as a7,
+  De as a8,
+  Rt as a9,
+  Gb as aa,
+  Kb as ab,
+  ce as ac,
+  $a as ad,
+  og as ae,
+  lg as af,
+  En as ag,
+  ig as ah,
+  ag as ai,
+  tg as aj,
+  Ba as ak,
+  Yb as al,
+  La as am,
+  Wb as an,
+  ga as ao,
+  Qb as ap,
   ee as aq,
   xb as ar,
   eg as as,
@@ -25023,7 +25023,7 @@ export {
   Xb as av,
   Jb as aw,
   de as ax,
-  zm as ay,
+  Hm as ay,
   Ra as az,
   On as b,
   ng as c,
@@ -25031,23 +25031,23 @@ export {
   sg as e,
   pg as f,
   fg as g,
-  bo as h,
-  ym as i,
-  _m as j,
-  Dm as k,
-  hg as l,
-  Bm as m,
-  cg as n,
+  hg as h,
+  bo as i,
+  wm as j,
+  km as k,
+  $m as l,
+  cg as m,
+  Um as n,
   bg as o,
   gg as p,
   yg as q,
-  go as r,
-  yo as s,
-  rm as t,
-  vg as u,
+  vg as r,
+  go as s,
+  yo as t,
+  um as u,
   wg as v,
   Fg as w,
   _g as x,
   Sg as y,
-  vo as z
+  kg as z
 };