sd-render 1.0.17 → 1.0.19

package/{sd-lib-BlH6aVvz.js → sd-lib-CMFXC6Si.js}

@@ -1,22 +1,22 @@
-import { ElImage as vt, ElIcon as Ge, ElDialog as we, ElButton as oe, ElTooltip as Ml, ElForm as ut, ElFormItem as pt, ElInput as Ie, ElDivider as oa, ElDropdown as wt, ElDropdownMenu as Ft, ElDropdownItem as _t, ElUpload as Ia, ElPagination as ia, ElPopover as Ye, ElCol as at, ElCheckbox as na, ElColorPicker as $a, ElRow as St, ElInputNumber as Nt, ElText as ze, ElButtonGroup as Pl, ElTag as Et, ElAvatar as Ta, ElTable as Lt, ElTableColumn as qe, ElSpace as Po, ElLink as sa, ElRate as Vo, ElScrollbar as Vl, ElTimelineItem as Ao, ElCard as Ma, ElAlert as ra, ElTabs as Oo, ElTabPane as No, ElSwitch as kt, ElSelectV2 as Al, ElLoadingDirective as da, ElSelect as Ct, ElOption as Dt, ElOptionGroup as Eo, ElDescriptions as Ol, ElDescriptionsItem as Nl, ElCollapse as Lo, ElCollapseItem as Bo, ElDatePicker as El, ElTimePicker as jo, ElRadioGroup as Uo, ElRadioButton as Ro, ElCarousel as zo, ElCarouselItem as qo, ElMenu as Ho, ElMenuItem as Wo, ElSubMenu as xo } from "element-plus/es";
+import { ElImage as vt, ElIcon as Ge, ElDialog as we, ElButton as oe, ElTooltip as Pl, ElForm as ut, ElFormItem as pt, ElInput as Ie, ElDivider as ia, ElDropdown as wt, ElDropdownMenu as Ft, ElDropdownItem as _t, ElUpload as $a, ElPagination as na, ElPopover as Ye, ElCol as at, ElCheckbox as sa, ElColorPicker as Ta, ElRow as St, ElInputNumber as Nt, ElText as ze, ElButtonGroup as Vl, ElTag as Et, ElAvatar as Ma, ElTable as Lt, ElTableColumn as qe, ElSpace as Vo, ElLink as ra, ElRate as Ao, ElScrollbar as Al, ElTimelineItem as Oo, ElCard as Pa, ElAlert as da, ElTabs as No, ElTabPane as Eo, ElSwitch as kt, ElSelectV2 as Ol, ElLoadingDirective as ua, ElSelect as Ct, ElOption as Dt, ElOptionGroup as Lo, ElDescriptions as Nl, ElDescriptionsItem as El, ElCollapse as Bo, ElCollapseItem as jo, ElDatePicker as Ll, ElTimePicker as Uo, ElRadioGroup as Ro, ElRadioButton as zo, ElCarousel as qo, ElCarouselItem as Ho, ElMenu as Wo, ElMenuItem as xo, ElSubMenu as Ko } from "element-plus/es";
 import "element-plus/es/components/base/style/index";
 import "element-plus/es/components/dialog/style/index";
 import "element-plus/es/components/button/style/index";
 import "element-plus/es/components/icon/style/index";
 import "element-plus/es/components/image/style/index";
-import { createElementBlock as w, openBlock as n, normalizeClass as Q, createElementVNode as P, createCommentVNode as g, toDisplayString as O, defineComponent as L, markRaw as Ll, capitalize as Ko, normalizeStyle as te, ref as K, nextTick as yt, resolveComponent as Y, Fragment as E, createVNode as r, withCtx as s, createBlock as p, createTextVNode as S, inject as B, renderList as G, resolveDynamicComponent as ua, mergeProps as ae, toHandlers as Bl, withModifiers as R, renderSlot as me, computed as le, watch as Ke, provide as We, unref as de, watchEffect as Go, toRaw as Yo, withDirectives as Pe, vShow as jl, reactive as Se, onMounted as Je, normalizeProps as Pa, guardReactiveProps as Va, createSlots as tt, defineAsyncComponent as Jo, resolveDirective as Ul, withKeys as Qo } from "vue";
-import { Editor as It, Node as lt, mergeAttributes as Qe, getMarkRange as Xo, Extension as He, isList as Zo } from "@tiptap/core";
+import { createElementBlock as w, openBlock as n, normalizeClass as Q, createElementVNode as P, createCommentVNode as g, toDisplayString as O, defineComponent as L, markRaw as Bl, capitalize as Go, normalizeStyle as te, ref as K, nextTick as yt, resolveComponent as Y, Fragment as E, createVNode as r, withCtx as s, createBlock as p, createTextVNode as S, inject as B, renderList as G, resolveDynamicComponent as pa, mergeProps as ae, toHandlers as jl, withModifiers as R, renderSlot as me, computed as le, watch as Ke, provide as We, unref as de, watchEffect as Yo, toRaw as Jo, withDirectives as Pe, vShow as Ul, reactive as Se, onMounted as Je, normalizeProps as Va, guardReactiveProps as Aa, createSlots as tt, defineAsyncComponent as Qo, resolveDirective as Rl, withKeys as Xo } from "vue";
+import { Editor as It, Node as lt, mergeAttributes as Qe, getMarkRange as Zo, Extension as He, isList as ei } from "@tiptap/core";
 import xe from "ace-builds";
 import "ace-builds/src-min-noconflict/theme-tomorrow_night_eighties";
 import "ace-builds/src-min-noconflict/theme-sqlserver";
 import "ace-builds/src-min-noconflict/mode-html";
 import "ace-builds/src-min-noconflict/ext-beautify";
 import { useDark as Ae } from "@vueuse/core";
-import ei from "@tiptap/extension-list-item";
-import Wa from "@tiptap/extension-text";
-import xa from "@tiptap/extension-paragraph";
-import Ka from "@tiptap/extension-code";
-import Ga from "@tiptap/extension-hard-break";
+import ti from "@tiptap/extension-list-item";
+import xa from "@tiptap/extension-text";
+import Ka from "@tiptap/extension-paragraph";
+import Ga from "@tiptap/extension-code";
+import Ya from "@tiptap/extension-hard-break";
 import "@tiptap/extension-dropcursor";
 import "@tiptap/extension-gapcursor";
 import "@tiptap/extension-floating-menu";
@@ -27,8 +27,8 @@ import "element-plus/es/components/scrollbar/style/index";
 import "element-plus/es/components/text/style/index";
 import "element-plus/es/components/avatar/style/index";
 import "element-plus/es/components/input/style/index";
-import { useRouter as Rl, useRoute as zl } from "vue-router";
-import { ElMessageBox as he, ElTooltip as ti, ElButton as mt, ElCheckbox as Bt, ElInput as ft, ElFormItem as jt, ElForm as Ut, ElDialog as $t, ElDropdownItem as pa, ElDropdownMenu as ma, ElDropdown as fa, ElMessage as N, ElPopover as ht, ElUpload as ai, ElLoading as ta, ElCol as li } from "element-plus";
+import { useRouter as zl, useRoute as ql } from "vue-router";
+import { ElMessageBox as he, ElTooltip as ai, ElButton as mt, ElCheckbox as Bt, ElInput as ft, ElFormItem as jt, ElForm as Ut, ElDialog as $t, ElDropdownItem as ma, ElDropdownMenu as fa, ElDropdown as ha, ElMessage as N, ElPopover as ht, ElUpload as li, ElLoading as aa, ElCol as oi } from "element-plus";
 import "element-plus/es/components/tabs/style/index";
 import "element-plus/es/components/tab-pane/style/index";
 import "element-plus/es/components/alert/style/index";
@@ -52,16 +52,16 @@ import "element-plus/es/components/collapse-item/style/index";
 import "element-plus/es/components/input-number/style/index";
 import "element-plus/es/components/descriptions/style/index";
 import "element-plus/es/components/descriptions-item/style/index";
-import ql from "json-editor-vue";
-import { Mode as Hl } from "vanilla-jsoneditor";
+import Hl from "json-editor-vue";
+import { Mode as Wl } from "vanilla-jsoneditor";
 import "element-plus/es/components/color-picker/style/index";
 import "element-plus/es/components/radio-group/style/index";
 import "element-plus/es/components/radio-button/style/index";
 import "element-plus/es/components/time-picker/style/index";
 import "element-plus/es/components/date-picker/style/index";
 import "vanilla-jsoneditor/themes/jse-theme-dark.css";
-import { useVueFlow as oi, VueFlow as ii, Position as Gt } from "@vue-flow/core";
-import Ya from "dagre";
+import { useVueFlow as ii, VueFlow as ni, Position as Yt } from "@vue-flow/core";
+import Ja from "dagre";
 import "element-plus/es/components/pagination/style/index";
 import "element-plus/es/components/button-group/style/index";
 import "element-plus/es/components/dropdown/style/index";
@@ -78,65 +78,65 @@ import "ace-builds/src-min-noconflict/mode-json";
 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 ni from "resize-observer-polyfill";
+import si from "resize-observer-polyfill";
 import ge from "dayjs";
-import si from "dompurify";
-import ri from "cropperjs";
+import ri from "dompurify";
+import di from "cropperjs";
 import "element-plus/es/components/tooltip/style/index";
-import { Editor as $e, FloatingMenu as di, BubbleMenu as ui, EditorContent as pi, useEditor as mi, nodeViewProps as ye, NodeViewWrapper as Xe, VueNodeViewRenderer as ot, NodeViewContent as fi, getMarkAttributes as ha } from "@tiptap/vue-3";
-import { splitCell as hi, mergeCells as ci, CellSelection as bi } from "prosemirror-tables";
-import { TextSelection as ca, AllSelection as Aa, 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 $e, FloatingMenu as ui, BubbleMenu as pi, EditorContent as mi, useEditor as fi, nodeViewProps as ye, NodeViewWrapper as Xe, VueNodeViewRenderer as ot, 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 Oa, 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 fe 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 Wi from "@tiptap/extension-color";
-import xi 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 Qi from "@tiptap/extension-horizontal-rule";
-import Xi from "@tiptap/extension-history";
-import Zi from "@tiptap/extension-text-align";
+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 Wi from "@tiptap/extension-link";
+import xi 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 Qi from "@tiptap/extension-superscript";
+import Xi 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 en, CategoryScale as tn, LinearScale as an, BarElement as ln, Title as on, Tooltip as nn, Legend as sn, Filler as rn, plugins as dn, TimeScale as un, TimeSeriesScale as pn, RadialLinearScale as mn, LineElement as fn, PointElement as hn, ArcElement as cn } from "chart.js";
-import { Chart as bn } from "vue-chartjs";
+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";
+import { Chart as gn } from "vue-chartjs";
 import "chartjs-adapter-moment";
