@mlightcad/cad-viewer 1.0.15 → 1.0.18

package/dist/index.js

@@ -1,14 +1,14 @@
 import "./index.css";
-import { AcEdCommandStack as W, AcApDocManager as B, eventBus as j, AcApSettingManager as Y, AcApConvertToSvgCmd as Fe, AcApQNewCmd as Pe, AcApOpenCmd as Re, registerConverters as Oe, AcEdCommand as re } from "@mlightcad/cad-simple-viewer";
+import { AcEdCommandStack as q, AcApDocManager as B, eventBus as j, AcApSettingManager as Y, AcApConvertToSvgCmd as Ie, AcApQNewCmd as Fe, AcApOpenCmd as Pe, registerConverters as Re, AcEdCommand as re } from "@mlightcad/cad-simple-viewer";
 import "element-plus/dist/index.css";
-import { reactive as q, computed as k, defineComponent as L, onMounted as N, resolveComponent as M, createBlock as C, openBlock as u, unref as m, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as I, toDisplayString as D, createElementVNode as d, ref as x, onUnmounted as ee, watch as E, createElementBlock as w, Fragment as K, renderList as X, resolveDynamicComponent as ge, mergeProps as Ne, mergeModels as Z, useCssVars as Ce, useModel as fe, createCommentVNode as U, normalizeStyle as pe, normalizeClass as Le, pushScopeId as ze, popScopeId as De, onBeforeUnmount as Be, withKeys as He, isRef as Ge, markRaw as _e } from "vue";
-import { AcDbDatabaseConverterManager as Te, acdbHostApplicationServices as Ee, AcDbFileType as We, AcCmPerformanceCollector as qe } from "@mlightcad/data-model";
-import { useDark as Ue, useToggle as je, useFullscreen as Ye } from "@vueuse/core";
-import Ke from "element-plus/es/locale/lang/en";
-import Xe from "element-plus/es/locale/lang/zh-cn";
-import { useI18n as R, createI18n as Qe } from "vue-i18n";
-import { ElDialog as Ze, ElButton as we, ElTable as Je, ElAutocomplete as et, ElProgress as tt, ElLoading as ve, ElMessage as te } from "element-plus";
-import { ElIcon as se, ElDropdown as nt, ElDropdownMenu as ot, ElDropdownItem as lt, ElButtonGroup as at, ElTooltip as it, ElButton as rt } from "element-plus/es";
+import { reactive as W, computed as k, defineComponent as L, onMounted as O, resolveComponent as M, createBlock as C, openBlock as u, unref as m, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as I, toDisplayString as D, createElementVNode as d, ref as b, onUnmounted as ee, watch as E, createElementBlock as w, Fragment as K, renderList as X, resolveDynamicComponent as ve, mergeProps as Ne, mergeModels as Z, useCssVars as Ce, useModel as ge, createCommentVNode as U, normalizeStyle as pe, normalizeClass as Le, pushScopeId as ze, popScopeId as De, onBeforeUnmount as Be, withKeys as Oe, isRef as He, markRaw as he } from "vue";
+import { AcDbDatabaseConverterManager as Ge, acdbHostApplicationServices as Te, AcCmPerformanceCollector as qe } from "@mlightcad/data-model";
+import { useDark as We, useToggle as Ue, useFullscreen as je } from "@vueuse/core";
+import Ye from "element-plus/es/locale/lang/en";
+import Ke from "element-plus/es/locale/lang/zh-cn";
+import { useI18n as R, createI18n as Xe } from "vue-i18n";
+import { ElDialog as Qe, ElButton as _e, ElTable as Ze, ElAutocomplete as Je, ElProgress as et, ElLoading as we, ElMessage as te } from "element-plus";
+import { ElIcon as se, ElDropdown as tt, ElDropdownMenu as nt, ElDropdownItem as ot, ElButtonGroup as lt, ElTooltip as at, ElButton as it } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/icon/style/css";
 import "element-plus/es/components/dropdown/style/css";
@@ -17,26 +17,26 @@ import "element-plus/es/components/dropdown-item/style/css";
 import "element-plus/es/components/tooltip/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/button-group/style/css";
-const ne = q([]);
-function st(t) {
+const ne = W([]);
+function rt(t) {
   ne.find((n) => n.name === t.name) || ne.push({ ...t, visible: !1 });
 }
-function ct(t, e) {
+function st(t, e) {
   const n = ne.find((i) => i.name === t);
   n && (n.visible = e);
 }
-function ut(t) {
+function ct(t) {
   return ne.find((e) => e.name === t);
 }
 function oe() {
   return {
     dialogs: k(() => ne),
-    registerDialog: st,
-    toggleDialog: ct,
-    getDialogByName: ut
+    registerDialog: rt,
+    toggleDialog: st,
+    getDialogByName: ct
   };
 }
-const dt = /* @__PURE__ */ L({
+const ut = /* @__PURE__ */ L({
   __name: "MlBaseDialog",
   props: {
     title: {
@@ -66,18 +66,18 @@ const dt = /* @__PURE__ */ L({
     function a() {
       l("ok"), l("update:modelValue", !1);
     }
-    function s() {
+    function r() {
       l("cancel"), l("update:modelValue", !1);
     }
-    return N(() => {
+    return O(() => {
       o({
         name: i.name,
         component: "BaseDialog",
         props: i.props
       });
-    }), (r, c) => {
+    }), (s, c) => {
       const f = M("el-divider");
-      return u(), C(m(Ze), {
+      return u(), C(m(Qe), {
         "model-value": t.modelValue,
         width: t.width,
         close: "handleCancel",
@@ -89,13 +89,13 @@ const dt = /* @__PURE__ */ L({
         ]),
         footer: p(() => [
           v(f, { class: "ml-dialog-footer-top-line" }),
-          v(m(we), { onClick: s }, {
+          v(m(_e), { onClick: r }, {
             default: p(() => [
               I(D(m(n)("dialog.baseDialog.cancel")), 1)
             ]),
             _: 1
           }),
-          v(m(we), {
+          v(m(_e), {
             type: "primary",
             onClick: a
           }, {
@@ -106,7 +106,7 @@ const dt = /* @__PURE__ */ L({
           })
         ]),
         default: p(() => [
-          ie(r.$slots, "default", {}, void 0, !0)
+          ie(s.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["model-value", "width"]);
@@ -117,9 +117,9 @@ const dt = /* @__PURE__ */ L({
   for (const [i, l] of e)
     n[i] = l;
   return n;
-}, $e = /* @__PURE__ */ H(dt, [["__scopeId", "data-v-8df470d5"]]);
-function mt() {
-  const t = q([]), e = W.instance.iterator();
+}, Ee = /* @__PURE__ */ H(ut, [["__scopeId", "data-v-8df470d5"]]);
+function dt() {
+  const t = W([]), e = q.instance.iterator();
   for (const n of e)
     t.push({
       commandName: n.command.localName,
@@ -129,31 +129,38 @@ function mt() {
     (n, i) => n.commandName.toLowerCase().localeCompare(i.commandName.toLowerCase())
   ), t;
 }
-const ye = new Intl.NumberFormat("en-US", {
-  style: "decimal",
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2
-});
-function pt(t) {
-  const e = x(0), n = x(0);
+function ye(t, e = "en-US") {
+  const n = Math.abs(t);
+  if (n !== 0 && (n < 1e-3 || n >= 1e6)) {
+    const [i, l] = t.toExponential(3).split("e");
+    return `${new Intl.NumberFormat(e, {
+      maximumFractionDigits: 3
+    }).format(Number(i))}e${l}`;
+  } else
+    return new Intl.NumberFormat(e, {
+      maximumFractionDigits: 6
+    }).format(t);
+}
+function mt(t) {
+  const e = b(0), n = b(0);
   function i(o) {
     e.value = o.x, n.value = o.y;
   }
-  N(() => t.events.mouseMove.addEventListener(i)), ee(() => t.events.mouseMove.removeEventListener(i));
-  const l = k(() => `${ye.format(e.value)}, ${ye.format(n.value)}`);
+  O(() => t.events.mouseMove.addEventListener(i)), ee(() => t.events.mouseMove.removeEventListener(i));
+  const l = k(() => `${ye(e.value)}, ${ye(n.value)}`);
   return { x: e, y: n, text: l };
 }
-const ae = Ue(), vt = je(ae);
-function gt() {
-  const t = x(/* @__PURE__ */ new Set()), e = Te.instance;
+const ae = We(), pt = Ue(ae);
+function vt() {
+  const t = b(/* @__PURE__ */ new Set()), e = Ge.instance;
   for (const n of e.fileTypes)
     t.value.add(n);
   return e.events.registered.addEventListener((n) => {
     t.value.add(n.fileType);
   }), t;
 }
-function ft(t) {
-  const e = q([]), n = t.curDocument, i = (l) => {
+function gt(t) {
+  const e = W([]), n = t.curDocument, i = (l) => {
     const o = l.tables.layerTable.newIterator();
     for (const a of o)
       e.push({
@@ -182,8 +189,8 @@ function ft(t) {
     e.length = 0, i(l.doc.database);
   }), e;
 }
-function ht(t) {
-  const e = q([]), n = t.curDocument, i = (l) => {
+function ft(t) {
+  const e = W([]), n = t.curDocument, i = (l) => {
     const o = l.dictionaries.layouts.newIterator();
     e.length = 0;
     for (const a of o)
@@ -193,20 +200,20 @@ function ht(t) {
         blockTableRecordId: a.blockTableRecordId,
         isActive: a.blockTableRecordId == l.currentSpaceId
       });
-    e.sort((a, s) => a.tabOrder - s.tabOrder);
+    e.sort((a, r) => a.tabOrder - r.tabOrder);
   };
   return i(n.database), t.events.documentActivated.addEventListener((l) => {
     e.length = 0, i(l.doc.database);
-  }), Ee().layoutManager.events.layoutSwitched.addEventListener(
+  }), Te().layoutManager.events.layoutSwitched.addEventListener(
     (l) => {
-      const o = l.newLayout;
+      const o = l.layout;
       e.forEach((a) => {
         a.name == o.layoutName ? a.isActive = !0 : a.isActive = !1;
       });
     }
   ), e;
 }
-const _t = {
+const ht = {
   ACAD: {
     csvg: "Converts current drawing to SVG",
     la: "Layer properties manager",
@@ -221,7 +228,7 @@ const _t = {
     zoomw: "Zooms to display an area specified by a rectangular window"
   },
   USER: {}
-}, wt = {
+}, _t = {
   baseDialog: {
     ok: "OK",
     cancel: "Cancel"
@@ -240,7 +247,7 @@ const _t = {
     title: "Point Style",
     pointSize: "Point Size:"
   }
-}, yt = {
+}, wt = {
   entityName: {
     "3PointAngularDimension": "Three Point Angular Dimension",
     AlignedDimension: "Aligned Dimension",
@@ -413,7 +420,7 @@ const _t = {
     yellow: "Yellow",
     yellowgreen: "Yellow Green"
   }
-}, bt = {
+}, yt = {
   mainMenu: {
     new: "New Drawing",
     open: "Open Drawing",
@@ -506,7 +513,7 @@ const _t = {
     failedToOpenFile: 'Failed to open file "{fileName}"!',
     fetchingDrawingFile: "Fetching file ..."
   }
-}, xt = {
+}, bt = {
   ACAD: {
     csvg: "转换当前图纸为SVG格式",
     la: "图层属性管理器",
@@ -521,7 +528,7 @@ const _t = {
     zoomw: "缩放以显示矩形窗口内的对象"
   },
   USER: {}
-}, kt = {
+}, xt = {
   baseDialog: {
     ok: "确定",
     cancel: "取消"
@@ -540,7 +547,7 @@ const _t = {
     title: "点样式",
     pointSize: "点大小:"
   }
-}, Mt = {
+}, kt = {
   entityName: {
     "3PointAngularDimension": "三点角度标注",
     AlignedDimension: "线性标注",
@@ -713,7 +720,7 @@ const _t = {
     yellow: "黄色",
     yellowgreen: "黄绿色"
   }
-}, St = {
+}, Mt = {
   mainMenu: {
     new: "新建图纸",
     open: "打开图纸",
@@ -806,89 +813,89 @@ const _t = {
     failedToOpenFile: '无法打开文件"{fileName}"!',
     fetchingDrawingFile: "正在加载图纸文件..."
   }
-}, Ct = () => {
+}, St = () => {
   const t = localStorage.getItem("preferred_lang");
   return t === "en" || t === "zh" ? t : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
-}, Lt = {
+}, Ct = {
   en: {
-    main: bt,
-    command: _t,
-    dialog: wt,
-    entity: yt
+    main: yt,
+    command: ht,
+    dialog: _t,
+    entity: wt
   },
   zh: {
-    main: St,
-    command: xt,
-    dialog: kt,
-    entity: Mt
+    main: Mt,
+    command: bt,
+    dialog: xt,
+    entity: kt
   }
-}, J = Qe({
+}, J = Xe({
   legacy: !1,
-  messages: Lt,
-  locale: Ct(),
+  messages: Ct,
+  locale: St(),
   fallbackLocale: "en",
   allowComposition: !0,
   globalInjection: !0
-}), he = (t, e) => {
+}), fe = (t, e) => {
   const n = J.global.t, i = `command.${t}.${e}`;
   return n(i, "");
-}, ua = (t) => he(W.SYSTEMT_COMMAND_GROUP_NAME, t), da = (t) => he(W.DEFAUT_COMMAND_GROUP_NAME, t), zt = (t) => {
+}, ca = (t) => fe(q.SYSTEMT_COMMAND_GROUP_NAME, t), ua = (t) => fe(q.DEFAUT_COMMAND_GROUP_NAME, t), Lt = (t) => {
   const e = J.global.t, n = "entity.entityName." + t.type;
   return e(n, t.type, { missingWarn: !1 });
-}, Dt = (t) => {
+}, zt = (t) => {
   if (t == "ByLayer" || t == "ByBlock")
     return t;
   {
     const e = J.global.t, n = "entity.color." + t;
     return e(n, t, { missingWarn: !1 });
   }
-}, Bt = (t) => {
+}, Dt = (t) => {
   const e = J.global.t, n = "main.progress." + t.replace(/_/g, "").toLowerCase();
   return e(n, t);
 }, me = "preferred_lang";
-function Ve(t) {
-  const { locale: e } = R(), i = x((() => {
-    const r = localStorage.getItem(me);
-    return r === "en" || r === "zh" ? r : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
-  })()), l = k(() => i.value), o = (r) => {
-    J.global.locale.value = r, i.value = r, (!t || t === "default") && localStorage.setItem(me, r);
+function $e(t) {
+  const { locale: e } = R(), i = b((() => {
+    const s = localStorage.getItem(me);
+    return s === "en" || s === "zh" ? s : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
+  })()), l = k(() => i.value), o = (s) => {
+    J.global.locale.value = s, i.value = s, (!t || t === "default") && localStorage.setItem(me, s);
   }, a = () => {
     localStorage.removeItem(me);
   };
   t && E(
     () => t,
-    (r) => {
-      r && r !== "default" && (i.value = r, J.global.locale.value = r, a());
+    (s) => {
+      s && s !== "default" && (i.value = s, J.global.locale.value = s, a());
     },
     { immediate: !0 }
   ), E(
     () => e.value,
-    (r) => {
+    (s) => {
       if (!t || t === "default") {
-        const c = r === "zh" ? "zh" : "en";
+        const c = s === "zh" ? "zh" : "en";
         i.value = c;
       }
     }
   );
-  const s = k(() => l.value === "en" ? Ke : Xe);
+  const r = k(() => l.value === "en" ? Ye : Ke);
   return {
     currentLocale: i,
     effectiveLocale: l,
-    elementPlusLocale: s,
+    elementPlusLocale: r,
     setLocale: o,
     clearStoragePreference: a,
     isControlled: k(() => !!(t && t !== "default"))
   };
 }
-function Ae() {
-  const t = q(/* @__PURE__ */ new Map()), e = q(/* @__PURE__ */ new Map()), n = () => {
+function Ve() {
+  const t = W(/* @__PURE__ */ new Map()), e = W(/* @__PURE__ */ new Map()), n = () => {
     const i = B.instance.curView.missedData, l = Y.instance.fontMapping;
     t.clear(), Object.keys(i.fonts).forEach((o) => {
       const a = l[o];
       t.set(o, a || "");
     }), e.clear(), i.images.forEach((o, a) => {
-      const s = e.get(o);
-      s ? s.ids.add(a) : e.set(o, {
+      const r = e.get(o);
+      r ? r.ids.add(a) : e.set(o, {
         fileName: o,
         ids: /* @__PURE__ */ new Set([a])
       });
@@ -904,15 +911,15 @@ function Ae() {
   };
 }
 function ce() {
-  const t = q(
+  const t = W(
     Y.instance.settings
   );
   return Y.instance.events.modified.addEventListener((e) => {
     t[e.key] = e.value;
   }), t;
 }
-function Tt(t) {
-  const e = q({}), n = t.curDocument, i = (l) => {
+function Bt(t) {
+  const e = W({}), n = t.curDocument, i = (l) => {
     e.pdmode = l.pdmode, e.pdmode = l.pdsize;
   };
   return i(n.database), n.database.events.headerSysVarChanged.addEventListener((l) => {
@@ -921,44 +928,44 @@ function Tt(t) {
     i(l.doc.database);
   }), e;
 }
-const Et = /* @__PURE__ */ L({
+const Tt = /* @__PURE__ */ L({
   __name: "MlDialogManager",
   setup(t, { expose: e }) {
     const { dialogs: n, toggleDialog: i, registerDialog: l } = oe();
     return e({
       toggleDialog: i,
       registerDialog: l
-    }), (o, a) => (u(!0), w(K, null, X(m(n), (s) => (u(), w("div", {
-      key: s.name
+    }), (o, a) => (u(!0), w(K, null, X(m(n), (r) => (u(), w("div", {
+      key: r.name
     }, [
-      (u(), C(ge(s.component), Ne({
-        modelValue: s.visible,
-        "onUpdate:modelValue": (r) => s.visible = r
-      }, { ref_for: !0 }, s.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
+      (u(), C(ve(r.component), Ne({
+        modelValue: r.visible,
+        "onUpdate:modelValue": (s) => r.visible = s
+      }, { ref_for: !0 }, r.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
     ]))), 128));
   }
-}), $t = ["accept"], Vt = /* @__PURE__ */ L({
+}), Et = ["accept"], $t = /* @__PURE__ */ L({
   __name: "MlFileReader",
   emits: ["file-read"],
   setup(t, { emit: e }) {
-    const n = e, i = x(null), l = gt(), o = k(() => {
-      const s = Array.from(l.value);
-      let r = "";
-      for (let c = 0, f = s.length; c < f; ++c)
-        c == f - 1 ? r += `.${s[c]}` : r += `.${s[c]}, `;
-      return r;
+    const n = e, i = b(null), l = vt(), o = k(() => {
+      const r = Array.from(l.value);
+      let s = "";
+      for (let c = 0, f = r.length; c < f; ++c)
+        c == f - 1 ? s += `.${r[c]}` : s += `.${r[c]}, `;
+      return s;
     });
-    N(() => {
+    O(() => {
       j.on("open-file", () => {
-        var s;
-        (s = i.value) == null || s.click();
+        var r;
+        (r = i.value) == null || r.click();
       });
     });
-    const a = (s) => {
-      var f, b;
-      const c = (f = s.target.files) == null ? void 0 : f[0];
+    const a = (r) => {
+      var f, x;
+      const c = (f = r.target.files) == null ? void 0 : f[0];
       if (c && c.name) {
-        const g = (b = c.name.split(".").pop()) == null ? void 0 : b.toLocaleLowerCase(), h = new FileReader();
+        const g = (x = c.name.split(".").pop()) == null ? void 0 : x.toLocaleLowerCase(), h = new FileReader();
         g == "dxf" ? h.readAsText(c) : g == "dwg" && h.readAsArrayBuffer(c), h.onload = (_) => {
           var S;
           const y = (S = _.target) == null ? void 0 : S.result;
@@ -968,16 +975,16 @@ const Et = /* @__PURE__ */ L({
         };
       }
     };
-    return (s, r) => (u(), w("input", {
+    return (r, s) => (u(), w("input", {
       type: "file",
       ref_key: "fileInput",
       ref: i,
       accept: o.value,
       style: { display: "none" },
       onChange: a
-    }, null, 40, $t));
+    }, null, 40, Et));
   }
-}), At = /* @__PURE__ */ L({
+}), Vt = /* @__PURE__ */ L({
   __name: "MlToggleButton",
   props: /* @__PURE__ */ Z({
     size: { default: 30 },
@@ -991,30 +998,30 @@ const Et = /* @__PURE__ */ L({
     Ce((c) => ({
       a97b120a: a.value
     }));
-    const n = t, i = fe(t, "modelValue"), l = e, o = k(() => i.value ? n.data.onIcon : n.data.offIcon), a = k(() => n.size + "px"), s = k(() => i.value ? n.data.onTooltip : n.data.offTooltip), r = () => {
+    const n = t, i = ge(t, "modelValue"), l = e, o = k(() => i.value ? n.data.onIcon : n.data.offIcon), a = k(() => n.size + "px"), r = k(() => i.value ? n.data.onTooltip : n.data.offTooltip), s = () => {
       l("click", i.value);
     };
     return (c, f) => {
-      const b = M("el-button"), g = M("el-tooltip");
+      const x = M("el-button"), g = M("el-tooltip");
       return u(), C(g, {
-        content: s.value,
+        content: r.value,
         "hide-after": 0
       }, {
         default: p(() => [
-          v(b, {
+          v(x, {
             class: "ml-toggle-button",
             icon: o.value,
-            onClick: r
+            onClick: s
           }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), Ie = /* @__PURE__ */ H(At, [["__scopeId", "data-v-48d6b055"]]), It = /* @__PURE__ */ L({
+}), Ae = /* @__PURE__ */ H(Vt, [["__scopeId", "data-v-48d6b055"]]), At = /* @__PURE__ */ L({
   __name: "MlReplacementDlg",
   setup(t) {
-    const { t: e } = R(), { fonts: n, images: i } = Ae(), l = x(!0), o = k(() => n.size > 0 ? "font" : "image"), a = x(null), s = k(() => B.instance.avaiableFonts.map((h) => h.name[0])), r = () => {
+    const { t: e } = R(), { fonts: n, images: i } = Ve(), l = b(!0), o = k(() => n.size > 0 ? "font" : "image"), a = b(null), r = k(() => B.instance.avaiableFonts.map((h) => h.name[0])), s = () => {
       const g = B.instance.curDocument.database;
       i.forEach((_) => {
         _.file && _.ids.forEach((y) => {
@@ -1036,17 +1043,17 @@ const Et = /* @__PURE__ */ L({
       var _, y;
       const h = (y = (_ = a.value) == null ? void 0 : _.files) == null ? void 0 : y[0];
       h && (g.file = h);
-    }, b = (g, h) => {
+    }, x = (g, h) => {
       n.set(g, h);
     };
     return (g, h) => {
       const _ = M("el-col"), y = M("el-row"), S = M("el-option"), $ = M("el-select"), F = M("el-tab-pane"), V = M("el-table-column"), T = M("el-button"), G = M("el-table"), P = M("el-tabs");
-      return u(), C($e, {
+      return u(), C(Ee, {
         title: m(e)("dialog.replacementDlg.title"),
         modelValue: l.value,
         "onUpdate:modelValue": h[1] || (h[1] = (z) => l.value = z),
         name: "ReplacementDlg",
-        onOk: r
+        onOk: s
       }, {
         default: p(() => [
           v(P, {
@@ -1095,14 +1102,14 @@ const Et = /* @__PURE__ */ L({
                             v($, {
                               "model-value": A,
                               placeholder: m(e)("dialog.replacementDlg.selectFont"),
-                              "onUpdate:modelValue": (O) => b(z, O),
+                              "onUpdate:modelValue": (N) => x(z, N),
                               style: { width: "100%" }
                             }, {
                               default: p(() => [
-                                (u(!0), w(K, null, X(s.value, (O, de) => (u(), C(S, {
+                                (u(!0), w(K, null, X(r.value, (N, de) => (u(), C(S, {
                                   key: de,
-                                  label: O,
-                                  value: O
+                                  label: N,
+                                  value: N
                                 }, null, 8, ["label", "value"]))), 128))
                               ]),
                               _: 2
@@ -1178,28 +1185,28 @@ const Et = /* @__PURE__ */ L({
       }, 8, ["title", "modelValue"]);
     };
   }
-}), Ft = {
+}), It = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 15 15"
 };
-function Pt(t, e) {
-  return u(), w("svg", Ft, e[0] || (e[0] = [
+function Ft(t, e) {
+  return u(), w("svg", It, e[0] || (e[0] = [
     d("path", {
       fill: "currentColor",
       d: "M1.417 11.667h1.916v.833H0V9.167h.833v1.916l2.5-2.5.584.584zm9.666 0-2.5-2.5.584-.584 2.5 2.5V9.167h.833V12.5H9.167v-.833zM1.417.833l2.5 2.5-.584.584-2.5-2.5v1.916H0V0h3.333v.833zm9.666 0H9.167V0H12.5v3.333h-.833V1.417l-2.5 2.5-.584-.584z"
     }, null, -1)
   ]));
 }
-const be = { render: Pt }, Rt = {
+const be = { render: Ft }, Pt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 512 512"
 };
-function Ot(t, e) {
-  return u(), w("svg", Rt, e[0] || (e[0] = [
+function Rt(t, e) {
+  return u(), w("svg", Pt, e[0] || (e[0] = [
     d("path", {
       fill: "none",
       stroke: "currentColor",
@@ -1218,24 +1225,24 @@ function Ot(t, e) {
     }, null, -1)
   ]));
 }
-const Nt = { render: Ot }, Ht = {
+const Nt = { render: Rt }, Ot = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Gt(t, e) {
-  return u(), w("svg", Ht, e[0] || (e[0] = [
+function Ht(t, e) {
+  return u(), w("svg", Ot, e[0] || (e[0] = [
     d("path", { d: "m15.08 12.854.002-.002V5.59c0-.422-.652-.414-.652 0v3.466c0 .938-1.482.95-1.482 0v-4.83c0-.414-.638-.414-.638 0h-.014v4.83c.014.95-1.482.95-1.482 0V3.444c0-.42-.638-.414-.638 0v5.612c0 .95-1.494.95-1.494 0V4.232c0-.408-.64-.42-.64 0v6.756c0 .802-1.094 1.088-1.494.388q-.39-.669-.776-1.338c-.338-.482-1.1-.15-.794.38l.978 1.698.02.04q.829 1.418 1.658 2.834c.19.3.422.578.666.802h-.006c.672.61 1.528.964 2.418 1.052.888.06 1.792-.124 2.56-.612q.45-.285.816-.68a4 4 0 0 0 .734-1.204c.176-.482.258-.97.258-1.494m-.91-8.608-.004-.002c.958-.38 2.058.244 2.058 1.346v7.266c0 .652-.108 1.29-.332 1.894a4.8 4.8 0 0 1-.964 1.576 5.9 5.9 0 0 1-1.046.884c-.978.612-2.146.862-3.26.774a5.34 5.34 0 0 1-3.098-1.352 5.4 5.4 0 0 1-.87-1.034l-1.672-2.88-.012-.028-.978-1.706c-.59-1.018.068-2.186 1.156-2.336.536-.074 1.126.116 1.562.72.026.028.04.062.054.096q.061.11.122.218V4.234c0-1.176 1.244-1.788 2.202-1.278.42-1.278 2.378-1.264 2.792-.014.972-.51 2.222.102 2.222 1.284v.06z" }, null, -1)
   ]));
 }
-const Wt = { render: Gt }, qt = {
+const Gt = { render: Ht }, qt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Ut(t, e) {
+function Wt(t, e) {
   return u(), w("svg", qt, e[0] || (e[0] = [
     d("path", {
       fill: "currentColor",
@@ -1243,323 +1250,323 @@ function Ut(t, e) {
     }, null, -1)
   ]));
 }
-const jt = { render: Ut }, Yt = {
+const Ut = { render: Wt }, jt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Kt(t, e) {
-  return u(), w("svg", Yt, e[0] || (e[0] = [
+function Yt(t, e) {
+  return u(), w("svg", jt, e[0] || (e[0] = [
     d("path", {
       fill: "currentColor",
       d: "M15.083 14.808a7 7 0 0 0 1.909-4.825 7.001 7.001 0 1 0-2.167 5.083c.092-.083.175-.174.258-.258m1.259.592 2.575 2.575-.942.942-2.575-2.575a8.334 8.334 0 0 1-11.525-.692 8.326 8.326 0 0 1 .233-11.542C7.267.942 12.367.842 15.65 3.875s3.592 8.117.692 11.525m-3.55-2.608V7.208H7.208v5.584zM5.875 5.875h8.25v8.25h-8.25z"
     }, null, -1)
   ]));
 }
-const Xt = { render: Kt }, Qt = {
+const Kt = { render: Yt }, Xt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Zt(t, e) {
-  return u(), w("svg", Qt, e[0] || (e[0] = [
+function Qt(t, e) {
+  return u(), w("svg", Xt, e[0] || (e[0] = [
     d("path", {
       fill: "currentColor",
       d: "m9.333 14.125-3.458-3.458v3.458zm4.792-3.458-3.458 3.458h3.458zm-3.458-4.792 3.458 3.458V5.875zM5.875 9.333l3.458-3.458H5.875zm9.208 5.475a7 7 0 0 0 1.909-4.825 7.001 7.001 0 1 0-2.167 5.083c.092-.083.175-.174.258-.258m1.259.592 2.575 2.575-.942.942-2.575-2.575c-3.408 2.9-8.492 2.591-11.525-.692S.942 7.275 4.108 4.108C7.267.942 12.367.842 15.65 3.875s3.592 8.117.692 11.525"
     }, null, -1)
   ]));
 }
-const Jt = { render: Zt }, en = {
+const Zt = { render: Qt }, Jt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function tn(t, e) {
-  return u(), w("svg", en, e[0] || (e[0] = [
+function en(t, e) {
+  return u(), w("svg", Jt, e[0] || (e[0] = [
     d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1)
   ]));
 }
-const nn = { render: tn }, on = {
+const tn = { render: en }, nn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function ln(t, e) {
-  return u(), w("svg", on);
+function on(t, e) {
+  return u(), w("svg", nn);
 }
-const an = { render: ln }, rn = {
+const ln = { render: on }, an = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function sn(t, e) {
-  return u(), w("svg", rn, e[0] || (e[0] = [
+function rn(t, e) {
+  return u(), w("svg", an, e[0] || (e[0] = [
     d("path", { d: "M2 9.5h16v1H2z" }, null, -1),
     d("path", { d: "M9.5 2h1v16h-1z" }, null, -1)
   ]));
 }
-const cn = { render: sn }, un = {
+const sn = { render: rn }, cn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function dn(t, e) {
-  return u(), w("svg", un, e[0] || (e[0] = [
+function un(t, e) {
+  return u(), w("svg", cn, e[0] || (e[0] = [
     d("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
     d("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1)
   ]));
 }
-const mn = { render: dn }, pn = {
+const dn = { render: un }, mn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function vn(t, e) {
-  return u(), w("svg", pn, e[0] || (e[0] = [
+function pn(t, e) {
+  return u(), w("svg", mn, e[0] || (e[0] = [
     d("path", { d: "M9.5 2.04h1v8h-1z" }, null, -1)
   ]));
 }
-const gn = { render: vn }, fn = {
+const vn = { render: pn }, gn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function hn(t, e) {
-  return u(), w("svg", fn, e[0] || (e[0] = [
+function fn(t, e) {
+  return u(), w("svg", gn, e[0] || (e[0] = [
     d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
     d("path", { d: "M10 3a7 7 0 1 1-7 7 7 7 0 0 1 7-7m0-1a8 8 0 1 0 8 8 8 8 0 0 0-8-8" }, null, -1)
   ]));
 }
-const _n = { render: hn }, wn = {
+const hn = { render: fn }, _n = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function yn(t, e) {
-  return u(), w("svg", wn, e[0] || (e[0] = [
+function wn(t, e) {
+  return u(), w("svg", _n, e[0] || (e[0] = [
     d("path", { d: "M10 3a7 7 0 1 1-7 7 7 7 0 0 1 7-7m0-1a8 8 0 1 0 8 8 8 8 0 0 0-8-8" }, null, -1)
   ]));
 }
-const bn = { render: yn }, xn = {
+const yn = { render: wn }, bn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function kn(t, e) {
-  return u(), w("svg", xn, e[0] || (e[0] = [
+function xn(t, e) {
+  return u(), w("svg", bn, e[0] || (e[0] = [
     d("path", { d: "M3 9.5h14v1H3z" }, null, -1),
     d("path", { d: "M9.5 3h1v14h-1z" }, null, -1),
     d("path", { d: "M10 3a7 7 0 1 1-7 7 7 7 0 0 1 7-7m0-1a8 8 0 1 0 8 8 8 8 0 0 0-8-8" }, null, -1)
   ]));
 }
-const Mn = { render: kn }, Sn = {
+const kn = { render: xn }, Mn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Cn(t, e) {
-  return u(), w("svg", Sn, e[0] || (e[0] = [
+function Sn(t, e) {
+  return u(), w("svg", Mn, e[0] || (e[0] = [
     d("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
     d("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1),
     d("path", { d: "M10 3a7 7 0 1 1-7 7 7 7 0 0 1 7-7m0-1a8 8 0 1 0 8 8 8 8 0 0 0-8-8" }, null, -1)
   ]));
 }
-const Ln = { render: Cn }, zn = {
+const Cn = { render: Sn }, Ln = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Dn(t, e) {
-  return u(), w("svg", zn, e[0] || (e[0] = [
+function zn(t, e) {
+  return u(), w("svg", Ln, e[0] || (e[0] = [
     d("path", { d: "M9.5 5.04h1v5h-1z" }, null, -1),
     d("path", { d: "M10 3a7 7 0 1 1-7 7 7 7 0 0 1 7-7m0-1a8 8 0 1 0 8 8 8 8 0 0 0-8-8" }, null, -1)
   ]));
 }
-const Bn = { render: Dn }, Tn = {
+const Dn = { render: zn }, Bn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function En(t, e) {
-  return u(), w("svg", Tn, e[0] || (e[0] = [
+function Tn(t, e) {
+  return u(), w("svg", Bn, e[0] || (e[0] = [
     d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
     d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const $n = { render: En }, Vn = {
+const En = { render: Tn }, $n = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function An(t, e) {
-  return u(), w("svg", Vn, e[0] || (e[0] = [
+function Vn(t, e) {
+  return u(), w("svg", $n, e[0] || (e[0] = [
     d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const In = { render: An }, Fn = {
+const An = { render: Vn }, In = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Pn(t, e) {
-  return u(), w("svg", Fn, e[0] || (e[0] = [
+function Fn(t, e) {
+  return u(), w("svg", In, e[0] || (e[0] = [
     d("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "M3 9.58h14v1H3z" }, null, -1),
     d("path", { d: "M9.5 3.08h1v14h-1z" }, null, -1)
   ]));
 }
-const Rn = { render: Pn }, On = {
+const Pn = { render: Fn }, Rn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
 function Nn(t, e) {
-  return u(), w("svg", On, e[0] || (e[0] = [
+  return u(), w("svg", Rn, e[0] || (e[0] = [
     d("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
     d("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1)
   ]));
 }
-const Hn = { render: Nn }, Gn = {
+const On = { render: Nn }, Hn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Wn(t, e) {
-  return u(), w("svg", Gn, e[0] || (e[0] = [
+function Gn(t, e) {
+  return u(), w("svg", Hn, e[0] || (e[0] = [
     d("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "M9.5 6.04h1v5h-1z" }, null, -1)
   ]));
 }
-const qn = { render: Wn }, Un = {
+const qn = { render: Gn }, Wn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function jn(t, e) {
-  return u(), w("svg", Un, e[0] || (e[0] = [
+function Un(t, e) {
+  return u(), w("svg", Wn, e[0] || (e[0] = [
     d("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
     d("path", { d: "M10 4a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1a7 7 0 1 0 7 7 7 7 0 0 0-7-7" }, null, -1)
   ]));
 }
-const Yn = { render: jn }, Kn = {
+const jn = { render: Un }, Yn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Xn(t, e) {
-  return u(), w("svg", Kn, e[0] || (e[0] = [
+function Kn(t, e) {
+  return u(), w("svg", Yn, e[0] || (e[0] = [
     d("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "M10 4a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1a7 7 0 1 0 7 7 7 7 0 0 0-7-7" }, null, -1)
   ]));
 }
-const Qn = { render: Xn }, Zn = {
+const Xn = { render: Kn }, Qn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Jn(t, e) {
-  return u(), w("svg", Zn, e[0] || (e[0] = [
+function Zn(t, e) {
+  return u(), w("svg", Qn, e[0] || (e[0] = [
     d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "M3.88 9.6h12.25v.88H3.88z" }, null, -1),
     d("path", { d: "M9.56 3.91h.88v12.25h-.88z" }, null, -1),
     d("path", { d: "M10 4a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1a7 7 0 1 0 7 7 7 7 0 0 0-7-7" }, null, -1)
   ]));
 }
-const eo = { render: Jn }, to = {
+const Jn = { render: Zn }, eo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function no(t, e) {
-  return u(), w("svg", to, e[0] || (e[0] = [
+function to(t, e) {
+  return u(), w("svg", eo, e[0] || (e[0] = [
     d("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
     d("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1),
     d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "M10 4a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1a7 7 0 1 0 7 7 7 7 0 0 0-7-7" }, null, -1)
   ]));
 }
-const oo = { render: no }, lo = {
+const no = { render: to }, oo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function ao(t, e) {
-  return u(), w("svg", lo, e[0] || (e[0] = [
+function lo(t, e) {
+  return u(), w("svg", oo, e[0] || (e[0] = [
     d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "M9.5 5.04h1v5h-1z" }, null, -1),
     d("path", { d: "M10 4a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1a7 7 0 1 0 7 7 7 7 0 0 0-7-7" }, null, -1)
   ]));
 }
-const io = { render: ao }, ro = /* @__PURE__ */ L({
+const ao = { render: lo }, io = /* @__PURE__ */ L({
   __name: "MlPointStyleDlg",
   setup(t) {
-    const { t: e } = R(), n = Tt(B.instance), i = x(!0), l = x(0), o = [
+    const { t: e } = R(), n = Bt(B.instance), i = b(!0), l = b(0), o = [
       [
-        { id: 0, icon: nn },
-        { id: 1, icon: an },
-        { id: 2, icon: cn },
-        { id: 3, icon: mn },
-        { id: 4, icon: gn }
+        { id: 0, icon: tn },
+        { id: 1, icon: ln },
+        { id: 2, icon: sn },
+        { id: 3, icon: dn },
+        { id: 4, icon: vn }
       ],
       [
-        { id: 32, icon: _n },
-        { id: 33, icon: bn },
-        { id: 34, icon: Mn },
-        { id: 35, icon: Ln },
-        { id: 36, icon: Bn }
+        { id: 32, icon: hn },
+        { id: 33, icon: yn },
+        { id: 34, icon: kn },
+        { id: 35, icon: Cn },
+        { id: 36, icon: Dn }
       ],
       [
-        { id: 64, icon: $n },
-        { id: 65, icon: In },
-        { id: 66, icon: Rn },
-        { id: 67, icon: Hn },
+        { id: 64, icon: En },
+        { id: 65, icon: An },
+        { id: 66, icon: Pn },
+        { id: 67, icon: On },
         { id: 68, icon: qn }
       ],
       [
-        { id: 96, icon: Yn },
-        { id: 97, icon: Qn },
-        { id: 98, icon: eo },
-        { id: 99, icon: oo },
-        { id: 100, icon: io }
+        { id: 96, icon: jn },
+        { id: 97, icon: Xn },
+        { id: 98, icon: Jn },
+        { id: 99, icon: no },
+        { id: 100, icon: ao }
       ]
     ], a = () => {
       n.pdmode && (l.value = n.pdmode);
     };
     a();
-    const s = (b, g) => o[b][g].id == l.value ? "primary" : null, r = (b, g) => {
-      l.value = o[b][g].id;
+    const r = (x, g) => o[x][g].id == l.value ? "primary" : null, s = (x, g) => {
+      l.value = o[x][g].id;
     }, c = () => {
       B.instance.curDocument.database.pdmode = l.value;
     }, f = () => {
       a();
     };
-    return (b, g) => {
+    return (x, g) => {
       const h = M("el-button"), _ = M("el-col"), y = M("el-row");
-      return u(), C($e, {
+      return u(), C(Ee, {
         title: m(e)("dialog.pointStyleDlg.title"),
         width: 400,
         modelValue: i.value,
@@ -1583,8 +1590,8 @@ const io = { render: ao }, ro = /* @__PURE__ */ L({
                 default: p(() => [
                   v(h, {
                     icon: F.icon,
-                    type: s($, V),
-                    onClick: (T) => r($, V),
+                    type: r($, V),
+                    onClick: (T) => s($, V),
                     style: { "font-size": "25px" }
                   }, null, 8, ["icon", "type", "onClick"])
                 ]),
@@ -1609,35 +1616,35 @@ const io = { render: ao }, ro = /* @__PURE__ */ L({
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const so = {
+const ro = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
-}, co = /* @__PURE__ */ d("path", {
+}, so = /* @__PURE__ */ d("path", {
   fill: "currentColor",
   d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
-}, null, -1), uo = [
-  co
+}, null, -1), co = [
+  so
 ];
-function mo(t, e) {
-  return u(), w("svg", so, [...uo]);
+function uo(t, e) {
+  return u(), w("svg", ro, [...co]);
 }
-const xe = { render: mo }, po = {
+const xe = { render: uo }, mo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
-}, vo = /* @__PURE__ */ d("path", {
+}, po = /* @__PURE__ */ d("path", {
   fill: "currentColor",
   d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
-}, null, -1), go = [
-  vo
+}, null, -1), vo = [
+  po
 ];
-function fo(t, e) {
-  return u(), w("svg", po, [...go]);
+function go(t, e) {
+  return u(), w("svg", mo, [...vo]);
 }
-const ke = { render: fo }, ho = /* @__PURE__ */ L({
+const ke = { render: go }, fo = /* @__PURE__ */ L({
   __name: "MlCollapse",
   props: /* @__PURE__ */ Z({
     size: { default: 18 },
@@ -1648,23 +1655,23 @@ const ke = { render: fo }, ho = /* @__PURE__ */ L({
   }),
   emits: /* @__PURE__ */ Z(["change"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const n = t, i = fe(t, "modelValue"), l = e, o = k(() => n.reverse ? i.value ? xe : ke : i.value ? ke : xe), a = k(() => `${n.size}px`), s = () => {
+    const n = t, i = ge(t, "modelValue"), l = e, o = k(() => n.reverse ? i.value ? xe : ke : i.value ? ke : xe), a = k(() => `${n.size}px`), r = () => {
       l("change", i.value), i.value = !i.value;
     };
-    return (r, c) => {
+    return (s, c) => {
       const f = se;
       return u(), C(f, {
         size: a.value,
-        onClick: s
+        onClick: r
       }, {
         default: p(() => [
-          (u(), C(ge(o.value)))
+          (u(), C(ve(o.value)))
         ]),
         _: 1
       }, 8, ["size"]);
     };
   }
-}), _o = (t) => (ze("data-v-3fc33b5d"), t = t(), De(), t), wo = /* @__PURE__ */ _o(() => /* @__PURE__ */ d("svg", {
+}), ho = (t) => (ze("data-v-3fc33b5d"), t = t(), De(), t), _o = /* @__PURE__ */ ho(() => /* @__PURE__ */ d("svg", {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -1675,7 +1682,7 @@ const ke = { render: fo }, ho = /* @__PURE__ */ L({
     fill: "currentColor",
     d: "m18.5 10l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10h2zM10 2v2h6v2h-1.968a18.222 18.222 0 0 1-3.62 6.301a14.864 14.864 0 0 0 2.336 1.707l-.751 1.878A17.015 17.015 0 0 1 9 13.725a16.676 16.676 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18.078 18.078 0 0 1 4.767 8h2.24A16.032 16.032 0 0 0 9 10.877a16.165 16.165 0 0 0 2.91-4.876L2 6V4h6V2h2zm7.5 10.885L16.253 16h2.492L17.5 12.885z"
   })
-], -1)), yo = /* @__PURE__ */ L({
+], -1)), wo = /* @__PURE__ */ L({
   __name: "MlDropdown",
   props: {
     icon: {},
@@ -1689,9 +1696,9 @@ const ke = { render: fo }, ho = /* @__PURE__ */ L({
     const n = t, i = e, l = k(() => n.items.filter((a) => a.name !== n.current)), o = (a) => {
       i("click", a);
     };
-    return (a, s) => {
-      const r = se, c = lt, f = ot, b = nt;
-      return u(), C(b, { onCommand: o }, {
+    return (a, r) => {
+      const s = se, c = ot, f = nt, x = tt;
+      return u(), C(x, { onCommand: o }, {
         dropdown: p(() => [
           v(f, null, {
             default: p(() => [
@@ -1709,12 +1716,12 @@ const ke = { render: fo }, ho = /* @__PURE__ */ L({
           })
         ]),
         default: p(() => [
-          v(r, {
+          v(s, {
             size: "30",
             class: "ml-dropdown-icon"
           }, {
             default: p(() => [
-              wo
+              _o
             ]),
             _: 1
           })
@@ -1728,7 +1735,7 @@ const ke = { render: fo }, ho = /* @__PURE__ */ L({
   for (const [i, l] of e)
     n[i] = l;
   return n;
-}, bo = /* @__PURE__ */ ue(yo, [["__scopeId", "data-v-3fc33b5d"]]), xo = '<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" width="1.2em" height="1.2em" data-v-63d067da=""><path fill="currentColor" d="m18.5 10l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10h2zM10 2v2h6v2h-1.968a18.222 18.222 0 0 1-3.62 6.301a14.864 14.864 0 0 0 2.336 1.707l-.751 1.878A17.015 17.015 0 0 1 9 13.725a16.676 16.676 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18.078 18.078 0 0 1 4.767 8h2.24A16.032 16.032 0 0 0 9 10.877a16.165 16.165 0 0 0 2.91-4.876L2 6V4h6V2h2zm7.5 10.885L16.253 16h2.492L17.5 12.885z"></path></svg>', ko = /* @__PURE__ */ L({
+}, yo = /* @__PURE__ */ ue(wo, [["__scopeId", "data-v-3fc33b5d"]]), bo = '<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" width="1.2em" height="1.2em" data-v-63d067da=""><path fill="currentColor" d="m18.5 10l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10h2zM10 2v2h6v2h-1.968a18.222 18.222 0 0 1-3.62 6.301a14.864 14.864 0 0 0 2.336 1.707l-.751 1.878A17.015 17.015 0 0 1 9 13.725a16.676 16.676 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18.078 18.078 0 0 1 4.767 8h2.24A16.032 16.032 0 0 0 9 10.877a16.165 16.165 0 0 0 2.91-4.876L2 6V4h6V2h2zm7.5 10.885L16.253 16h2.492L17.5 12.885z"></path></svg>', xo = /* @__PURE__ */ L({
   __name: "MlLanguage",
   props: {
     languages: {},
@@ -1741,28 +1748,28 @@ const ke = { render: fo }, ho = /* @__PURE__ */ L({
     const n = t, i = e, l = (o) => {
       i("click", o);
     };
-    return (o, a) => (u(), C(bo, {
-      icon: xo,
+    return (o, a) => (u(), C(yo, {
+      icon: bo,
       items: n.languages,
       current: n.current,
       onClick: l
     }, null, 8, ["items", "current"]));
   }
-}), Mo = {}, So = { class: "ml-status-bar" }, Co = { class: "ml-status-bar-left" }, Lo = { class: "ml-status-bar-right" };
-function zo(t, e) {
-  return u(), w("div", So, [
-    d("div", Co, [
+}), ko = {}, Mo = { class: "ml-status-bar" }, So = { class: "ml-status-bar-left" }, Co = { class: "ml-status-bar-right" };
+function Lo(t, e) {
+  return u(), w("div", Mo, [
+    d("div", So, [
       ie(t.$slots, "left", {}, void 0, !0)
     ]),
-    d("div", Lo, [
+    d("div", Co, [
       ie(t.$slots, "right", {}, void 0, !0)
     ])
   ]);
 }
-const Do = /* @__PURE__ */ ue(Mo, [["render", zo], ["__scopeId", "data-v-d6a59cf0"]]), Bo = {
+const zo = /* @__PURE__ */ ue(ko, [["render", Lo], ["__scopeId", "data-v-d6a59cf0"]]), Do = {
   key: 0,
   class: "ml-toolbar-button-text"
-}, To = /* @__PURE__ */ L({
+}, Bo = /* @__PURE__ */ L({
   __name: "MlToolBar",
   props: {
     items: {},
@@ -1781,18 +1788,18 @@ const Do = /* @__PURE__ */ ue(Mo, [["render", zo], ["__scopeId", "data-v-d6a59cf
           return 50;
       }
       return 70;
-    }), s = (f) => f.description ? f.description : f.text, r = k(() => n.size === "large"), c = (f) => {
+    }), r = (f) => f.description ? f.description : f.text, s = k(() => n.size === "large"), c = (f) => {
       i("click", f);
     };
-    return (f, b) => {
-      const g = se, h = rt, _ = it, y = at;
+    return (f, x) => {
+      const g = se, h = it, _ = at, y = lt;
       return u(), C(y, {
         class: Le(l.value)
       }, {
         default: p(() => [
           (u(!0), w(K, null, X(f.items, (S, $) => (u(), C(_, {
             key: S.text,
-            content: s(S),
+            content: r(S),
             "hide-after": 0
           }, {
             default: p(() => [
@@ -1806,11 +1813,11 @@ const Do = /* @__PURE__ */ ue(Mo, [["render", zo], ["__scopeId", "data-v-d6a59cf
                   d("div", null, [
                     v(g, { size: o.value }, {
                       default: p(() => [
-                        (u(), C(ge(S.icon)))
+                        (u(), C(ve(S.icon)))
                       ]),
                       _: 2
                     }, 1032, ["size"]),
-                    r.value ? (u(), w("div", Bo, D(S.text), 1)) : U("", !0)
+                    s.value ? (u(), w("div", Do, D(S.text), 1)) : U("", !0)
                   ])
                 ]),
                 _: 2
@@ -1823,35 +1830,35 @@ const Do = /* @__PURE__ */ ue(Mo, [["render", zo], ["__scopeId", "data-v-d6a59cf
       }, 8, ["class"]);
     };
   }
-}), Eo = /* @__PURE__ */ ue(To, [["__scopeId", "data-v-3eed2087"]]), Me = 20;
-function $o(t, e, n) {
-  const i = x(!1), l = (r) => {
+}), To = /* @__PURE__ */ ue(Bo, [["__scopeId", "data-v-3eed2087"]]), Me = 20;
+function Eo(t, e, n) {
+  const i = b(!1), l = (s) => {
     if (n.value && t.value) {
-      const c = t.value.getBoundingClientRect(), f = r.clientX < c.left || r.clientX > c.right || r.clientY < c.top || r.clientY > c.bottom;
+      const c = t.value.getBoundingClientRect(), f = s.clientX < c.left || s.clientX > c.right || s.clientY < c.top || s.clientY > c.bottom;
       i.value = !f;
     }
   }, o = () => {
     n.value && (i.value = !0);
   }, a = () => {
     e.value && e.value.addEventListener("mousemove", o), t.value && t.value.addEventListener("mousemove", o);
-  }, s = () => {
+  }, r = () => {
     e.value && e.value.removeEventListener("mousemove", o), t.value && t.value.removeEventListener("mousemove", o);
   };
-  return N(() => {
+  return O(() => {
     window.addEventListener("mousemove", l);
   }), ee(() => {
     window.removeEventListener("mousemove", l);
-  }), E(n, (r) => {
-    r && (i.value = !1);
-  }), E(t, (r) => {
-    r ? a() : s();
+  }), E(n, (s) => {
+    s && (i.value = !1);
+  }), E(t, (s) => {
+    s ? a() : r();
   }), { autoOpened: i };
 }
-function Vo(t, e, n) {
-  const i = x(!1), l = x(null), o = x(null), a = { x: 0, y: 0 }, s = k(() => l.value == null || o.value == null ? { x: 0, y: 0 } : {
+function $o(t, e, n) {
+  const i = b(!1), l = b(null), o = b(null), a = { x: 0, y: 0 }, r = k(() => l.value == null || o.value == null ? { x: 0, y: 0 } : {
     x: l.value.x - o.value.x,
     y: l.value.y - o.value.y
-  }), r = () => {
+  }), s = () => {
     if (t.value) {
       const _ = t.value.getBoundingClientRect();
       o.value = {
@@ -1863,16 +1870,16 @@ function Vo(t, e, n) {
       };
     }
   }, c = () => {
-    t.value && t.value.addEventListener("mousedown", b);
+    t.value && t.value.addEventListener("mousedown", x);
   }, f = () => {
-    t.value && t.value.removeEventListener("mousedown", b);
-  }, b = (_) => {
+    t.value && t.value.removeEventListener("mousedown", x);
+  }, x = (_) => {
     if (t.value != null) {
       if (e && e.value) {
         const y = e.value.getBoundingClientRect();
         if (_.clientX < y.left || _.clientX > y.right || _.clientY < y.top || _.clientY > y.bottom) return;
       }
-      i.value = !0, a.x = _.clientX, a.y = _.clientY, r(), document.addEventListener("mousemove", g), document.addEventListener("mouseup", h);
+      i.value = !0, a.x = _.clientX, a.y = _.clientY, s(), document.addEventListener("mousemove", g), document.addEventListener("mouseup", h);
     }
   }, g = (_) => {
     if (i.value && o.value && l.value) {
@@ -1898,26 +1905,26 @@ function Vo(t, e, n) {
   }, h = () => {
     i.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", h);
   };
-  return N(() => {
-    t.value && (r(), c());
+  return O(() => {
+    t.value && (s(), c());
   }), ee(() => {
-    t.value && t.value.removeEventListener("mousedown", b);
+    t.value && t.value.removeEventListener("mousedown", x);
   }), E(t, (_) => {
-    _ ? (r(), c()) : f();
+    _ ? (s(), c()) : f();
   }), {
     isDragging: i,
-    movement: s,
+    movement: r,
     position: l
   };
 }
-function Ao(t, e, n) {
-  const i = x(!1), l = x("left"), { isDragging: o, movement: a, position: s } = Vo(
+function Vo(t, e, n) {
+  const i = b(!1), l = b("left"), { isDragging: o, movement: a, position: r } = $o(
     t,
     e,
     n
   );
-  return E(a, (r) => {
-    if (r && t.value) {
+  return E(a, (s) => {
+    if (s && t.value) {
       const c = t.value.getBoundingClientRect();
       c.left <= n.value.offset.value.left ? (l.value = "left", i.value = !0) : window.innerWidth - c.left - c.width <= n.value.offset.value.right ? (l.value = "right", i.value = !0) : i.value = !1;
     }
@@ -1926,36 +1933,36 @@ function Ao(t, e, n) {
     orientation: l,
     isDragging: o,
     movement: a,
-    position: s
+    position: r
   };
 }
-function Io(t, e, n, i) {
-  const l = x(null), o = x(null), a = x(null), s = x(null);
-  return E(t, (r, c) => {
+function Ao(t, e, n, i) {
+  const l = b(null), o = b(null), a = b(null), r = b(null);
+  return E(t, (s, c) => {
     l.value = c;
-  }), E(e, (r, c) => {
+  }), E(e, (s, c) => {
     o.value = c;
-  }), E(n, (r, c) => {
+  }), E(n, (s, c) => {
     a.value = c;
-  }), E(i, (r, c) => {
-    s.value = c;
+  }), E(i, (s, c) => {
+    r.value = c;
   }), {
     lastLeft: l,
     lastTop: o,
     lastWidth: a,
-    lastHeight: s
+    lastHeight: r
   };
 }
-function Fo(t, e, n, i) {
-  const l = x(t.value.width), o = x(t.value.left), a = k(() => t.value.width), s = k(() => t.value.left), r = k(() => n.value ? n.value.x : null);
-  return E([a, s], ([c, f]) => {
+function Io(t, e, n, i) {
+  const l = b(t.value.width), o = b(t.value.left), a = k(() => t.value.width), r = k(() => t.value.left), s = k(() => n.value ? n.value.x : null);
+  return E([a, r], ([c, f]) => {
     (l.value == null || o.value == null || e.value) && (l.value = c, o.value = f);
-  }), E(r, (c) => {
+  }), E(s, (c) => {
     i.value && n.value && (o.value = c);
   }), { left: o, width: l };
 }
-function Po(t, e = x({ left: 0, right: 0, top: 0, bottom: 0 })) {
-  const n = x({});
+function Fo(t, e = b({ left: 0, right: 0, top: 0, bottom: 0 })) {
+  const n = b({});
   let i = !1;
   const l = () => {
     if (!i && t.value) {
@@ -1963,7 +1970,7 @@ function Po(t, e = x({ left: 0, right: 0, top: 0, bottom: 0 })) {
       n.value.left = Math.max(o.left, e.value.left), n.value.top = Math.max(o.top, e.value.top), n.value.width = o.width, n.value.height = o.height, i = !0;
     }
   };
-  return N(() => {
+  return O(() => {
     t.value && l();
   }), E(t, (o) => {
     o && l();
@@ -1972,19 +1979,19 @@ function Po(t, e = x({ left: 0, right: 0, top: 0, bottom: 0 })) {
     initialRect: n
   };
 }
-function Ro(t, e = x(!1), n = x(!1), i = x({ left: 0, right: 0, top: 0, bottom: 0 }), l = { width: 20, height: 40 }) {
-  const { initialRect: o } = Po(t, i), a = x(!1);
-  let s = 0, r = 0, c = 0, f = 0, b = 0;
-  const g = 5, h = x(null), _ = (V) => {
+function Po(t, e = b(!1), n = b(!1), i = b({ left: 0, right: 0, top: 0, bottom: 0 }), l = { width: 20, height: 40 }) {
+  const { initialRect: o } = Fo(t, i), a = b(!1);
+  let r = 0, s = 0, c = 0, f = 0, x = 0;
+  const g = 5, h = b(null), _ = (V) => {
     if (!(!t.value || e.value))
       if (a.value) {
-        const T = V.clientX - f, G = V.clientY - b;
+        const T = V.clientX - f, G = V.clientY - x;
         if (h.value === "left" || h.value === "left-bottom-corner") {
-          const P = r - T;
-          P > l.width && (o.value.width = P, o.value.left = s + T, t.value.style.left = o.value.left + "px", t.value.style.width = o.value.width + "px");
+          const P = s - T;
+          P > l.width && (o.value.width = P, o.value.left = r + T, t.value.style.left = o.value.left + "px", t.value.style.width = o.value.width + "px");
         }
         if (h.value === "right" || h.value === "right-bottom-corner") {
-          const P = r + T;
+          const P = s + T;
           P > l.width && (o.value.width = P, t.value.style.width = o.value.width + "px");
         }
         if (h.value === "bottom" || h.value === "left-bottom-corner" || h.value === "right-bottom-corner") {
@@ -1992,13 +1999,13 @@ function Ro(t, e = x(!1), n = x(!1), i = x({ left: 0, right: 0, top: 0, bottom:
           P > l.height && (o.value.height = P, t.value.style.height = o.value.height + "px");
         }
       } else {
-        const T = t.value.getBoundingClientRect(), G = V.clientX - T.left, P = V.clientY - T.top, z = G <= g, A = G >= T.width - g, O = P >= T.height - g;
-        z && O && n.value ? (t.value.style.cursor = "nesw-resize", h.value = "left-bottom-corner") : A && O && !n.value ? (t.value.style.cursor = "nwse-resize", h.value = "right-bottom-corner") : z && n.value ? (t.value.style.cursor = "ew-resize", h.value = "left") : A && !n.value ? (t.value.style.cursor = "ew-resize", h.value = "right") : O ? (t.value.style.cursor = "ns-resize", h.value = "bottom") : (t.value.style.cursor = "", h.value = null);
+        const T = t.value.getBoundingClientRect(), G = V.clientX - T.left, P = V.clientY - T.top, z = G <= g, A = G >= T.width - g, N = P >= T.height - g;
+        z && N && n.value ? (t.value.style.cursor = "nesw-resize", h.value = "left-bottom-corner") : A && N && !n.value ? (t.value.style.cursor = "nwse-resize", h.value = "right-bottom-corner") : z && n.value ? (t.value.style.cursor = "ew-resize", h.value = "left") : A && !n.value ? (t.value.style.cursor = "ew-resize", h.value = "right") : N ? (t.value.style.cursor = "ns-resize", h.value = "bottom") : (t.value.style.cursor = "", h.value = null);
       }
   }, y = (V) => {
     if (!t.value || !h.value) return;
     const T = t.value.getBoundingClientRect();
-    f = V.clientX, b = V.clientY, r = T.width, c = T.height, s = T.left, o.value.width = r, o.value.height = c, o.value.left = T.left, o.value.top = T.top, a.value = !0, document.addEventListener("mousemove", _), document.addEventListener("mouseup", S);
+    f = V.clientX, x = V.clientY, s = T.width, c = T.height, r = T.left, o.value.width = s, o.value.height = c, o.value.left = T.left, o.value.top = T.top, a.value = !0, document.addEventListener("mousemove", _), document.addEventListener("mouseup", S);
   }, S = () => {
     a.value = !1, h.value = null, t.value && (t.value.style.cursor = ""), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", S);
   }, $ = () => {
@@ -2006,7 +2013,7 @@ function Ro(t, e = x(!1), n = x(!1), i = x({ left: 0, right: 0, top: 0, bottom:
   }, F = () => {
     t.value && (t.value.addEventListener("mousedown", y), t.value.addEventListener("mousemove", _));
   };
-  return N(() => {
+  return O(() => {
     t.value && F();
   }), Be(() => {
     $();
@@ -2014,25 +2021,25 @@ function Ro(t, e = x(!1), n = x(!1), i = x({ left: 0, right: 0, top: 0, bottom:
     V ? F() : $();
   }), { rect: o, isResizing: a };
 }
-function Oo(t, e, n, i) {
+function Ro(t, e, n, i) {
   const l = () => {
     if (t.value) {
-      const r = t.value;
-      e.value ? r.style.transition = "width 0.3s ease-out, left 0.3s ease-out" : r.style.transition = "width 0.3s ease";
+      const s = t.value;
+      e.value ? s.style.transition = "width 0.3s ease-out, left 0.3s ease-out" : s.style.transition = "width 0.3s ease";
     }
   }, o = () => {
     t.value && (t.value.style.transition = "");
   }, a = () => {
     t.value && t.value.removeEventListener("transitionend", o);
-  }, s = () => {
+  }, r = () => {
     t.value && t.value.addEventListener("transitionend", o);
   };
-  N(() => {
+  O(() => {
     t.value && t.value.addEventListener("transitionend", o);
   }), Be(() => {
     t.value && t.value.removeEventListener("transitionend", o);
-  }), E(t, (r) => {
-    r ? s() : a();
+  }), E(t, (s) => {
+    s ? r() : a();
   }), E(n, () => {
     l();
   }), E(i, () => {
@@ -2040,48 +2047,48 @@ function Oo(t, e, n, i) {
   });
 }
 function No(t, e, n, i) {
-  const l = x(window.innerWidth), o = x(window.innerHeight), { docked: a, orientation: s, movement: r, position: c, isDragging: f } = Ao(
+  const l = b(window.innerWidth), o = b(window.innerHeight), { docked: a, orientation: r, movement: s, position: c, isDragging: f } = Vo(
     t,
     e,
     i
-  ), b = k(() => s.value === "right"), { rect: g, isResizing: h } = Ro(
+  ), x = k(() => r.value === "right"), { rect: g, isResizing: h } = Po(
     t,
     n,
-    b,
+    x,
     i.value.offset
-  ), { width: _, left: y } = Fo(
+  ), { width: _, left: y } = Io(
     g,
     h,
     c,
     f
-  ), { lastTop: S, lastHeight: $ } = Io(
+  ), { lastTop: S, lastHeight: $ } = Ao(
     k(() => g.value.left),
     k(() => g.value.top),
     k(() => g.value.width),
     k(() => g.value.height)
-  ), { autoOpened: F } = $o(t, e, n);
-  Oo(t, b, n, F);
+  ), { autoOpened: F } = Eo(t, e, n);
+  Ro(t, x, n, F);
   const V = (z) => {
     if (t.value) {
-      const A = t.value.getBoundingClientRect(), O = A.left + z;
-      if (b.value) {
-        g.value.left = O;
+      const A = t.value.getBoundingClientRect(), N = A.left + z;
+      if (x.value) {
+        g.value.left = N;
         const de = window.innerWidth - A.width - A.left;
-        A.left <= 0 && de >= 0 && z < 0 && (g.value.left = Math.max(0, O)), window.innerWidth - A.width <= 0 && (g.value.left = window.innerWidth - A.width);
+        A.left <= 0 && de >= 0 && z < 0 && (g.value.left = Math.max(0, N)), window.innerWidth - A.width <= 0 && (g.value.left = window.innerWidth - A.width);
       } else
-        A.left + A.width >= window.innerWidth && z < 0 && (g.value.left = Math.max(0, O));
+        A.left + A.width >= window.innerWidth && z < 0 && (g.value.left = Math.max(0, N));
     }
   }, T = () => {
     const z = window.innerWidth - l.value;
     l.value = window.innerWidth, o.value = window.innerHeight, V(z);
   };
-  N(() => {
+  O(() => {
     window.addEventListener("resize", T);
   }), ee(() => {
     window.removeEventListener("resize", T);
   });
   const G = (z) => {
-    z ? (g.value.width = Me, b.value && y.value && _.value && (g.value.left = y.value + _.value - Me)) : (g.value.width = _.value, b.value && y.value && _.value && (g.value.left = y.value));
+    z ? (g.value.width = Me, x.value && y.value && _.value && (g.value.left = y.value + _.value - Me)) : (g.value.width = _.value, x.value && y.value && _.value && (g.value.left = y.value));
   }, P = () => {
     a.value ? (g.value.top = i.value.offset.value.top, g.value.height = window.innerHeight - i.value.offset.value.top - i.value.offset.value.bottom) : (g.value.top = S.value, g.value.height = $.value);
   };
@@ -2091,14 +2098,14 @@ function No(t, e, n, i) {
     G(z);
   }), E(F, (z) => {
     n.value && !f.value && G(!z);
-  }), E(r, (z) => {
+  }), E(s, (z) => {
     if (z && t.value) {
       const A = t.value.getBoundingClientRect();
       g.value.left = A.left, g.value.top = A.top;
     }
-  }), { rect: g, orientation: s, reversed: b };
+  }), { rect: g, orientation: r, reversed: x };
 }
-const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ */ Ho(() => /* @__PURE__ */ d("svg", {
+const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ */ Oo(() => /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
@@ -2108,7 +2115,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
     fill: "currentColor",
     d: "M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
   })
-], -1)), Wo = { class: "ml-tool-palette-title" }, qo = { class: "ml-tool-palette-content" }, Uo = /* @__PURE__ */ L({
+], -1)), Go = { class: "ml-tool-palette-title" }, qo = { class: "ml-tool-palette-content" }, Wo = /* @__PURE__ */ L({
   __name: "MlToolPalette",
   props: /* @__PURE__ */ Z({
     title: { default: "" },
@@ -2122,8 +2129,8 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
   }),
   emits: /* @__PURE__ */ Z(["close"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const n = t, i = fe(t, "modelValue"), l = e, o = x(!1), a = x(null), s = x(null), r = k(() => ({
-      offset: x({
+    const n = t, i = ge(t, "modelValue"), l = e, o = b(!1), a = b(null), r = b(null), s = k(() => ({
+      offset: b({
         left: n.leftOffset,
         right: n.rightOffset,
         top: n.topOffset,
@@ -2132,13 +2139,13 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
     })), {
       rect: c,
       orientation: f,
-      reversed: b
-    } = No(s, a, o, r), g = k(() => ({
+      reversed: x
+    } = No(r, a, o, s), g = k(() => ({
       left: `${c.value.left}px`,
       top: `${c.value.top}px`,
       width: `${c.value.width}px`,
       height: `${c.value.height}px`
-    })), h = k(() => b.value ? {
+    })), h = k(() => x.value ? {
       borderLeft: "1px solid var(--el-border-color)",
       borderRight: null
     } : {
@@ -2146,7 +2153,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       borderRight: "1px solid var(--el-border-color)"
     }), _ = () => {
       i.value = !1;
-      const y = s.value;
+      const y = r.value;
       l("close", {
         x: y ? y.clientLeft : 0,
         y: y ? y.clientTop : 0
@@ -2157,7 +2164,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       return i.value ? (u(), w("div", {
         key: 0,
         ref_key: "toolPaletteElement",
-        ref: s,
+        ref: r,
         style: pe([g.value]),
         class: "ml-tool-palette-dialog"
       }, [
@@ -2176,17 +2183,17 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
               onClick: _
             }, {
               default: p(() => [
-                Go
+                Ho
               ]),
               _: 1
             }),
-            v(ho, {
+            v(fo, {
               class: "ml-tool-palette-dialog-icon",
               modelValue: o.value,
               "onUpdate:modelValue": S[0] || (S[0] = (F) => o.value = F),
-              reverse: m(b)
+              reverse: m(x)
             }, null, 8, ["modelValue", "reverse"]),
-            d("span", Wo, D(n.title), 1)
+            d("span", Go, D(n.title), 1)
           ], 4),
           d("div", qo, [
             ie(y.$slots, "default", {}, void 0, !0)
@@ -2195,23 +2202,23 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       ], 4)) : U("", !0);
     };
   }
-}), jo = /* @__PURE__ */ ue(Uo, [["__scopeId", "data-v-11a64c54"]]), Yo = { class: "ml-layer-list-cell" }, Ko = { class: "ml-layer-list-cell" }, Xo = /* @__PURE__ */ L({
+}), Uo = /* @__PURE__ */ ue(Wo, [["__scopeId", "data-v-11a64c54"]]), jo = { class: "ml-layer-list-cell" }, Yo = { class: "ml-layer-list-cell" }, Ko = /* @__PURE__ */ L({
   __name: "MlLayerList",
   props: {
     editor: {}
   },
   setup(t) {
-    const { t: e } = R(), n = t, i = ft(n.editor), l = x(), o = x([]), a = (r) => {
-      o.value = r;
-    }, s = (r) => {
+    const { t: e } = R(), n = t, i = gt(n.editor), l = b(), o = b([]), a = (s) => {
+      o.value = s;
+    }, r = (s) => {
       const c = n.editor.curDocument.database.tables.layerTable.getAt(
-        r.name
+        s.name
       );
-      c && (c.isOff = !r.isOn);
+      c && (c.isOff = !s.isOn);
     };
-    return (r, c) => {
-      const f = M("el-table-column"), b = M("el-checkbox"), g = M("el-tag");
-      return u(), C(m(Je), {
+    return (s, c) => {
+      const f = M("el-table-column"), x = M("el-checkbox"), g = M("el-tag");
+      return u(), C(m(Ze), {
         ref_key: "multipleTableRef",
         ref: l,
         data: m(i),
@@ -2236,11 +2243,11 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
             width: "50"
           }, {
             default: p((h) => [
-              d("div", Yo, [
-                v(b, {
+              d("div", jo, [
+                v(x, {
                   modelValue: h.row.isOn,
                   "onUpdate:modelValue": (_) => h.row.isOn = _,
-                  onChange: (_) => s(h.row)
+                  onChange: (_) => r(h.row)
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
               ])
             ]),
@@ -2252,7 +2259,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
             width: "70"
           }, {
             default: p((h) => [
-              d("div", Ko, [
+              d("div", Yo, [
                 v(g, {
                   color: h.row.color,
                   class: "ml-layer-list-color"
@@ -2266,14 +2273,14 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       }, 8, ["data"]);
     };
   }
-}), Qo = { class: "ml-layer-list-wrapper" }, Zo = /* @__PURE__ */ L({
+}), Xo = { class: "ml-layer-list-wrapper" }, Qo = /* @__PURE__ */ L({
   __name: "MlLayerManager",
   props: {
     editor: {}
   },
   setup(t) {
     const e = t;
-    return (n, i) => (u(), C(m(jo), {
+    return (n, i) => (u(), C(m(Uo), {
       class: "ml-layer-manager",
       modelValue: m(Q).dialogs.layerManager,
       "onUpdate:modelValue": i[0] || (i[0] = (l) => m(Q).dialogs.layerManager = l),
@@ -2281,8 +2288,8 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       "bottom-offset": 30
     }, {
       default: p(() => [
-        d("div", Qo, [
-          v(Xo, {
+        d("div", Xo, [
+          v(Ko, {
             editor: e.editor
           }, null, 8, ["editor"])
         ])
@@ -2290,22 +2297,22 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Jo = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-d49ba2cb"]]), el = { class: "autocomplete-container" }, tl = /* @__PURE__ */ L({
+}), Zo = /* @__PURE__ */ H(Qo, [["__scopeId", "data-v-d49ba2cb"]]), Jo = { class: "autocomplete-container" }, el = /* @__PURE__ */ L({
   __name: "MlCommandLine",
   setup(t) {
-    const { t: e } = R(), n = ce(), i = mt(), l = x(""), o = x(""), a = (c, f) => {
-      const b = c ? i.filter(
+    const { t: e } = R(), n = ce(), i = dt(), l = b(""), o = b(""), a = (c, f) => {
+      const x = c ? i.filter(
         (g) => g.commandName.startsWith(c.toLowerCase())
       ) : i;
-      f(b);
-    }, s = () => {
+      f(x);
+    }, r = () => {
       l.value && (B.instance.sendStringToExecute(l.value), o.value = l.value, l.value = "");
-    }, r = (c, f) => `${f}: ${he(c, f)}`;
-    return (c, f) => (u(), w("div", el, [
-      m(n).isShowCommandLine ? (u(), C(m(et), {
+    }, s = (c, f) => `${f}: ${fe(c, f)}`;
+    return (c, f) => (u(), w("div", Jo, [
+      m(n).isShowCommandLine ? (u(), C(m(Je), {
         key: 0,
         modelValue: l.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (b) => l.value = b),
+        "onUpdate:modelValue": f[0] || (f[0] = (x) => l.value = x),
         "value-key": "commandName",
         clearable: "",
         "fetch-suggestions": a,
@@ -2313,12 +2320,12 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
         debounce: 300,
         "trigger-on-focus": "",
         "fit-input-width": !1,
-        onSelect: s,
-        onKeydown: He(s, ["enter"]),
+        onSelect: r,
+        onKeydown: Oe(r, ["enter"]),
         class: "autocomplete-input"
       }, {
-        default: p(({ item: b }) => [
-          d("div", null, D(r(b.groupName, b.commandName)), 1)
+        default: p(({ item: x }) => [
+          d("div", null, D(s(x.groupName, x.commandName)), 1)
         ]),
         prepend: p(() => [
           I(D(`> ${o.value}`), 1)
@@ -2327,21 +2334,21 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       }, 8, ["modelValue", "placeholder"])) : U("", !0)
     ]));
   }
-}), nl = /* @__PURE__ */ H(tl, [["__scopeId", "data-v-082845cb"]]), ol = /* @__PURE__ */ L({
+}), tl = /* @__PURE__ */ H(el, [["__scopeId", "data-v-082845cb"]]), nl = /* @__PURE__ */ L({
   __name: "MlEntityInfo",
   setup(t) {
     Ce((g) => ({
       "2d5cc4ca": a.value,
-      "11fa7d7e": s.value
+      "11fa7d7e": r.value
     }));
-    const { t: e } = R(), n = x(!1), i = x(-1), l = x(-1), o = x(null), a = k(() => i.value + "px"), s = k(() => l.value + "px"), r = k(() => {
+    const { t: e } = R(), n = b(!1), i = b(-1), l = b(-1), o = b(null), a = k(() => i.value + "px"), r = k(() => l.value + "px"), s = k(() => {
       const g = B.instance.curDocument.database;
       if (o.value) {
         const h = g.tables.blockTable.modelSpace.getIdAt(o.value);
         if (h)
           return {
-            type: zt(h),
-            color: Dt(h.color.toString()),
+            type: Lt(h),
+            color: zt(h.color.toString()),
             layer: h.layer,
             lineType: h.lineType
           };
@@ -2352,17 +2359,17 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
         layer: "",
         lineType: ""
       };
-    }), c = k(() => n.value && r.value.type != ""), f = (g) => {
+    }), c = k(() => n.value && s.value.type != ""), f = (g) => {
       o.value = g.id, i.value = g.x, l.value = g.y, n.value = !0;
-    }, b = () => {
+    }, x = () => {
       n.value = !1;
     };
-    return N(() => {
+    return O(() => {
       const g = B.instance.curView.events;
-      g.hover.addEventListener(f), g.unhover.addEventListener(b);
+      g.hover.addEventListener(f), g.unhover.addEventListener(x);
     }), ee(() => {
       const g = B.instance.curView.events;
-      g.hover.removeEventListener(f), g.unhover.removeEventListener(b);
+      g.hover.removeEventListener(f), g.unhover.removeEventListener(x);
     }), (g, h) => {
       const _ = M("el-text"), y = M("el-col"), S = M("el-row"), $ = M("el-card");
       return c.value ? (u(), C($, {
@@ -2379,7 +2386,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
                     class: "ml-entity-info-title"
                   }, {
                     default: p(() => [
-                      I(D(r.value.type), 1)
+                      I(D(s.value.type), 1)
                     ]),
                     _: 1
                   })
@@ -2406,7 +2413,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
                 default: p(() => [
                   v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(r.value.color), 1)
+                      I(D(s.value.color), 1)
                     ]),
                     _: 1
                   })
@@ -2433,7 +2440,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
                 default: p(() => [
                   v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(r.value.layer), 1)
+                      I(D(s.value.layer), 1)
                     ]),
                     _: 1
                   })
@@ -2460,7 +2467,7 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
                 default: p(() => [
                   v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(r.value.lineType), 1)
+                      I(D(s.value.lineType), 1)
                     ]),
                     _: 1
                   })
@@ -2475,13 +2482,13 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
       })) : U("", !0);
     };
   }
-}), ll = /* @__PURE__ */ H(ol, [["__scopeId", "data-v-6a67bbe7"]]), al = /* @__PURE__ */ L({
+}), ol = /* @__PURE__ */ H(nl, [["__scopeId", "data-v-6a67bbe7"]]), ll = /* @__PURE__ */ L({
   __name: "MlLanguageSelector",
   props: {
     currentLocale: { default: void 0 }
   },
   setup(t) {
-    const e = t, { effectiveLocale: n, setLocale: i } = Ve(e.currentLocale), l = q([
+    const e = t, { effectiveLocale: n, setLocale: i } = $e(e.currentLocale), l = W([
       {
         name: "en",
         text: "English"
@@ -2493,16 +2500,16 @@ const Ho = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Go = /* @__PURE__ *
     ]), o = (a) => {
       (a === "en" || a === "zh") && i(a);
     };
-    return (a, s) => (u(), C(m(ko), {
+    return (a, r) => (u(), C(m(xo), {
       class: "ml-language-selector",
       languages: l,
       current: m(n),
       onClick: o
     }, null, 8, ["languages", "current"]));
   }
-}), il = /* @__PURE__ */ H(al, [["__scopeId", "data-v-1b9f7bc0"]]);
+}), al = /* @__PURE__ */ H(ll, [["__scopeId", "data-v-1b9f7bc0"]]);
 /*! Element Plus Icons Vue v2.3.1 */
-var rl = /* @__PURE__ */ L({
+var il = /* @__PURE__ */ L({
   name: "Check",
   __name: "check",
   setup(t) {
@@ -2516,7 +2523,7 @@ var rl = /* @__PURE__ */ L({
       })
     ]));
   }
-}), le = rl, sl = /* @__PURE__ */ L({
+}), le = il, rl = /* @__PURE__ */ L({
   name: "Menu",
   __name: "menu",
   setup(t) {
@@ -2530,7 +2537,7 @@ var rl = /* @__PURE__ */ L({
       })
     ]));
   }
-}), cl = sl, ul = /* @__PURE__ */ L({
+}), sl = rl, cl = /* @__PURE__ */ L({
   name: "Moon",
   __name: "moon",
   setup(t) {
@@ -2544,7 +2551,7 @@ var rl = /* @__PURE__ */ L({
       })
     ]));
   }
-}), dl = ul, ml = /* @__PURE__ */ L({
+}), ul = cl, dl = /* @__PURE__ */ L({
   name: "Operation",
   __name: "operation",
   setup(t) {
@@ -2558,7 +2565,7 @@ var rl = /* @__PURE__ */ L({
       })
     ]));
   }
-}), pl = ml, vl = /* @__PURE__ */ L({
+}), ml = dl, pl = /* @__PURE__ */ L({
   name: "Setting",
   __name: "setting",
   setup(t) {
@@ -2572,7 +2579,7 @@ var rl = /* @__PURE__ */ L({
       })
     ]));
   }
-}), gl = vl, fl = /* @__PURE__ */ L({
+}), vl = pl, gl = /* @__PURE__ */ L({
   name: "Sunny",
   __name: "sunny",
   setup(t) {
@@ -2586,7 +2593,7 @@ var rl = /* @__PURE__ */ L({
       })
     ]));
   }
-}), hl = fl, _l = /* @__PURE__ */ L({
+}), fl = gl, hl = /* @__PURE__ */ L({
   name: "Warning",
   __name: "warning",
   setup(t) {
@@ -2600,22 +2607,22 @@ var rl = /* @__PURE__ */ L({
       })
     ]));
   }
-}), wl = _l;
-const yl = /* @__PURE__ */ L({
+}), _l = hl;
+const wl = /* @__PURE__ */ L({
   __name: "MlMainMenu",
   setup(t) {
     const { t: e } = R(), n = (i) => {
-      i === "Convert" ? new Fe().tirgger(B.instance.context) : i === "QNew" ? new Pe().tirgger(B.instance.context) : i === "Open" && new Re().tirgger(B.instance.context);
+      i === "Convert" ? new Ie().tirgger(B.instance.context) : i === "QNew" ? new Fe().tirgger(B.instance.context) : i === "Open" && new Pe().tirgger(B.instance.context);
     };
     return (i, l) => {
-      const o = M("el-icon"), a = M("el-dropdown-item"), s = M("el-dropdown-menu"), r = M("el-dropdown");
-      return u(), C(r, {
+      const o = M("el-icon"), a = M("el-dropdown-item"), r = M("el-dropdown-menu"), s = M("el-dropdown");
+      return u(), C(s, {
         "aria-hidden": "false",
         class: "ml-main-menu-container",
         onCommand: n
       }, {
         dropdown: p(() => [
-          v(s, null, {
+          v(r, null, {
             default: p(() => [
               v(a, { command: "QNew" }, {
                 default: p(() => [
@@ -2639,7 +2646,7 @@ const yl = /* @__PURE__ */ L({
             size: "30"
           }, {
             default: p(() => [
-              v(m(cl))
+              v(m(sl))
             ]),
             _: 1
           })
@@ -2648,33 +2655,33 @@ const yl = /* @__PURE__ */ L({
       });
     };
   }
-}), bl = /* @__PURE__ */ H(yl, [["__scopeId", "data-v-8c0c738e"]]), xl = {
+}), yl = /* @__PURE__ */ H(wl, [["__scopeId", "data-v-8c0c738e"]]), bl = {
   key: 0,
   class: "ml-vertical-toolbar-container"
-}, kl = /* @__PURE__ */ L({
+}, xl = /* @__PURE__ */ L({
   __name: "MlToolBars",
   setup(t) {
     const { t: e } = R(), n = ce(), i = k(() => [
       {
-        icon: jt,
+        icon: Ut,
         text: e("main.verticalToolbar.select.text"),
         command: "select",
         description: e("main.verticalToolbar.select.description")
       },
       {
-        icon: Wt,
+        icon: Gt,
         text: e("main.verticalToolbar.pan.text"),
         command: "pan",
         description: e("main.verticalToolbar.pan.description")
       },
       {
-        icon: Jt,
+        icon: Zt,
         text: e("main.verticalToolbar.zoomToExtent.text"),
         command: "zoom",
         description: e("main.verticalToolbar.zoomToExtent.description")
       },
       {
-        icon: Xt,
+        icon: Kt,
         text: e("main.verticalToolbar.zoomToBox.text"),
         command: "zoomw",
         description: e("main.verticalToolbar.zoomToBox.description")
@@ -2688,8 +2695,8 @@ const yl = /* @__PURE__ */ L({
     ]), l = (o) => {
       B.instance.sendStringToExecute(o);
     };
-    return (o, a) => m(n).isShowToolbar ? (u(), w("div", xl, [
-      v(m(Eo), {
+    return (o, a) => m(n).isShowToolbar ? (u(), w("div", bl, [
+      v(m(To), {
         items: i.value,
         size: "small",
         direction: "vertical",
@@ -2697,23 +2704,23 @@ const yl = /* @__PURE__ */ L({
       }, null, 8, ["items"])
     ])) : U("", !0);
   }
-}), Ml = /* @__PURE__ */ L({
+}), kl = /* @__PURE__ */ L({
   __name: "MlFullScreenButton",
   setup(t) {
-    const { t: e } = R(), { isFullscreen: n, toggle: i } = Ye(), l = k(() => ({
+    const { t: e } = R(), { isFullscreen: n, toggle: i } = je(), l = k(() => ({
       onIcon: be,
       offIcon: be,
       onTooltip: e("main.statusBar.fullScreen.on"),
       offTooltip: e("main.statusBar.fullScreen.off")
     })), o = k(() => !n.value);
-    return (a, s) => (u(), C(m(Ie), {
+    return (a, r) => (u(), C(m(Ae), {
       modelValue: o.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => o.value = r),
+      "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
       data: l.value,
       onClick: m(i)
     }, null, 8, ["modelValue", "data", "onClick"]));
   }
-}), Sl = /* @__PURE__ */ L({
+}), Ml = /* @__PURE__ */ L({
   __name: "MlPointStyleButton",
   setup(t) {
     const { t: e } = R(), n = () => {
@@ -2728,43 +2735,43 @@ const yl = /* @__PURE__ */ L({
         default: p(() => [
           v(o, {
             class: "ml-point-style-button",
-            icon: m(pl),
-            onClick: l[0] || (l[0] = (s) => n())
+            icon: m(ml),
+            onClick: l[0] || (l[0] = (r) => n())
           }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), Cl = /* @__PURE__ */ H(Sl, [["__scopeId", "data-v-29692d7d"]]), Ll = {
+}), Sl = /* @__PURE__ */ H(Ml, [["__scopeId", "data-v-29692d7d"]]), Cl = {
   key: 0,
   class: "ml-progress"
-}, zl = /* @__PURE__ */ L({
+}, Ll = /* @__PURE__ */ L({
   __name: "MlProgress",
   setup(t) {
-    const { t: e } = R(), n = x(0), i = x(!1), l = (a) => {
+    const { t: e } = R(), n = b(0), i = b(!1), l = (a) => {
       if (a.stage === "CONVERSION") {
-        const s = ve.service({
+        const r = we.service({
           lock: !0
         });
         if (a.subStage) {
-          const r = Bt(a.subStage);
-          s.setText(r);
+          const s = Dt(a.subStage);
+          r.setText(s);
         }
-        n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close(), B.instance.curView.zoomToFit());
+        n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, r.close(), B.instance.curView.zoomToFit());
       } else if (a.stage === "FETCH_FILE") {
-        const s = ve.service({
+        const r = we.service({
           lock: !0
         });
-        s.setText(e("main.message.fetchingDrawingFile")), n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close());
+        r.setText(e("main.message.fetchingDrawingFile")), n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, r.close());
       }
     }, o = (a) => `${a.toFixed(0)}%`;
-    return N(() => {
+    return O(() => {
       j.on("open-file-progress", l);
     }), ee(() => {
       j.off("open-file-progress", l);
-    }), (a, s) => i.value ? (u(), w("div", Ll, [
-      v(m(tt), {
+    }), (a, r) => i.value ? (u(), w("div", Cl, [
+      v(m(et), {
         "text-inside": !0,
         "stroke-width": 20,
         percentage: n.value,
@@ -2772,14 +2779,14 @@ const yl = /* @__PURE__ */ L({
       }, null, 8, ["percentage"])
     ])) : U("", !0);
   }
-}), Dl = /* @__PURE__ */ H(zl, [["__scopeId", "data-v-c4edb83e"]]), Bl = /* @__PURE__ */ L({
+}), zl = /* @__PURE__ */ H(Ll, [["__scopeId", "data-v-c4edb83e"]]), Dl = /* @__PURE__ */ L({
   __name: "MlSettingButton",
   setup(t) {
     const { t: e } = R(), n = ce(), i = (l) => {
       l == "isShowCoordinate" ? (n.isShowCoordinate = !n.isShowCoordinate, Y.instance.isShowCoordinate = n.isShowCoordinate) : l == "isShowCommandLine" ? (n.isShowCommandLine = !n.isShowCommandLine, Y.instance.isShowCommandLine = n.isShowCommandLine) : l == "isShowToolbar" ? (n.isShowToolbar = !n.isShowToolbar, Y.instance.isShowToolbar = n.isShowToolbar) : l == "isShowStats" && (n.isShowStats = !n.isShowStats, Y.instance.isShowStats = n.isShowStats);
     };
     return (l, o) => {
-      const a = M("el-button"), s = M("el-dropdown-item"), r = M("el-dropdown-menu"), c = M("el-dropdown"), f = M("el-tooltip");
+      const a = M("el-button"), r = M("el-dropdown-item"), s = M("el-dropdown-menu"), c = M("el-dropdown"), f = M("el-tooltip");
       return u(), C(f, {
         content: m(e)("main.statusBar.setting.tooltip"),
         "hide-after": 0
@@ -2790,9 +2797,9 @@ const yl = /* @__PURE__ */ L({
             onCommand: i
           }, {
             dropdown: p(() => [
-              v(r, null, {
+              v(s, null, {
                 default: p(() => [
-                  v(s, {
+                  v(r, {
                     icon: m(n).isShowStats ? m(le) : "",
                     command: "isShowStats"
                   }, {
@@ -2801,7 +2808,7 @@ const yl = /* @__PURE__ */ L({
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  v(s, {
+                  v(r, {
                     icon: m(n).isShowCommandLine ? m(le) : "",
                     command: "isShowCommandLine"
                   }, {
@@ -2810,7 +2817,7 @@ const yl = /* @__PURE__ */ L({
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  v(s, {
+                  v(r, {
                     icon: m(n).isShowCoordinate ? m(le) : "",
                     command: "isShowCoordinate"
                   }, {
@@ -2819,7 +2826,7 @@ const yl = /* @__PURE__ */ L({
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  v(s, {
+                  v(r, {
                     icon: m(n).isShowToolbar ? m(le) : "",
                     command: "isShowToolbar"
                   }, {
@@ -2835,7 +2842,7 @@ const yl = /* @__PURE__ */ L({
             default: p(() => [
               v(a, {
                 class: "ml-setting-button",
-                icon: m(gl)
+                icon: m(vl)
               }, null, 8, ["icon"])
             ]),
             _: 1
@@ -2845,54 +2852,54 @@ const yl = /* @__PURE__ */ L({
       }, 8, ["content"]);
     };
   }
-}), Tl = /* @__PURE__ */ H(Bl, [["__scopeId", "data-v-666f03a3"]]), El = /* @__PURE__ */ L({
+}), Bl = /* @__PURE__ */ H(Dl, [["__scopeId", "data-v-666f03a3"]]), Tl = /* @__PURE__ */ L({
   __name: "MlThemeButton",
   setup(t) {
     const { t: e } = R(), n = k(() => ({
-      onIcon: hl,
-      offIcon: dl,
+      onIcon: fl,
+      offIcon: ul,
       onTooltip: e("main.statusBar.theme.light"),
       offTooltip: e("main.statusBar.theme.dark")
     }));
-    return (i, l) => (u(), C(m(Ie), {
+    return (i, l) => (u(), C(m(Ae), {
       modelValue: m(ae),
-      "onUpdate:modelValue": l[0] || (l[0] = (o) => Ge(ae) ? ae.value = o : null),
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => He(ae) ? ae.value = o : null),
       data: n.value,
-      onClick: l[1] || (l[1] = (o) => m(vt)())
+      onClick: l[1] || (l[1] = (o) => m(pt)())
     }, null, 8, ["modelValue", "data"]));
   }
-}), $l = /* @__PURE__ */ L({
+}), El = /* @__PURE__ */ L({
   __name: "MlWarningButton",
   setup(t) {
     const e = () => {
       B.instance.sendStringToExecute("md");
-    }, { fonts: n, images: i } = Ae(), l = k(() => i.size > 0 || n.size > 0);
+    }, { fonts: n, images: i } = Ve(), l = k(() => i.size > 0 || n.size > 0);
     return (o, a) => {
-      const s = M("el-button");
-      return l.value ? (u(), C(s, {
+      const r = M("el-button");
+      return l.value ? (u(), C(r, {
         key: 0,
         class: "ml-warning-button",
         type: "warning",
-        icon: m(wl),
-        onClick: a[0] || (a[0] = (r) => e())
+        icon: m(_l),
+        onClick: a[0] || (a[0] = (s) => e())
       }, null, 8, ["icon"])) : U("", !0);
     };
   }
-}), Vl = /* @__PURE__ */ H($l, [["__scopeId", "data-v-3411a3ec"]]), Al = /* @__PURE__ */ L({
+}), $l = /* @__PURE__ */ H(El, [["__scopeId", "data-v-3411a3ec"]]), Vl = /* @__PURE__ */ L({
   __name: "MlStatusBar",
   setup(t) {
-    const { text: e } = pt(B.instance.curView), n = ht(B.instance), i = ce(), l = (o) => {
-      Ee().layoutManager.setCurrentLayoutBtrId(
+    const { text: e } = mt(B.instance.curView), n = ft(B.instance), i = ce(), l = (o) => {
+      Te().layoutManager.setCurrentLayoutBtrId(
         o.blockTableRecordId
       );
     };
     return (o, a) => {
-      const s = M("el-button"), r = M("el-button-group");
-      return u(), C(m(Do), { class: "ml-status-bar" }, {
+      const r = M("el-button"), s = M("el-button-group");
+      return u(), C(m(zo), { class: "ml-status-bar" }, {
         left: p(() => [
-          v(r, { class: "ml-status-bar-left-button-group" }, {
+          v(s, { class: "ml-status-bar-left-button-group" }, {
             default: p(() => [
-              (u(!0), w(K, null, X(m(n), (c) => (u(), C(s, {
+              (u(!0), w(K, null, X(m(n), (c) => (u(), C(r, {
                 class: "ml-status-bar-layout-button",
                 key: c.name,
                 type: c.isActive ? "primary" : "",
@@ -2908,10 +2915,10 @@ const yl = /* @__PURE__ */ L({
           })
         ]),
         right: p(() => [
-          v(Dl),
-          v(r, { class: "ml-status-bar-right-button-group" }, {
+          v(zl),
+          v(s, { class: "ml-status-bar-right-button-group" }, {
             default: p(() => [
-              m(i).isShowCoordinate ? (u(), C(s, {
+              m(i).isShowCoordinate ? (u(), C(r, {
                 key: 0,
                 class: "ml-status-bar-current-pos"
               }, {
@@ -2920,11 +2927,11 @@ const yl = /* @__PURE__ */ L({
                 ]),
                 _: 1
               })) : U("", !0),
-              v(Vl),
-              v(El),
-              v(Ml),
-              v(Cl),
-              v(Tl)
+              v($l),
+              v(Tl),
+              v(kl),
+              v(Sl),
+              v(Bl)
             ]),
             _: 1
           })
@@ -2933,48 +2940,30 @@ const yl = /* @__PURE__ */ L({
       });
     };
   }
-}), Il = /* @__PURE__ */ H(Al, [["__scopeId", "data-v-ee6f13c4"]]), Fl = { class: "ml-file-name" }, ma = /* @__PURE__ */ L({
+}), Al = /* @__PURE__ */ H(Vl, [["__scopeId", "data-v-ee6f13c4"]]), Il = { class: "ml-file-name" }, da = /* @__PURE__ */ L({
   __name: "MlCadViewer",
   props: {
     locale: { default: "default" },
     url: { default: void 0 },
     wait: { default: 10 },
-    canvasId: {}
+    canvasId: {},
+    background: { default: void 0 }
   },
   setup(t) {
     const e = t;
-    Ol(e.canvasId);
-    const n = () => e.wait <= 0 ? Promise.resolve() : new Promise((r) => {
-      const c = ve.service({
-        lock: !0,
-        text: i("main.message.loadingDwgConverter")
-      }), f = () => Te.instance.get(
-        We.DWG
-      ) ? (c.close(), r(), !0) : !1;
-      if (f())
-        return;
-      let b = 0;
-      const g = Math.floor(e.wait * 2), h = setInterval(() => {
-        if (b++, f()) {
-          clearInterval(h);
-          return;
-        }
-        b >= g && (console.warn(
-          `DWG converter loading timeout after ${e.wait} seconds - proceeding anyway`
-        ), c.close(), clearInterval(h), r());
-      }, 500);
-    }), { t: i } = R(), { effectiveLocale: l, elementPlusLocale: o } = Ve(e.locale), a = async (r, c) => {
-      const f = { minimumChunkSize: 1e3 };
-      await B.instance.openDocument(r, c, f), Q.fileName = r;
-    }, s = async (r) => {
+    Rl(e.canvasId);
+    const { t: n } = R(), { effectiveLocale: i, elementPlusLocale: l } = $e(e.locale), o = async (r, s) => {
+      const c = { minimumChunkSize: 1e3 };
+      await B.instance.openDocument(r, s, c), Q.fileName = r;
+    }, a = async (r) => {
       try {
-        const c = { minimumChunkSize: 1e3 };
-        await B.instance.openUrl(r, c);
-        const f = r.split("/").pop();
-        Q.fileName = f ?? "";
-      } catch (c) {
-        console.error("Failed to open file from URL:", c), te({
-          message: i("main.message.failedToOpenFile", { fileName: r }),
+        const s = { minimumChunkSize: 1e3 };
+        await B.instance.openUrl(r, s);
+        const c = r.split("/").pop();
+        Q.fileName = c ?? "";
+      } catch (s) {
+        console.error("Failed to open file from URL:", s), te({
+          message: n("main.message.failedToOpenFile", { fileName: r }),
           grouping: !0,
           type: "error",
           showClose: !0
@@ -2984,10 +2973,15 @@ const yl = /* @__PURE__ */ L({
     return E(
       () => e.url,
       async (r) => {
-        r && (await n(), s(r));
+        r && a(r);
+      }
+    ), E(
+      () => e.background,
+      (r) => {
+        r != null && (B.instance.curView.backgroundColor = r);
       }
-    ), N(async () => {
-      await n(), e.url && s(e.url);
+    ), O(async () => {
+      e.url && a(e.url), e.background != null && (B.instance.curView.backgroundColor = e.background);
     }), j.on("message", (r) => {
       te({
         message: r.message,
@@ -2997,7 +2991,7 @@ const yl = /* @__PURE__ */ L({
       });
     }), j.on("font-not-loaded", (r) => {
       te({
-        message: i("main.message.fontNotLoaded", {
+        message: n("main.message.fontNotLoaded", {
           fontName: r.fontName,
           url: r.url
         }),
@@ -3007,83 +3001,83 @@ const yl = /* @__PURE__ */ L({
       });
     }), j.on("failed-to-get-avaiable-fonts", (r) => {
       te({
-        message: i("main.message.failedToGetAvaiableFonts", { url: r.url }),
+        message: n("main.message.failedToGetAvaiableFonts", { url: r.url }),
         grouping: !0,
         type: "error",
         showClose: !0
       });
     }), j.on("failed-to-open-file", (r) => {
       te({
-        message: i("main.message.failedToOpenFile", { fileName: r.fileName }),
+        message: n("main.message.failedToOpenFile", { fileName: r.fileName }),
         grouping: !0,
         type: "error",
         showClose: !0
       });
-    }), Rl(), (r, c) => {
-      const f = M("el-config-provider");
+    }), Pl(), (r, s) => {
+      const c = M("el-config-provider");
       return u(), w("div", null, [
-        v(f, { locale: m(o) }, {
+        v(c, { locale: m(l) }, {
           default: p(() => [
             d("header", null, [
-              v(m(bl)),
-              v(m(il), { "current-locale": m(l) }, null, 8, ["current-locale"])
+              v(m(yl)),
+              v(m(al), { "current-locale": m(i) }, null, 8, ["current-locale"])
             ]),
             d("main", null, [
-              d("div", Fl, D(m(Q).fileName), 1),
-              v(m(kl)),
-              v(m(Jo), {
+              d("div", Il, D(m(Q).fileName), 1),
+              v(m(xl)),
+              v(m(Zo), {
                 editor: m(B).instance
               }, null, 8, ["editor"]),
-              v(m(Et))
+              v(m(Tt))
             ]),
             d("footer", null, [
-              v(m(nl)),
-              v(m(Il))
+              v(m(tl)),
+              v(m(Al))
             ]),
-            v(m(Vt), { onFileRead: a }),
-            v(m(ll))
+            v(m($t), { onFileRead: o }),
+            v(m(ol))
           ]),
           _: 1
         }, 8, ["locale"])
       ]);
     };
   }
-}), { registerDialog: Se } = oe(), Pl = () => {
-  W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+}), { registerDialog: Se } = oe(), Fl = () => {
+  q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "log",
     "log",
-    new Hl()
-  ), W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+    new Ol()
+  ), q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "la",
     "la",
     new Nl()
-  ), W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+  ), q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "md",
     "md",
-    new Gl()
-  ), W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+    new Hl()
+  ), q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "pttype",
     "pttype",
-    new Wl()
+    new Gl()
   );
-}, Rl = () => {
+}, Pl = () => {
   Se({
     name: "ReplacementDlg",
-    component: _e(It),
+    component: he(At),
     props: {}
   }), Se({
     name: "PointStyleDlg",
-    component: _e(ro),
+    component: he(io),
     props: {}
   });
-}, Ol = (t) => {
+}, Rl = (t) => {
   const e = document.getElementById(t);
-  B.createInstance(e), Oe(), Pl(), B.instance.loadDefaultFonts();
-}, Q = q({
+  B.createInstance(e), Re(), Fl(), B.instance.loadDefaultFonts();
+}, Q = W({
   fileName: "",
   dialogs: {
     layerManager: !1
@@ -3094,7 +3088,7 @@ class Nl extends re {
     Q.dialogs.layerManager = !0;
   }
 }
-class Hl extends re {
+class Ol extends re {
   execute(e) {
     this.printSelectionSet(e), this.printStats(e), this.printPerformanceData();
   }
@@ -3110,20 +3104,20 @@ class Hl extends re {
     console.log("Geometry information in current drawing:");
     for (let i = 0; i < n.length; ++i) {
       console.group(`Layout: ${i}`);
-      const l = n[i], o = [0, 0, 0, 0, 0, 0], a = [0, 0, 0, 0, 0, 0], s = l.layers.map((r) => (o[0] = r.line.indexed.geometrySize / 1024, o[1] = r.line.nonIndexed.geometrySize / 1024, o[2] = r.mesh.indexed.geometrySize / 1024, o[3] = r.mesh.nonIndexed.geometrySize / 1024, o[4] = r.point.indexed.geometrySize / 1024, o[5] = r.point.nonIndexed.geometrySize / 1024, a[0] += o[0], a[1] += o[1], a[2] += o[2], a[3] += o[3], a[4] += o[4], a[5] += o[5], {
-        name: r.name,
+      const l = n[i], o = [0, 0, 0, 0, 0, 0], a = [0, 0, 0, 0, 0, 0], r = l.layers.map((s) => (o[0] = s.line.indexed.geometrySize / 1024, o[1] = s.line.nonIndexed.geometrySize / 1024, o[2] = s.mesh.indexed.geometrySize / 1024, o[3] = s.mesh.nonIndexed.geometrySize / 1024, o[4] = s.point.indexed.geometrySize / 1024, o[5] = s.point.nonIndexed.geometrySize / 1024, a[0] += o[0], a[1] += o[1], a[2] += o[2], a[3] += o[3], a[4] += o[4], a[5] += o[5], {
+        name: s.name,
         "idx line (KB)": o[0].toFixed(1),
         "line (KB)": o[1].toFixed(1),
         "idx mesh (KB)": o[2].toFixed(1),
         "mesh (KB)": o[3].toFixed(1),
         "idx point (KB)": o[4].toFixed(1),
         "point (KB)": o[5].toFixed(1),
-        "total geo (KB)": (r.summary.totalGeometrySize / 1024).toFixed(1),
-        "total mapping (KB)": (r.summary.totalMappingSize / 1024).toFixed(
+        "total geo (KB)": (s.summary.totalGeometrySize / 1024).toFixed(1),
+        "total mapping (KB)": (s.summary.totalMappingSize / 1024).toFixed(
           1
         )
       }));
-      s.push({
+      r.push({
         name: "total",
         "idx line (KB)": a[0].toFixed(1),
         "line (KB)": a[1].toFixed(1),
@@ -3135,20 +3129,20 @@ class Hl extends re {
         "total mapping (KB)": (l.summary.totalSize.mapping / 1024).toFixed(
           1
         )
-      }), console.table(s), console.groupEnd();
+      }), console.table(r), console.groupEnd();
     }
   }
   printPerformanceData() {
     qe.getInstance().printAll();
   }
 }
-class Gl extends re {
+class Hl extends re {
   execute(e) {
     const { toggleDialog: n } = oe();
     n("ReplacementDlg", !0);
   }
 }
-class Wl extends re {
+class Gl extends re {
   execute(e) {
     const { toggleDialog: n } = oe();
     n("PointStyleDlg", !0);
@@ -3156,40 +3150,40 @@ class Wl extends re {
 }
 export {
   Nl as AcApLayerStateCmd,
-  Hl as AcApLogCmd,
-  Gl as AcApMissedDataCmd,
-  Wl as AcApPointStyleCmd,
-  $e as MlBaseDialog,
-  ma as MlCadViewer,
-  nl as MlCommandLine,
-  Et as MlDialogManager,
-  ll as MlEntityInfo,
-  Vt as MlFileReader,
-  il as MlLanguageSelector,
-  Jo as MlLayerManager,
-  bl as MlMainMenu,
-  ro as MlPointStyleDlg,
-  It as MlReplacementDlg,
-  Il as MlStatusBar,
-  Ie as MlToggleButton,
-  kl as MlToolBars,
-  he as cmdDescription,
-  Dt as colorName,
-  Bt as conversionSubStageName,
-  zt as entityName,
+  Ol as AcApLogCmd,
+  Hl as AcApMissedDataCmd,
+  Gl as AcApPointStyleCmd,
+  Ee as MlBaseDialog,
+  da as MlCadViewer,
+  tl as MlCommandLine,
+  Tt as MlDialogManager,
+  ol as MlEntityInfo,
+  $t as MlFileReader,
+  al as MlLanguageSelector,
+  Zo as MlLayerManager,
+  yl as MlMainMenu,
+  io as MlPointStyleDlg,
+  At as MlReplacementDlg,
+  Al as MlStatusBar,
+  Ae as MlToggleButton,
+  xl as MlToolBars,
+  fe as cmdDescription,
+  zt as colorName,
+  Dt as conversionSubStageName,
+  Lt as entityName,
   J as i18n,
   ae as isDark,
-  ua as sysCmdDescription,
-  vt as toggleDark,
-  mt as useCommands,
-  pt as useCurrentPos,
+  ca as sysCmdDescription,
+  pt as toggleDark,
+  dt as useCommands,
+  mt as useCurrentPos,
   oe as useDialogManager,
-  gt as useFileTypes,
-  ft as useLayers,
-  ht as useLayouts,
-  Ve as useLocale,
-  Ae as useMissedData,
+  vt as useFileTypes,
+  gt as useLayers,
+  ft as useLayouts,
+  $e as useLocale,
+  Ve as useMissedData,
   ce as useSettings,
-  Tt as useSystemVars,
-  da as userCmdDescription
+  Bt as useSystemVars,
+  ua as userCmdDescription
 };