-import gn from "vue-clipboard3";
-import yn from "fuse.js";
-import _a from "pdfmake/build/pdfmake";
-import Ja from "html-to-pdfmake";
-import { f as vn } from "./sd-fonts-DL2H6WH7.js";
-import * as Yt from "xlsx";
-import { Document as wn, Paragraph as Pt, Table as Qa, TableRow as Xa, TableCell as Sa, WidthType as Jt, TableLayoutType as Za, BorderStyle as Qt, Packer as Fn } from "docx";
-import { saveAs as _n } from "file-saver";
-const Sn = {
+import yn from "vue-clipboard3";
+import vn from "fuse.js";
+import Sa from "pdfmake/build/pdfmake";
+import Qa from "html-to-pdfmake";
+import { f as wn } from "./sd-fonts-DL2H6WH7.js";
+import * as Jt from "xlsx";
+import { Document as Fn, Paragraph as Pt, Table as Xa, TableRow as Za, TableCell as ka, WidthType as Qt, TableLayoutType as el, BorderStyle as Xt, Packer as _n } from "docx";
+import { saveAs as Sn } from "file-saver";
+const kn = {
   name: "SvgData",
   props: {
     svgData: {
@@ -164,14 +164,14 @@ const Sn = {
   for (const [l, o] of t)
     a[l] = o;
   return a;
-}, kn = ["innerHTML"];
-function Cn(e, t, a, l, o, i) {
+}, Cn = ["innerHTML"];
+function Dn(e, t, a, l, o, i) {
   return n(), w("i", {
     class: "el-icon svg-icon",
     innerHTML: a.svgData
-  }, null, 8, kn);
+  }, null, 8, Cn);
 }
-const Ze = /* @__PURE__ */ j(Sn, [["render", Cn], ["__scopeId", "data-v-7c4acdd9"]]), Dn = {
+const Ze = /* @__PURE__ */ j(kn, [["render", Dn], ["__scopeId", "data-v-7c4acdd9"]]), In = {
   name: "SvgIcon",
   props: {
     iconName: {
@@ -202,23 +202,23 @@ const Ze = /* @__PURE__ */ j(Sn, [["render", Cn], ["__scopeId", "data-v-7c4acdd9
       return this.className ? "el-icon svg-icon " + this.className : "el-icon svg-icon";
     }
   }
-}, In = { "aria-hidden": "true" }, $n = ["xlink:href", "fill"], Tn = { key: 0 };
-function Mn(e, t, a, l, o, i) {
+}, $n = { "aria-hidden": "true" }, Tn = ["xlink:href", "fill"], Mn = { key: 0 };
+function Pn(e, t, a, l, o, i) {
   return n(), w("i", {
     class: Q(i.svgClass)
   }, [
-    (n(), w("svg", In, [
+    (n(), w("svg", $n, [
       P("use", {
         "xlink:href": i.iconClass,
         fill: a.color
-      }, null, 8, $n),
-      a.title ? (n(), w("title", Tn, O(a.title), 1)) : g("", !0)
+      }, null, 8, Tn),
+      a.title ? (n(), w("title", Mn, O(a.title), 1)) : g("", !0)
     ]))
   ], 2);
 }
-const ce = /* @__PURE__ */ j(Dn, [["render", Mn], ["__scopeId", "data-v-bebc8483"]]), el = ["onBlur", "onInput", "onChange", "changeSelectionStyle", "changeSession", "copy", "onFocus", "paste"], Pn = L({
+const ce = /* @__PURE__ */ j(In, [["render", Pn], ["__scopeId", "data-v-bebc8483"]]), tl = ["onBlur", "onInput", "onChange", "changeSelectionStyle", "changeSession", "copy", "onFocus", "paste"], Vn = L({
   name: "SdAceEditor",
-  emits: ["update:value", "init", ...el],
+  emits: ["update:value", "init", ...tl],
   props: {
     value: {
       type: String,
@@ -266,7 +266,7 @@ const ce = /* @__PURE__ */ j(Dn, [["render", Mn], ["__scopeId", "data-v-bebc8483
   },
   mounted() {
     xe.config.set("basePath", "/ace-addon/");
-    const e = this._editor = Ll(
+    const e = this._editor = Bl(
       xe.edit(this.$el, {
         placeholder: this.placeholder,
         readOnly: this.readonly,
@@ -413,10 +413,10 @@ loadData.then((data) => {
       this.$emit("onBlur", t);
     }), e.on("focus", (t) => {
       this.$emit("onFocus", t);
-    }), el.forEach((t) => {
-      const a = "on" + Ko(t);
+    }), tl.forEach((t) => {
+      const a = "on" + Go(t);
       typeof this.$.vnode.props[a] == "function" && e.on(t, this.$emit.bind(this, t));
-    }), this._ro = new ni(() => e.resize()), this._ro.observe(this.$el), this.$emit("init", e);
+    }), this._ro = new si(() => e.resize()), this._ro.observe(this.$el), this.$emit("init", e);
   },
   beforeUnmount() {
     this._ro?.disconnect(), this._editor?.destroy();
@@ -488,12 +488,12 @@ loadData.then((data) => {
     }
   }
 });
-function Vn(e, t, a, l, o, i) {
+function An(e, t, a, l, o, i) {
   return n(), w("div", {
     style: te(`min-height: ${e.minHeight || 30}px; width: 100%; `)
   }, null, 4);
 }
-const An = /* @__PURE__ */ j(Pn, [["render", Vn]]);
+const On = /* @__PURE__ */ j(Vn, [["render", An]]);
 var Ue = /* @__PURE__ */ ((e) => (e.None = "None", e.String = "String", e.Integer = "Integer", e.Number = "Number", e.Boolean = "Boolean", e.Array = "Array", e.Object = "Object", e.ObjectId = "ObjectId", e.StringDate = "StringDate", e.ArrayDate = "ArrayDate", e.Date = "Date", e.Timestamp = "Timestamp", e.Binary = "Binary", e.StringArray = "String|Array", e.ObjectArray = "Object|Array", e.Any = "Any", e))(Ue || {}), pe = /* @__PURE__ */ ((e) => (e.SYS = "SYS", e.FORM = "FORM", e.SQL = "SQL", e))(pe || {}), ue = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(ue || {});
 const qb = [
   {
@@ -623,7 +623,7 @@ const qb = [
   "Symbol",
   "GeneratorFunction",
   "AsyncFunction"
-], On = function() {
+], Rt = function() {
   return Math.floor(Math.random() * 1e5 + Math.random() * 2e4 + Math.random() * 5e3);
 }, Hb = function() {
   let e = Math.floor(Math.random() * 1e5 + Math.random() * 2e4 + Math.random() * 5e3), t = ge().valueOf() + "" + e;
@@ -656,13 +656,13 @@ const D = function(e) {
 function xb(e) {
   return e == null;
 }
-function Oa(e) {
+function Na(e) {
   return e != null;
 }
 function Kb(e) {
   return e === void 0 || !e && e !== 0 && e !== "0" || !/[^\s]/.test(e);
 }
-function Na(e) {
+function Ea(e) {
   return Object.keys(e).length === 0;
 }
 function Vt(e, t) {
@@ -770,7 +770,7 @@ function Xb(e) {
     });
   }), t;
 }
-const Ea = function(e) {
+const La = function(e) {
   let t = {};
   for (const a in e)
     t[`{{${a}}}`] = e[a];
@@ -798,7 +798,7 @@ function Me(e, t, a) {
 function Ln(e) {
   return e.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
 }
-function Wl(e, t, a) {
+function xl(e, t, a) {
   let l = t.split("."), o = e;
   for (let i = 0; i < l.length; i++) {
     let d = l[i];
@@ -811,7 +811,7 @@ function ve(e, t) {
     for (let o = 0, i = a.length; o < i; o++) {
       let d = a[o];
       if (d)
-        if (Oa(l) && Object.prototype.hasOwnProperty.call(l, d))
+        if (Na(l) && Object.prototype.hasOwnProperty.call(l, d))
           l = l[d];
         else
           return null;
@@ -824,7 +824,7 @@ function ve(e, t) {
   }
 }
 function Tt(e) {
-  return si.sanitize(e, {});
+  return ri.sanitize(e, {});
 }
 function se(e, t) {
   const a = (i) => `{{###~${i}~###}}`, l = Object.keys(t).map((i, d) => ({
@@ -852,7 +852,7 @@ function jn(e, t, a = "params") {
   }
   return l;
 }
-function ba(e, t = 1) {
+function ga(e, t = 1) {
   if (!e || ((t < 0 || t > 1) && (t = 1), e = e.trim().replace(/^#/, ""), !/^([0-9A-F]{3}){1,2}$/i.test(e)))
     return "";
   let a, l, o;
@@ -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
       });
@@ -1196,16 +1196,16 @@ const og = /* @__PURE__ */ j(Un, [["render", Jn], ["__scopeId", "data-v-e9f44078
 }), Xn = { class: "el-tiptap-editor__menu-bar" };
 function Zn(e, t, a, l, o, i) {
   return n(), w("div", Xn, [
-    (n(!0), w(E, null, G(e.generateCommandButtonComponentSpecs(), (d, u) => (n(), p(ua(d.component), ae({
+    (n(!0), w(E, null, G(e.generateCommandButtonComponentSpecs(), (d, u) => (n(), p(pa(d.component), ae({
       key: "command-button" + u,
       "enable-tooltip": e.enableTooltip
-    }, { ref_for: !0 }, d.componentProps, { readonly: e.isCodeViewMode }, Bl(d.componentEvents || {})), null, 16, ["enable-tooltip", "readonly"]))), 128))
+    }, { ref_for: !0 }, d.componentProps, { readonly: e.isCodeViewMode }, jl(d.componentEvents || {})), null, 16, ["enable-tooltip", "readonly"]))), 128))
   ]);
 }
-const xl = /* @__PURE__ */ j(Qn, [["render", Zn]]);
+const Kl = /* @__PURE__ */ j(Qn, [["render", Zn]]);
 function es() {
 }
-function Kl(e, t, a) {
+function Gl(e, t, a) {
   return e < t ? t : e > a ? a : e;
 }
 function ts(e) {
@@ -1232,10 +1232,10 @@ function ls(e, t, a, l, o, i) {
     class: "text-4"
   }, null, 8, ["icon-name"]);
 }
-const Gl = /* @__PURE__ */ j(as, [["render", ls]]), os = L({
+const Yl = /* @__PURE__ */ j(as, [["render", ls]]), os = L({
   components: {
-    ElTooltip: ti,
-    VIcon: Gl
+    ElTooltip: ai,
+    VIcon: Yl
   },
   props: {
     icon: {
@@ -1283,7 +1283,7 @@ const Gl = /* @__PURE__ */ j(as, [["render", ls]]), os = L({
   }
 });
 function is(e, t, a, l, o, i) {
-  const d = Y("v-icon"), u = Ml;
+  const d = Y("v-icon"), u = Pl;
   return n(), w("div", null, [
     r(u, {
       content: e.tooltip,
@@ -1307,7 +1307,7 @@ function is(e, t, a, l, o, i) {
   ]);
 }
 const z = /* @__PURE__ */ j(os, [["render", is]]);
-function Rt(e) {
+function zt(e) {
   const { selection: t, doc: a } = e, { from: l, to: o } = t;
   let i = !0, d = !1;
   return a.nodesBetween(l, o, (u) => {
@@ -1316,10 +1316,10 @@ function Rt(e) {
   }), d;
 }
 function ns(e) {
-  return Rt(e) && ci(e);
+  return zt(e) && bi(e);
 }
 function ss(e) {
-  return Rt(e) && hi(e);
+  return zt(e) && ci(e);
 }
 const rs = L({
   name: "MergeCellCommandButton",
@@ -1334,7 +1334,7 @@ const rs = L({
   },
   computed: {
     isTableActive() {
-      return Rt(this.editor.state);
+      return zt(this.editor.state);
     }
   },
   setup() {
@@ -1425,10 +1425,10 @@ function ds(e, t, a, l, o, i) {
     }, null, 8, ["command", "enable-tooltip", "is-active", "tooltip", "readonly"])
   ], 64);
 }
-const Yl = /* @__PURE__ */ j(rs, [["render", ds]]), us = L({
+const Jl = /* @__PURE__ */ j(rs, [["render", ds]]), us = L({
   name: "MergeCellBubbleMenu",
   components: {
-    MergeCellCommandButton: Yl
+    MergeCellCommandButton: Jl
   },
   props: {
     editor: {
@@ -1438,12 +1438,12 @@ const Yl = /* @__PURE__ */ j(rs, [["render", ds]]), us = L({
   }
 }), ps = { class: "mergecell-bubble-menu" };
 function ms(e, t, a, l, o, i) {
-  const d = Yl;
+  const d = Jl;
   return n(), w("div", ps, [
     r(d, { editor: e.editor }, null, 8, ["editor"])
   ]);
 }
-const Jl = /* @__PURE__ */ j(us, [["render", ms]]), fs = L({
+const Ql = /* @__PURE__ */ j(us, [["render", ms]]), fs = L({
   name: "UnlinkCommandButton",
   components: {
     CommandButton: z
@@ -1473,7 +1473,7 @@ function hs(e, t, a, l, o, i) {
     icon: "unlink"
   }, null, 8, ["command", "enable-tooltip", "tooltip"]);
 }
-const Ql = /* @__PURE__ */ j(fs, [["render", hs]]), cs = L({
+const Xl = /* @__PURE__ */ j(fs, [["render", hs]]), cs = L({
   name: "EditLinkCommandButton",
   components: {
     ElDialog: $t,
@@ -1595,7 +1595,7 @@ function bs(e, t, a, l, o, i) {
     }, 8, ["title", "modelValue", "width"])
   ]);
 }
-const Xl = /* @__PURE__ */ j(cs, [["render", bs]]), gs = L({
+const Zl = /* @__PURE__ */ j(cs, [["render", bs]]), gs = L({
   name: "OpenLinkCommandButton",
   components: {
     CommandButton: z
@@ -1632,12 +1632,12 @@ function ys(e, t, a, l, o, i) {
     icon: "external-link"
   }, null, 8, ["command", "enable-tooltip", "tooltip"]);
 }
-const Zl = /* @__PURE__ */ j(gs, [["render", ys]]), vs = L({
+const eo = /* @__PURE__ */ j(gs, [["render", ys]]), vs = L({
   name: "LinkBubbleMenu",
   components: {
-    OpenLinkCommandButton: Zl,
-    EditLinkCommandButton: Xl,
-    UnlinkCommandButton: Ql
+    OpenLinkCommandButton: eo,
+    EditLinkCommandButton: Zl,
+    UnlinkCommandButton: Xl
   },
   props: {
     editor: {
@@ -1652,7 +1652,7 @@ const Zl = /* @__PURE__ */ j(gs, [["render", ys]]), vs = L({
   }
 }), ws = { class: "link-bubble-menu" };
 function Fs(e, t, a, l, o, i) {
-  const d = Zl, u = Xl, m = Ql;
+  const d = eo, u = Zl, m = Xl;
   return n(), w("div", ws, [
     me(e.$slots, "prepend"),
     r(d, {
@@ -1666,14 +1666,14 @@ function Fs(e, t, a, l, o, i) {
     r(m, { editor: e.editor }, null, 8, ["editor"])
   ]);
 }
-const eo = /* @__PURE__ */ j(vs, [["render", Fs]]), _s = L({
+const to = /* @__PURE__ */ j(vs, [["render", Fs]]), _s = L({
   name: "MenuBubble",
   components: {
-    BubbleMenu: ui,
-    LinkBubbleMenu: eo,
-    MergeCellBubbleMenu: Jl,
-    VIcon: Gl,
-    FloatingMenu: di
+    BubbleMenu: pi,
+    LinkBubbleMenu: to,
+    MergeCellBubbleMenu: Ql,
+    VIcon: Yl,
+    FloatingMenu: ui
   },
   props: {
     editor: {
@@ -1712,7 +1712,7 @@ const eo = /* @__PURE__ */ j(vs, [["render", Fs]]), _s = L({
       return this.$_isLinkSelection(a);
     },
     isTableActive() {
-      return Rt(this.editor.state);
+      return zt(this.editor.state);
     }
   },
   watch: {
@@ -1756,12 +1756,12 @@ const eo = /* @__PURE__ */ j(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 ca || this.editor.state.selection instanceof Aa) && !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 Oa) && !this.activeImage ? "default" : "none";
     }
   }
 }), Ss = { ref: "parentRef" }, ks = { class: "el-tiptap-editor__menu-floating" };
 function Cs(e, t, a, l, o, i) {
-  const d = Y("v-icon"), u = eo, m = Jl, h = Y("bubble-menu"), b = z, _ = oa, C = Y("floating-menu");
+  const d = Y("v-icon"), u = to, m = Ql, h = Y("bubble-menu"), b = z, _ = ia, C = Y("floating-menu");
   return n(), w("div", Ss, [
     e.editor ? (n(), p(h, {
       key: 0,
@@ -1795,10 +1795,10 @@ function Cs(e, t, a, l, o, i) {
           e.activeMenu === "cell" ? (n(), p(m, {
             key: 1,
             editor: e.editor
-          }, null, 8, ["editor"])) : e.activeMenu === "default" ? (n(!0), w(E, { key: 2 }, G(e.generateCommandButtonComponentSpecs(), (c, M) => (n(), p(ua(c.component), ae({
+          }, null, 8, ["editor"])) : e.activeMenu === "default" ? (n(!0), w(E, { key: 2 }, G(e.generateCommandButtonComponentSpecs(), (c, M) => (n(), p(pa(c.component), ae({
             key: "command-button" + M,
             "enable-tooltip": e.enableTooltip
-          }, { ref_for: !0 }, c.componentProps, { readonly: e.isCodeViewMode }, Bl(c.componentEvents || {})), null, 16, ["enable-tooltip", "readonly"]))), 128)) : g("", !0)
+          }, { ref_for: !0 }, c.componentProps, { readonly: e.isCodeViewMode }, jl(c.componentEvents || {})), null, 16, ["enable-tooltip", "readonly"]))), 128)) : g("", !0)
         ], 2)
       ]),
       _: 1
@@ -1866,7 +1866,7 @@ function Cs(e, t, a, l, o, i) {
     }, 8, ["editor", "tippy-options", "should-show"])) : g("", !0)
   ], 512);
 }
-const to = /* @__PURE__ */ j(_s, [["render", Cs]]), Ds = {
+const ao = /* @__PURE__ */ j(_s, [["render", Cs]]), Ds = {
   editor: {
     extensions: {
       Bold: {
@@ -2079,7 +2079,7 @@ const to = /* @__PURE__ */ j(_s, [["render", Cs]]), Ds = {
     },
     characters: "Characters"
   }
-}, tl = {
+}, al = {
   buildI18nHandler(e = Ds) {
     return function(a) {
       return a.split(".").reduce((o, i) => o[i], e);
@@ -2107,7 +2107,7 @@ function $s(e) {
         };
         xe.config.set("basePath", "/ace-addon/");
         const C = d ? "tomorrow_night_eighties" : "sqlserver";
-        t = i = Ll(
+        t = i = Bl(
           xe.edit(a.value, {
             mode: "ace/mode/" + _.mode,
             theme: "ace/theme/" + C,
@@ -2142,23 +2142,23 @@ function $s(e) {
     isCodeViewMode: l
   };
 }
-const al = "px";
+const ll = "px";
 function Ts({
   width: e,
   height: t
 }) {
   return [{
-    width: isNaN(Number(e)) ? e : `${e}${al}`,
-    height: isNaN(Number(t)) ? t : `${t}${al}`
+    width: isNaN(Number(e)) ? e : `${e}${ll}`,
+    height: isNaN(Number(t)) ? t : `${t}${ll}`
   }];
 }
 const Ms = L({
   name: "ElementTiptap",
   emits: ["update:modelValue", "update:content", "onUpdate", "change", "onCreate", "onTransaction", "onBlur", "onFocus", "onDestroy"],
   components: {
-    EditorContent: pi,
-    MenuBar: xl,
-    MenuBubble: to
+    EditorContent: mi,
+    MenuBar: Kl,
+    MenuBubble: ao
   },
   props: {
     modelValue: {
@@ -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,
@@ -2310,7 +2310,7 @@ const Ms = L({
       },
       onUpdate: i
     });
-    Go(() => {
+    Yo(() => {
       de(d)?.setOptions({
         editorProps: {
           attributes: {
@@ -2319,7 +2319,7 @@ const Ms = L({
         }
       });
     });
-    const u = tl.buildI18nHandler(Yo(e.locale)), m = (...f) => u.apply(tl, f), h = K(!1), b = (f) => {
+    const u = al.buildI18nHandler(Jo(e.locale)), m = (...f) => u.apply(al, f), h = K(!1), b = (f) => {
       h.value = f;
     };
     We("isFullscreen", h), We("toggleFullscreen", b), We("enableTooltip", e.tooltip), We("userState", e.userState);
@@ -2344,7 +2344,7 @@ const Ms = L({
   style: { "min-height": "400px", width: "100%" }
 }, Vs = { class: "el-tiptap-editor__characters" };
 function As(e, t, a, l, o, i) {
-  const d = to, u = xl, m = Y("editor-content");
+  const d = ao, u = Kl, m = Y("editor-content");
   return e.editor ? (n(), w("div", {
     key: 0,
     style: te(e.editorStyle),
@@ -2386,7 +2386,7 @@ function As(e, t, a, l, o, i) {
         e.editorContentClass
       ])
     }, null, 8, ["editor", "class"]), [
-      [jl, !e.isCodeViewMode]
+      [Ul, !e.isCodeViewMode]
     ]),
     e.showFooter && !e.readonly ? (n(), w("div", {
       key: 3,
@@ -2417,7 +2417,7 @@ const Os = /* @__PURE__ */ j(Ms, [["render", As]]), Ns = lt.create({
   renderHTML({ HTMLAttributes: e }) {
     return ["h1", Qe(e), 0];
   }
-}), ll = wi.extend({
+}), ol = Fi.extend({
   addOptions() {
     return {
       title: !1
@@ -2432,9 +2432,9 @@ const Os = /* @__PURE__ */ j(Ms, [["render", As]]), Ns = lt.create({
 }), Es = L({
   name: "HeadingDropdown",
   components: {
-    ElDropdown: fa,
-    ElDropdownMenu: ma,
-    ElDropdownItem: pa,
+    ElDropdown: ha,
+    ElDropdownMenu: fa,
+    ElDropdownItem: ma,
     CommandButton: z
   },
   props: {
@@ -2486,7 +2486,7 @@ function Bs(e, t, a, l, o, i) {
             ])
           }, {
             default: s(() => [
-              b > 0 ? (n(), p(ua("h" + b), {
+              b > 0 ? (n(), p(pa("h" + b), {
                 key: 0,
                 "data-item-type": "heading"
               }, {
@@ -2516,7 +2516,7 @@ function Bs(e, t, a, l, o, i) {
     _: 1
   }, 8, ["disabled", "onCommand"]);
 }
-const js = /* @__PURE__ */ j(Es, [["render", Bs]]), ol = Fi.extend({
+const js = /* @__PURE__ */ j(Es, [["render", Bs]]), il = _i.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2531,7 +2531,7 @@ const js = /* @__PURE__ */ j(Es, [["render", Bs]]), ol = Fi.extend({
       }
     };
   }
-}), Us = _i.extend({
+}), Us = Si.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2551,7 +2551,7 @@ const js = /* @__PURE__ */ j(Es, [["render", Bs]]), ol = Fi.extend({
     };
   }
 });
-Si.extend({
+ki.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2571,12 +2571,12 @@ Si.extend({
     };
   }
 });
-const zt = Ci(Di);
-zt.register("html", Mi);
-zt.register("css", Ii);
-zt.register("js", $i);
-zt.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?.(),
@@ -2593,12 +2593,12 @@ const Rs = ki.extend({
           }
         };
       },
-      lowlight: zt
+      lowlight: qt
       // languageClassPrefix: 'language-',
       // defaultLanguage: 'plaintext',
     };
   }
-}), il = Pi.extend({
+}), nl = Vi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2620,7 +2620,7 @@ const Rs = ki.extend({
   // addExtensions() {
   // 	return [ListItem];
   // },
-}), nl = Vi.extend({
+}), sl = Ai.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -2640,7 +2640,7 @@ const Rs = ki.extend({
     };
   },
   addExtensions() {
-    return [ei];
+    return [ti];
   }
 }), zs = { class: "mb-2" }, qs = {
   class: "ml-2 text-3",
@@ -2741,7 +2741,7 @@ const Rs = ki.extend({
       a.previewIndex = h.value.indexOf(F.url), o.value.$el.children[0].click();
     };
     return (F, I) => {
-      const V = oe, T = Y("Plus"), H = Ge, Z = vt, W = Y("zoom-in"), Ne = Y("Delete"), Be = Ia, et = ia;
+      const V = oe, T = Y("Plus"), H = Ge, Z = vt, W = Y("zoom-in"), Ne = Y("Delete"), Be = $a, et = na;
       return n(), w(E, null, [
         P("div", zs, [
           r(V, {
@@ -2836,7 +2836,7 @@ const Rs = ki.extend({
       ], 64);
     };
   }
-}), Ys = /* @__PURE__ */ j(Gs, [["__scopeId", "data-v-b25f6961"]]), ka = {};
+}), Ys = /* @__PURE__ */ j(Gs, [["__scopeId", "data-v-b25f6961"]]), Ca = {};
 function Js(e) {
   return new Promise((t, a) => {
     const l = {
@@ -2849,33 +2849,33 @@ function Js(e) {
       a(l);
       return;
     }
-    if (ka[e]) {
-      t({ ...ka[e] });
+    if (Ca[e]) {
+      t({ ...Ca[e] });
       return;
     }
     const o = new Image();
     o.onload = () => {
-      l.width = o.width, l.height = o.height, l.complete = !0, ka[e] = { ...l }, t(l);
+      l.width = o.width, l.height = o.height, l.complete = !0, Ca[e] = { ...l }, t(l);
     }, o.onerror = () => {
       a(l);
     }, o.src = e;
   });
 }
 var Le = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.BREAK_TEXT = "block", e.FLOAT_LEFT = "left", e.FLOAT_RIGHT = "right", e))(Le || {});
-const sl = "[Element-Tiptap Tip]", Qs = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/, Xs = 200, Zs = Le.INLINE, ao = 1.7, aa = "100%";
-class lo {
+const rl = "[Element-Tiptap Tip]", Qs = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/, Xs = 200, Zs = Le.INLINE, lo = 1.7, la = "100%";
+class oo {
   static warn(t) {
-    console.warn(`${sl} ${t}`);
+    console.warn(`${rl} ${t}`);
   }
   static error(t) {
-    console.error(`${sl} ${t}`);
+    console.error(`${rl} ${t}`);
   }
 }
 const er = L({
   name: "ImageCommandButton",
   components: {
     ElDialog: $t,
-    ElUpload: ai,
+    ElUpload: li,
     ElPopover: ht,
     CommandButton: z
   },
@@ -2926,7 +2926,7 @@ const er = L({
       this.editor.commands.setImage({ src: e.url }), this.imageUploadDialogVisible = !1;
     },
     async uploadImage(e) {
-      const { file: t } = e, a = this.imageNodeOptions.uploadRequest, l = ta.service({
+      const { file: t } = e, a = this.imageNodeOptions.uploadRequest, l = aa.service({
         target: ".el-tiptap-upload"
       });
       try {
@@ -2934,7 +2934,7 @@ const er = L({
         const i = await (a ? a(t) : ts(t));
         o.setImage({ src: i }), this.imageUploadDialogVisible = !1;
       } catch (o) {
-        lo.error(String(o));
+        oo.error(String(o));
       } finally {
         this.$nextTick(() => {
           l.close();
@@ -3042,13 +3042,13 @@ function nr(e, t, a, l, o, i) {
     icon: "trash-alt"
   }, null, 8, ["command", "enable-tooltip", "tooltip"]);
 }
-const oo = /* @__PURE__ */ j(ir, [["render", nr]]), sr = L({
+const io = /* @__PURE__ */ j(ir, [["render", nr]]), sr = L({
   components: {
     ElDialog: $t,
     ElForm: Ut,
     ElFormItem: jt,
     ElInput: ft,
-    ElCol: li,
+    ElCol: oi,
     ElButton: mt,
     CommandButton: z
   },
@@ -3221,7 +3221,7 @@ function rr(e, t, a, l, o, i) {
     }, 8, ["modelValue", "title", "width", "onOpen"])
   ]);
 }
-const io = /* @__PURE__ */ j(sr, [["render", rr]]), dr = L({
+const no = /* @__PURE__ */ j(sr, [["render", rr]]), dr = L({
   name: "ImageDisplayCommandButton",
   components: {
     ElPopover: ht,
@@ -3285,11 +3285,11 @@ function mr(e, t, a, l, o, i) {
     _: 1
   }, 512);
 }
-const no = /* @__PURE__ */ j(dr, [["render", mr]]), fr = L({
+const so = /* @__PURE__ */ j(dr, [["render", mr]]), fr = L({
   components: {
-    ImageDisplayCommandButton: no,
-    EditImageCommandButton: io,
-    RemoveImageCommandButton: oo
+    ImageDisplayCommandButton: so,
+    EditImageCommandButton: no,
+    RemoveImageCommandButton: io
   },
   props: {
     // editor: {
@@ -3302,7 +3302,7 @@ const no = /* @__PURE__ */ j(dr, [["render", mr]]), fr = L({
   }
 }), hr = { class: "image-bubble-menu" };
 function cr(e, t, a, l, o, i) {
-  const d = no, u = io, m = oo;
+  const d = so, u = no, m = io;
   return n(), w("div", hr, [
     r(d, {
       node: e.node,
@@ -3318,19 +3318,19 @@ function cr(e, t, a, l, o, i) {
     }, null, 8, ["node", "editor"])
   ]);
 }
-const so = /* @__PURE__ */ j(fr, [["render", cr]]), Xt = 20, rl = 1e5, br = L({
+const ro = /* @__PURE__ */ j(fr, [["render", cr]]), Zt = 20, dl = 1e5, br = L({
   name: "ImageView",
   components: {
     ElPopover: ht,
     NodeViewWrapper: Xe,
-    ImageBubbleMenu: so
+    ImageBubbleMenu: ro
   },
   props: ye,
   data() {
     return {
       maxSize: {
-        width: rl,
-        height: rl
+        width: dl,
+        height: dl
       },
       originalSize: {
         width: 0,
@@ -3373,7 +3373,7 @@ const so = /* @__PURE__ */ j(fr, [["render", cr]]), Xt = 20, rl = 1e5, br = L({
   },
   async created() {
     const e = await Js(this.src);
-    e.complete || (e.width = Xt, e.height = Xt), this.originalSize = {
+    e.complete || (e.width = Zt, e.height = Zt), this.originalSize = {
       width: e.width,
       height: e.height
     };
@@ -3407,8 +3407,8 @@ const so = /* @__PURE__ */ j(fr, [["render", cr]]), Xt = 20, rl = 1e5, br = L({
       if (e.preventDefault(), e.stopPropagation(), !this.resizing) return;
       const { x: t, y: a, w: l, h: o, dir: i } = this.resizerState, d = (e.clientX - t) * (/l/.test(i) ? -1 : 1), u = (e.clientY - a) * (/t/.test(i) ? -1 : 1);
       this.updateAttributes?.({
-        width: Kl(l + d, Xt, this.maxSize.width),
-        height: Math.max(o + u, Xt)
+        width: Gl(l + d, Zt, this.maxSize.width),
+        height: Math.max(o + u, Zt)
       });
     },
     onMouseUp(e) {
@@ -3432,7 +3432,7 @@ const so = /* @__PURE__ */ j(fr, [["render", cr]]), Xt = 20, rl = 1e5, br = L({
   class: "image-resizer"
 }, vr = ["onMousedown"];
 function wr(e, t, a, l, o, i) {
-  const d = so, u = Ye, m = Y("node-view-wrapper");
+  const d = ro, u = Ye, m = Y("node-view-wrapper");
   return n(), p(m, {
     as: "span",
     class: Q(e.imageViewClass),
@@ -3462,7 +3462,7 @@ function wr(e, t, a, l, o, i) {
             onMousedown: (b) => e.onMouseDown(b, h)
           }, null, 42, vr))), 128))
         ], 512)), [
-          [jl, e.selected || e.resizing]
+          [Ul, e.selected || e.resizing]
         ]) : g("", !0),
         e.editor?.isEditable ? (n(), p(u, {
           key: 1,
@@ -3488,7 +3488,7 @@ function wr(e, t, a, l, o, i) {
     _: 1
   }, 8, ["class"]);
 }
-const Fr = /* @__PURE__ */ j(br, [["render", wr]]), _r = Ai.extend({
+const Fr = /* @__PURE__ */ j(br, [["render", wr]]), _r = Oi.extend({
   // https://github.com/ueberdosis/tiptap/issues/1206
   inline() {
     return !0;
@@ -3566,7 +3566,7 @@ const Fr = /* @__PURE__ */ j(br, [["render", wr]]), _r = Ai.extend({
   name: "TaskItemView",
   components: {
     NodeViewWrapper: Xe,
-    NodeViewContent: fi,
+    NodeViewContent: hi,
     ElCheckbox: Bt
   },
   props: ye,
@@ -3584,7 +3584,7 @@ const Fr = /* @__PURE__ */ j(br, [["render", wr]]), _r = Ai.extend({
   }
 }), kr = ["data-type", "data-done"], Cr = { contenteditable: "false" };
 function Dr(e, t, a, l, o, i) {
-  const d = na, u = Y("node-view-content"), m = Y("node-view-wrapper");
+  const d = sa, u = Y("node-view-content"), m = Y("node-view-wrapper");
   return n(), p(m, { class: "task-item-wrapper" }, {
     default: s(() => [
       P("li", {
@@ -3604,7 +3604,7 @@ function Dr(e, t, a, l, o, i) {
     _: 1
   });
 }
-const Ir = /* @__PURE__ */ j(Sr, [["render", Dr]]), $r = Ni.extend({
+const Ir = /* @__PURE__ */ j(Sr, [["render", Dr]]), $r = Ei.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -3642,7 +3642,7 @@ const Ir = /* @__PURE__ */ j(Sr, [["render", Dr]]), $r = Ni.extend({
   addNodeView() {
     return ot(Ir);
   }
-}), Tr = Oi.extend({
+}), Tr = Ni.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -3664,7 +3664,7 @@ const Ir = /* @__PURE__ */ j(Sr, [["render", Dr]]), $r = Ni.extend({
   addExtensions() {
     return [$r];
   }
-}), Zt = 5, dl = 10, ea = 2, Mr = L({
+}), ea = 5, ul = 10, ta = 2, Mr = L({
   name: "CreateTablePopover",
   components: {
     ElPopover: ht
@@ -3678,26 +3678,26 @@ const Ir = /* @__PURE__ */ j(Sr, [["render", Dr]]), $r = Ni.extend({
   data() {
     return {
       tableGridSize: {
-        row: Zt,
-        col: Zt
-      },
-      selectedTableGridSize: {
         row: ea,
         col: ea
+      },
+      selectedTableGridSize: {
+        row: ta,
+        col: ta
       }
     };
   },
   methods: {
     selectTableGridSize(e, t) {
-      e === this.tableGridSize.row && (this.tableGridSize.row = Math.min(e + 1, dl)), t === this.tableGridSize.col && (this.tableGridSize.col = Math.min(t + 1, dl)), this.selectedTableGridSize.row = e, this.selectedTableGridSize.col = t;
+      e === this.tableGridSize.row && (this.tableGridSize.row = Math.min(e + 1, ul)), t === this.tableGridSize.col && (this.tableGridSize.col = Math.min(t + 1, ul)), this.selectedTableGridSize.row = e, this.selectedTableGridSize.col = t;
     },
     resetTableGridSize() {
       this.tableGridSize = {
-        row: Zt,
-        col: Zt
-      }, this.selectedTableGridSize = {
         row: ea,
         col: ea
+      }, this.selectedTableGridSize = {
+        row: ta,
+        col: ta
       };
     }
   }
@@ -3743,12 +3743,12 @@ function Lr(e, t, a, l, o, i) {
     _: 1
   }, 8, ["modelValue", "onAfterLeave"]);
 }
-const ro = /* @__PURE__ */ j(Mr, [["render", Lr]]), Br = L({
+const uo = /* @__PURE__ */ j(Mr, [["render", Lr]]), Br = L({
   name: "TablePopover",
   components: {
     ElPopover: ht,
     CommandButton: z,
-    CreateTablePopover: ro
+    CreateTablePopover: uo
   },
   props: {
     editor: {
@@ -3762,7 +3762,7 @@ const ro = /* @__PURE__ */ j(Mr, [["render", Lr]]), Br = L({
   },
   computed: {
     isTableActive() {
-      return Rt(this.editor.state);
+      return zt(this.editor.state);
     },
     enableMergeCells() {
       return ns(this.editor.state);
@@ -3785,7 +3785,7 @@ const ro = /* @__PURE__ */ j(Mr, [["render", Lr]]), Br = L({
   }
 });
 function jr(e, t, a, l, o, i) {
-  const d = z, u = ro, m = _t, h = oa, b = Ft, _ = wt;
+  const d = z, u = uo, m = _t, h = ia, b = Ft, _ = wt;
   return n(), p(_, {
     placement: "bottom",
     trigger: "click",
@@ -3907,7 +3907,7 @@ function jr(e, t, a, l, o, i) {
     _: 1
   }, 512);
 }
-const Ur = /* @__PURE__ */ j(Br, [["render", jr]]), ul = Ei.extend({
+const Ur = /* @__PURE__ */ j(Br, [["render", jr]]), pl = Li.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -3922,7 +3922,7 @@ const Ur = /* @__PURE__ */ j(Br, [["render", jr]]), ul = Ei.extend({
     };
   },
   addExtensions() {
-    return [Li, Bi, ji];
+    return [Bi, ji, Ui];
   }
 }), Rr = L({
   name: "IframeCommandButton",
@@ -4029,7 +4029,7 @@ const Hr = lt.create({
       };
     };
   }
-}), pl = Ui.extend({
+}), ml = Ri.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4048,7 +4048,7 @@ const Hr = lt.create({
       }
     };
   }
-}), ml = Ri.extend({
+}), fl = zi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4067,7 +4067,7 @@ const Hr = lt.create({
       }
     };
   }
-}), fl = zi.extend({
+}), hl = qi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4086,7 +4086,7 @@ const Hr = lt.create({
       }
     };
   }
-}), Wr = qi.extend({
+}), Wr = 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__ */ j(xr, [["render", Kr]]), hl = Hi.extend({
+const Gr = /* @__PURE__ */ j(xr, [["render", Kr]]), cl = Wi.extend({
   priority: 100,
   addOptions() {
     return {
@@ -4255,14 +4255,14 @@ const Gr = /* @__PURE__ */ j(xr, [["render", Kr]]), hl = Hi.extend({
   },
   addProseMirrorPlugins() {
     return [
-      new gi({
+      new yi({
         props: {
           handleClick(e, t) {
             const { schema: a, doc: l, tr: o } = e.state;
             if (a.marks && a.marks.link) {
-              const i = Xo(l.resolve(t), a.marks.link);
+              const i = Zo(l.resolve(t), a.marks.link);
               if (!i) return !1;
-              const d = l.resolve(i.from), u = l.resolve(i.to), m = o.setSelection(new ca(d, u));
+              const d = l.resolve(i.from), u = l.resolve(i.to), m = o.setSelection(new ba(d, u));
               return e.dispatch(m), !0;
             }
             return !1;
@@ -4271,7 +4271,7 @@ const Gr = /* @__PURE__ */ j(xr, [["render", Kr]]), hl = Hi.extend({
       })
     ];
   }
-}), uo = [
+}), po = [
   "#f44336",
   "#e91e63",
   "#9c27b0",
@@ -4309,7 +4309,7 @@ const Gr = /* @__PURE__ */ j(xr, [["render", Kr]]), hl = Hi.extend({
       let h = e.editor.commands;
       m ? h.setColor(m) : h.unsetColor(), de(o).hide();
     }
-    const u = le(() => ha(e.editor.state, "textStyle").color || "");
+    const u = le(() => ca(e.editor.state, "textStyle").color || "");
     return Ke(u, (m) => {
       i.value = m;
     }), {
@@ -4329,7 +4329,7 @@ const Gr = /* @__PURE__ */ j(xr, [["render", Kr]]), hl = Hi.extend({
   }
 }), Jr = { class: "color-set" }, Qr = ["onClick"], Xr = { class: "color__wrapper" }, Zr = { class: "color-hex" };
 function ed(e, t, a, l, o, i) {
-  const d = $a, u = oe, m = z, h = Ye;
+  const d = Ta, u = oe, m = z, h = Ye;
   return n(), p(h, {
     disabled: e.isCodeViewMode,
     placement: "bottom",
@@ -4396,11 +4396,11 @@ function ed(e, t, a, l, o, i) {
     _: 1
   }, 8, ["disabled"]);
 }
-const td = /* @__PURE__ */ j(Yr, [["render", ed]]), cl = Wi.extend({
+const td = /* @__PURE__ */ j(Yr, [["render", ed]]), bl = xi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
-      colors: uo,
+      colors: po,
       button({ editor: e, t }) {
         return {
           component: td,
@@ -4412,7 +4412,7 @@ const td = /* @__PURE__ */ j(Yr, [["render", ed]]), cl = Wi.extend({
     };
   },
   addExtensions() {
-    return [xi];
+    return [Ki];
   }
 }), ad = L({
   name: "HighlightPopover",
@@ -4434,7 +4434,7 @@ const td = /* @__PURE__ */ j(Yr, [["render", ed]]), cl = Wi.extend({
       let b = e.editor.commands;
       h ? b.setHighlight({ color: h }) : b.unsetHighlight(), de(o).hide();
     }
-    const m = le(() => ha(e.editor.state, "highlight").color || "");
+    const m = le(() => ca(e.editor.state, "highlight").color || "");
     return Ke(m, (h) => {
       d.value = h;
     }), {
@@ -4455,7 +4455,7 @@ const td = /* @__PURE__ */ j(Yr, [["render", ed]]), cl = Wi.extend({
   }
 }), ld = { class: "color-set" }, od = ["onClick"], id = { class: "color__wrapper" }, nd = { class: "color-hex" };
 function sd(e, t, a, l, o, i) {
-  const d = $a, u = oe, m = z, h = Ye;
+  const d = Ta, u = oe, m = z, h = Ye;
   return n(), p(h, {
     disabled: e.isCodeViewMode,
     placement: "bottom",
@@ -4522,12 +4522,12 @@ function sd(e, t, a, l, o, i) {
     _: 1
   }, 8, ["disabled"]);
 }
-const rd = /* @__PURE__ */ j(ad, [["render", sd]]), bl = Ki.extend({
+const rd = /* @__PURE__ */ j(ad, [["render", sd]]), gl = Gi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
       multicolor: !0,
-      colors: uo,
+      colors: po,
       button({ editor: e, t }) {
         return {
           component: rd,
@@ -4556,9 +4556,9 @@ const rd = /* @__PURE__ */ j(ad, [["render", sd]]), bl = Ki.extend({
 ), pd = L({
   name: "FontFamilyDropdown",
   components: {
-    ElDropdown: fa,
-    ElDropdownMenu: ma,
-    ElDropdownItem: pa,
+    ElDropdown: ha,
+    ElDropdownMenu: fa,
+    ElDropdownItem: ma,
     CommandButton: z
   },
   props: {
@@ -4576,7 +4576,7 @@ const rd = /* @__PURE__ */ j(ad, [["render", sd]]), bl = Ki.extend({
       return this.editor.extensionManager.extensions.find((t) => t.name === "fontFamily").options.fontFamilyMap;
     },
     activeFontFamily() {
-      return ha(this.editor.state, "textStyle").fontFamily || "";
+      return ca(this.editor.state, "textStyle").fontFamily || "";
     }
   },
   methods: {
@@ -4683,7 +4683,7 @@ const hd = /* @__PURE__ */ j(pd, [["render", fd]]), cd = He.create({
   "48",
   "60",
   "72"
-], po = "default", gd = /([\d.]+)px/i;
+], mo = "default", gd = /([\d.]+)px/i;
 function yd(e) {
   const t = e.match(gd);
   if (!t) return "";
@@ -4693,9 +4693,9 @@ function yd(e) {
 const vd = L({
   name: "FontSizeDropdown",
   components: {
-    ElDropdown: fa,
-    ElDropdownMenu: ma,
-    ElDropdownItem: pa,
+    ElDropdown: ha,
+    ElDropdownMenu: fa,
+    ElDropdownItem: ma,
     CommandButton: z
   },
   props: {
@@ -4706,14 +4706,14 @@ const vd = L({
   },
   setup() {
     const e = B("t"), t = B("enableTooltip", !0), a = B("isCodeViewMode", !1);
-    return { t: e, enableTooltip: t, isCodeViewMode: a, defaultSize: po };
+    return { t: e, enableTooltip: t, isCodeViewMode: a, defaultSize: mo };
   },
   computed: {
     fontSizes() {
       return this.editor.extensionManager.extensions.find((t) => t.name === "fontSize").options.fontSizes;
     },
     activeFontSize() {
-      return ha(this.editor.state, "textStyle").fontSize || "";
+      return ca(this.editor.state, "textStyle").fontSize || "";
     }
   },
   methods: {
@@ -4808,7 +4808,7 @@ const Sd = /* @__PURE__ */ j(vd, [["render", _d]]), kd = He.create({
   addCommands() {
     return {
       setFontSize: (e) => ({ chain: t }) => t().setMark("textStyle", { fontSize: e }).run(),
-      unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: po }).removeEmptyTextStyle().run()
+      unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: mo }).removeEmptyTextStyle().run()
     };
   }
   // addExtensions() {
@@ -4981,7 +4981,7 @@ function Dd(e, t, a, l, o, i) {
     }, 8, ["modelValue"])
   ]);
 }
-const Id = /* @__PURE__ */ j(Cd, [["render", Dd]]), $d = Gi.extend({
+const Id = /* @__PURE__ */ j(Cd, [["render", Dd]]), $d = Yi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -4995,7 +4995,7 @@ const Id = /* @__PURE__ */ j(Cd, [["render", Dd]]), $d = Gi.extend({
       }
     };
   }
-}), Td = Yi.extend({
+}), Td = Ji.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5014,7 +5014,7 @@ const Id = /* @__PURE__ */ j(Cd, [["render", Dd]]), $d = Gi.extend({
       }
     };
   }
-}), Md = Ji.extend({
+}), Md = Qi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5146,7 +5146,7 @@ const Id = /* @__PURE__ */ j(Cd, [["render", Dd]]), $d = Gi.extend({
       };
     };
     return (F, I) => {
-      const V = oe, T = ze, H = Ia, Z = ia, W = we;
+      const V = oe, T = ze, H = $a, Z = na, W = we;
       return n(), w(E, null, [
         r(H, {
           action: e.userState.host + o.type[b.value].uploadUrl,
@@ -5335,7 +5335,7 @@ const Ed = /* @__PURE__ */ j(Od, [["render", Nd]]), Ld = He.create({
       }
     };
   }
-}), gl = Qi.extend({
+}), yl = Xi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5353,7 +5353,7 @@ const Ed = /* @__PURE__ */ j(Od, [["render", Nd]]), Ld = He.create({
       }
     };
   }
-}), yl = Xi.extend({
+}), vl = Zi.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5383,7 +5383,7 @@ const Ed = /* @__PURE__ */ j(Od, [["render", Nd]]), Ld = He.create({
       }
     };
   }
-}), vl = Zi.extend({
+}), wl = en.extend({
   addOptions() {
     return {
       ...this.parent?.(),
@@ -5407,19 +5407,19 @@ const Ed = /* @__PURE__ */ j(Od, [["render", Nd]]), Ld = He.create({
 var At = /* @__PURE__ */ ((e) => (e[e.max = 7] = "max", e[e.min = 0] = "min", e[e.more = 1] = "more", e[e.less = -1] = "less", e))(At || {});
 function Bd(e, t, a, l) {
   const { doc: o, selection: i } = e;
-  if (!o || !i || !(i instanceof ca || i instanceof Aa))
+  if (!o || !i || !(i instanceof ba || i instanceof Oa))
     return e;
   const { from: d, to: u } = i;
   return o.nodesBetween(d, u, (m, h) => {
     const b = m.type;
-    return a.includes(b.name) ? (e = jd(e, h, t), !1) : !Zo(m.type.name, l.extensionManager.extensions);
+    return a.includes(b.name) ? (e = jd(e, h, t), !1) : !ei(m.type.name, l.extensionManager.extensions);
   }), e;
 }
 function jd(e, t, a) {
   if (!e.doc) return e;
   const l = e.doc.nodeAt(t);
   if (!l) return e;
-  const d = Kl((l.attrs.indent || 0) + a, 0, 7);
+  const d = Gl((l.attrs.indent || 0) + a, 0, 7);
   if (d === l.attrs.indent) return e;
   const u = {
     ...l.attrs,
@@ -5427,14 +5427,14 @@ function jd(e, t, a) {
   };
   return e.setNodeMarkup(t, l.type, u, l.marks);
 }
-function wl({ delta: e, types: t }) {
+function Fl({ delta: e, types: t }) {
   return ({ state: a, dispatch: l, editor: o }) => {
     const { selection: i } = a;
     let { tr: d } = a;
     return d = d.setSelection(i), d = Bd(d, e, t, o), d.docChanged ? (l && l(d), !0) : !1;
   };
 }
-const Fl = He.create({
+const _l = He.create({
   name: "indent",
   addOptions() {
     return {
@@ -5486,11 +5486,11 @@ const Fl = He.create({
   },
   addCommands() {
     return {
-      indent: () => wl({
+      indent: () => Fl({
         delta: At.more,
         types: this.options.types
       }),
-      outdent: () => wl({
+      outdent: () => Fl({
         delta: At.less,
         types: this.options.types
       })
@@ -5502,41 +5502,41 @@ const Fl = He.create({
       "Shift-Tab": () => this.editor.commands.outdent()
     };
   }
-}), mo = ["paragraph", "heading", "list_item", "todo_item"], fo = /^\d+(.\d+)?$/;
+}), fo = ["paragraph", "heading", "list_item", "todo_item"], ho = /^\d+(.\d+)?$/;
 function Ud(e, t) {
   const { selection: a, doc: l } = e, { from: o, to: i } = a;
   let d = !0, u = !1;
   return l.nodesBetween(o, i, (m) => {
-    const h = m.type, b = m.attrs.lineHeight || aa;
-    return mo.includes(h.name) ? d && t === b ? (d = !1, u = !0, !1) : h.name !== "list_item" && h.name !== "todo_item" : d;
+    const h = m.type, b = m.attrs.lineHeight || la;
+    return fo.includes(h.name) ? d && t === b ? (d = !1, u = !0, !1) : h.name !== "list_item" && h.name !== "todo_item" : d;
   }), u;
 }
 function Rd(e) {
   if (!e) return "";
   let t = String(e);
-  if (fo.test(t)) {
+  if (ho.test(t)) {
     const a = parseFloat(t);
     t = String(Math.round(a * 100)) + "%";
   }
-  return parseFloat(t) * ao + "%";
+  return parseFloat(t) * lo + "%";
 }
 function zd(e) {
-  if (!e || e === aa) return "";
+  if (!e || e === la) return "";
   let t = e;
-  if (fo.test(e)) {
+  if (ho.test(e)) {
     const a = parseFloat(e);
-    if (t = String(Math.round(a * 100)) + "%", t === aa) return "";
+    if (t = String(Math.round(a * 100)) + "%", t === la) return "";
   }
-  return parseFloat(t) / ao + "%";
+  return parseFloat(t) / lo + "%";
 }
 function qd(e, t) {
   const { selection: a, doc: l } = e;
-  if (!a || !l || !(a instanceof ca || a instanceof Aa))
+  if (!a || !l || !(a instanceof ba || a instanceof Oa))
     return e;
-  const { from: o, to: i } = a, d = [], u = t && t !== aa ? t : null;
+  const { from: o, to: i } = a, d = [], u = t && t !== la ? t : null;
   return l.nodesBetween(o, i, (m, h) => {
     const b = m.type;
-    return mo.includes(b.name) ? ((m.attrs.lineHeight || null) !== u && d.push({
+    return fo.includes(b.name) ? ((m.attrs.lineHeight || null) !== u && d.push({
       node: m,
       pos: h,
       nodeType: b
@@ -5560,9 +5560,9 @@ function Hd(e) {
 const Wd = L({
   name: "LineHeightDropdown",
   components: {
-    ElDropdown: fa,
-    ElDropdownMenu: ma,
-    ElDropdownItem: pa,
+    ElDropdown: ha,
+    ElDropdownMenu: fa,
+    ElDropdownItem: ma,
     CommandButton: z
   },
   props: {
@@ -5666,7 +5666,7 @@ const Kd = /* @__PURE__ */ j(Wd, [["render", xd]]), Gd = He.create({
       unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
     };
   }
-}), _l = He.create({
+}), Sl = He.create({
   name: "formatClear",
   addOptions() {
     return {
@@ -5741,7 +5741,7 @@ function Zd(e) {
         o.close();
       }, 10);
     } catch (d) {
-      lo.error(d);
+      oo.error(d);
     }
     setTimeout(function() {
       document.body.removeChild(l);
@@ -5892,7 +5892,7 @@ function ru(e, t, a, l, o, i) {
     _: 1
   });
 }
-const du = /* @__PURE__ */ j(su, [["render", ru]]), Sl = lt.create({
+const du = /* @__PURE__ */ j(su, [["render", ru]]), kl = lt.create({
   name: "ElButton",
   group: "block",
   content: "block+",
@@ -5972,10 +5972,10 @@ const du = /* @__PURE__ */ j(su, [["render", ru]]), Sl = lt.create({
   }
 });
 function pu(e, t, a, l, o, i) {
-  const d = oe, u = Pl, m = Y("node-view-wrapper");
+  const d = oe, u = Vl, m = Y("node-view-wrapper");
   return n(), p(m, { class: "vue-component" }, {
     default: s(() => [
-      r(u, Pa(Va(e.node.attrs)), {
+      r(u, Va(Aa(e.node.attrs)), {
         default: s(() => [
           (n(!0), w(E, null, G(e.node.content.content, (h, b) => (n(), w(E, null, [
             h.type.name === "ElButton" ? (n(), p(d, ae({
@@ -5995,7 +5995,7 @@ function pu(e, t, a, l, o, i) {
     _: 1
   });
 }
-const mu = /* @__PURE__ */ j(uu, [["render", pu]]), kl = lt.create({
+const mu = /* @__PURE__ */ j(uu, [["render", pu]]), Cl = lt.create({
   name: "ElButtonGroup",
   group: "block",
   content: "block+",
@@ -6047,7 +6047,7 @@ function hu(e, t, a, l, o, i) {
     _: 1
   });
 }
-const cu = /* @__PURE__ */ j(fu, [["render", hu]]), Cl = lt.create({
+const cu = /* @__PURE__ */ j(fu, [["render", hu]]), Dl = lt.create({
   name: "ElIcon",
   group: "block",
   content: "inline*",
@@ -6105,7 +6105,7 @@ function gu(e, t, a, l, o, i) {
     _: 1
   });
 }
-const yu = /* @__PURE__ */ j(bu, [["render", gu]]), Dl = lt.create({
+const yu = /* @__PURE__ */ j(bu, [["render", gu]]), Il = lt.create({
   name: "ElTag",
   group: "block",
   content: "inline*",
@@ -6168,12 +6168,12 @@ function wu(e, t, a, l, o, i) {
   const d = vt, u = Y("node-view-wrapper");
   return n(), p(u, { class: "vue-component" }, {
     default: s(() => [
-      r(d, Pa(Va(e.node.attrs)), null, 16)
+      r(d, Va(Aa(e.node.attrs)), null, 16)
     ]),
     _: 1
   });
 }
-const Fu = /* @__PURE__ */ j(vu, [["render", wu]]), Il = lt.create({
+const Fu = /* @__PURE__ */ j(vu, [["render", wu]]), $l = lt.create({
   name: "ElImage",
   group: "block",
   content: "inline*",
@@ -6224,15 +6224,15 @@ const Fu = /* @__PURE__ */ j(vu, [["render", wu]]), Il = lt.create({
   }
 });
 function Su(e, t, a, l, o, i) {
-  const d = Ta, u = Y("node-view-wrapper");
+  const d = Ma, u = Y("node-view-wrapper");
   return n(), p(u, { class: "vue-component" }, {
     default: s(() => [
-      r(d, Pa(Va(e.node.attrs)), null, 16)
+      r(d, Va(Aa(e.node.attrs)), null, 16)
     ]),
     _: 1
   });
 }
-const ku = /* @__PURE__ */ j(_u, [["render", Su]]), $l = lt.create({
+const ku = /* @__PURE__ */ j(_u, [["render", Su]]), Tl = lt.create({
   name: "ElAvatar",
   group: "block",
   content: "inline*",
@@ -6453,79 +6453,79 @@ const ku = /* @__PURE__ */ j(_u, [["render", Su]]), $l = lt.create({
   },
   created() {
     this.mode == "mini" && !this.readonly ? this.extensions = [
-      ll,
-      Wa,
-      xa,
       ol,
-      pl.configure({ bubble: !0 }),
+      xa,
+      Ka,
+      il,
       ml.configure({ bubble: !0 }),
       fl.configure({ bubble: !0 }),
       hl.configure({ bubble: !0 }),
-      vl,
-      ul.configure({ resizable: !0 }),
-      bl.configure({ bubble: !0 }),
       cl.configure({ bubble: !0 }),
-      _l.configure({ bubble: !0 }),
-      Fl,
+      wl,
+      pl.configure({ resizable: !0 }),
+      gl.configure({ bubble: !0 }),
+      bl.configure({ bubble: !0 }),
+      Sl.configure({ bubble: !0 }),
+      _l,
+      sl,
       nl,
-      il,
+      Ya,
       Ga,
-      Ka,
-      gl,
       yl,
-      Sl,
+      vl,
       kl,
       Cl,
       Dl,
       Il,
-      $l
+      $l,
+      Tl
     ] : this.extensions = [
-      ll,
-      Wa,
-      xa,
       ol,
-      pl.configure({ bubble: !0 }),
+      xa,
+      Ka,
+      il,
       ml.configure({ bubble: !0 }),
       fl.configure({ bubble: !0 }),
-      Wr.configure({ bubble: !0 }),
       hl.configure({ bubble: !0 }),
+      Wr.configure({ bubble: !0 }),
+      cl.configure({ bubble: !0 }),
       Us,
-      vl,
-      ul.configure({ resizable: !0 }),
+      wl,
+      pl.configure({ resizable: !0 }),
+      gl.configure({ bubble: !0 }),
       bl.configure({ bubble: !0 }),
-      cl.configure({ bubble: !0 }),
       kd,
       cd,
       Td.configure({ bubble: !0 }),
       Md.configure({ bubble: !0 }),
-      _l.configure({ bubble: !0 }),
-      Fl,
+      Sl.configure({ bubble: !0 }),
+      _l,
+      sl,
       nl,
-      il,
       Tr,
       $d,
       _r,
       Ld,
       // SelectAll,
+      Ya,
       Ga,
-      Ka,
       // Gapcursor,
       // Dropcursor,
       // CodeBlock,
       Rs,
       Gd,
-      gl,
+      yl,
       Hr,
       tu,
       Xd,
-      yl,
+      vl,
       nu,
-      Sl,
       kl,
       Cl,
       Dl,
       Il,
-      $l
+      $l,
+      Tl
     ];
   }
 });
@@ -6558,7 +6558,7 @@ function Du(e, t, a, l, o, i) {
     onOnUpdate: e.onUpdate
   }, null, 8, ["modelValue", "extensions", "placeholder", "lang", "width", "height", "readonly", "tooltip", "charCountMax", "locale", "editorClass", "editorContentClass", "editorBubbleMenuClass", "editorMenubarClass", "editorFooterClass", "enableCharCount", "userState", "onOnCreate", "onOnTransaction", "onOnDestroy", "onOnBlur", "onOnFocus", "onOnUpdate"]);
 }
-const ga = /* @__PURE__ */ j(Cu, [["render", Du]]), Ca = {
+const ya = /* @__PURE__ */ j(Cu, [["render", Du]]), Da = {
   getUserAgent() {
     return navigator.userAgent;
   }
@@ -6643,7 +6643,7 @@ const ga = /* @__PURE__ */ j(Cu, [["render", Du]]), Ca = {
   methods: {
     initMask() {
       this.tests = [], this.partialPosition = this.mask.length, this.len = this.mask.length, this.firstNonMaskPos = null, this.defs = this.tokens;
-      let e = Ca.getUserAgent();
+      let e = Da.getUserAgent();
       this.androidChrome = /chrome/i.test(e) && /android/i.test(e);
       let t = this.mask.split("");
       for (let a = 0; a < t.length; a++) {
@@ -6683,13 +6683,13 @@ const ga = /* @__PURE__ */ j(Cu, [["render", Du]]), Ca = {
     onKeyDown(e) {
       if (this.readonly)
         return;
-      let t = e.which || e.keyCode, a, l, o, i = /iphone/i.test(Ca.getUserAgent());
+      let t = e.which || e.keyCode, a, l, o, i = /iphone/i.test(Da.getUserAgent());
       this.oldVal = this.$el.value, t === 8 || t === 46 || i && t === 127 ? (a = this.caret(), l = a.begin, o = a.end, o - l === 0 && (l = t !== 46 ? this.seekPrev(l) : o = this.seekNext(l - 1), o = t === 46 ? this.seekNext(o) : o), this.clearBuffer(l, o), this.shiftL(l, o - 1), this.updateModel(e), e.preventDefault()) : t === 13 ? (this.$el.blur(), this.updateModel(e)) : t === 27 && (this.$el.value = this.focusText, this.caret(0, this.checkVal()), this.updateModel(e), e.preventDefault()), this.$emit("keydown", e);
     },
     onKeyPress(e) {
       if (!this.readonly) {
         var t = e.which || e.keyCode, a = this.caret(), l, o, i, d;
-        e.ctrlKey || e.altKey || e.metaKey || t < 32 || (t && t !== 13 && (a.end - a.begin !== 0 && (this.clearBuffer(a.begin, a.end), this.shiftL(a.begin, a.end - 1)), l = this.seekNext(a.begin - 1), l < this.len && (o = String.fromCharCode(t), this.tests[l].test(o) && (this.shiftR(l), this.buffer[l] = o, this.writeBuffer(), i = this.seekNext(l), /android/i.test(Ca.getUserAgent()) ? setTimeout(() => {
+        e.ctrlKey || e.altKey || e.metaKey || t < 32 || (t && t !== 13 && (a.end - a.begin !== 0 && (this.clearBuffer(a.begin, a.end), this.shiftL(a.begin, a.end - 1)), l = this.seekNext(a.begin - 1), l < this.len && (o = String.fromCharCode(t), this.tests[l].test(o) && (this.shiftR(l), this.buffer[l] = o, this.writeBuffer(), i = this.seekNext(l), /android/i.test(Da.getUserAgent()) ? setTimeout(() => {
           this.caret(i);
         }, 0) : this.caret(i), a.begin <= this.lastRequiredNonMaskPos && (d = this.isCompleted()))), e.preventDefault()), this.updateModel(e), d && this.$emit("complete", e), this.$emit("keypress", e));
       }
@@ -6874,7 +6874,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
     return i.dataid = i._id, { response: !0, data: i, message: o.data.message };
   } else
     return { response: !1, data: void 0, message: "Can't get form" };
-}).catch((o) => o.response && o.response.data && o.response.data.message ? { response: !1, data: void 0, message: o.response.data.message } : { response: !1, data: void 0, message: "Can't get form" }), ya = async (e, t) => await fe.post(
+}).catch((o) => o.response && o.response.data && o.response.data.message ? { response: !1, data: void 0, message: o.response.data.message } : { response: !1, data: void 0, message: "Can't get form" }), va = async (e, t) => await fe.post(
   `${t.host}/widget/sdform/insert-empty`,
   { formId: e },
   {
@@ -6907,7 +6907,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
     return u._id = d.data.id, u.dataid = u._id, { data: u, message: d.data.message };
   } else
     return { data: null, message: d.data.message };
-}).catch((d) => d.response && d.response.data && d.response.data.message ? { data: null, message: d.response.data.message } : { data: null, message: "Can't save data" }), La = async (e, t, a) => await fe.delete(`${a.host}/widget/sdform/remove-data`, {
+}).catch((d) => d.response && d.response.data && d.response.data.message ? { data: null, message: d.response.data.message } : { data: null, message: "Can't save data" }), Ba = async (e, t, a) => await fe.delete(`${a.host}/widget/sdform/remove-data`, {
   headers: {
     Authorization: `Bearer ${a.user?.token}`
   },
@@ -6937,10 +6937,10 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
   "updated_by.id",
   "updated_by.name",
   "updated_at"
-], sg = (e, t) => e && Object.keys(e).length > 0 && e[t] && e[t].type ? e[t].type : ["_id", "xparentx"].includes(t) ? Ue.ObjectId : Ue.Any, ho = (e, t) => {
+], sg = (e, t) => e && Object.keys(e).length > 0 && e[t] && e[t].type ? e[t].type : ["_id", "xparentx"].includes(t) ? Ue.ObjectId : Ue.Any, co = (e, t) => {
   const a = e && e.form_db && e.form_db.schema ? e.form_db.schema : null;
   return a && Object.keys(a).length > 0 && t && a[t] && a[t].type ? a[t].type : ["_id", "xparentx"].includes(t) ? Ue.ObjectId : Ue.Any;
-}, Tl = (e, t) => ["_id", "xparentx"].includes(t) ? !0 : ho(e, t) === "ObjectId", rg = async (e, t, a, l) => await fe.put(
+}, Ml = (e, t) => ["_id", "xparentx"].includes(t) ? !0 : co(e, t) === "ObjectId", rg = async (e, t, a, l) => await fe.put(
   `${l.host}/widget/sdform/check-parent`,
   { formId: e, dataId: t, formData: a },
   {
@@ -6954,7 +6954,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
     return d._id = i.data.id, d.dataid = d._id, { data: d, message: i.data.message };
   } else
     return { data: i.data.data, message: i.data.message };
-}).catch((i) => i.response && i.response.data && i.response.data.message ? { data: i.response.data.data, message: i.response.data.message } : { data: null, message: "Can't save data" }), la = (e, t) => {
+}).catch((i) => i.response && i.response.data && i.response.data.message ? { data: i.response.data.data, message: i.response.data.message } : { data: null, message: "Can't save data" }), oa = (e, t) => {
   if (e.form_share.form_sharing === "private") {
     let a = "";
     if (e.created_by && e.created_by.id && (a = e.created_by.id), t.user_id !== a)
@@ -6974,7 +6974,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
     }
   }
   return !0;
-}, qt = (e) => e.includes("admin") || e.includes("super"), Oe = (e, t) => {
+}, Ht = (e) => e.includes("admin") || e.includes("super"), Oe = (e, t) => {
   let a = !1, l = !1;
   if (e.form_options.data_manager && Object.keys(e.form_options.data_manager).length > 0) {
     const o = e.form_options.data_manager;
@@ -6985,7 +6985,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
       }
     });
   }
-  if (e.created_by.id === t.user_id || l || qt(t.roles))
+  if (e.created_by.id === t.user_id || l || Ht(t.roles))
     a = !0;
   else if (e.form_share.insert_policy)
     if (e.form_share.insert_assign && Object.keys(e.form_share.insert_assign).length > 0) {
@@ -7010,7 +7010,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
       }
     });
   }
-  if (e.created_by && (e.created_by.id === a.user_id || o || qt(a.roles)))
+  if (e.created_by && (e.created_by.id === a.user_id || o || Ht(a.roles)))
     l = !0;
   else if (t && t.created_by && t.created_by.id && t.created_by.id === a.user_id)
     l = !0;
@@ -7026,7 +7026,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
     } else
       l = !0;
   return l;
-}, Ba = (e, t, a) => {
+}, ja = (e, t, a) => {
   let l = !1, o = !1;
   if (e.form_options.data_manager && Object.keys(e.form_options.data_manager).length > 0) {
     const i = e.form_options.data_manager;
@@ -7037,7 +7037,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
       }
     });
   }
-  if (e.created_by.id === a.user_id || o || qt(a.roles))
+  if (e.created_by.id === a.user_id || o || Ht(a.roles))
     l = !0;
   else if (t && t.created_by && t.created_by.id && t.created_by.id === a.user_id)
     l = !0;
@@ -7053,7 +7053,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
     } else
       l = !0;
   return l;
-}, va = (e, t, a) => {
+}, wa = (e, t, a) => {
   let l = !1, o = !1;
   if (e.form_options.data_manager && Object.keys(e.form_options.data_manager).length > 0) {
     const i = e.form_options.data_manager;
@@ -7064,7 +7064,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
       }
     });
   }
-  return e.created_by && (e.created_by.id === a.user_id || o || qt(a.roles)) ? l = !0 : e.form_share.data_sharing && (e.form_share.data_sharing == "private" ? t && t.created_by && t.created_by.id && t.created_by.id === a.user_id && (l = !0) : e.form_share.data_sharing == "public" ? l = !0 : e.form_share.data_sharing == "site" ? t && t.xsitex && t.xsitex.code && t.xsitex.code === a.site.code && (l = !0) : e.form_share.data_sharing == "unit" && t && t.xunitx && t.xunitx.code && t.xunitx.code === a.unit.code && (l = !0)), l;
+  return e.created_by && (e.created_by.id === a.user_id || o || Ht(a.roles)) ? l = !0 : e.form_share.data_sharing && (e.form_share.data_sharing == "private" ? t && t.created_by && t.created_by.id && t.created_by.id === a.user_id && (l = !0) : e.form_share.data_sharing == "public" ? l = !0 : e.form_share.data_sharing == "site" ? t && t.xsitex && t.xsitex.code && t.xsitex.code === a.site.code && (l = !0) : e.form_share.data_sharing == "unit" && t && t.xunitx && t.xunitx.code && t.xunitx.code === a.unit.code && (l = !0)), l;
 }, Au = (e, t) => {
   let a = !1;
   if (e.form_options.data_manager && Object.keys(e.form_options.data_manager).length > 0) {
@@ -7074,7 +7074,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
     });
   }
   const l = t.roles;
-  return a = qt(l), a;
+  return a = Ht(l), a;
 }, Ve = (e, t, a, l = "") => {
   if (e != null) {
     if (t === "xrstatx")
@@ -7285,7 +7285,7 @@ const ig = /* @__PURE__ */ j(Iu, [["render", Tu]]), rt = async (e, t, a) => awai
   }
 });
 function Eu(e, t, a, l, o, i) {
-  const d = ce, u = oe, m = Y("sd-value-widget", !0), h = qe, b = Lt, _ = Ye, C = vt, c = Po, M = ze, f = sa, y = Ia, k = Et, A = Ze, q = ga, F = Vo;
+  const d = ce, u = oe, m = Y("sd-value-widget", !0), h = qe, b = Lt, _ = Ye, C = vt, c = Vo, M = ze, f = ra, y = $a, k = Et, A = Ze, q = ya, F = Ao;
   return e.schema.component === "sub-form" && !e.rawValue ? (n(), p(_, {
     key: 0,
     width: e.subformWidth,
@@ -7448,7 +7448,7 @@ function Eu(e, t, a, l, o, i) {
     }, 8, ["style", "type", "truncated", "line-clamp"]))
   ], 64));
 }
-const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15"]]), Lu = L({
+const Wt = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15"]]), Lu = L({
   name: "SdUiListView",
   components: {
     // SdCrudPopupGrid,
@@ -7607,6 +7607,10 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
       type: String,
       default: ""
     },
+    enableWs: {
+      type: Boolean,
+      default: !0
+    },
     userState: {
       type: Object,
       required: !0
@@ -7673,6 +7677,7 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
       useUserState: this.$props.userState,
       dpFormData: { providerId: this.formId, providerType: this.providerType },
       wsConn: void 0,
+      widgetId: "SdUiListView-" + Rt(),
       sdFunc: {},
       isFormEnable: this.providerType === "FORM",
       groupItems: [],
@@ -7757,11 +7762,11 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
     initForm(e) {
       this.searchText = "", 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.sdformModel.form_event.after_delete && this.sdformModel.form_event.enable && (this.afterDeleteForm = new Function("formData", ...Ce, this.sdformModel.form_event.after_delete)), this.iconName || (this.iconForm = "", this.sdformModel.form_icon ? this.iconForm = this.sdformModel.form_icon : this.iconForm = ""), this.titleName ? this.titleNameForm = this.titleName : this.titleNameForm = this.sdformModel.form_name ? `${this.sdformModel.form_name}` : "", this.dataProvider ? this.dpFormData = D(this.dataProvider) : (this.dpFormData.providerId = this.formId, this.dpFormData.providerType = pe.FORM), this.dpFormData.params || (this.dpFormData.params = {}), this.dpFormData.options ? (this.dpFormData.options.page || (this.dpFormData.options.page = 1), this.dpFormData.options.limit ? this.limit = this.dpFormData.options.limit : this.dpFormData.options.limit = this.limit, this.optionProvider = this.dpFormData.options) : this.dpFormData.options = this.optionProvider, this.parentId != "" && (this.params.xparentx = this.parentId, this.dpFormData.options && this.dpFormData.options.where ? this.dpFormData.options.where += " AND xparentx = CONVERT(:xparentx, 'objectId')" : this.dpFormData.options.where = "xparentx = CONVERT(:xparentx, 'objectId')"), this.searchFields ? this.dpFormData.options.search = this.searchFields : this.dpFormData.options.search = this.sdformModel.form_options.search_fields ? this.sdformModel.form_options.search_fields : [];
       const t = D(this.dpFormData.params), a = D(this.params);
-      this.defaultParams = { ...a, ...t }, this.dpFormData.params = D(this.defaultParams), this.dpFormData.options.orderBy || (this.dpFormData.options.orderBy = [{ column: "created_at", sort: ue.DESC }]), this.noMore || this.getDataList(), this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, (l) => {
-        if (l.from != "server" && l.from != this.userState.user?.username) {
+      this.defaultParams = { ...a, ...t }, this.dpFormData.params = D(this.defaultParams), this.dpFormData.options.orderBy || (this.dpFormData.options.orderBy = [{ column: "created_at", sort: ue.DESC }]), this.noMore || this.getDataList(), this.enableWs && this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, this.widgetId, (l) => {
+        if (l.from != "server" && (l.from != this.userState.user?.username || l.params && l.params.widget && l.params.widget !== this.widgetId)) {
           let o = -1;
           const i = D(l.data);
-          l.params && D(l.params), o = this.keyIdIndex(i._id), l.method == "insert" ? va(this.sdformModel, i, this.useUserState.user) && (this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.rawData.push(i)) : l.method == "update" ? o >= 0 && (this.rawData[o] = i) : l.method == "delete" && o >= 0 && (this.rawData.splice(o, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1);
+          l.params && D(l.params), o = this.keyIdIndex(i._id), l.method == "insert" ? wa(this.sdformModel, i, this.useUserState.user) && (this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.rawData.push(i)) : l.method == "update" ? o >= 0 && (this.rawData[o] = i) : l.method == "delete" && o >= 0 && (this.rawData.splice(o, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1);
         }
       }));
     },
@@ -7777,7 +7782,7 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
       return Re(e, t, a);
     },
     allowDelete(e, t, a) {
-      return Ba(e, t, a);
+      return ja(e, t, a);
     },
     afterSave(e, t, a = null) {
       t || (this.showPopupFlag = !1, this.handlePopUpForm()), a && (this.isInsert = !1), this.selectIndex = this.keyIdIndex(e[this.keyId]);
@@ -7785,9 +7790,9 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
       if (e)
         if (this.isInsert) {
           let o = D(e);
-          this.rawData = [o].concat(this.rawData), this.isInsert = !1, this.selectIndex = -1, this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.wsConn?.wsSend({ data: o, method: "insert", keyid: this.keyId });
+          this.rawData = [o].concat(this.rawData), this.isInsert = !1, this.selectIndex = -1, this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.wsConn?.wsSend({ data: o, method: "insert", keyid: this.keyId, params: { widget: this.widgetId } });
         } else
-          this.selectIndex != -1 && (this.rawData[this.selectIndex] = D(e)), this.wsConn?.wsSend({ data: e, method: "update", keyid: this.keyId });
+          this.selectIndex != -1 && (this.rawData[this.selectIndex] = D(e)), this.wsConn?.wsSend({ data: e, method: "update", keyid: this.keyId, params: { widget: this.widgetId } });
       this.$emit("aftersave", l, e, this.rawData, this.selectIndex);
     },
     async getDataList(e) {
@@ -7860,8 +7865,8 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
         cancelButtonText: "Cancel",
         type: "warning"
       }).then(async () => {
-        if (await La(this.sdformModel.dataid, a, this.useUserState)) {
-          if (this.wsConn?.wsSend({ data: e, method: "delete", keyid: this.keyId }), this.rawData.splice(this.selectIndex, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1, this.afterDelete && this.afterDelete(e, this.selectIndex), this.sdformModel.form_event.enable && this.afterDeleteForm)
+        if (await Ba(this.sdformModel.dataid, a, this.useUserState)) {
+          if (this.wsConn?.wsSend({ data: e, method: "delete", keyid: this.keyId, params: { widget: this.widgetId } }), this.rawData.splice(this.selectIndex, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1, this.afterDelete && this.afterDelete(e, this.selectIndex), this.sdformModel.form_event.enable && this.afterDeleteForm)
             try {
               this.afterDeleteForm.call(this.sdFunc, e);
             } catch (i) {
@@ -7895,7 +7900,7 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
       return this.total.toLocaleString();
     },
     convertHexToRgba(e, t = 1) {
-      return ba(e, t);
+      return ga(e, t);
     }
     // groupCheck(rawData: any) {
     // 	const gvalue = this.getValue(rawData, this.groupField);
@@ -7977,7 +7982,7 @@ const Ht = /* @__PURE__ */ j(Nu, [["render", Eu], ["__scopeId", "data-v-6f6b7a15
   class: "thumbnail-actions"
 };
 function $p(e, t, a, l, o, i) {
-  const d = Ze, u = ce, m = Y("Loading"), h = Ge, b = oe, _ = Y("search"), C = Ie, c = Ta, M = Ht, f = ze, y = Vl, k = Ao, A = at, q = Y("Picture"), F = vt, I = Ma;
+  const d = Ze, u = ce, m = Y("Loading"), h = Ge, b = oe, _ = Y("search"), C = Ie, c = Ma, M = Wt, f = ze, y = Al, k = Oo, A = at, q = Y("Picture"), F = vt, I = Pa;
   return n(), w(E, null, [
     e.listType === "listview" ? (n(), w("div", Bu, [
       P("div", ju, [
@@ -8561,7 +8566,7 @@ function $p(e, t, a, l, o, i) {
     ])) : g("", !0)
   ], 64);
 }
-const Tp = /* @__PURE__ */ j(Lu, [["render", $p], ["__scopeId", "data-v-71527893"]]), dg = /* @__PURE__ */ L({
+const Tp = /* @__PURE__ */ j(Lu, [["render", $p], ["__scopeId", "data-v-11e15de9"]]), dg = /* @__PURE__ */ L({
   __name: "SdAppList",
   props: {
     userState: {
@@ -8592,7 +8597,7 @@ const Tp = /* @__PURE__ */ j(Lu, [["render", $p], ["__scopeId", "data-v-71527893
   setup(e) {
     const t = e, a = Se({
       formId: "getmodules",
-      router: Rl(),
+      router: zl(),
       searchFields: t.searchEnable ? ["app_name", "app_desc", "app_code", "app_category"] : void 0,
       // dpFormData: {
       // 	providerId: '68f5f4ce2bdb232a29533e50',
@@ -9507,10 +9512,10 @@ const Tp = /* @__PURE__ */ j(Lu, [["render", $p], ["__scopeId", "data-v-71527893
     };
   }
 });
-function Da(e) {
+function Ia(e) {
   return e.includes("admin") || e.includes("super");
 }
-const Mp = Jo(() => import("./sd-render-Bh_daYMW.js").then((e) => e.S)), Pp = L({
+const Mp = Qo(() => import("./sd-render-ywatVexk.js").then((e) => e.S)), Pp = L({
   name: "SdCrudForm",
   components: {
     SdFormRenderAsync: Mp
@@ -9647,7 +9652,7 @@ const Mp = Jo(() => import("./sd-render-Bh_daYMW.js").then((e) => e.S)), Pp = L(
     };
   },
   async beforeUnmount() {
-    this.formData && this.formData._id && Oa(this.formData.xrstatx) && this.formData.xrstatx === 0 && (this.isInsert = !0, this.sdformModel.dataid && (await Pu(this.sdformModel.dataid, this.formData._id, this.useUserState) || N.warning("Unable to delete empty data")));
+    this.formData && this.formData._id && Na(this.formData.xrstatx) && this.formData.xrstatx === 0 && (this.isInsert = !0, this.sdformModel.dataid && (await Pu(this.sdformModel.dataid, this.formData._id, this.useUserState) || N.warning("Unable to delete empty data")));
   },
   methods: {
     async initForm(e) {
@@ -9662,7 +9667,7 @@ const Mp = Jo(() => import("./sd-render-Bh_daYMW.js").then((e) => e.S)), Pp = L(
         }
         this.changeVersion && this.changeVersion(this.sdformModel);
       }
-      if (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.userBy && this.userState.user && (this.userBy = this.userState.user), this.autoSave = this.sdformModel.form_options.auto_save, this.appMode = this.sdformModel.form_type == "form_ui", this.userState.user && (this.allowInsert = Oe(this.sdformModel, this.userState.user), this.allowUpdate = Re(this.sdformModel, this.formData, this.userState.user)), !Da(this.userState.systemRoles)) {
+      if (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.userBy && this.userState.user && (this.userBy = this.userState.user), this.autoSave = this.sdformModel.form_options.auto_save, this.appMode = this.sdformModel.form_type == "form_ui", this.userState.user && (this.allowInsert = Oe(this.sdformModel, this.userState.user), this.allowUpdate = Re(this.sdformModel, this.formData, this.userState.user)), !Ia(this.userState.systemRoles)) {
         if (this.sdformModel.form_share.form_sharing === "private") {
           let o = "";
           this.sdformModel.created_by && this.sdformModel.created_by.id && (o = this.sdformModel.created_by.id), this.userBy?.user_id !== o && (this.hideMsg = "You don't have permission to use this form.", this.hideForm = !0);
@@ -9708,7 +9713,7 @@ const Mp = Jo(() => import("./sd-render-Bh_daYMW.js").then((e) => e.S)), Pp = L(
             }
           );
         else {
-          const e = await ya(this.sdformModel._id || this.sdformModel.dataid, this.useUserState);
+          const e = await va(this.sdformModel._id || this.sdformModel.dataid, this.useUserState);
           e ? (this.refSdForm && this.refSdForm.resetForm(), this.formData = { ...e, ...D(this.initData) }) : N.warning("Unable to create empty data");
         }
     },
@@ -9720,12 +9725,12 @@ const Mp = Jo(() => import("./sd-render-Bh_daYMW.js").then((e) => e.S)), Pp = L(
           let l = "true";
           if (a.cond && (l = a.cond), Bn(l, e) && a.form) {
             if (this.subFormOpen) {
-              const o = Ea(e);
+              const o = La(e);
               let i = {};
               if (a.initdata && Object.values(a.initdata).length > 0)
                 for (const d of a.initdata) {
                   const u = jn(d.value, e);
-                  Wl(i, d.field, u);
+                  xl(i, d.field, u);
                 }
               this.nextOpenForm = {
                 formId: a.form,
@@ -9751,7 +9756,7 @@ const Mp = Jo(() => import("./sd-render-Bh_daYMW.js").then((e) => e.S)), Pp = L(
     },
     handleAfterSave(e, t) {
       let a = this.nextOpenForm.isInsert ? "insert" : "update";
-      const l = this.userState.connectWebSocket("gridform", this.nextOpenForm.formId, (o) => {
+      const l = this.userState.connectWebSocket("gridform", this.nextOpenForm.formId, "", (o) => {
       });
       setTimeout(() => {
         l.wsSend({ data: e, method: a, keyid: "_id" }), l.wsDisconnect();
@@ -9801,7 +9806,7 @@ const Mp = Jo(() => import("./sd-render-Bh_daYMW.js").then((e) => e.S)), Pp = L(
   }
 });
 function Vp(e, t, a, l, o, i) {
-  const d = ra, u = Y("SdFormRenderAsync"), m = oe, h = at, b = St;
+  const d = da, u = Y("SdFormRenderAsync"), m = oe, h = at, b = St;
   return n(), w(E, null, [
     e.hideForm ? (n(), p(d, {
       key: 0,
@@ -9893,7 +9898,7 @@ function Vp(e, t, a, l, o, i) {
     })) : g("", !0)
   ], 64);
 }
-const co = /* @__PURE__ */ j(Pp, [["render", Vp]]), Ap = L({
+const bo = /* @__PURE__ */ j(Pp, [["render", Vp]]), Ap = L({
   name: "SdAppViewer",
   components: {},
   props: {
@@ -9948,7 +9953,7 @@ const co = /* @__PURE__ */ j(Pp, [["render", Vp]]), Ap = L({
     this.params = {}, this.appId = this.appIdDefault, this.tab = "1", this.dataId = "", this.parentId = "", this.appIcon = null, this.appTitle = "AppName", this.appTitleSub = "", this.appInfo = "", this.appTabs = [];
   },
   setup(e, t) {
-    return { route: zl() };
+    return { route: ql() };
   },
   methods: {
     async initApp() {
@@ -9980,10 +9985,10 @@ const co = /* @__PURE__ */ j(Pp, [["render", Vp]]), Ap = L({
       if (e.app_share === "public")
         a = !0;
       else if (e.app_share === "private")
-        (e.created_by.id === t.user_id || Da(t.roles)) && (a = !0);
+        (e.created_by.id === t.user_id || Ia(t.roles)) && (a = !0);
       else if (e.app_share === "assign") {
         const l = e.app_assign_roles, o = t.roles;
-        Da(t.roles) ? a = !0 : o.forEach((i) => {
+        Ia(t.roles) ? a = !0 : o.forEach((i) => {
           if (l.includes(i)) {
             a = !0;
             return;
@@ -10004,7 +10009,7 @@ const co = /* @__PURE__ */ j(Pp, [["render", Vp]]), Ap = L({
   class: "el-dialog__title"
 };
 function xp(e, t, a, l, o, i) {
-  const d = Ta, u = oe, m = ce, h = co, b = ra, _ = No, C = Oo, c = ga, M = we, f = Ul("can");
+  const d = Ma, u = oe, m = ce, h = bo, b = da, _ = Eo, C = No, c = ya, M = we, f = Rl("can");
   return n(), w(E, null, [
     e.appId ? (n(), w("div", Op, [
       P("div", Np, [
@@ -10059,7 +10064,7 @@ function xp(e, t, a, l, o, i) {
               ]),
               default: s(() => [
                 Pe((n(), w("div", zp, [
-                  y.tab_widget_name ? (n(), p(ua(e.customComponents[y.tab_widget_name]), ae({
+                  y.tab_widget_name ? (n(), p(pa(e.customComponents[y.tab_widget_name]), ae({
                     key: 0,
                     ref_for: !0
                   }, y.tab_options ? y.tab_options : {}, {
@@ -10182,8 +10187,7 @@ function xp(e, t, a, l, o, i) {
   ], 64);
 }
 const ug = /* @__PURE__ */ j(Ap, [["render", xp], ["__scopeId", "data-v-bc1eaadb"]]);
-en.register(
-  tn,
+tn.register(
   an,
   ln,
   on,
@@ -10196,11 +10200,12 @@ en.register(
   mn,
   fn,
   hn,
-  cn
+  cn,
+  bn
 );
 const Kp = L({
   name: "SdChart",
-  components: { Chart: bn },
+  components: { Chart: gn },
   props: {
     sqlId: {
       type: String,
@@ -10559,7 +10564,7 @@ const pg = /* @__PURE__ */ j(Kp, [["render", Gp]]), Yp = L({
   },
   methods: {
     handleOpen() {
-      const e = ta.service({ lock: !0, text: "Loading", background: "rgba(0, 0, 0, 0.7)", fullscreen: !0 });
+      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) => {
@@ -10595,7 +10600,7 @@ const pg = /* @__PURE__ */ j(Kp, [["render", Gp]]), Yp = L({
   class: "el-dialog__title"
 }, Qp = { class: "dialog-footer" };
 function Xp(e, t, a, l, o, i) {
-  const d = Y("Document"), u = Ge, m = sa, h = oe, b = we;
+  const d = Y("Document"), u = Ge, m = ra, h = oe, b = we;
   return n(), p(b, {
     title: e.popupName,
     modelValue: e.showPopupFlag,
@@ -10697,7 +10702,7 @@ const Zp = /* @__PURE__ */ j(Yp, [["render", Xp]]), em = L({
   }
 });
 function tm(e, t, a, l, o, i) {
-  const d = Ml, u = qe;
+  const d = Pl, u = qe;
   return n(), p(u, {
     prop: e.columnProp,
     label: e.columnLabel,
@@ -10717,7 +10722,7 @@ function tm(e, t, a, l, o, i) {
     _: 1
   }, 8, ["prop", "label", "width"]);
 }
-const bo = /* @__PURE__ */ j(em, [["render", tm]]), am = L({
+const go = /* @__PURE__ */ j(em, [["render", tm]]), am = L({
   name: "SdGridColumnDate",
   props: {
     columnProp: {
@@ -10759,9 +10764,9 @@ function lm(e, t, a, l, o, i) {
     _: 1
   }, 8, ["prop", "label", "width", "sortable"]);
 }
-const go = /* @__PURE__ */ j(am, [["render", lm]]), om = L({
+const yo = /* @__PURE__ */ j(am, [["render", lm]]), om = L({
   name: "SdGridColumnDynamic",
-  components: { SdGridColumnDate: go, SdGridColumnBy: bo, SdValueWidget: Ht },
+  components: { SdGridColumnDate: yo, SdGridColumnBy: go, SdValueWidget: Wt },
   props: {
     formModel: {
       type: Object,
@@ -10843,7 +10848,7 @@ const go = /* @__PURE__ */ j(am, [["render", lm]]), om = L({
     },
     htmlValue() {
       return (e, t, a) => {
-        let l = Ea(t);
+        let l = La(t);
         if (!this.rawValue)
           for (const o in t)
             l[`{{${o}}}`] = Ve(t[o], o, this.formModel);
@@ -10928,7 +10933,7 @@ const go = /* @__PURE__ */ j(am, [["render", lm]]), om = L({
   }
 }), im = ["innerHTML"], nm = ["innerHTML"];
 function sm(e, t, a, l, o, i) {
-  const d = Ht, u = qe, m = Nt, h = Ie, b = kt, _ = Al, C = ze, c = go, M = bo;
+  const d = Wt, u = qe, m = Nt, h = Ie, b = kt, _ = Ol, C = ze, c = yo, M = go;
   return n(), w(E, null, [
     e.columnFields && Object.keys(e.columnFields).length > 0 ? (n(), w(E, { key: 0 }, [
       e.formModel && e.formModel.form_db && e.formModel.form_db.schema && Object.keys(e.formModel.form_db.schema).length > 0 ? (n(!0), w(E, { key: 0 }, G(e.columnFields, (f) => (n(), w(E, null, [
@@ -11335,6 +11340,10 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
       type: String,
       default: ""
     },
+    enableWs: {
+      type: Boolean,
+      default: !0
+    },
     userState: {
       type: Object,
       required: !0
@@ -11395,6 +11404,7 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
       groupId: "",
       showExportRow: !1,
       exportName: "",
+      widgetId: "SdCrudGrid-" + Rt(),
       dpExportRow: {
         providerId: "",
         providerType: pe.FORM,
@@ -11525,8 +11535,8 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
               this.dpFormData.options.select.push(`SUM(\`${l}\`) AS \`${l}\``);
           this.dpExpandData.options || (this.dpExpandData.options = {}), this.dpExpandData.options.select = ["*", `\`${this.keyId}\` AS \`${this.rowKey}\``], this.dpExpandData.options.where = `\`${this.groupKey}\` = :xgidx`, this.dpFormData.options.groupBy = [`\`${this.groupKey}\``], this.dpFormData.options.orderBy = [{ column: `\`${this.groupKey}\``, sort: ue.ASC }];
         }
-      this.dpFormData.options.orderBy || (this.dpFormData.options.orderBy = [{ column: "created_at", sort: ue.DESC }], this.defaultSort = [{ column: "created_at", sort: ue.DESC }]), this.dpExportRow.providerId = this.formId, this.getDataList(this.dpFormData), this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, (l) => {
-        if (l.from != "server" && l.from != this.userState.user?.username) {
+      this.dpFormData.options.orderBy || (this.dpFormData.options.orderBy = [{ column: "created_at", sort: ue.DESC }], this.defaultSort = [{ column: "created_at", sort: ue.DESC }]), this.dpExportRow.providerId = this.formId, this.getDataList(this.dpFormData), this.enableWs && this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, this.widgetId, (l) => {
+        if (l.from != "server" && (l.from != this.userState.user?.username || l.params && l.params.widget && l.params.widget !== this.widgetId)) {
           let o = -1;
           const i = D(l.data), d = l.params ? D(l.params) : null;
           if (o = this.keyIdIndex(i._id), this.groupKey && this.dpExpandData && i[this.groupKey]) {
@@ -11544,7 +11554,7 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
             }
             this.refreshData();
           } else
-            l.method == "insert" ? va(this.sdformModel, i, this.useUserState.user) && (this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.rawData.push(i)) : l.method == "update" ? o >= 0 && (this.rawData[o] = i) : l.method == "delete" && o >= 0 && (this.rawData.splice(o, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1), this.sumAllPage && this.refreshData();
+            l.method == "insert" ? wa(this.sdformModel, i, this.useUserState.user) && (this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.rawData.push(i)) : l.method == "update" ? o >= 0 && (this.rawData[o] = i) : l.method == "delete" && o >= 0 && (this.rawData.splice(o, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1), this.sumAllPage && this.refreshData();
         }
       }));
     },
@@ -11552,7 +11562,7 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
       return Re(e, t, a);
     },
     allowDelete(e, t, a) {
-      return Ba(e, t, a);
+      return ja(e, t, a);
     },
     afterSave(e, t, a = null) {
       t || (this.showPopupFlag = !1, this.handlePopUpForm()), a && (this.isInsert = !1, this.groupKey && this.dpExpandData && a[this.groupKey] && (this.groupId = a[this.groupKey])), this.selectIndex = this.keyIdIndex(e[this.keyId]);
@@ -11566,9 +11576,9 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
             this.rawData[i] && this.rawData[i][this.expandCountChildrenName] && (this.rawData[i][this.expandCountChildrenName] = this.rawData[i][this.expandCountChildrenName] + 1), this.wsConn && this.refreshData();
           } else
             this.rawData = [o].concat(this.rawData), this.isInsert = !1, this.selectIndex = -1, this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.sumAllPage && this.refreshData();
-          this.wsConn?.wsSend({ data: o, method: "insert", keyid: this.keyId });
+          this.wsConn?.wsSend({ data: o, method: "insert", keyid: this.keyId, params: { widget: this.widgetId } });
         } else
-          this.groupKey && this.dpExpandData && e[this.groupKey] ? (this.groupId || (this.groupId = e[this.groupKey]), this.updateRowExpand(e[this.groupKey], e, this.groupId), this.wsConn && this.refreshData()) : this.selectIndex != -1 && (this.rawData[this.selectIndex] = D(e), this.sumAllPage && this.refreshData()), this.wsConn?.wsSend({ data: e, method: "update", keyid: this.keyId, params: { gid: this.groupId } });
+          this.groupKey && this.dpExpandData && e[this.groupKey] ? (this.groupId || (this.groupId = e[this.groupKey]), this.updateRowExpand(e[this.groupKey], e, this.groupId), this.wsConn && this.refreshData()) : this.selectIndex != -1 && (this.rawData[this.selectIndex] = D(e), this.sumAllPage && this.refreshData()), this.wsConn?.wsSend({ data: e, method: "update", keyid: this.keyId, params: { gid: this.groupId, widget: this.widgetId } });
       this.$emit("aftersave", l, e, this.rawData, this.selectIndex);
     },
     async getDataList(e, t) {
@@ -11760,7 +11770,7 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
       for (const t in e)
         if (Object.prototype.hasOwnProperty.call(e, t)) {
           let a = e[t];
-          Na(a) ? delete this.optionProvider.fileter[t] : (this.optionProvider.fileter || (this.optionProvider.fileter = {}), this.optionProvider.fileter[t] = a);
+          Ea(a) ? delete this.optionProvider.fileter[t] : (this.optionProvider.fileter || (this.optionProvider.fileter = {}), this.optionProvider.fileter[t] = a);
         }
       this.dpExpandData && this.resetExpand(), this.total = 0, this.getDataList(this.dpFormData);
     },
@@ -11793,7 +11803,7 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
         type: "warning"
       }).then(async () => {
         if (this.sdformModel.dataid) {
-          const l = await ya(this.sdformModel.dataid, this.useUserState);
+          const l = await va(this.sdformModel.dataid, this.useUserState);
           if (l) {
             this.formData = { ...l, ...this.formData };
             let o = {};
@@ -11822,8 +11832,8 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
         cancelButtonText: "Cancel",
         type: "warning"
       }).then(async () => {
-        if (await La(this.sdformModel.dataid, a, this.useUserState)) {
-          if (this.wsConn?.wsSend({ data: e, method: "delete", keyid: this.keyId }), this.groupKey && this.dpExpandData) {
+        if (await Ba(this.sdformModel.dataid, a, this.useUserState)) {
+          if (this.wsConn?.wsSend({ data: e, method: "delete", keyid: this.keyId, params: { widget: this.widgetId } }), this.groupKey && this.dpExpandData) {
             this.removeRowExpand(e[this.groupKey], e);
             const i = this.rowKeyIndex(e[this.groupKey]);
             this.rawData[i] && this.rawData[i][this.expandCountChildrenName] && (this.rawData[i][this.expandCountChildrenName] = this.rawData[i][this.expandCountChildrenName] - 1), this.wsConn && this.refreshData(), this.afterDelete && this.afterDelete(e, this.selectIndex);
@@ -11873,7 +11883,7 @@ const rm = /* @__PURE__ */ j(om, [["render", sm]]), dm = L({
   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 = ce, m = ze, h = oe, b = oa, _ = na, C = at, c = Ie, M = ia, f = St, y = Et, k = qe, A = rm, q = Lt, F = Ma, I = Zp, V = da;
+  const d = Ze, u = ce, m = ze, h = oe, b = ia, _ = sa, C = at, c = Ie, M = na, f = St, y = Et, k = qe, A = rm, q = Lt, F = Pa, I = Zp, V = ua;
   return n(), w(E, null, [
     r(F, {
       class: "box-card",
@@ -12217,7 +12227,7 @@ function gm(e, t, a, l, o, i) {
     }, null, 8, ["modelValue", "dynamic-name", "data-provider", "user-state", "cancel-callback"])
   ], 64);
 }
-const ym = /* @__PURE__ */ j(dm, [["render", gm], ["__scopeId", "data-v-4a348e2a"]]), vm = L({
+const ym = /* @__PURE__ */ j(dm, [["render", gm], ["__scopeId", "data-v-2d047125"]]), vm = L({
   name: "SdCrudPopupForm",
   components: {},
   emits: ["update:modelValue", "change"],
@@ -12351,7 +12361,7 @@ const ym = /* @__PURE__ */ j(dm, [["render", gm], ["__scopeId", "data-v-4a348e2a
   class: "el-dialog__title"
 };
 function Fm(e, t, a, l, o, i) {
-  const d = Ze, u = ce, m = Et, h = oe, b = co, _ = we;
+  const d = Ze, u = ce, m = Et, h = oe, b = bo, _ = we;
   return n(), p(_, {
     title: e.popupName,
     modelValue: e.showPopupFlag,
@@ -12905,7 +12915,7 @@ const Dm = /* @__PURE__ */ j(Sm, [["render", Cm]]), Im = L({
       if (e)
         if (this.multiple) {
           let a = [];
-          this.enableObjectType && e.value ? a = e.value : a = e, (this.valueObjectId || Tl(this.formModel, this.valueField)) && (this.optionProvider.fileterObjectId ? this.optionProvider.fileterObjectId.includes(this.valueField) || this.optionProvider.fileterObjectId.push(this.valueField) : this.optionProvider.fileterObjectId = [this.valueField]), a.length > 0 && (this.optionProvider.fileter ? this.optionProvider.fileter[this.valueField] = a : this.optionProvider.fileter = { [this.valueField]: a }, this.dataProvider.params && this.dataProvider.params.q && (this.dataProvider.params.q = ""), this.dataProvider.options = this.optionProvider, await this.getDataAll(this.dataProvider, (l) => {
+          this.enableObjectType && e.value ? a = e.value : a = e, (this.valueObjectId || Ml(this.formModel, this.valueField)) && (this.optionProvider.fileterObjectId ? this.optionProvider.fileterObjectId.includes(this.valueField) || this.optionProvider.fileterObjectId.push(this.valueField) : this.optionProvider.fileterObjectId = [this.valueField]), a.length > 0 && (this.optionProvider.fileter ? this.optionProvider.fileter[this.valueField] = a : this.optionProvider.fileter = { [this.valueField]: a }, this.dataProvider.params && this.dataProvider.params.q && (this.dataProvider.params.q = ""), this.dataProvider.options = this.optionProvider, await this.getDataAll(this.dataProvider, (l) => {
             e.length === 0 ? (this.checkAll = !1, this.indeterminate = !1) : e.length === this.itemsList.length ? (this.checkAll = !0, this.indeterminate = !1) : this.indeterminate = !0, this.value = a, t && t(l);
           }));
         } else {
@@ -12913,7 +12923,7 @@ const Dm = /* @__PURE__ */ j(Sm, [["render", Cm]]), Im = L({
           if (this.enableObjectType ? (e.label && e.value !== e.label && (l = !0), e.value ? a = `${e.value}` : a = `${e}`) : typeof e == "string" && (a = `${e}`), a !== "" && !l) {
             if (this.itemSelected && this.itemSelected[this.valueField] && this.itemSelected[this.valueField] === a)
               return;
-            this.valueObjectId || Tl(this.formModel, this.valueField) ? this.optionProvider.where ? (this.optionProvider.where += ` AND \`${this.valueField}\` = CONVERT(:xinputValex, 'objectId')`, this.dataProvider.params.xinputValex = a) : (this.optionProvider.where = `\`${this.valueField}\` = CONVERT(:xinputValex, 'objectId')`, this.dataProvider.params.xinputValex = a) : this.optionProvider.where ? (this.optionProvider.where += ` AND \`${this.valueField}\` = :xinputValex`, this.dataProvider.params.xinputValex = a) : (this.optionProvider.where = `\`${this.valueField}\` = :xinputValex`, this.dataProvider.params.xinputValex = a), this.dataProvider.params && this.dataProvider.params.q && (this.dataProvider.params.q = ""), await this.getDataOne(this.dataProvider, (o) => {
+            this.valueObjectId || Ml(this.formModel, this.valueField) ? this.optionProvider.where ? (this.optionProvider.where += ` AND \`${this.valueField}\` = CONVERT(:xinputValex, 'objectId')`, this.dataProvider.params.xinputValex = a) : (this.optionProvider.where = `\`${this.valueField}\` = CONVERT(:xinputValex, 'objectId')`, this.dataProvider.params.xinputValex = a) : this.optionProvider.where ? (this.optionProvider.where += ` AND \`${this.valueField}\` = :xinputValex`, this.dataProvider.params.xinputValex = a) : (this.optionProvider.where = `\`${this.valueField}\` = :xinputValex`, this.dataProvider.params.xinputValex = a), this.dataProvider.params && this.dataProvider.params.q && (this.dataProvider.params.q = ""), await this.getDataOne(this.dataProvider, (o) => {
               this.itemSelected = D(o);
               let i = a;
               this.enableObjectType && (i = this.value2Object(a)), t && t(o), this.$emit("change", i, o);
@@ -12969,7 +12979,7 @@ const Dm = /* @__PURE__ */ j(Sm, [["render", Cm]]), Im = L({
             let o = {};
             this.itemSelected ? o = D(this.itemSelected) : o = this.rawData.find((i) => !!i[this.valueField] && i[this.valueField] == e), this.refField.forEach((i) => {
               const d = ve(o, i);
-              Wl(a, i, d);
+              xl(a, i, d);
             });
           }
           let l = {};
@@ -13064,7 +13074,7 @@ const Dm = /* @__PURE__ */ j(Sm, [["render", Cm]]), Im = L({
   }
 }), $m = ["innerHTML"], Tm = ["innerHTML"], Mm = ["innerHTML"], Pm = ["innerHTML"];
 function Vm(e, t, a, l, o, i) {
-  const d = na, u = Dt, m = Ct;
+  const d = sa, u = Dt, m = Ct;
   return n(), p(m, {
     ref: "refSelect",
     modelValue: e.value,
@@ -13141,7 +13151,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 ja = /* @__PURE__ */ j(Im, [["render", Vm]]), Am = L({
+const Ua = /* @__PURE__ */ j(Im, [["render", Vm]]), Am = L({
   name: "SdCrudSelect",
   components: {
     // SdSelectRemoteList,
@@ -13310,7 +13320,7 @@ const ja = /* @__PURE__ */ j(Im, [["render", Vm]]), Am = L({
         e.response && e.data ? e.data.dataid && (this.userState.formStore[this.formId] = D(e.data), this.sdformModel = D(e.data)) : N.warning("Form not found.");
       } else
         N.warning("Unauthorized");
-      this.sdformModel._id && (this.viewBtnEnable = la(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), this.selectInput.itemSelected && (this.updateBtnEnable = Re(this.sdformModel, this.selectInput.itemSelected, this.useUserState.user)));
+      this.sdformModel._id && (this.viewBtnEnable = oa(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), this.selectInput.itemSelected && (this.updateBtnEnable = Re(this.sdformModel, this.selectInput.itemSelected, this.useUserState.user)));
     }
   },
   methods: {
@@ -13327,7 +13337,7 @@ const ja = /* @__PURE__ */ j(Im, [["render", Vm]]), Am = L({
         type: "warning"
       }).then(async () => {
         if (this.sdformModel.dataid) {
-          const e = await ya(this.sdformModel.dataid, this.useUserState);
+          const e = await va(this.sdformModel.dataid, this.useUserState);
           if (e) {
             this.formData = { ...e, ...this.formData }, this.formData.xversionx = this.sdformModel.form_version;
             const t = await dt(this.sdformModel.dataid, this.formData._id, this.formData, 1, this.useUserState), a = t.data;
@@ -13356,7 +13366,7 @@ const ja = /* @__PURE__ */ j(Im, [["render", Vm]]), Am = L({
     },
     handleChange(e, t) {
       let a = this.value;
-      this.formBtnEnable && this.sdformModel._id && this.providerType == "FORM" && (this.viewBtnEnable = la(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), t && (this.updateBtnEnable = Re(this.sdformModel, t, this.useUserState.user))), this.$emit("update:modelValue", a), this.$emit("change", a, t), this.getDataId(), this.dataId ? this.isInsert = !1 : this.isInsert = !0;
+      this.formBtnEnable && this.sdformModel._id && this.providerType == "FORM" && (this.viewBtnEnable = oa(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), t && (this.updateBtnEnable = Re(this.sdformModel, t, this.useUserState.user))), this.$emit("update:modelValue", a), this.$emit("change", a, t), this.getDataId(), this.dataId ? this.isInsert = !1 : this.isInsert = !0;
     },
     getDataId() {
       this.selectInput && this.selectInput.itemSelected && this.selectInput.itemSelected._id ? (this.dataId = this.selectInput.itemSelected._id, this.formData = this.selectInput.itemSelected) : (this.dataId = "", this.formData = {});
@@ -13367,7 +13377,7 @@ const ja = /* @__PURE__ */ j(Im, [["render", Vm]]), Am = L({
   }
 }), Om = { key: 2 };
 function Nm(e, t, a, l, o, i) {
-  const d = oe, u = _m, m = ja;
+  const d = oe, u = _m, m = Ua;
   return n(), p(m, {
     ref: "selectInput",
     filterable: "",
@@ -13714,7 +13724,7 @@ const mg = /* @__PURE__ */ j(Am, [["render", Nm]]), Em = L({
             N.warning("Please select form.");
         else
           N.warning("Unauthorized");
-        this.sdformModel._id && (this.viewBtnEnable = la(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), this.selectInput && this.selectInput.itemSelected && (this.updateBtnEnable = Re(this.sdformModel, this.selectInput.itemSelected, this.useUserState.user)));
+        this.sdformModel._id && (this.viewBtnEnable = oa(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), this.selectInput && this.selectInput.itemSelected && (this.updateBtnEnable = Re(this.sdformModel, this.selectInput.itemSelected, this.useUserState.user)));
       }
     },
     async handleOpenFormAdd() {
@@ -13730,7 +13740,7 @@ const mg = /* @__PURE__ */ j(Am, [["render", Nm]]), Em = L({
         type: "warning"
       }).then(async () => {
         if (this.sdformModel.dataid) {
-          const e = await ya(this.sdformModel.dataid, this.useUserState);
+          const e = await va(this.sdformModel.dataid, this.useUserState);
           if (e) {
             this.formData = { ...e, ...this.formData }, this.formData.xversionx = this.sdformModel.form_version;
             const t = await dt(this.sdformModel.dataid, this.formData._id, this.formData, 1, this.useUserState), a = t.data;
@@ -13770,7 +13780,7 @@ const mg = /* @__PURE__ */ j(Am, [["render", Nm]]), Em = L({
     handleChange(e, t) {
       try {
         let a = e;
-        this.providerType == "FORM" && (this.sdformModel && this.sdformModel._id && (this.viewBtnEnable = la(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), t && (this.updateBtnEnable = Re(this.sdformModel, t, this.useUserState.user))), this.getDataId(), this.dataId ? this.isInsert = !1 : this.isInsert = !0), this.$emit("change", a, t);
+        this.providerType == "FORM" && (this.sdformModel && this.sdformModel._id && (this.viewBtnEnable = oa(this.sdformModel, this.useUserState.user), this.insertBtnEnable = Oe(this.sdformModel, this.useUserState.user), t && (this.updateBtnEnable = Re(this.sdformModel, t, this.useUserState.user))), this.getDataId(), this.dataId ? this.isInsert = !1 : this.isInsert = !0), this.$emit("change", a, t);
       } catch (a) {
         console.log(a);
       }
@@ -13784,7 +13794,7 @@ const mg = /* @__PURE__ */ j(Am, [["render", Nm]]), Em = L({
   }
 });
 function Lm(e, t, a, l, o, i) {
-  const d = oe, u = ja;
+  const d = oe, u = Ua;
   return n(), p(u, {
     ref: "selectInput",
     filterable: "",
@@ -13867,7 +13877,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__ */ j(Em, [["render", Lm]]), yo = /* @__PURE__ */ L({
+const Bm = /* @__PURE__ */ j(Em, [["render", Lm]]), vo = /* @__PURE__ */ L({
   __name: "SdSelectPathData",
   props: {
     modelValue: null,
@@ -14011,7 +14021,7 @@ const Bm = /* @__PURE__ */ j(Em, [["render", Lm]]), yo = /* @__PURE__ */ L({
               }
               let I = F.join(" ");
               if (a.labelTemplate !== "") {
-                const V = Ea(A);
+                const V = La(A);
                 I = se(a.labelTemplate, V);
               }
               y.push({
@@ -14048,7 +14058,7 @@ const Bm = /* @__PURE__ */ j(Em, [["render", Lm]]), yo = /* @__PURE__ */ L({
     return Ke(d, (_) => {
       o(_);
     }), (_, C) => {
-      const c = na, M = Dt, f = Eo, y = Ct;
+      const c = sa, M = Dt, f = Lo, y = Ct;
       return n(), p(y, {
         modelValue: d.value,
         "onUpdate:modelValue": C[1] || (C[1] = (k) => d.value = k),
@@ -14204,13 +14214,13 @@ const Bm = /* @__PURE__ */ j(Em, [["render", Lm]]), yo = /* @__PURE__ */ L({
         textType: void 0
       }, t.initData && Object.keys(t.initData).length > 0 && (a.fieldName = t.initData.fieldName, o.value = { ...o.value, ...t.initData });
     }), (u, m) => {
-      const h = ra, b = Ie, _ = pt, C = yo, c = at, M = kt, f = St, y = oe, k = ut;
+      const h = da, b = Ie, _ = pt, C = vo, c = at, M = kt, f = St, y = oe, k = ut;
       return n(), p(k, {
         ref_key: "schemaFormRef",
         ref: l,
         model: o.value,
         "label-position": "top",
-        onKeyup: m[8] || (m[8] = Qo(R((A) => d(l.value), ["prevent"]), ["enter"]))
+        onKeyup: m[8] || (m[8] = Xo(R((A) => d(l.value), ["prevent"]), ["enter"]))
       }, {
         default: s(() => [
           r(h, {
@@ -14397,7 +14407,7 @@ const Bm = /* @__PURE__ */ j(Em, [["render", Lm]]), yo = /* @__PURE__ */ L({
       });
     }
     return (i, d) => {
-      const u = oe, m = qe, h = Y("Link"), b = Ge, _ = Y("Aim"), C = Lt, c = Ye, M = Ie, f = Dt, y = Ct, k = kt, A = ze, q = da;
+      const u = oe, m = qe, h = Y("Link"), b = Ge, _ = Y("Aim"), C = Lt, c = Ye, M = Ie, f = Dt, y = Ct, k = kt, A = ze, q = ua;
       return Pe((n(), p(C, {
         data: l.value,
         style: { width: "100%" }
@@ -14829,7 +14839,7 @@ const Bm = /* @__PURE__ */ j(Em, [["render", Lm]]), yo = /* @__PURE__ */ L({
       ]);
     };
   }
-}), Rm = gn();
+}), Rm = yn();
 async function zm(e) {
   try {
     await Rm.toClipboard(e), N({
@@ -15129,7 +15139,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
               defaultValue: null,
               component: "custom-input",
               componentName: "Custom Input",
-              type: ho(a.formSelect, U),
+              type: co(a.formSelect, U),
               hidden: !0,
               required: !1,
               readonly: !0,
@@ -15283,7 +15293,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
       });
     }
     return (U, v) => {
-      const x = oe, J = Nl, re = Ol, je = ra, it = ce, Fe = ze, ie = at, nt = St, st = Et, Ee = Ie, wa = Nt, Ua = Ye, Ra = Bo, za = Lo, ne = qe, vo = Y("Link"), Wt = Ge, wo = Y("Aim"), qa = Lt, _e = Dt, Mt = Ct, ct = kt, Fo = ga, _o = ja, be = pt, Fa = yo, Ha = Y("InfoFilled"), So = sa, ko = Al, Co = Y("draggable"), Do = ut, xt = we, Io = Y("sd-form-schema", !0), $o = Um, To = jm, Mo = da;
+      const x = oe, J = El, re = Nl, je = da, it = ce, Fe = ze, ie = at, nt = St, st = Et, Ee = Ie, Fa = Nt, Ra = Ye, za = jo, qa = Bo, ne = qe, wo = Y("Link"), xt = Ge, Fo = Y("Aim"), Ha = Lt, _e = Dt, Mt = Ct, ct = kt, _o = ya, So = Ua, be = pt, _a = vo, Wa = Y("InfoFilled"), ko = ra, Co = Ol, Do = Y("draggable"), Io = ut, Kt = we, $o = Y("sd-form-schema", !0), To = Um, Mo = jm, Po = ua;
       return n(), w(E, null, [
         r(re, {
           title: "Parent Form",
@@ -15428,13 +15438,13 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
           closable: !1,
           style: { "margin-bottom": "15px" }
         })),
-        Object.keys(e.formDb.autonum).length > 0 ? (n(), p(za, {
+        Object.keys(e.formDb.autonum).length > 0 ? (n(), p(qa, {
           key: 1,
           modelValue: a.activeNumber,
           "onUpdate:modelValue": v[1] || (v[1] = ($) => a.activeNumber = $)
         }, {
           default: s(() => [
-            r(Ra, {
+            r(za, {
               title: "Auto Number ( Manage Count Number )",
               name: "1"
             }, {
@@ -15610,7 +15620,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                       }, 1024),
                       r(ie, { span: 3 }, {
                         default: s(() => [
-                          r(wa, {
+                          r(Fa, {
                             modelValue: $.increment,
                             "onUpdate:modelValue": (X) => $.increment = X,
                             min: 1,
@@ -15623,7 +15633,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                       }, 1024),
                       r(ie, { span: 3 }, {
                         default: s(() => [
-                          r(Ua, {
+                          r(Ra, {
                             width: 400,
                             trigger: "click"
                           }, {
@@ -15636,11 +15646,11 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                               })
                             ]),
                             default: s(() => [
-                              r(de(ql), {
+                              r(de(Hl), {
                                 modelValue: $.countSite,
                                 "onUpdate:modelValue": (X) => $.countSite = X,
                                 "main-menu-bar": !1,
-                                mode: de(Hl).tree,
+                                mode: de(Wl).tree,
                                 style: { width: "100%" },
                                 class: Q(a.isDark ? "jse-theme-dark" : "")
                               }, null, 8, ["modelValue", "onUpdate:modelValue", "mode", "class"])
@@ -15652,7 +15662,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                       }, 1024),
                       r(ie, { span: 5 }, {
                         default: s(() => [
-                          r(wa, {
+                          r(Fa, {
                             modelValue: $.count,
                             "onUpdate:modelValue": (X) => $.count = X,
                             min: 1,
@@ -15672,7 +15682,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
           ]),
           _: 1
         }, 8, ["modelValue"])) : g("", !0),
-        Pe((n(), p(qa, {
+        Pe((n(), p(Ha, {
           data: c.value,
           style: { width: "100%" }
         }, {
@@ -15765,15 +15775,15 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
             }, {
               default: s(($) => [
                 S(O($.row.label) + " ", 1),
-                $.row.joinerType ? (n(), p(Wt, { key: 0 }, {
+                $.row.joinerType ? (n(), p(xt, { key: 0 }, {
                   default: s(() => [
-                    r(vo)
+                    r(wo)
                   ]),
                   _: 1
                 })) : g("", !0),
-                !$.row.joinerType && $.row.refFormType ? (n(), p(Wt, { key: 1 }, {
+                !$.row.joinerType && $.row.refFormType ? (n(), p(xt, { key: 1 }, {
                   default: s(() => [
-                    r(wo)
+                    r(Fo)
                   ]),
                   _: 1
                 })) : g("", !0)
@@ -15797,7 +15807,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
             }, {
               default: s(($) => [
                 S(O($.row.componentName) + " ", 1),
-                $.row.choiceType && e.formDb.data_list[$.row.fieldName] ? (n(), p(Ua, {
+                $.row.choiceType && e.formDb.data_list[$.row.fieldName] ? (n(), p(Ra, {
                   key: 0,
                   width: 400,
                   trigger: "click"
@@ -15811,7 +15821,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                     })
                   ]),
                   default: s(() => [
-                    r(qa, {
+                    r(Ha, {
                       data: e.formDb.data_list[$.row.fieldName]
                     }, {
                       default: s(() => [
@@ -16227,21 +16237,21 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
           ]),
           _: 1
         }, 8, ["data"])), [
-          [Mo, a.preLoading]
+          [Po, a.preLoading]
         ]),
-        e.versionDescription ? (n(), p(za, {
+        e.versionDescription ? (n(), p(qa, {
           key: 2,
           modelValue: a.activeCommt,
           "onUpdate:modelValue": v[3] || (v[3] = ($) => a.activeCommt = $),
           style: { "margin-top": "-1px" }
         }, {
           default: s(() => [
-            r(Ra, {
+            r(za, {
               title: "Descriptions",
               name: "1"
             }, {
               default: s(() => [
-                r(Fo, {
+                r(_o, {
                   modelValue: a.versionDescription,
                   "onUpdate:modelValue": v[2] || (v[2] = ($) => a.versionDescription = $),
                   mode: "mini",
@@ -16255,7 +16265,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
           _: 1
         }, 8, ["modelValue"])) : g("", !0),
         a.showPopupJoiner ? (n(), w("div", qm, [
-          r(xt, {
+          r(Kt, {
             title: "Join Parent Form",
             modelValue: a.showPopupJoiner,
             "onUpdate:modelValue": v[22] || (v[22] = ($) => a.showPopupJoiner = $),
@@ -16293,7 +16303,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
               ])
             ]),
             default: s(() => [
-              r(Do, {
+              r(Io, {
                 ref_key: "joinFormRef",
                 ref: l,
                 model: e.joinerField,
@@ -16315,7 +16325,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                             required: ""
                           }, {
                             default: s(() => [
-                              r(_o, {
+                              r(So, {
                                 "user-state": de(m),
                                 modelValue: e.joinerField.form_id,
                                 "onUpdate:modelValue": v[4] || (v[4] = ($) => e.joinerField.form_id = $),
@@ -16426,7 +16436,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                             required: ""
                           }, {
                             default: s(() => [
-                              r(Fa, {
+                              r(_a, {
                                 modelValue: e.joinerField.label_fields,
                                 "onUpdate:modelValue": v[8] || (v[8] = ($) => e.joinerField.label_fields = $),
                                 "allow-create": !0,
@@ -16442,7 +16452,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                             prop: "ref_fields"
                           }, {
                             default: s(() => [
-                              r(Fa, {
+                              r(_a, {
                                 modelValue: e.joinerField.ref_fields,
                                 "onUpdate:modelValue": v[9] || (v[9] = ($) => e.joinerField.ref_fields = $),
                                 "allow-create": !0,
@@ -16470,7 +16480,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                             prop: "joiner_size"
                           }, {
                             default: s(() => [
-                              r(wa, {
+                              r(Fa, {
                                 modelValue: e.joinerField.joiner_size,
                                 "onUpdate:modelValue": v[11] || (v[11] = ($) => e.joinerField.joiner_size = $),
                                 min: 10,
@@ -16495,7 +16505,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                             required: ""
                           }, {
                             default: s(() => [
-                              r(Fa, {
+                              r(_a, {
                                 modelValue: e.joinerField.search_fields,
                                 "onUpdate:modelValue": v[12] || (v[12] = ($) => e.joinerField.search_fields = $),
                                 "allow-create": !0,
@@ -16646,9 +16656,9 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                                 type: "info"
                               }, {
                                 default: s(() => [
-                                  r(Wt, null, {
+                                  r(xt, null, {
                                     default: s(() => [
-                                      r(Ha)
+                                      r(Wa)
                                     ]),
                                     _: 1
                                   }),
@@ -16683,9 +16693,9 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                                 type: "info"
                               }, {
                                 default: s(() => [
-                                  r(Wt, null, {
+                                  r(xt, null, {
                                     default: s(() => [
-                                      r(Ha)
+                                      r(Wa)
                                     ]),
                                     _: 1
                                   }),
@@ -16706,7 +16716,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                                 ]),
                                 _: 1
                               }),
-                              r(So, {
+                              r(ko, {
                                 icon: "Link",
                                 type: "primary",
                                 target: "_blank",
@@ -16734,7 +16744,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                           }, {
                             default: s(() => [
                               P("div", Hm, [
-                                r(Co, ae({
+                                r(Do, ae({
                                   tag: "ul",
                                   list: e.joinerField.order_by,
                                   "item-key": "id"
@@ -16745,9 +16755,9 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                                 }), {
                                   item: s(({ element: $, index: X }) => [
                                     P("li", Wm, [
-                                      r(ko, {
+                                      r(Co, {
                                         modelValue: $.column,
-                                        "onUpdate:modelValue": (Kt) => $.column = Kt,
+                                        "onUpdate:modelValue": (Gt) => $.column = Gt,
                                         options: a.subSchema,
                                         placeholder: "Please field...",
                                         filterable: !0,
@@ -16757,7 +16767,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                                       }, null, 8, ["modelValue", "onUpdate:modelValue", "options"]),
                                       r(Mt, {
                                         modelValue: $.sort,
-                                        "onUpdate:modelValue": (Kt) => $.sort = Kt,
+                                        "onUpdate:modelValue": (Gt) => $.sort = Gt,
                                         style: { width: "150px" }
                                       }, {
                                         default: s(() => [
@@ -16791,7 +16801,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
                                         circle: "",
                                         plain: "",
                                         type: "danger",
-                                        onClick: (Kt) => f($, X),
+                                        onClick: (Gt) => f($, X),
                                         icon: "Delete",
                                         class: "col-delete-button"
                                       }, null, 8, ["onClick"])
@@ -16829,7 +16839,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
           }, 8, ["modelValue", "width"])
         ])) : g("", !0),
         a.showDataDicDialogFlag ? (n(), w("div", Km, [
-          r(xt, {
+          r(Kt, {
             title: `Data Dic - ${a.formDataDic && a.formDataDic._id ? a.formDataDic.form_name : ""}`,
             class: "dialog-grid dialog-form",
             modelValue: a.showDataDicDialogFlag,
@@ -16855,7 +16865,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
               ])
             ]),
             default: s(() => [
-              a.formDataDic && a.formDataDic._id ? (n(), p(Io, {
+              a.formDataDic && a.formDataDic._id ? (n(), p($o, {
                 key: 0,
                 "joiner-field": a.formDataDic.joiner_field,
                 "form-db": a.formDataDic.form_db,
@@ -16870,7 +16880,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
           }, 8, ["title", "modelValue", "width"])
         ])) : g("", !0),
         a.showSchemaFlag ? (n(), w("div", Ym, [
-          r(xt, {
+          r(Kt, {
             title: "Sub Schema",
             class: "dialog-grid dialog-form",
             modelValue: a.showSchemaFlag,
@@ -16895,7 +16905,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
               ])
             ]),
             default: s(() => [
-              r($o, {
+              r(To, {
                 "form-db": e.formDb,
                 "parent-field": a.parentField,
                 "sub-schema": a.popSubSchema,
@@ -16906,7 +16916,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
           }, 8, ["modelValue", "width"])
         ])) : g("", !0),
         a.showSchemaAddFlag ? (n(), w("div", Qm, [
-          r(xt, {
+          r(Kt, {
             title: "Custom Schema",
             class: "dialog-grid dialog-form",
             modelValue: a.showSchemaAddFlag,
@@ -16919,7 +16929,7 @@ const qm = { key: 3 }, Hm = { class: "items-box" }, Wm = { class: "opt-item" },
             "destroy-on-close": !1
           }, {
             default: s(() => [
-              r(To, {
+              r(Mo, {
                 "form-db": e.formDb,
                 "form-license": e.formLicense,
                 form_id: e.form_id,
@@ -17113,7 +17123,7 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       }
     });
     Ke(i, (C, c) => {
-      C == "number-editor" ? typeof !a.modelValue == "number" && (l.stringList.includes(c) ? u.value = isNaN(u.value) ? void 0 : Number(u.value) : u.value = void 0) : l.stringList.includes(C) ? typeof !a.modelValue == "string" && (l.arrayList.includes(c) || c == "json-editor" ? u.value = String(a.modelValue).toString() : u.value = String(u.value)) : C == "boolean-editor" ? typeof !a.modelValue == "boolean" && (l.stringList.includes(c) ? u.value = En(u.value) : c == "number-editor" ? u.value = u.value > 0 : u.value = !!(u.value && !Na(u.value))) : l.arrayList.includes(C) ? typeof !a.modelValue == "object" && (l.arrayList.includes(c) || (u.value = [])) : C == "json-editor" && typeof !a.modelValue == "object" && (l.arrayList.includes(c) || (u.value = [])), l.inputType = C;
+      C == "number-editor" ? typeof !a.modelValue == "number" && (l.stringList.includes(c) ? u.value = isNaN(u.value) ? void 0 : Number(u.value) : u.value = void 0) : l.stringList.includes(C) ? typeof !a.modelValue == "string" && (l.arrayList.includes(c) || c == "json-editor" ? u.value = String(a.modelValue).toString() : u.value = String(u.value)) : C == "boolean-editor" ? typeof !a.modelValue == "boolean" && (l.stringList.includes(c) ? u.value = En(u.value) : c == "number-editor" ? u.value = u.value > 0 : u.value = !!(u.value && !Ea(u.value))) : l.arrayList.includes(C) ? typeof !a.modelValue == "object" && (l.arrayList.includes(c) || (u.value = [])) : C == "json-editor" && typeof !a.modelValue == "object" && (l.arrayList.includes(c) || (u.value = [])), l.inputType = C;
     }), Ke(d, (C, c) => {
       l.inputOptions = C;
     }), Je(() => {
@@ -17130,7 +17140,7 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       m("blur", C);
     }
     return (C, c) => {
-      const M = Ie, f = Nt, y = El, k = jo, A = kt, q = Dt, F = Ct, I = Ro, V = Uo, T = $a, H = ga, Z = An;
+      const M = Ie, f = Nt, y = Ll, k = Uo, A = kt, q = Dt, F = Ct, I = zo, V = Ro, T = Ta, H = ya, Z = On;
       return n(), w(E, null, [
         l.inputType === "text-editor" ? (n(), p(M, ae({
           key: 0,
@@ -17307,13 +17317,13 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
           onBlur: _,
           onChange: h
         }), null, 16, ["modelValue", "size", "predefine", "disabled"])) : g("", !0),
-        l.inputType === "json-editor" ? (n(), p(de(ql), {
+        l.inputType === "json-editor" ? (n(), p(de(Hl), {
           key: 11,
           modelValue: u.value,
           "onUpdate:modelValue": c[11] || (c[11] = (W) => u.value = W),
           "main-menu-bar": !1,
           "navigation-bar": !1,
-          mode: de(Hl).tree,
+          mode: de(Wl).tree,
           style: { width: "100%" },
           size: e.size || void 0,
           class: Q(l.isDark ? "jse-theme-dark" : ""),
@@ -17445,7 +17455,7 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       formList: null,
       nodes: [],
       edges: []
-    }), { findNode: i, fitView: d } = oi(), u = le({
+    }), { findNode: i, fitView: d } = ii(), u = le({
       get() {
         return l.modelValue;
       },
@@ -17461,19 +17471,19 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       });
     });
     async function m(C = "TB") {
-      const c = new Ya.graphlib.Graph(), M = C === "LR";
+      const c = new Ja.graphlib.Graph(), M = C === "LR";
       c.setDefaultEdgeLabel(() => ({})), c.setGraph({ rankdir: C }), await yt(async () => {
         o.nodes.forEach((f) => {
           const y = i(f.id);
           y ? c.setNode(f.id, { width: y.dimensions.width || 200, height: y.dimensions.height || 50 }) : c.setNode(f.id, { width: 200, height: 50 });
         }), o.edges.forEach((f) => {
           c.setEdge(f.source, f.target);
-        }), Ya.layout(c), o.nodes = await o.nodes.map((f) => {
+        }), Ja.layout(c), o.nodes = await o.nodes.map((f) => {
           const y = c.node(f.id);
           return {
             ...f,
-            targetPosition: M ? Gt.Left : Gt.Top,
-            sourcePosition: M ? Gt.Right : Gt.Bottom,
+            targetPosition: M ? Yt.Left : Yt.Top,
+            sourcePosition: M ? Yt.Right : Yt.Bottom,
             position: {
               x: y.x - y.width / 2,
               y: y.y - y.height / 2
@@ -17569,7 +17579,7 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
         ]),
         default: s(() => [
           P("div", sf, [
-            o.showContent ? (n(), p(de(ii), {
+            o.showContent ? (n(), p(de(ni), {
               key: 0,
               nodes: o.nodes,
               edges: o.edges,
@@ -17893,7 +17903,7 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
       for (const t in e)
         if (Object.prototype.hasOwnProperty.call(e, t)) {
           let a = e[t];
-          Na(a) ? delete this.optionProvider.fileter[t] : (this.optionProvider.fileter || (this.optionProvider.fileter = {}), this.optionProvider.fileter[t] = a);
+          Ea(a) ? delete this.optionProvider.fileter[t] : (this.optionProvider.fileter || (this.optionProvider.fileter = {}), this.optionProvider.fileter[t] = a);
         }
       this.expandProvider && this.resetExpand(), this.dataProvider.options = this.optionProvider, this.getDataList(this.dataProvider);
     },
@@ -17985,7 +17995,7 @@ const fg = /* @__PURE__ */ j(ef, [["render", lf]]), of = /* @__PURE__ */ L({
   style: { height: "32px", display: "inline-grid", "align-content": "center" }
 }, bf = { class: "card-footer" }, gf = { key: 0 };
 function yf(e, t, a, l, o, i) {
-  const d = ce, u = ze, m = oe, h = at, b = Ie, _ = ia, C = St, c = qe, M = Lt, f = Ma, y = we, k = da;
+  const d = ce, u = ze, m = oe, h = at, b = Ie, _ = na, C = St, c = qe, M = Lt, f = Pa, y = we, k = ua;
   return n(), w(E, null, [
     r(f, {
       class: "box-card",
@@ -18306,7 +18316,7 @@ const gg = /* @__PURE__ */ j(vf, [["render", wf]]), Ff = L({
   computed: {},
   methods: {
     numberFormat(e) {
-      if (Oa(e[this.columnProp])) {
+      if (Na(e[this.columnProp])) {
         let t = 0;
         return isNaN(e[this.columnProp]) || (t = Number(e[this.columnProp])), t.toLocaleString(this.locale, { minimumFractionDigits: this.decimal, maximumFractionDigits: this.decimal });
       }
@@ -21788,7 +21798,7 @@ const yg = /* @__PURE__ */ j(Ff, [["render", _f]]), Sf = [
         useExtendedSearch: !0
       }, a = this;
       new Promise(function(o, i) {
-        const d = new yn(a.restaurants, t), u = e ? d.search("'" + e).map((m) => m.item) : a.restaurants;
+        const d = new vn(a.restaurants, t), u = e ? d.search("'" + e).map((m) => m.item) : a.restaurants;
         a.loading = !0, u ? o(u) : i([]);
       }).then((o) => {
         this.loading = !1, this.itemsData = D(o);
@@ -21918,7 +21928,7 @@ const vg = /* @__PURE__ */ j(Cf, [["render", $f]]), Tf = L({
   class: ""
 }, Of = { class: "dialog-footer" };
 function Nf(e, t, a, l, o, i) {
-  const d = Ie, u = ce, m = oe, h = Y("draggable"), b = ze, _ = Pl, C = we;
+  const d = Ie, u = ce, m = oe, h = Y("draggable"), b = ze, _ = Vl, C = we;
   return n(), w("div", Mf, [
     e.optionItems && e.optionItems.length > 0 ? (n(), p(h, ae({
       key: 0,
@@ -22150,7 +22160,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
   },
   computed: {},
   created() {
-    this.apiUrl = "", _a.vfs = vn, _a.fonts = {
+    this.apiUrl = "", Sa.vfs = wn, Sa.fonts = {
       THSarabun: {
         normal: "THSarabun.ttf",
         bold: "THSarabun-Bold.ttf",
@@ -22179,7 +22189,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
   methods: {
     submitForm(e) {
       e && e.validate(async (t) => {
-        t && (this.showPopupFlag = !1, this.reportLoading = ta.service({ lock: !0, text: "Loading", background: "rgba(0, 0, 0, 0.7)", fullscreen: !0 }), this.typeReport(this.reportType, this.reportData, this.defaultParams));
+        t && (this.showPopupFlag = !1, this.reportLoading = aa.service({ lock: !0, text: "Loading", background: "rgba(0, 0, 0, 0.7)", fullscreen: !0 }), this.typeReport(this.reportType, this.reportData, this.defaultParams));
       });
     },
     handleParamsReport() {
@@ -22193,7 +22203,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
     },
     createPdf(e) {
       try {
-        this.pdfDoc = _a.createPdf(e), this.pdfDoc.getDataUrl ? this.pdfDoc.getDataUrl((t) => {
+        this.pdfDoc = Sa.createPdf(e), this.pdfDoc.getDataUrl ? this.pdfDoc.getDataUrl((t) => {
           this.pdfUrl = t, this.reportLoading?.close(), this.showReportPopupFlag = !0;
         }) : this.reportLoading?.close();
       } catch (t) {
@@ -22286,7 +22296,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
                 }
               }
               if (F.col_html) {
-                const V = Ja(`<span>${I}</span>`, {
+                const V = Qa(`<span>${I}</span>`, {
                   defaultStyles: this.htmlStyle,
                   // removeExtraBlanks: true,
                   tableAutoSize: !0,
@@ -22513,7 +22523,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
                     decorationStyle: y.content_linestyle || void 0
                   });
                 else if (y.content_widget === "html") {
-                  const A = Ja(k, {
+                  const A = Qa(k, {
                     defaultStyles: this.htmlStyle,
                     // removeExtraBlanks: true,
                     tableAutoSize: !0,
@@ -22537,7 +22547,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
                 } else if (y.content_widget === "image") {
                   let A = 100, q = 100;
                   if (y.content_width && (A = y.content_width), y.content_height && (q = y.content_height), k !== "") {
-                    const F = "img-" + On(), I = k.split(", ");
+                    const F = "img-" + Rt(), I = k.split(", ");
                     o[F] = I[0], l.push({
                       image: F,
                       cover: { width: A, height: q, valign: "center", align: "center" },
@@ -22721,7 +22731,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
               d.param_var && this.defaultParams[d.param_var] === void 0 && (l = !1, d.param_type === "boolean" ? this.defaultParams[d.param_var] = JSON.parse(d.param_default) : d.param_type === "number" ? this.defaultParams[d.param_var] = Number(d.param_default) : d.param_default === "date()" ? this.defaultParams[d.param_var] = ge().format("YYYY-MM-DD HH:mm:ss") : this.defaultParams[d.param_var] = d.param_default, this.showPopupFlag = !0);
             }
         }
-        l && (this.reportLoading = ta.service({ lock: !0, text: "Loading", background: "rgba(0, 0, 0, 0.7)", fullscreen: !0 }), this.typeReport(t, this.reportData, this.defaultParams));
+        l && (this.reportLoading = aa.service({ lock: !0, text: "Loading", background: "rgba(0, 0, 0, 0.7)", fullscreen: !0 }), this.typeReport(t, this.reportData, this.defaultParams));
       }
     },
     async typeReport(e, t, a = {}, l = !1) {
@@ -22750,7 +22760,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
     },
     async createWord(e, t, a) {
       try {
-        const l = new wn({
+        const l = new Fn({
           sections: [
             {
               properties: {
@@ -22773,20 +22783,20 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
               children: [
                 new Pt("Debug Table Width"),
                 // ตารางทดสอบที่ 1 - ใช้ FIXED layout
-                new Qa({
-                  width: { size: 100, type: Jt.PERCENTAGE },
-                  layout: Za.FIXED,
+                new Xa({
+                  width: { size: 100, type: Qt.PERCENTAGE },
+                  layout: el.FIXED,
                   // columnWidths: [3000, 7000], // รวม 10000
                   rows: [
-                    new Xa({
+                    new Za({
                       children: [
-                        new Sa({
-                          width: { size: 4e3, type: Jt.DXA },
+                        new ka({
+                          width: { size: 4e3, type: Qt.DXA },
                           // ← กำหนดใน cell
                           children: [new Pt("Cell 1")]
                         }),
-                        new Sa({
-                          width: { size: 6e3, type: Jt.DXA },
+                        new ka({
+                          width: { size: 6e3, type: Qt.DXA },
                           // ← กำหนดใน cell
                           children: [new Pt("Cell 2")]
                         })
@@ -22797,23 +22807,23 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
                 new Pt(" "),
                 // เว้นบรรทัด
                 // ตารางทดสอบที่ 2 - ใช้ AUTOFIT สำหรับเปรียบเทียบ
-                new Qa({
+                new Xa({
                   width: {
                     size: 5e3,
                     // แคบกว่า
-                    type: Jt.DXA
+                    type: Qt.DXA
                   },
-                  layout: Za.AUTOFIT,
+                  layout: el.AUTOFIT,
                   borders: {
-                    top: { style: Qt.DOUBLE, size: 8, color: "0000FF" },
-                    bottom: { style: Qt.DOUBLE, size: 8, color: "0000FF" },
-                    left: { style: Qt.DOUBLE, size: 8, color: "0000FF" },
-                    right: { style: Qt.DOUBLE, size: 8, color: "0000FF" }
+                    top: { style: Xt.DOUBLE, size: 8, color: "0000FF" },
+                    bottom: { style: Xt.DOUBLE, size: 8, color: "0000FF" },
+                    left: { style: Xt.DOUBLE, size: 8, color: "0000FF" },
+                    right: { style: Xt.DOUBLE, size: 8, color: "0000FF" }
                   },
                   rows: [
-                    new Xa({
+                    new Za({
                       children: [
-                        new Sa({
+                        new ka({
                           children: [new Pt("ตาราง AUTOFIT - 5000")],
                           shading: { fill: "CCCCFF" }
                         })
@@ -22824,8 +22834,8 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
               ]
             }
           ]
-        }), o = await Fn.toBlob(l);
-        _n(o, "debug-table-width.docx"), this.reportLoading?.close();
+        }), o = await _n.toBlob(l);
+        Sn(o, "debug-table-width.docx"), this.reportLoading?.close();
       } catch (l) {
         this.reportLoading?.close(), console.log(l);
       }
@@ -22833,13 +22843,13 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
     createExcel(e, t) {
       try {
         if (Object.keys(e).length > 0) {
-          const a = Yt.utils.book_new();
+          const a = Jt.utils.book_new();
           for (const [l, o] of e.entries())
             if (o.data && o.name) {
-              const i = Yt.utils.json_to_sheet(o.data);
-              Yt.utils.book_append_sheet(a, i, o.name);
+              const i = Jt.utils.json_to_sheet(o.data);
+              Jt.utils.book_append_sheet(a, i, o.name);
             }
-          Yt.writeFileXLSX(a, `${t}.xlsx`);
+          Jt.writeFileXLSX(a, `${t}.xlsx`);
         } else
           N.warning("Data not found.");
         this.reportLoading?.close();
@@ -22884,7 +22894,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
       return e ? ge(e).format("DD/MM/YYYY HH:mm") : "";
     },
     convertHexToRgba(e, t = 1) {
-      return ba(e, t);
+      return ga(e, t);
     },
     pixel2Twip(e) {
       return e * 15;
@@ -22911,7 +22921,7 @@ const wg = /* @__PURE__ */ j(Tf, [["render", Nf], ["__scopeId", "data-v-cc3dcbad
   class: "el-dialog__title"
 }, Rf = ["src"], zf = { key: 4 };
 function qf(e, t, a, l, o, i) {
-  const d = ce, u = Y("arrow-down"), m = Ge, h = oe, b = _t, _ = Ft, C = wt, c = Ie, M = Nt, f = kt, y = El, k = Bm, A = pt, q = ut, F = we, I = Y("Document"), V = sa;
+  const d = ce, u = Y("arrow-down"), m = Ge, h = oe, b = _t, _ = Ft, C = wt, c = Ie, M = Nt, f = kt, y = Ll, k = Bm, A = pt, q = ut, F = we, I = Y("Document"), V = ra;
   return n(), w(E, null, [
     Object.keys(e.reportList).length > 1 ? (n(), p(C, {
       key: 0,
@@ -23269,6 +23279,10 @@ const Fg = /* @__PURE__ */ j(Ef, [["render", qf], ["__scopeId", "data-v-11cbe530
       type: String,
       default: ""
     },
+    enableWs: {
+      type: Boolean,
+      default: !0
+    },
     userState: {
       type: Object,
       required: !0
@@ -23317,6 +23331,7 @@ const Fg = /* @__PURE__ */ j(Ef, [["render", qf], ["__scopeId", "data-v-11cbe530
       useUserState: this.$props.userState,
       dpFormData: { providerId: this.formId, providerType: pe.FORM },
       wsConn: void 0,
+      widgetId: "SdUiCarousel-" + Rt(),
       isFormEnable: this.providerType === "FORM",
       loadEnable: !1
     };
@@ -23380,11 +23395,11 @@ const Fg = /* @__PURE__ */ j(Ef, [["render", qf], ["__scopeId", "data-v-11cbe530
     initForm(e) {
       this.searchText = "", 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.sdformModel.form_event.after_delete && this.sdformModel.form_event.enable && (this.afterDeleteForm = new Function("formData", ...Ce, this.sdformModel.form_event.after_delete)), this.iconName || (this.iconForm = "", this.sdformModel.form_icon ? this.iconForm = this.sdformModel.form_icon : this.iconForm = ""), this.titleName ? this.titleNameForm = this.titleName : this.titleNameForm = this.sdformModel.form_name ? `${this.sdformModel.form_name}` : "", this.dataProvider ? this.dpFormData = D(this.dataProvider) : (this.dpFormData.providerId = this.formId, this.dpFormData.providerType = pe.FORM), this.dpFormData.params || (this.dpFormData.params = {}), this.dpFormData.options ? (this.dpFormData.options.page || (this.dpFormData.options.page = 1), this.dpFormData.options.limit ? this.limit = this.dpFormData.options.limit : this.dpFormData.options.limit = this.limit, this.optionProvider = this.dpFormData.options) : this.dpFormData.options = this.optionProvider, this.parentId != "" && (this.params.xparentx = this.parentId, this.dpFormData.options && this.dpFormData.options.where ? this.dpFormData.options.where += " AND xparentx = CONVERT(:xparentx, 'objectId')" : this.dpFormData.options.where = "xparentx = CONVERT(:xparentx, 'objectId')");
       const t = D(this.dpFormData.params), a = D(this.params);
-      this.defaultParams = { ...a, ...t }, this.dpFormData.params = D(this.defaultParams), this.dpFormData.options.orderBy || (this.dpFormData.options.orderBy = [{ column: "created_at", sort: ue.DESC }]), this.getDataList(), this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, (l) => {
-        if (l.from != "server" && l.from != this.userState.user?.username) {
+      this.defaultParams = { ...a, ...t }, this.dpFormData.params = D(this.defaultParams), this.dpFormData.options.orderBy || (this.dpFormData.options.orderBy = [{ column: "created_at", sort: ue.DESC }]), this.getDataList(), this.enableWs && this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, this.widgetId, (l) => {
+        if (l.from != "server" && (l.from != this.userState.user?.username || l.params && l.params.widget && l.params.widget !== this.widgetId)) {
           let o = -1;
           const i = D(l.data);
-          l.params && D(l.params), o = this.keyIdIndex(i._id), l.method == "insert" ? va(this.sdformModel, i, this.useUserState.user) && (this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.rawData.push(i)) : l.method == "update" ? o >= 0 && (this.rawData[o] = i) : l.method == "delete" && o >= 0 && (this.rawData.splice(o, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1);
+          l.params && D(l.params), o = this.keyIdIndex(i._id), l.method == "insert" ? wa(this.sdformModel, i, this.useUserState.user) && (this.total = this.total + 1, this.totalPage = this.totalPage + 1, this.rawData.push(i)) : l.method == "update" ? o >= 0 && (this.rawData[o] = i) : l.method == "delete" && o >= 0 && (this.rawData.splice(o, 1), this.total = this.total - 1, this.totalPage = this.totalPage - 1);
         }
       }));
     },
@@ -23438,7 +23453,7 @@ const Fg = /* @__PURE__ */ j(Ef, [["render", qf], ["__scopeId", "data-v-11cbe530
       return this.total.toLocaleString();
     },
     convertHexToRgba(e, t = 1) {
-      return ba(e, t);
+      return ga(e, t);
     }
     // groupCheck(rawData: any) {
     // 	const gvalue = this.getValue(rawData, this.groupField);
@@ -23461,7 +23476,7 @@ const Fg = /* @__PURE__ */ j(Ef, [["render", qf], ["__scopeId", "data-v-11cbe530
   class: "img-content"
 }, Qf = ["innerHTML"], Xf = ["innerHTML"], Zf = { class: "text-card" }, eh = { style: { "text-align": "center" } }, th = ["innerHTML"], ah = ["innerHTML"];
 function lh(e, t, a, l, o, i) {
-  const d = Ze, u = ce, m = Y("Loading"), h = Ge, b = Y("Picture"), _ = vt, C = Ht, c = ze, M = qo, f = zo;
+  const d = Ze, u = ce, m = Y("Loading"), h = Ge, b = Y("Picture"), _ = vt, C = Wt, c = ze, M = Ho, f = qo;
   return n(), w(E, null, [
     P("div", Wf, [
       e.titleEnable ? (n(), w("span", xf, [
@@ -23619,7 +23634,7 @@ function lh(e, t, a, l, o, i) {
     }, 8, ["indicator-position", "motionBlur", "interval", "autoplay", "direction", "type", "trigger", "height"])) : g("", !0)
   ], 64);
 }
-const _g = /* @__PURE__ */ j(Hf, [["render", lh], ["__scopeId", "data-v-115eff8a"]]), oh = L({
+const _g = /* @__PURE__ */ j(Hf, [["render", lh], ["__scopeId", "data-v-ea5295de"]]), oh = L({
   name: "SdUiMenu",
   components: {},
   props: {
@@ -23780,8 +23795,8 @@ const _g = /* @__PURE__ */ j(Hf, [["render", lh], ["__scopeId", "data-v-115eff8a
       iconForm: "",
       allowInsert: !1,
       page: 1,
-      router: Rl(),
-      route: zl(),
+      router: zl(),
+      route: ql(),
       limit: this.limitRow,
       optionProvider: { limit: this.limitRow, page: 1 },
       useUserState: this.$props.userState,
@@ -23929,7 +23944,7 @@ const _g = /* @__PURE__ */ j(Hf, [["render", lh], ["__scopeId", "data-v-115eff8a
       return this.total.toLocaleString();
     },
     convertHexToRgba(e, t = 1) {
-      return ba(e, t);
+      return ga(e, t);
     }
     // groupCheck(rawData: any) {
     // 	const gvalue = this.getValue(rawData, this.groupField);
@@ -23952,7 +23967,7 @@ const _g = /* @__PURE__ */ j(Hf, [["render", lh], ["__scopeId", "data-v-115eff8a
   class: "menu-label"
 };
 function dh(e, t, a, l, o, i) {
-  const d = ce, u = Wo, m = oa, h = xo, b = Ho, _ = Vl, C = Ul("can");
+  const d = ce, u = xo, m = ia, h = Ko, b = Wo, _ = Al, C = Rl("can");
   return n(), w(E, null, [
     r(_, {
       class: "menu-wrapper",
@@ -24197,6 +24212,10 @@ const Sg = /* @__PURE__ */ j(oh, [["render", dh]]), uh = L({
       type: String,
       default: ""
     },
+    enableWs: {
+      type: Boolean,
+      default: !0
+    },
     userState: {
       type: Object,
       required: !0
@@ -24248,6 +24267,7 @@ const Sg = /* @__PURE__ */ j(oh, [["render", dh]]), uh = L({
       useUserState: this.$props.userState,
       dpFormData: { providerId: this.formId, providerType: pe.FORM },
       wsConn: void 0,
+      widgetId: "SdUiRecordView-" + Rt(),
       sdFunc: {},
       isFormEnable: this.providerType === "FORM",
       afterDeleteForm: void 0
@@ -24321,8 +24341,8 @@ const Sg = /* @__PURE__ */ j(oh, [["render", dh]]), uh = L({
         cancelButtonText: "Cancel",
         type: "warning"
       }).then(async () => {
-        if (await La(this.sdformModel.dataid, e, this.useUserState)) {
-          if (this.wsConn?.wsSend({ data: this.rawData, method: "delete", keyid: "_id" }), this.afterDelete && this.afterDelete(this.rawData), this.sdformModel.form_event.enable && this.afterDeleteForm)
+        if (await Ba(this.sdformModel.dataid, e, this.useUserState)) {
+          if (this.wsConn?.wsSend({ data: this.rawData, method: "delete", keyid: "_id", params: { widget: this.widgetId } }), this.afterDelete && this.afterDelete(this.rawData), this.sdformModel.form_event.enable && this.afterDeleteForm)
             try {
               this.afterDeleteForm.call(this.sdFunc, this.rawData);
             } catch (a) {
@@ -24367,8 +24387,8 @@ const Sg = /* @__PURE__ */ j(oh, [["render", dh]]), uh = L({
     initForm(e) {
       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.sdformModel.form_event.after_delete && this.sdformModel.form_event.enable && (this.afterDeleteForm = new Function("formData", ...Ce, this.sdformModel.form_event.after_delete)), this.iconName || (this.iconForm = "", this.sdformModel.form_icon ? this.iconForm = this.sdformModel.form_icon : this.iconForm = ""), this.titleName ? this.titleNameForm = this.titleName : this.titleNameForm = this.sdformModel.form_name ? `${this.sdformModel.form_name}` : "", this.dataProvider ? this.dpFormData = D(this.dataProvider) : (this.dpFormData.providerId = this.formId, this.dpFormData.providerType = pe.FORM), this.dpFormData.params || (this.dpFormData.params = {}), this.dpFormData.options ? (this.dpFormData.options.page || (this.dpFormData.options.page = 1), this.dpFormData.options.limit ? this.limit = this.dpFormData.options.limit : this.dpFormData.options.limit = this.limit, this.optionProvider = this.dpFormData.options) : this.dpFormData.options = this.optionProvider, this.parentId != "" && (this.params.xparentx = this.parentId, this.dpFormData.options && this.dpFormData.options.where ? this.dpFormData.options.where += " AND xparentx = CONVERT(:xparentx, 'objectId')" : this.dpFormData.options.where = "xparentx = CONVERT(:xparentx, 'objectId')"), (!this.lastRecord || this.dataId) && (this.params.xdataidx = this.recordId, this.dpFormData.options && this.dpFormData.options.where ? this.dpFormData.options.where += " AND _id = CONVERT(:xdataidx, 'objectId')" : this.dpFormData.options.where = "_id = CONVERT(:xdataidx, 'objectId')"), this.dpFormData.options.orderBy = [{ column: "created_at", sort: ue.DESC }];
       const t = D(this.dpFormData.params), a = D(this.params);
-      this.defaultParams = { ...a, ...t }, this.dpFormData.params = D(this.defaultParams), (this.lastRecord || this.dataId) && this.getDataOne(this.dpFormData), this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, (l) => {
-        if (l.from != "server" && l.from != this.userState.user?.username && l.keyid) {
+      this.defaultParams = { ...a, ...t }, this.dpFormData.params = D(this.defaultParams), (this.lastRecord || this.dataId) && this.getDataOne(this.dpFormData), this.enableWs && this.sdformModel.form_options && this.sdformModel.form_options.enable_websocket && (this.wsConn = this.userState.connectWebSocket("gridform", this.sdformModel.dataid, this.widgetId, (l) => {
+        if (l.from != "server" && (l.from != this.userState.user?.username || l.params && l.params.widget && l.params.widget !== this.widgetId) && l.keyid) {
           const o = D(l.data), i = o[l.keyid];
           l.method == "insert" ? this.lastRecord && !this.dataId && (this.parentId ? o.xparentx && o.xparentx == this.parentId && (this.rawData = D(o), this.recordId = o[l.keyid]) : (this.rawData = D(o), this.recordId = o[l.keyid])) : l.method == "update" ? i == this.recordId && (this.rawData = D(o)) : l.method == "delete" && i == this.recordId && (this.rawData = null, this.recordId = "");
         }
@@ -24386,13 +24406,13 @@ const Sg = /* @__PURE__ */ j(oh, [["render", dh]]), uh = L({
       return a ? Ve(a, t, this.sdformModel) : "";
     },
     allowView(e, t, a) {
-      return va(e, t, a);
+      return wa(e, t, a);
     },
     allowUpdate(e, t, a) {
       return Re(e, t, a);
     },
     allowDelete(e, t, a) {
-      return Ba(e, t, a);
+      return ja(e, t, a);
     },
     afterSave(e, t, a = null) {
       t || (this.showPopupFlag = !1, this.handlePopUpForm()), a && (this.isInsert = !1);
@@ -24400,9 +24420,9 @@ const Sg = /* @__PURE__ */ j(oh, [["render", dh]]), uh = L({
       if (e)
         if (this.isInsert) {
           let o = D(e);
-          this.rawData = D(e), this.recordId = e._id, this.wsConn?.wsSend({ data: o, method: "insert", keyid: "_id" });
+          this.rawData = D(e), this.recordId = e._id, this.wsConn?.wsSend({ data: o, method: "insert", keyid: "_id", params: { widget: this.widgetId } });
         } else
-          this.rawData = D(e), this.recordId = e._id, this.wsConn?.wsSend({ data: e, method: "update", keyid: "_id" });
+          this.rawData = D(e), this.recordId = e._id, this.wsConn?.wsSend({ data: e, method: "update", keyid: "_id", params: { widget: this.widgetId } });
       this.$emit("aftersave", l, e, a);
     },
     getSchema(e) {
@@ -24411,7 +24431,7 @@ const Sg = /* @__PURE__ */ j(oh, [["render", dh]]), uh = L({
   }
 }), ph = { class: "text-6" }, mh = ["innerHTML"];
 function fh(e, t, a, l, o, i) {
-  const d = Ze, u = ce, m = oe, h = Ht, b = Nl, _ = Ol, C = Dm;
+  const d = Ze, u = ce, m = oe, h = Wt, b = El, _ = Nl, C = Dm;
   return n(), w(E, null, [
     r(_, {
       class: Q({ blockUi: e.blockEnable }),
@@ -24549,35 +24569,35 @@ function fh(e, t, a, l, o, i) {
     }, null, 8, ["modelValue", "parent-id", "readonly", "form-id", "user-state", "cancel-callback"])) : g("", !0)
   ], 64);
 }
-const kg = /* @__PURE__ */ j(uh, [["render", fh], ["__scopeId", "data-v-169d5f12"]]);
+const kg = /* @__PURE__ */ j(uh, [["render", fh], ["__scopeId", "data-v-88128e90"]]);
 export {
-  va as $,
+  wa as $,
   _g as A,
   Tp as B,
   Sg as C,
   kg as D,
   Ad as E,
-  Ht as F,
+  Wt as F,
   Zm as G,
   rt as H,
   Ot as I,
   De as J,
   Mu as K,
-  ya as L,
+  va as L,
   Pu as M,
   dt as N,
-  La as O,
+  Ba as O,
   ng as P,
   Vu as Q,
   sg as R,
   ug as S,
-  ho as T,
-  Tl as U,
+  co as T,
+  Ml as U,
   rg as V,
-  la as W,
+  oa as W,
   Oe as X,
   Re as Y,
-  Ba as Z,
+  ja as Z,
   Ze as _,
   ce as a,
   Au as a0,
@@ -24588,22 +24608,22 @@ export {
   ke as a5,
   D as a6,
   Ce as a7,
-  On as a8,
+  Rt as a8,
   xb as a9,
   Wb as aa,
   ve as ab,
-  Wl as ac,
+  xl as ac,
   ag as ad,
   tg as ae,
   En as af,
   lg as ag,
   eg as ah,
   Zb as ai,
-  Na as aj,
+  Ea as aj,
   Kb as ak,
-  Oa as al,
+  Na as al,
   Hb as am,
-  Ea as an,
+  La as an,
   Jb as ao,
   ee as ap,
   qb as aq,
@@ -24614,14 +24634,14 @@ export {
   Gb as av,
   pe as aw,
   zm as ax,
-  ja as ay,
-  An as b,
+  Ua as ay,
+  On as b,
   og as c,
-  ga as d,
+  ya as d,
   ig as e,
   dg as f,
   pg as g,
-  co as h,
+  bo as h,
   ym as i,
   _m as j,
   Dm as k,
@@ -24631,13 +24651,13 @@ export {
   hg as o,
   cg as p,
   bg as q,
-  bo as r,
-  go as s,
+  go as r,
+  yo as s,
   rm as t,
   gg as u,
   yg as v,
   vg as w,
   wg as x,
   Fg as y,
-  yo as z
+  vo as z
 };