@mlightcad/cad-viewer 1.0.22 → 1.1.0

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 Ie, AcApQNewCmd as Fe, AcApOpenCmd as Pe, registerWorkers as Re, AcEdCommand as re } from "@mlightcad/cad-simple-viewer";
+import { AcEdCommandStack as W, AcApDocManager as T, eventBus as Y, AcApSettingManager as K, AcApConvertToSvgCmd as Ae, AcApQNewCmd as Fe, AcApOpenCmd as Ie, registerWorkers 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 O, resolveComponent as M, createBlock as C, openBlock as u, unref as m, withCtx as p, renderSlot as ie, createVNode as g, 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 ge, mergeProps as Ne, mergeModels as Z, useCssVars as Ce, useModel as ve, 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 We } from "@mlightcad/data-model";
-import { useDark as qe, 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 { reactive as U, computed as k, defineComponent as L, onMounted as H, resolveComponent as M, createBlock as C, openBlock as c, unref as g, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as F, toDisplayString as D, createElementVNode as u, ref as x, onUnmounted as te, watch as E, createElementBlock as y, Fragment as j, renderList as X, resolveDynamicComponent as ve, mergeProps as Ne, mergeModels as J, useCssVars as Se, useModel as ge, createCommentVNode as q, normalizeStyle as pe, normalizeClass as Ce, pushScopeId as Le, popScopeId as ze, onBeforeUnmount as De, withKeys as Pe, isRef as Oe, markRaw as he } from "vue";
+import { AcDbDatabaseConverterManager as He, acdbHostApplicationServices as Be, AcCmPerformanceCollector as Ge } from "@mlightcad/data-model";
+import { useDark as We, useToggle as qe, useFullscreen as Ue } from "@vueuse/core";
+import je from "element-plus/es/locale/lang/en";
+import Ye from "element-plus/es/locale/lang/zh-cn";
+import { useI18n as N, createI18n as Ke } from "vue-i18n";
+import { ElDialog as Xe, ElButton as _e, ElTable as Qe, ElAutocomplete as Ze, ElProgress as Je, ElLoading as we, ElMessage as Z } from "element-plus";
+import { ElIcon as se, ElDropdown as et, ElDropdownMenu as tt, ElDropdownItem as nt, ElButtonGroup as ot, ElTooltip as lt, ElButton as at } 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 rt(t) {
+const ne = U([]);
+function it(t) {
   ne.find((n) => n.name === t.name) || ne.push({ ...t, visible: !1 });
 }
-function st(t, e) {
+function rt(t, e) {
   const n = ne.find((i) => i.name === t);
   n && (n.visible = e);
 }
-function ct(t) {
+function st(t) {
   return ne.find((e) => e.name === t);
 }
 function oe() {
   return {
     dialogs: k(() => ne),
-    registerDialog: rt,
-    toggleDialog: st,
-    getDialogByName: ct
+    registerDialog: it,
+    toggleDialog: rt,
+    getDialogByName: st
   };
 }
-const ut = /* @__PURE__ */ L({
+const ct = /* @__PURE__ */ L({
   __name: "MlBaseDialog",
   props: {
     title: {
@@ -62,64 +62,64 @@ const ut = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue", "ok", "cancel"],
   setup(t, { emit: e }) {
-    const { t: n } = R(), i = t, l = e, { registerDialog: o } = oe();
+    const { t: n } = N(), i = t, l = e, { registerDialog: o } = oe();
     function a() {
       l("ok"), l("update:modelValue", !1);
     }
-    function r() {
+    function s() {
       l("cancel"), l("update:modelValue", !1);
     }
-    return O(() => {
+    return H(() => {
       o({
         name: i.name,
         component: "BaseDialog",
         props: i.props
       });
-    }), (s, c) => {
-      const f = M("el-divider");
-      return u(), C(m(Qe), {
+    }), (r, m) => {
+      const w = M("el-divider");
+      return c(), C(g(Xe), {
         "model-value": t.modelValue,
         width: t.width,
         close: "handleCancel",
         class: "ml-dialog"
       }, {
         header: p(() => [
-          d("div", null, D(t.title), 1),
-          g(f, { class: "ml-dialog-header-bottom-line" })
+          u("div", null, D(t.title), 1),
+          v(w, { class: "ml-dialog-header-bottom-line" })
         ]),
         footer: p(() => [
-          g(f, { class: "ml-dialog-footer-top-line" }),
-          g(m(_e), { onClick: r }, {
+          v(w, { class: "ml-dialog-footer-top-line" }),
+          v(g(_e), { onClick: s }, {
             default: p(() => [
-              I(D(m(n)("dialog.baseDialog.cancel")), 1)
+              F(D(g(n)("dialog.baseDialog.cancel")), 1)
             ]),
             _: 1
           }),
-          g(m(_e), {
+          v(g(_e), {
             type: "primary",
             onClick: a
           }, {
             default: p(() => [
-              I(D(m(n)("dialog.baseDialog.ok")), 1)
+              F(D(g(n)("dialog.baseDialog.ok")), 1)
             ]),
             _: 1
           })
         ]),
         default: p(() => [
-          ie(s.$slots, "default", {}, void 0, !0)
+          ie(r.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["model-value", "width"]);
     };
   }
-}), H = (t, e) => {
+}), G = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [i, l] of e)
     n[i] = l;
   return n;
-}, Ee = /* @__PURE__ */ H(ut, [["__scopeId", "data-v-8df470d5"]]);
-function dt() {
-  const t = q([]), e = W.instance.iterator();
+}, Te = /* @__PURE__ */ G(ct, [["__scopeId", "data-v-8df470d5"]]);
+function ut() {
+  const t = U([]), e = W.instance.iterator();
   for (const n of e)
     t.push({
       commandName: n.command.localName,
@@ -141,18 +141,18 @@ function ye(t, e = "en-US") {
       maximumFractionDigits: 6
     }).format(t);
 }
-function mt(t) {
-  const e = b(0), n = b(0);
+function dt(t) {
+  const e = x(0), n = x(0);
   function i(o) {
     e.value = o.x, n.value = o.y;
   }
-  O(() => t.events.mouseMove.addEventListener(i)), ee(() => t.events.mouseMove.removeEventListener(i));
+  H(() => t.events.mouseMove.addEventListener(i)), te(() => t.events.mouseMove.removeEventListener(i));
   const l = k(() => `${ye(e.value)}, ${ye(n.value)}`);
   return { x: e, y: n, text: l };
 }
-const ae = qe(), pt = Ue(ae);
-function gt() {
-  const t = b(/* @__PURE__ */ new Set()), e = Ge.instance;
+const ae = We(), mt = qe(ae);
+function pt() {
+  const t = x(/* @__PURE__ */ new Set()), e = He.instance;
   for (const n of e.fileTypes)
     t.value.add(n);
   return e.events.registered.addEventListener((n) => {
@@ -160,7 +160,7 @@ function gt() {
   }), t;
 }
 function vt(t) {
-  const e = q([]), n = t.curDocument, i = (l) => {
+  const e = U([]), n = t.curDocument, i = (l) => {
     const o = l.tables.layerTable.newIterator();
     for (const a of o)
       e.push({
@@ -189,8 +189,8 @@ function vt(t) {
     e.length = 0, i(l.doc.database);
   }), e;
 }
-function ft(t) {
-  const e = q([]), n = t.curDocument, i = (l) => {
+function gt(t) {
+  const e = U([]), n = t.curDocument, i = (l) => {
     const o = l.dictionaries.layouts.newIterator();
     e.length = 0;
     for (const a of o)
@@ -200,11 +200,11 @@ function ft(t) {
         blockTableRecordId: a.blockTableRecordId,
         isActive: a.blockTableRecordId == l.currentSpaceId
       });
-    e.sort((a, r) => a.tabOrder - r.tabOrder);
+    e.sort((a, s) => a.tabOrder - s.tabOrder);
   };
   return i(n.database), t.events.documentActivated.addEventListener((l) => {
     e.length = 0, i(l.doc.database);
-  }), Te().layoutManager.events.layoutSwitched.addEventListener(
+  }), Be().layoutManager.events.layoutSwitched.addEventListener(
     (l) => {
       const o = l.layout;
       e.forEach((a) => {
@@ -213,7 +213,7 @@ function ft(t) {
     }
   ), e;
 }
-const ht = {
+const ft = {
   ACAD: {
     csvg: "Converts current drawing to SVG",
     la: "Layer properties manager",
@@ -228,7 +228,7 @@ const ht = {
     zoomw: "Zooms to display an area specified by a rectangular window"
   },
   USER: {}
-}, _t = {
+}, ht = {
   baseDialog: {
     ok: "OK",
     cancel: "Cancel"
@@ -247,7 +247,7 @@ const ht = {
     title: "Point Style",
     pointSize: "Point Size:"
   }
-}, wt = {
+}, _t = {
   entityName: {
     "3PointAngularDimension": "Three Point Angular Dimension",
     AlignedDimension: "Aligned Dimension",
@@ -420,7 +420,7 @@ const ht = {
     yellow: "Yellow",
     yellowgreen: "Yellow Green"
   }
-}, yt = {
+}, wt = {
   mainMenu: {
     new: "New Drawing",
     open: "Open Drawing",
@@ -513,7 +513,7 @@ const ht = {
     failedToOpenFile: 'Failed to open file "{fileName}"!',
     fetchingDrawingFile: "Fetching file ..."
   }
-}, bt = {
+}, yt = {
   ACAD: {
     csvg: "转换当前图纸为SVG格式",
     la: "图层属性管理器",
@@ -528,7 +528,7 @@ const ht = {
     zoomw: "缩放以显示矩形窗口内的对象"
   },
   USER: {}
-}, xt = {
+}, bt = {
   baseDialog: {
     ok: "确定",
     cancel: "取消"
@@ -547,7 +547,7 @@ const ht = {
     title: "点样式",
     pointSize: "点大小:"
   }
-}, kt = {
+}, xt = {
   entityName: {
     "3PointAngularDimension": "三点角度标注",
     AlignedDimension: "线性标注",
@@ -720,7 +720,7 @@ const ht = {
     yellow: "黄色",
     yellowgreen: "黄绿色"
   }
-}, Mt = {
+}, kt = {
   mainMenu: {
     new: "新建图纸",
     open: "打开图纸",
@@ -813,97 +813,97 @@ const ht = {
     failedToOpenFile: '无法打开文件"{fileName}"!',
     fetchingDrawingFile: "正在加载图纸文件..."
   }
-}, St = () => {
+}, Mt = () => {
   const t = localStorage.getItem("preferred_lang");
   return t === "en" || t === "zh" ? t : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
-}, Ct = {
+}, St = {
   en: {
-    main: yt,
-    command: ht,
-    dialog: _t,
-    entity: wt
+    main: wt,
+    command: ft,
+    dialog: ht,
+    entity: _t
   },
   zh: {
-    main: Mt,
-    command: bt,
-    dialog: xt,
-    entity: kt
+    main: kt,
+    command: yt,
+    dialog: bt,
+    entity: xt
   }
-}, J = Xe({
+}, ee = Ke({
   legacy: !1,
-  messages: Ct,
-  locale: St(),
+  messages: St,
+  locale: Mt(),
   fallbackLocale: "en",
   allowComposition: !0,
   globalInjection: !0
 }), fe = (t, e) => {
-  const n = J.global.t, i = `command.${t}.${e}`;
+  const n = ee.global.t, i = `command.${t}.${e}`;
   return n(i, "");
-}, ca = (t) => fe(W.SYSTEMT_COMMAND_GROUP_NAME, t), ua = (t) => fe(W.DEFAUT_COMMAND_GROUP_NAME, t), Lt = (t) => {
-  const e = J.global.t, n = "entity.entityName." + t.type;
+}, ca = (t) => fe(W.SYSTEMT_COMMAND_GROUP_NAME, t), ua = (t) => fe(W.DEFAUT_COMMAND_GROUP_NAME, t), Ct = (t) => {
+  const e = ee.global.t, n = "entity.entityName." + t.type;
   return e(n, t.type, { missingWarn: !1 });
-}, zt = (t) => {
+}, Lt = (t) => {
   if (t == "ByLayer" || t == "ByBlock")
     return t;
   {
-    const e = J.global.t, n = "entity.color." + t;
+    const e = ee.global.t, n = "entity.color." + t;
     return e(n, t, { missingWarn: !1 });
   }
-}, Dt = (t) => {
-  const e = J.global.t, n = "main.progress." + t.replace(/_/g, "").toLowerCase();
+}, zt = (t) => {
+  const e = ee.global.t, n = "main.progress." + t.replace(/_/g, "").toLowerCase();
   return e(n, t);
 }, me = "preferred_lang";
-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);
+function Ee(t) {
+  const { locale: e } = N(), 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) => {
+    ee.global.locale.value = r, i.value = r, (!t || t === "default") && localStorage.setItem(me, r);
   }, a = () => {
     localStorage.removeItem(me);
   };
   t && E(
     () => t,
-    (s) => {
-      s && s !== "default" && (i.value = s, J.global.locale.value = s, a());
+    (r) => {
+      r && r !== "default" && (i.value = r, ee.global.locale.value = r, a());
     },
     { immediate: !0 }
   ), E(
     () => e.value,
-    (s) => {
+    (r) => {
       if (!t || t === "default") {
-        const c = s === "zh" ? "zh" : "en";
-        i.value = c;
+        const m = r === "zh" ? "zh" : "en";
+        i.value = m;
       }
     }
   );
-  const r = k(() => l.value === "en" ? Ye : Ke);
+  const s = k(() => l.value === "en" ? je : Ye);
   return {
     currentLocale: i,
     effectiveLocale: l,
-    elementPlusLocale: r,
+    elementPlusLocale: s,
     setLocale: o,
     clearStoragePreference: a,
     isControlled: k(() => !!(t && t !== "default"))
   };
 }
-function Ve() {
-  const t = q(/* @__PURE__ */ new Map()), e = q(/* @__PURE__ */ new Map()), n = () => {
-    const i = B.instance.curView.missedData, l = Y.instance.fontMapping;
+function $e() {
+  const t = U(/* @__PURE__ */ new Map()), e = U(/* @__PURE__ */ new Map()), n = () => {
+    const i = T.instance.curView.missedData, l = K.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 r = e.get(o);
-      r ? r.ids.add(a) : e.set(o, {
+      const s = e.get(o);
+      s ? s.ids.add(a) : e.set(o, {
         fileName: o,
         ids: /* @__PURE__ */ new Set([a])
       });
     });
   };
-  return B.instance.events.documentActivated.addEventListener(() => {
+  return T.instance.events.documentActivated.addEventListener(() => {
     n();
-  }), j.on("font-not-found", (i) => {
+  }), Y.on("font-not-found", (i) => {
     n();
   }), {
     fonts: t,
@@ -911,15 +911,15 @@ function Ve() {
   };
 }
 function ce() {
-  const t = q(
-    Y.instance.settings
+  const t = U(
+    K.instance.settings
   );
-  return Y.instance.events.modified.addEventListener((e) => {
+  return K.instance.events.modified.addEventListener((e) => {
     t[e.key] = e.value;
   }), t;
 }
-function Bt(t) {
-  const e = q({}), n = t.curDocument, i = (l) => {
+function Dt(t) {
+  const e = U({}), n = t.curDocument, i = (l) => {
     e.pdmode = l.pdmode, e.pdmode = l.pdsize;
   };
   return i(n.database), n.database.events.headerSysVarChanged.addEventListener((l) => {
@@ -928,188 +928,188 @@ function Bt(t) {
     i(l.doc.database);
   }), e;
 }
-const Tt = /* @__PURE__ */ L({
+const Bt = /* @__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), (r) => (u(), w("div", {
-      key: r.name
+    }), (o, a) => (c(!0), y(j, null, X(g(n), (s) => (c(), y("div", {
+      key: s.name
     }, [
-      (u(), C(ge(r.component), Ne({
-        modelValue: r.visible,
-        "onUpdate:modelValue": (s) => r.visible = s
-      }, { ref_for: !0 }, r.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
+      (c(), C(ve(s.component), Ne({
+        modelValue: s.visible,
+        "onUpdate:modelValue": (r) => s.visible = r
+      }, { ref_for: !0 }, s.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
     ]))), 128));
   }
-}), Et = ["accept"], $t = /* @__PURE__ */ L({
+}), Tt = ["accept"], Et = /* @__PURE__ */ L({
   __name: "MlFileReader",
   emits: ["file-read"],
   setup(t, { emit: e }) {
-    const n = e, i = b(null), l = gt(), 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;
+    const n = e, i = x(null), l = pt(), o = k(() => {
+      const s = Array.from(l.value);
+      let r = "";
+      for (let m = 0, w = s.length; m < w; ++m)
+        m == w - 1 ? r += `.${s[m]}` : r += `.${s[m]}, `;
+      return r;
     });
-    O(() => {
-      j.on("open-file", () => {
-        var r;
-        (r = i.value) == null || r.click();
+    H(() => {
+      Y.on("open-file", () => {
+        var s;
+        (s = i.value) == null || s.click();
       });
     });
-    const a = (r) => {
-      var f, x;
-      const c = (f = r.target.files) == null ? void 0 : f[0];
-      if (c && c.name) {
-        const v = (x = c.name.split(".").pop()) == null ? void 0 : x.toLocaleLowerCase(), h = new FileReader();
-        v == "dxf" ? h.readAsText(c) : v == "dwg" && h.readAsArrayBuffer(c), h.onload = (_) => {
+    const a = (s) => {
+      var w, f;
+      const m = (w = s.target.files) == null ? void 0 : w[0];
+      if (m && m.name) {
+        const d = (f = m.name.split(".").pop()) == null ? void 0 : f.toLocaleLowerCase(), h = new FileReader();
+        d == "dxf" ? h.readAsText(m) : d == "dwg" && h.readAsArrayBuffer(m), h.onload = (_) => {
           var S;
-          const y = (S = _.target) == null ? void 0 : S.result;
-          y && n("file-read", c.name, y);
+          const b = (S = _.target) == null ? void 0 : S.result;
+          b && n("file-read", m.name, b);
         }, h.onerror = () => {
           console.error("Failed to read the file.");
         };
       }
     };
-    return (r, s) => (u(), w("input", {
+    return (s, r) => (c(), y("input", {
       type: "file",
       ref_key: "fileInput",
       ref: i,
       accept: o.value,
       style: { display: "none" },
       onChange: a
-    }, null, 40, Et));
+    }, null, 40, Tt));
   }
-}), Vt = /* @__PURE__ */ L({
+}), $t = /* @__PURE__ */ L({
   __name: "MlToggleButton",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ J({
     size: { default: 30 },
     data: {}
   }, {
     modelValue: { default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["click"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ J(["click"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    Ce((c) => ({
+    Se((m) => ({
       a97b120a: a.value
     }));
-    const n = t, i = ve(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 = () => {
+    const n = t, i = ge(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 = () => {
       l("click", i.value);
     };
-    return (c, f) => {
-      const x = M("el-button"), v = M("el-tooltip");
-      return u(), C(v, {
-        content: r.value,
+    return (m, w) => {
+      const f = M("el-button"), d = M("el-tooltip");
+      return c(), C(d, {
+        content: s.value,
         "hide-after": 0
       }, {
         default: p(() => [
-          g(x, {
+          v(f, {
             class: "ml-toggle-button",
             icon: o.value,
-            onClick: s
+            onClick: r
           }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), Ae = /* @__PURE__ */ H(Vt, [["__scopeId", "data-v-48d6b055"]]), At = /* @__PURE__ */ L({
+}), Ve = /* @__PURE__ */ G($t, [["__scopeId", "data-v-48d6b055"]]), Vt = /* @__PURE__ */ L({
   __name: "MlReplacementDlg",
   setup(t) {
-    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 v = B.instance.curDocument.database;
+    const { t: e } = N(), { fonts: n, images: i } = $e(), l = x(!0), o = k(() => n.size > 0 ? "font" : "image"), a = x(null), s = k(() => T.instance.avaiableFonts.map((h) => h.name[0])), r = () => {
+      const d = T.instance.curDocument.database;
       i.forEach((_) => {
-        _.file && _.ids.forEach((y) => {
-          const S = v.tables.blockTable.modelSpace.getIdAt(
-            y
+        _.file && _.ids.forEach((b) => {
+          const S = d.tables.blockTable.modelSpace.getIdAt(
+            b
           );
           S.image = _.file, S.triggerModifiedEvent();
         });
       });
-      const h = Y.instance;
-      n.forEach((_, y) => {
-        y && _ && h.setFontMapping(y, _);
+      const h = K.instance;
+      n.forEach((_, b) => {
+        b && _ && h.setFontMapping(b, _);
       });
-    }, c = (v) => {
+    }, m = (d) => {
       a.value && (a.value.click(), a.value.onchange = () => {
-        f(v);
+        w(d);
       });
-    }, f = (v) => {
-      var _, y;
-      const h = (y = (_ = a.value) == null ? void 0 : _.files) == null ? void 0 : y[0];
-      h && (v.file = h);
-    }, x = (v, h) => {
-      n.set(v, h);
+    }, w = (d) => {
+      var _, b;
+      const h = (b = (_ = a.value) == null ? void 0 : _.files) == null ? void 0 : b[0];
+      h && (d.file = h);
+    }, f = (d, h) => {
+      n.set(d, h);
     };
-    return (v, 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(Ee, {
-        title: m(e)("dialog.replacementDlg.title"),
+    return (d, h) => {
+      const _ = M("el-col"), b = M("el-row"), S = M("el-option"), $ = M("el-select"), I = M("el-tab-pane"), V = M("el-table-column"), B = M("el-button"), P = M("el-table"), R = M("el-tabs");
+      return c(), C(Te, {
+        title: g(e)("dialog.replacementDlg.title"),
         modelValue: l.value,
         "onUpdate:modelValue": h[1] || (h[1] = (z) => l.value = z),
         name: "ReplacementDlg",
-        onOk: s
+        onOk: r
       }, {
         default: p(() => [
-          g(P, {
+          v(R, {
             type: "card",
             modelValue: o.value,
             "onUpdate:modelValue": h[0] || (h[0] = (z) => o.value = z)
           }, {
             default: p(() => [
-              m(n).size > 0 ? (u(), C(F, {
+              g(n).size > 0 ? (c(), C(I, {
                 key: 0,
-                label: m(e)("dialog.replacementDlg.fontTabName"),
+                label: g(e)("dialog.replacementDlg.fontTabName"),
                 name: "font"
               }, {
                 default: p(() => [
-                  d("div", null, [
-                    g(y, null, {
+                  u("div", null, [
+                    v(b, null, {
                       default: p(() => [
-                        g(_, { span: 12 }, {
+                        v(_, { span: 12 }, {
                           default: p(() => [
-                            d("span", null, D(m(e)("dialog.replacementDlg.missedFont")), 1)
+                            u("span", null, D(g(e)("dialog.replacementDlg.missedFont")), 1)
                           ]),
                           _: 1
                         }),
-                        g(_, { span: 12 }, {
+                        v(_, { span: 12 }, {
                           default: p(() => [
-                            d("span", null, D(m(e)("dialog.replacementDlg.replacedFont")), 1)
+                            u("span", null, D(g(e)("dialog.replacementDlg.replacedFont")), 1)
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
                     }),
-                    (u(!0), w(K, null, X(m(n), ([z, A]) => (u(), C(y, {
+                    (c(!0), y(j, null, X(g(n), ([z, A]) => (c(), C(b, {
                       key: z,
                       style: { "margin-top": "10px" }
                     }, {
                       default: p(() => [
-                        g(_, { span: 12 }, {
+                        v(_, { span: 12 }, {
                           default: p(() => [
-                            d("span", null, D(z), 1)
+                            u("span", null, D(z), 1)
                           ]),
                           _: 2
                         }, 1024),
-                        g(_, { span: 12 }, {
+                        v(_, { span: 12 }, {
                           default: p(() => [
-                            g($, {
+                            v($, {
                               "model-value": A,
-                              placeholder: m(e)("dialog.replacementDlg.selectFont"),
-                              "onUpdate:modelValue": (N) => x(z, N),
+                              placeholder: g(e)("dialog.replacementDlg.selectFont"),
+                              "onUpdate:modelValue": (O) => f(z, O),
                               style: { width: "100%" }
                             }, {
                               default: p(() => [
-                                (u(!0), w(K, null, X(r.value, (N, de) => (u(), C(S, {
+                                (c(!0), y(j, null, X(s.value, (O, de) => (c(), C(S, {
                                   key: de,
-                                  label: N,
-                                  value: N
+                                  label: O,
+                                  value: O
                                 }, null, 8, ["label", "value"]))), 128))
                               ]),
                               _: 2
@@ -1123,39 +1123,39 @@ const Tt = /* @__PURE__ */ L({
                   ])
                 ]),
                 _: 1
-              }, 8, ["label"])) : U("", !0),
-              m(i).size > 0 ? (u(), C(F, {
+              }, 8, ["label"])) : q("", !0),
+              g(i).size > 0 ? (c(), C(I, {
                 key: 1,
-                label: m(e)("dialog.replacementDlg.imageTabName"),
+                label: g(e)("dialog.replacementDlg.imageTabName"),
                 name: "image"
               }, {
                 default: p(() => [
-                  g(G, {
-                    data: Array.from(m(i).values()),
+                  v(P, {
+                    data: Array.from(g(i).values()),
                     style: { width: "100%" },
                     "v-show": !1
                   }, {
                     default: p(() => [
-                      g(V, {
-                        label: m(e)("dialog.replacementDlg.file"),
+                      v(V, {
+                        label: g(e)("dialog.replacementDlg.file"),
                         prop: "fileName",
                         "min-width": 0,
                         flex: 1
                       }, null, 8, ["label"]),
-                      g(V, {
-                        label: m(e)("dialog.replacementDlg.replace"),
+                      v(V, {
+                        label: g(e)("dialog.replacementDlg.replace"),
                         fixed: "right",
                         width: "60"
                       }, {
                         default: p(({ row: z }) => [
-                          g(T, {
+                          v(B, {
                             link: "",
                             type: "primary",
                             size: "small",
-                            onClick: (A) => c(z)
+                            onClick: (A) => m(z)
                           }, {
                             default: p(() => h[2] || (h[2] = [
-                              I(" ... ", -1)
+                              F(" ... ", -1)
                             ])),
                             _: 2,
                             __: [2]
@@ -1166,17 +1166,17 @@ const Tt = /* @__PURE__ */ L({
                     ]),
                     _: 1
                   }, 8, ["data"]),
-                  d("input", {
+                  u("input", {
                     type: "file",
                     ref_key: "fileInput",
                     ref: a,
                     accept: ".png,.jpg,.jpeg",
-                    onChange: f,
+                    onChange: w,
                     style: { display: "none" }
                   }, null, 544)
                 ]),
                 _: 1
-              }, 8, ["label"])) : U("", !0)
+              }, 8, ["label"])) : q("", !0)
             ]),
             _: 1
           }, 8, ["modelValue"])
@@ -1185,29 +1185,29 @@ const Tt = /* @__PURE__ */ L({
       }, 8, ["title", "modelValue"]);
     };
   }
-}), It = {
+}), At = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 15 15"
 };
 function Ft(t, e) {
-  return u(), w("svg", It, e[0] || (e[0] = [
-    d("path", {
+  return c(), y("svg", At, e[0] || (e[0] = [
+    u("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: Ft }, Pt = {
+const be = { render: Ft }, It = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 512 512"
 };
 function Rt(t, e) {
-  return u(), w("svg", Pt, e[0] || (e[0] = [
-    d("path", {
+  return c(), y("svg", It, e[0] || (e[0] = [
+    u("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -1215,7 +1215,7 @@ function Rt(t, e) {
       "stroke-width": "32",
       d: "m434.8 137.65-149.36-68.1c-16.19-7.4-42.69-7.4-58.88 0L77.3 137.65c-17.6 8-17.6 21.09 0 29.09l148 67.5c16.89 7.7 44.69 7.7 61.58 0l148-67.5c17.52-8 17.52-21.1-.08-29.09M160 308.52l-82.7 37.11c-17.6 8-17.6 21.1 0 29.1l148 67.5c16.89 7.69 44.69 7.69 61.58 0l148-67.5c17.6-8 17.6-21.1 0-29.1l-79.94-38.47"
     }, null, -1),
-    d("path", {
+    u("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -1225,373 +1225,373 @@ function Rt(t, e) {
     }, null, -1)
   ]));
 }
-const Nt = { render: Rt }, Ot = {
+const Nt = { render: Rt }, Pt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function Ot(t, e) {
+  return c(), y("svg", Pt, e[0] || (e[0] = [
+    u("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 Gt = { render: Ht }, Wt = {
+const Ht = { render: Ot }, Gt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function qt(t, e) {
-  return u(), w("svg", Wt, e[0] || (e[0] = [
-    d("path", {
+function Wt(t, e) {
+  return c(), y("svg", Gt, e[0] || (e[0] = [
+    u("path", {
       fill: "currentColor",
       d: "M10.438 15.298h.002l4.86-4.86-9.722-4.86zM18 10l-3.434 3.434 3.2 3.2-1.132 1.132-3.2-3.2L10 18 2.4 2.4z"
     }, null, -1)
   ]));
 }
-const Ut = { render: qt }, jt = {
+const qt = { render: Wt }, Ut = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Yt(t, e) {
-  return u(), w("svg", jt, e[0] || (e[0] = [
-    d("path", {
+function jt(t, e) {
+  return c(), y("svg", Ut, e[0] || (e[0] = [
+    u("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 Kt = { render: Yt }, Xt = {
+const Yt = { render: jt }, Kt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Qt(t, e) {
-  return u(), w("svg", Xt, e[0] || (e[0] = [
-    d("path", {
+function Xt(t, e) {
+  return c(), y("svg", Kt, e[0] || (e[0] = [
+    u("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 Zt = { render: Qt }, Jt = {
+const Qt = { render: Xt }, Zt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function en(t, e) {
-  return u(), w("svg", Jt, e[0] || (e[0] = [
-    d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1)
+function Jt(t, e) {
+  return c(), y("svg", Zt, e[0] || (e[0] = [
+    u("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1)
   ]));
 }
-const tn = { render: en }, nn = {
+const en = { render: Jt }, tn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function on(t, e) {
-  return u(), w("svg", nn);
+function nn(t, e) {
+  return c(), y("svg", tn);
 }
-const ln = { render: on }, an = {
+const on = { render: nn }, ln = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function an(t, e) {
+  return c(), y("svg", ln, e[0] || (e[0] = [
+    u("path", { d: "M2 9.5h16v1H2z" }, null, -1),
+    u("path", { d: "M9.5 2h1v16h-1z" }, null, -1)
   ]));
 }
-const sn = { render: rn }, cn = {
+const rn = { render: an }, sn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function cn(t, e) {
+  return c(), y("svg", sn, e[0] || (e[0] = [
+    u("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    u("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1)
   ]));
 }
-const dn = { render: un }, mn = {
+const un = { render: cn }, dn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function pn(t, e) {
-  return u(), w("svg", mn, e[0] || (e[0] = [
-    d("path", { d: "M9.5 2.04h1v8h-1z" }, null, -1)
+function mn(t, e) {
+  return c(), y("svg", dn, e[0] || (e[0] = [
+    u("path", { d: "M9.5 2.04h1v8h-1z" }, null, -1)
   ]));
 }
-const gn = { render: pn }, vn = {
+const pn = { render: mn }, vn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function fn(t, e) {
-  return u(), w("svg", vn, 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)
+function gn(t, e) {
+  return c(), y("svg", vn, e[0] || (e[0] = [
+    u("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
+    u("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 hn = { render: fn }, _n = {
+const fn = { render: gn }, 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", _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)
+function _n(t, e) {
+  return c(), y("svg", hn, e[0] || (e[0] = [
+    u("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 yn = { render: wn }, bn = {
+const wn = { render: _n }, 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", 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)
+function bn(t, e) {
+  return c(), y("svg", yn, e[0] || (e[0] = [
+    u("path", { d: "M3 9.5h14v1H3z" }, null, -1),
+    u("path", { d: "M9.5 3h1v14h-1z" }, null, -1),
+    u("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 kn = { render: xn }, Mn = {
+const xn = { render: bn }, kn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function Mn(t, e) {
+  return c(), y("svg", kn, e[0] || (e[0] = [
+    u("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    u("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1),
+    u("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 Cn = { render: Sn }, Ln = {
+const Sn = { render: Mn }, Cn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function Ln(t, e) {
+  return c(), y("svg", Cn, e[0] || (e[0] = [
+    u("path", { d: "M9.5 5.04h1v5h-1z" }, null, -1),
+    u("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 Dn = { render: zn }, Bn = {
+const zn = { render: Ln }, Dn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function Bn(t, e) {
+  return c(), y("svg", Dn, e[0] || (e[0] = [
+    u("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
+    u("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const En = { render: Tn }, $n = {
+const Tn = { render: Bn }, En = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Vn(t, e) {
-  return u(), w("svg", $n, e[0] || (e[0] = [
-    d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
+function $n(t, e) {
+  return c(), y("svg", En, e[0] || (e[0] = [
+    u("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const An = { render: Vn }, In = {
+const Vn = { render: $n }, An = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
 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)
+  return c(), y("svg", An, e[0] || (e[0] = [
+    u("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    u("path", { d: "M3 9.58h14v1H3z" }, null, -1),
+    u("path", { d: "M9.5 3.08h1v14h-1z" }, null, -1)
   ]));
 }
-const Pn = { render: Fn }, Rn = {
+const In = { 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", 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)
+  return c(), y("svg", Rn, e[0] || (e[0] = [
+    u("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    u("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    u("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1)
   ]));
 }
-const On = { render: Nn }, Hn = {
+const Pn = { render: Nn }, On = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function Hn(t, e) {
+  return c(), y("svg", On, e[0] || (e[0] = [
+    u("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    u("path", { d: "M9.5 6.04h1v5h-1z" }, null, -1)
   ]));
 }
-const Wn = { render: Gn }, qn = {
+const Gn = { render: Hn }, Wn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Un(t, e) {
-  return u(), w("svg", qn, 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)
+function qn(t, e) {
+  return c(), y("svg", Wn, e[0] || (e[0] = [
+    u("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    u("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
+    u("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 jn = { render: Un }, Yn = {
+const Un = { render: qn }, jn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function Yn(t, e) {
+  return c(), y("svg", jn, e[0] || (e[0] = [
+    u("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    u("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 Xn = { render: Kn }, Qn = {
+const Kn = { render: Yn }, Xn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function Qn(t, e) {
+  return c(), y("svg", Xn, e[0] || (e[0] = [
+    u("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
+    u("path", { d: "M3.88 9.6h12.25v.88H3.88z" }, null, -1),
+    u("path", { d: "M9.56 3.91h.88v12.25h-.88z" }, null, -1),
+    u("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 Jn = { render: Zn }, eo = {
+const Zn = { render: Qn }, Jn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function eo(t, e) {
+  return c(), y("svg", Jn, e[0] || (e[0] = [
+    u("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    u("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1),
+    u("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
+    u("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 no = { render: to }, oo = {
+const to = { render: eo }, no = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-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)
+function oo(t, e) {
+  return c(), y("svg", no, e[0] || (e[0] = [
+    u("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
+    u("path", { d: "M9.5 5.04h1v5h-1z" }, null, -1),
+    u("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 ao = { render: lo }, io = /* @__PURE__ */ L({
+const lo = { render: oo }, ao = /* @__PURE__ */ L({
   __name: "MlPointStyleDlg",
   setup(t) {
-    const { t: e } = R(), n = Bt(B.instance), i = b(!0), l = b(0), o = [
+    const { t: e } = N(), n = Dt(T.instance), i = x(!0), l = x(0), o = [
       [
-        { id: 0, icon: tn },
-        { id: 1, icon: ln },
-        { id: 2, icon: sn },
-        { id: 3, icon: dn },
-        { id: 4, icon: gn }
+        { id: 0, icon: en },
+        { id: 1, icon: on },
+        { id: 2, icon: rn },
+        { id: 3, icon: un },
+        { id: 4, icon: pn }
       ],
       [
-        { id: 32, icon: hn },
-        { id: 33, icon: yn },
-        { id: 34, icon: kn },
-        { id: 35, icon: Cn },
-        { id: 36, icon: Dn }
+        { id: 32, icon: fn },
+        { id: 33, icon: wn },
+        { id: 34, icon: xn },
+        { id: 35, icon: Sn },
+        { id: 36, icon: zn }
       ],
       [
-        { id: 64, icon: En },
-        { id: 65, icon: An },
-        { id: 66, icon: Pn },
-        { id: 67, icon: On },
-        { id: 68, icon: Wn }
+        { id: 64, icon: Tn },
+        { id: 65, icon: Vn },
+        { id: 66, icon: In },
+        { id: 67, icon: Pn },
+        { id: 68, icon: Gn }
       ],
       [
-        { id: 96, icon: jn },
-        { id: 97, icon: Xn },
-        { id: 98, icon: Jn },
-        { id: 99, icon: no },
-        { id: 100, icon: ao }
+        { id: 96, icon: Un },
+        { id: 97, icon: Kn },
+        { id: 98, icon: Zn },
+        { id: 99, icon: to },
+        { id: 100, icon: lo }
       ]
     ], a = () => {
       n.pdmode && (l.value = n.pdmode);
     };
     a();
-    const r = (x, v) => o[x][v].id == l.value ? "primary" : null, s = (x, v) => {
-      l.value = o[x][v].id;
-    }, c = () => {
-      B.instance.curDocument.database.pdmode = l.value;
-    }, f = () => {
+    const s = (f, d) => o[f][d].id == l.value ? "primary" : null, r = (f, d) => {
+      l.value = o[f][d].id;
+    }, m = () => {
+      T.instance.curDocument.database.pdmode = l.value;
+    }, w = () => {
       a();
     };
-    return (x, v) => {
-      const h = M("el-button"), _ = M("el-col"), y = M("el-row");
-      return u(), C(Ee, {
-        title: m(e)("dialog.pointStyleDlg.title"),
+    return (f, d) => {
+      const h = M("el-button"), _ = M("el-col"), b = M("el-row");
+      return c(), C(Te, {
+        title: g(e)("dialog.pointStyleDlg.title"),
         width: 400,
         modelValue: i.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (S) => i.value = S),
+        "onUpdate:modelValue": d[0] || (d[0] = (S) => i.value = S),
         name: "PointStyleDlg",
-        onOk: c,
-        onCancel: f
+        onOk: m,
+        onCancel: w
       }, {
         default: p(() => [
-          (u(), w(K, null, X(o, (S, $) => g(y, {
+          (c(), y(j, null, X(o, (S, $) => v(b, {
             key: $,
             style: { "margin-top": "10px" },
             gutter: 6,
             justify: "space-between"
           }, {
             default: p(() => [
-              (u(!0), w(K, null, X(S, (F, V) => (u(), C(_, {
+              (c(!0), y(j, null, X(S, (I, V) => (c(), C(_, {
                 key: V,
                 span: 4
               }, {
                 default: p(() => [
-                  g(h, {
-                    icon: F.icon,
-                    type: r($, V),
-                    onClick: (T) => s($, V),
+                  v(h, {
+                    icon: I.icon,
+                    type: s($, V),
+                    onClick: (B) => r($, V),
                     style: { "font-size": "25px" }
                   }, null, 8, ["icon", "type", "onClick"])
                 ]),
@@ -1616,73 +1616,73 @@ const ao = { render: lo }, io = /* @__PURE__ */ L({
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const ro = {
+const io = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
-}, so = /* @__PURE__ */ d("path", {
+}, ro = /* @__PURE__ */ u("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), co = [
-  so
+}, null, -1), so = [
+  ro
 ];
-function uo(t, e) {
-  return u(), w("svg", ro, [...co]);
+function co(t, e) {
+  return c(), y("svg", io, [...so]);
 }
-const xe = { render: uo }, mo = {
+const xe = { render: co }, uo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
-}, po = /* @__PURE__ */ d("path", {
+}, mo = /* @__PURE__ */ u("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 = [
-  po
+}, null, -1), po = [
+  mo
 ];
 function vo(t, e) {
-  return u(), w("svg", mo, [...go]);
+  return c(), y("svg", uo, [...po]);
 }
-const ke = { render: vo }, fo = /* @__PURE__ */ L({
+const ke = { render: vo }, go = /* @__PURE__ */ L({
   __name: "MlCollapse",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ J({
     size: { default: 18 },
     reverse: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ J(["change"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const n = t, i = ve(t, "modelValue"), l = e, o = k(() => n.reverse ? i.value ? xe : ke : i.value ? ke : xe), a = k(() => `${n.size}px`), r = () => {
+    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`), s = () => {
       l("change", i.value), i.value = !i.value;
     };
-    return (s, c) => {
-      const f = se;
-      return u(), C(f, {
+    return (r, m) => {
+      const w = se;
+      return c(), C(w, {
         size: a.value,
-        onClick: r
+        onClick: s
       }, {
         default: p(() => [
-          (u(), C(ge(o.value)))
+          (c(), C(ve(o.value)))
         ]),
         _: 1
       }, 8, ["size"]);
     };
   }
-}), ho = (t) => (ze("data-v-3fc33b5d"), t = t(), De(), t), _o = /* @__PURE__ */ ho(() => /* @__PURE__ */ d("svg", {
+}), fo = (t) => (Le("data-v-3fc33b5d"), t = t(), ze(), t), ho = /* @__PURE__ */ fo(() => /* @__PURE__ */ u("svg", {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em",
   "data-v-63d067da": ""
 }, [
-  /* @__PURE__ */ d("path", {
+  /* @__PURE__ */ u("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"
   })
-], -1)), wo = /* @__PURE__ */ L({
+], -1)), _o = /* @__PURE__ */ L({
   __name: "MlDropdown",
   props: {
     icon: {},
@@ -1696,18 +1696,18 @@ const ke = { render: vo }, fo = /* @__PURE__ */ L({
     const n = t, i = e, l = k(() => n.items.filter((a) => a.name !== n.current)), o = (a) => {
       i("click", a);
     };
-    return (a, r) => {
-      const s = se, c = ot, f = nt, x = tt;
-      return u(), C(x, { onCommand: o }, {
+    return (a, s) => {
+      const r = se, m = nt, w = tt, f = et;
+      return c(), C(f, { onCommand: o }, {
         dropdown: p(() => [
-          g(f, null, {
+          v(w, null, {
             default: p(() => [
-              (u(!0), w(K, null, X(l.value, (v) => (u(), C(c, {
-                key: v.text,
-                command: v.name
+              (c(!0), y(j, null, X(l.value, (d) => (c(), C(m, {
+                key: d.text,
+                command: d.name
               }, {
                 default: p(() => [
-                  I(D(v.text), 1)
+                  F(D(d.text), 1)
                 ]),
                 _: 2
               }, 1032, ["command"]))), 128))
@@ -1716,12 +1716,12 @@ const ke = { render: vo }, fo = /* @__PURE__ */ L({
           })
         ]),
         default: p(() => [
-          g(s, {
+          v(r, {
             size: "30",
             class: "ml-dropdown-icon"
           }, {
             default: p(() => [
-              _o
+              ho
             ]),
             _: 1
           })
@@ -1735,7 +1735,7 @@ const ke = { render: vo }, fo = /* @__PURE__ */ L({
   for (const [i, l] of e)
     n[i] = l;
   return n;
-}, 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({
+}, wo = /* @__PURE__ */ ue(_o, [["__scopeId", "data-v-3fc33b5d"]]), yo = '<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>', bo = /* @__PURE__ */ L({
   __name: "MlLanguage",
   props: {
     languages: {},
@@ -1748,28 +1748,28 @@ const ke = { render: vo }, fo = /* @__PURE__ */ L({
     const n = t, i = e, l = (o) => {
       i("click", o);
     };
-    return (o, a) => (u(), C(yo, {
-      icon: bo,
+    return (o, a) => (c(), C(wo, {
+      icon: yo,
       items: n.languages,
       current: n.current,
       onClick: l
     }, null, 8, ["items", "current"]));
   }
-}), 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, [
+}), xo = {}, ko = { class: "ml-status-bar" }, Mo = { class: "ml-status-bar-left" }, So = { class: "ml-status-bar-right" };
+function Co(t, e) {
+  return c(), y("div", ko, [
+    u("div", Mo, [
       ie(t.$slots, "left", {}, void 0, !0)
     ]),
-    d("div", Co, [
+    u("div", So, [
       ie(t.$slots, "right", {}, void 0, !0)
     ])
   ]);
 }
-const zo = /* @__PURE__ */ ue(ko, [["render", Lo], ["__scopeId", "data-v-d6a59cf0"]]), Do = {
+const Lo = /* @__PURE__ */ ue(xo, [["render", Co], ["__scopeId", "data-v-d6a59cf0"]]), zo = {
   key: 0,
   class: "ml-toolbar-button-text"
-}, Bo = /* @__PURE__ */ L({
+}, Do = /* @__PURE__ */ L({
   __name: "MlToolBar",
   props: {
     items: {},
@@ -1788,36 +1788,36 @@ const zo = /* @__PURE__ */ ue(ko, [["render", Lo], ["__scopeId", "data-v-d6a59cf
           return 50;
       }
       return 70;
-    }), r = (f) => f.description ? f.description : f.text, s = k(() => n.size === "large"), c = (f) => {
-      i("click", f);
+    }), s = (w) => w.description ? w.description : w.text, r = k(() => n.size === "large"), m = (w) => {
+      i("click", w);
     };
-    return (f, x) => {
-      const v = se, h = it, _ = at, y = lt;
-      return u(), C(y, {
-        class: Le(l.value)
+    return (w, f) => {
+      const d = se, h = at, _ = lt, b = ot;
+      return c(), C(b, {
+        class: Ce(l.value)
       }, {
         default: p(() => [
-          (u(!0), w(K, null, X(f.items, (S, $) => (u(), C(_, {
+          (c(!0), y(j, null, X(w.items, (S, $) => (c(), C(_, {
             key: S.text,
-            content: r(S),
+            content: s(S),
             "hide-after": 0
           }, {
             default: p(() => [
-              (u(), C(h, {
+              (c(), C(h, {
                 class: "ml-toolbar-button",
                 style: pe({ width: a.value + "px", height: a.value + "px" }),
                 key: $,
-                onClick: (F) => c(S.command)
+                onClick: (I) => m(S.command)
               }, {
                 default: p(() => [
-                  d("div", null, [
-                    g(v, { size: o.value }, {
+                  u("div", null, [
+                    v(d, { size: o.value }, {
                       default: p(() => [
-                        (u(), C(ge(S.icon)))
+                        (c(), C(ve(S.icon)))
                       ]),
                       _: 2
                     }, 1032, ["size"]),
-                    s.value ? (u(), w("div", Do, D(S.text), 1)) : U("", !0)
+                    r.value ? (c(), y("div", zo, D(S.text), 1)) : q("", !0)
                   ])
                 ]),
                 _: 2
@@ -1830,35 +1830,35 @@ const zo = /* @__PURE__ */ ue(ko, [["render", Lo], ["__scopeId", "data-v-d6a59cf
       }, 8, ["class"]);
     };
   }
-}), To = /* @__PURE__ */ ue(Bo, [["__scopeId", "data-v-3eed2087"]]), Me = 20;
-function Eo(t, e, n) {
-  const i = b(!1), l = (s) => {
+}), Bo = /* @__PURE__ */ ue(Do, [["__scopeId", "data-v-3eed2087"]]), Me = 20;
+function To(t, e, n) {
+  const i = x(!1), l = (r) => {
     if (n.value && t.value) {
-      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;
+      const m = t.value.getBoundingClientRect(), w = r.clientX < m.left || r.clientX > m.right || r.clientY < m.top || r.clientY > m.bottom;
+      i.value = !w;
     }
   }, o = () => {
     n.value && (i.value = !0);
   }, a = () => {
     e.value && e.value.addEventListener("mousemove", o), t.value && t.value.addEventListener("mousemove", o);
-  }, r = () => {
+  }, s = () => {
     e.value && e.value.removeEventListener("mousemove", o), t.value && t.value.removeEventListener("mousemove", o);
   };
-  return O(() => {
+  return H(() => {
     window.addEventListener("mousemove", l);
-  }), ee(() => {
+  }), te(() => {
     window.removeEventListener("mousemove", l);
-  }), E(n, (s) => {
-    s && (i.value = !1);
-  }), E(t, (s) => {
-    s ? a() : r();
+  }), E(n, (r) => {
+    r && (i.value = !1);
+  }), E(t, (r) => {
+    r ? a() : s();
   }), { autoOpened: i };
 }
-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 } : {
+function Eo(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 } : {
     x: l.value.x - o.value.x,
     y: l.value.y - o.value.y
-  }), s = () => {
+  }), r = () => {
     if (t.value) {
       const _ = t.value.getBoundingClientRect();
       o.value = {
@@ -1869,100 +1869,100 @@ function $o(t, e, n) {
         y: _.top
       };
     }
-  }, c = () => {
-    t.value && t.value.addEventListener("mousedown", x);
-  }, f = () => {
-    t.value && t.value.removeEventListener("mousedown", x);
-  }, x = (_) => {
+  }, m = () => {
+    t.value && t.value.addEventListener("mousedown", f);
+  }, w = () => {
+    t.value && t.value.removeEventListener("mousedown", f);
+  }, f = (_) => {
     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;
+        const b = e.value.getBoundingClientRect();
+        if (_.clientX < b.left || _.clientX > b.right || _.clientY < b.top || _.clientY > b.bottom) return;
       }
-      i.value = !0, a.x = _.clientX, a.y = _.clientY, s(), document.addEventListener("mousemove", v), document.addEventListener("mouseup", h);
+      i.value = !0, a.x = _.clientX, a.y = _.clientY, r(), document.addEventListener("mousemove", d), document.addEventListener("mouseup", h);
     }
-  }, v = (_) => {
+  }, d = (_) => {
     if (i.value && o.value && l.value) {
-      const y = window.innerWidth, S = window.innerHeight, $ = t.value, F = $.getBoundingClientRect(), V = F.width, T = F.height, G = o.value.x + (_.clientX - a.x), P = o.value.y + (_.clientY - a.y);
+      const b = window.innerWidth, S = window.innerHeight, $ = t.value, I = $.getBoundingClientRect(), V = I.width, B = I.height, P = o.value.x + (_.clientX - a.x), R = o.value.y + (_.clientY - a.y);
       l.value.x = Math.max(
         n ? n.value.offset.value.left : 0,
-        G
+        P
       );
-      const z = y - V;
+      const z = b - V;
       l.value.x = Math.min(
         n ? z - n.value.offset.value.right : z,
         l.value.x
       ), l.value.y = Math.max(
         n ? n.value.offset.value.top : 0,
-        Math.min(P, S - T)
+        Math.min(R, S - B)
       );
-      const A = S - T;
+      const A = S - B;
       l.value.y = Math.min(
         n ? A - n.value.offset.value.bottom : A,
         l.value.y
       ), $.style.left = l.value.x + "px", $.style.top = l.value.y + "px";
     }
   }, h = () => {
-    i.value = !1, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", h);
+    i.value = !1, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", h);
   };
-  return O(() => {
-    t.value && (s(), c());
-  }), ee(() => {
-    t.value && t.value.removeEventListener("mousedown", x);
+  return H(() => {
+    t.value && (r(), m());
+  }), te(() => {
+    t.value && t.value.removeEventListener("mousedown", f);
   }), E(t, (_) => {
-    _ ? (s(), c()) : f();
+    _ ? (r(), m()) : w();
   }), {
     isDragging: i,
-    movement: r,
+    movement: s,
     position: l
   };
 }
-function Vo(t, e, n) {
-  const i = b(!1), l = b("left"), { isDragging: o, movement: a, position: r } = $o(
+function $o(t, e, n) {
+  const i = x(!1), l = x("left"), { isDragging: o, movement: a, position: s } = Eo(
     t,
     e,
     n
   );
-  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;
+  return E(a, (r) => {
+    if (r && t.value) {
+      const m = t.value.getBoundingClientRect();
+      m.left <= n.value.offset.value.left ? (l.value = "left", i.value = !0) : window.innerWidth - m.left - m.width <= n.value.offset.value.right ? (l.value = "right", i.value = !0) : i.value = !1;
     }
   }), {
     docked: i,
     orientation: l,
     isDragging: o,
     movement: a,
-    position: r
+    position: s
   };
 }
-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, (s, c) => {
-    o.value = c;
-  }), E(n, (s, c) => {
-    a.value = c;
-  }), E(i, (s, c) => {
-    r.value = c;
+function Vo(t, e, n, i) {
+  const l = x(null), o = x(null), a = x(null), s = x(null);
+  return E(t, (r, m) => {
+    l.value = m;
+  }), E(e, (r, m) => {
+    o.value = m;
+  }), E(n, (r, m) => {
+    a.value = m;
+  }), E(i, (r, m) => {
+    s.value = m;
   }), {
     lastLeft: l,
     lastTop: o,
     lastWidth: a,
-    lastHeight: r
+    lastHeight: s
   };
 }
-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(s, (c) => {
-    i.value && n.value && (o.value = c);
+function Ao(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], ([m, w]) => {
+    (l.value == null || o.value == null || e.value) && (l.value = m, o.value = w);
+  }), E(r, (m) => {
+    i.value && n.value && (o.value = m);
   }), { left: o, width: l };
 }
-function Fo(t, e = b({ left: 0, right: 0, top: 0, bottom: 0 })) {
-  const n = b({});
+function Fo(t, e = x({ left: 0, right: 0, top: 0, bottom: 0 })) {
+  const n = x({});
   let i = !1;
   const l = () => {
     if (!i && t.value) {
@@ -1970,7 +1970,7 @@ function Fo(t, e = b({ 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 O(() => {
+  return H(() => {
     t.value && l();
   }), E(t, (o) => {
     o && l();
@@ -1979,67 +1979,67 @@ function Fo(t, e = b({ left: 0, right: 0, top: 0, bottom: 0 })) {
     initialRect: n
   };
 }
-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 v = 5, h = b(null), _ = (V) => {
+function Io(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 } = Fo(t, i), a = x(!1);
+  let s = 0, r = 0, m = 0, w = 0, f = 0;
+  const d = 5, h = x(null), _ = (V) => {
     if (!(!t.value || e.value))
       if (a.value) {
-        const T = V.clientX - f, G = V.clientY - x;
+        const B = V.clientX - w, P = V.clientY - f;
         if (h.value === "left" || h.value === "left-bottom-corner") {
-          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");
+          const R = r - B;
+          R > l.width && (o.value.width = R, o.value.left = s + B, 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 = s + T;
-          P > l.width && (o.value.width = P, t.value.style.width = o.value.width + "px");
+          const R = r + B;
+          R > l.width && (o.value.width = R, t.value.style.width = o.value.width + "px");
         }
         if (h.value === "bottom" || h.value === "left-bottom-corner" || h.value === "right-bottom-corner") {
-          const P = c + G;
-          P > l.height && (o.value.height = P, t.value.style.height = o.value.height + "px");
+          const R = m + P;
+          R > l.height && (o.value.height = R, 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 <= v, A = G >= T.width - v, N = P >= T.height - v;
-        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);
+        const B = t.value.getBoundingClientRect(), P = V.clientX - B.left, R = V.clientY - B.top, z = P <= d, A = P >= B.width - d, O = R >= B.height - d;
+        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);
       }
-  }, y = (V) => {
+  }, b = (V) => {
     if (!t.value || !h.value) return;
-    const T = t.value.getBoundingClientRect();
-    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);
+    const B = t.value.getBoundingClientRect();
+    w = V.clientX, f = V.clientY, r = B.width, m = B.height, s = B.left, o.value.width = r, o.value.height = m, o.value.left = B.left, o.value.top = B.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);
   }, $ = () => {
-    t.value && (t.value.removeEventListener("mousedown", y), t.value.removeEventListener("mousemove", _)), document.removeEventListener("mouseup", S);
-  }, F = () => {
-    t.value && (t.value.addEventListener("mousedown", y), t.value.addEventListener("mousemove", _));
+    t.value && (t.value.removeEventListener("mousedown", b), t.value.removeEventListener("mousemove", _)), document.removeEventListener("mouseup", S);
+  }, I = () => {
+    t.value && (t.value.addEventListener("mousedown", b), t.value.addEventListener("mousemove", _));
   };
-  return O(() => {
-    t.value && F();
-  }), Be(() => {
+  return H(() => {
+    t.value && I();
+  }), De(() => {
     $();
   }), E(t, (V) => {
-    V ? F() : $();
+    V ? I() : $();
   }), { rect: o, isResizing: a };
 }
 function Ro(t, e, n, i) {
   const l = () => {
     if (t.value) {
-      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";
+      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";
     }
   }, o = () => {
     t.value && (t.value.style.transition = "");
   }, a = () => {
     t.value && t.value.removeEventListener("transitionend", o);
-  }, r = () => {
+  }, s = () => {
     t.value && t.value.addEventListener("transitionend", o);
   };
-  O(() => {
+  H(() => {
     t.value && t.value.addEventListener("transitionend", o);
-  }), Be(() => {
+  }), De(() => {
     t.value && t.value.removeEventListener("transitionend", o);
-  }), E(t, (s) => {
-    s ? r() : a();
+  }), E(t, (r) => {
+    r ? s() : a();
   }), E(n, () => {
     l();
   }), E(i, () => {
@@ -2047,77 +2047,77 @@ function Ro(t, e, n, i) {
   });
 }
 function No(t, e, n, i) {
-  const l = b(window.innerWidth), o = b(window.innerHeight), { docked: a, orientation: r, movement: s, position: c, isDragging: f } = Vo(
+  const l = x(window.innerWidth), o = x(window.innerHeight), { docked: a, orientation: s, movement: r, position: m, isDragging: w } = $o(
     t,
     e,
     i
-  ), x = k(() => r.value === "right"), { rect: v, isResizing: h } = Po(
+  ), f = k(() => s.value === "right"), { rect: d, isResizing: h } = Io(
     t,
     n,
-    x,
+    f,
     i.value.offset
-  ), { width: _, left: y } = Io(
-    v,
+  ), { width: _, left: b } = Ao(
+    d,
     h,
-    c,
-    f
-  ), { lastTop: S, lastHeight: $ } = Ao(
-    k(() => v.value.left),
-    k(() => v.value.top),
-    k(() => v.value.width),
-    k(() => v.value.height)
-  ), { autoOpened: F } = Eo(t, e, n);
-  Ro(t, x, n, F);
+    m,
+    w
+  ), { lastTop: S, lastHeight: $ } = Vo(
+    k(() => d.value.left),
+    k(() => d.value.top),
+    k(() => d.value.width),
+    k(() => d.value.height)
+  ), { autoOpened: I } = To(t, e, n);
+  Ro(t, f, n, I);
   const V = (z) => {
     if (t.value) {
-      const A = t.value.getBoundingClientRect(), N = A.left + z;
-      if (x.value) {
-        v.value.left = N;
+      const A = t.value.getBoundingClientRect(), O = A.left + z;
+      if (f.value) {
+        d.value.left = O;
         const de = window.innerWidth - A.width - A.left;
-        A.left <= 0 && de >= 0 && z < 0 && (v.value.left = Math.max(0, N)), window.innerWidth - A.width <= 0 && (v.value.left = window.innerWidth - A.width);
+        A.left <= 0 && de >= 0 && z < 0 && (d.value.left = Math.max(0, O)), window.innerWidth - A.width <= 0 && (d.value.left = window.innerWidth - A.width);
       } else
-        A.left + A.width >= window.innerWidth && z < 0 && (v.value.left = Math.max(0, N));
+        A.left + A.width >= window.innerWidth && z < 0 && (d.value.left = Math.max(0, O));
     }
-  }, T = () => {
+  }, B = () => {
     const z = window.innerWidth - l.value;
     l.value = window.innerWidth, o.value = window.innerHeight, V(z);
   };
-  O(() => {
-    window.addEventListener("resize", T);
-  }), ee(() => {
-    window.removeEventListener("resize", T);
+  H(() => {
+    window.addEventListener("resize", B);
+  }), te(() => {
+    window.removeEventListener("resize", B);
   });
-  const G = (z) => {
-    z ? (v.value.width = Me, x.value && y.value && _.value && (v.value.left = y.value + _.value - Me)) : (v.value.width = _.value, x.value && y.value && _.value && (v.value.left = y.value));
-  }, P = () => {
-    a.value ? (v.value.top = i.value.offset.value.top, v.value.height = window.innerHeight - i.value.offset.value.top - i.value.offset.value.bottom) : (v.value.top = S.value, v.value.height = $.value);
+  const P = (z) => {
+    z ? (d.value.width = Me, f.value && b.value && _.value && (d.value.left = b.value + _.value - Me)) : (d.value.width = _.value, f.value && b.value && _.value && (d.value.left = b.value));
+  }, R = () => {
+    a.value ? (d.value.top = i.value.offset.value.top, d.value.height = window.innerHeight - i.value.offset.value.top - i.value.offset.value.bottom) : (d.value.top = S.value, d.value.height = $.value);
   };
   return E(a, () => {
-    P();
+    R();
   }), E(n, (z) => {
-    G(z);
-  }), E(F, (z) => {
-    n.value && !f.value && G(!z);
-  }), E(s, (z) => {
+    P(z);
+  }), E(I, (z) => {
+    n.value && !w.value && P(!z);
+  }), E(r, (z) => {
     if (z && t.value) {
       const A = t.value.getBoundingClientRect();
-      v.value.left = A.left, v.value.top = A.top;
+      d.value.left = A.left, d.value.top = A.top;
     }
-  }), { rect: v, orientation: r, reversed: x };
+  }), { rect: d, orientation: s, reversed: f };
 }
-const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ */ Oo(() => /* @__PURE__ */ d("svg", {
+const Po = (t) => (Le("data-v-11a64c54"), t = t(), ze(), t), Oo = /* @__PURE__ */ Po(() => /* @__PURE__ */ u("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
 }, [
-  /* @__PURE__ */ d("path", {
+  /* @__PURE__ */ u("path", {
     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)), Go = { class: "ml-tool-palette-title" }, Wo = { class: "ml-tool-palette-content" }, qo = /* @__PURE__ */ L({
+], -1)), Ho = { class: "ml-tool-palette-title" }, Go = { class: "ml-tool-palette-content" }, Wo = /* @__PURE__ */ L({
   __name: "MlToolPalette",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ J({
     title: { default: "" },
     leftOffset: { default: 0 },
     rightOffset: { default: 0 },
@@ -2127,25 +2127,25 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
     modelValue: { default: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["close"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ J(["close"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const n = t, i = ve(t, "modelValue"), l = e, o = b(!1), a = b(null), r = b(null), s = k(() => ({
-      offset: b({
+    const n = t, i = ge(t, "modelValue"), l = e, o = x(!1), a = x(null), s = x(null), r = k(() => ({
+      offset: x({
         left: n.leftOffset,
         right: n.rightOffset,
         top: n.topOffset,
         bottom: n.bottomOffset
       })
     })), {
-      rect: c,
-      orientation: f,
-      reversed: x
-    } = No(r, a, o, s), v = k(() => ({
-      left: `${c.value.left}px`,
-      top: `${c.value.top}px`,
-      width: `${c.value.width}px`,
-      height: `${c.value.height}px`
-    })), h = k(() => x.value ? {
+      rect: m,
+      orientation: w,
+      reversed: f
+    } = No(s, a, o, r), d = k(() => ({
+      left: `${m.value.left}px`,
+      top: `${m.value.top}px`,
+      width: `${m.value.width}px`,
+      height: `${m.value.height}px`
+    })), h = k(() => f.value ? {
       borderLeft: "1px solid var(--el-border-color)",
       borderRight: null
     } : {
@@ -2153,114 +2153,114 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
       borderRight: "1px solid var(--el-border-color)"
     }), _ = () => {
       i.value = !1;
-      const y = r.value;
+      const b = s.value;
       l("close", {
-        x: y ? y.clientLeft : 0,
-        y: y ? y.clientTop : 0
+        x: b ? b.clientLeft : 0,
+        y: b ? b.clientTop : 0
       });
     };
-    return (y, S) => {
+    return (b, S) => {
       const $ = se;
-      return i.value ? (u(), w("div", {
+      return i.value ? (c(), y("div", {
         key: 0,
         ref_key: "toolPaletteElement",
-        ref: r,
-        style: pe([v.value]),
+        ref: s,
+        style: pe([d.value]),
         class: "ml-tool-palette-dialog"
       }, [
-        d("div", {
-          class: Le(["ml-tool-palette-dialog-layout", m(f)])
+        u("div", {
+          class: Ce(["ml-tool-palette-dialog-layout", g(w)])
         }, [
-          d("div", {
+          u("div", {
             ref_key: "titleBarElement",
             ref: a,
             class: "ml-tool-palette-title-bar",
             style: pe(h.value)
           }, [
-            g($, {
+            v($, {
               size: 18,
               class: "ml-tool-palette-dialog-icon",
               onClick: _
             }, {
               default: p(() => [
-                Ho
+                Oo
               ]),
               _: 1
             }),
-            g(fo, {
+            v(go, {
               class: "ml-tool-palette-dialog-icon",
               modelValue: o.value,
-              "onUpdate:modelValue": S[0] || (S[0] = (F) => o.value = F),
-              reverse: m(x)
+              "onUpdate:modelValue": S[0] || (S[0] = (I) => o.value = I),
+              reverse: g(f)
             }, null, 8, ["modelValue", "reverse"]),
-            d("span", Go, D(n.title), 1)
+            u("span", Ho, D(n.title), 1)
           ], 4),
-          d("div", Wo, [
-            ie(y.$slots, "default", {}, void 0, !0)
+          u("div", Go, [
+            ie(b.$slots, "default", {}, void 0, !0)
           ])
         ], 2)
-      ], 4)) : U("", !0);
+      ], 4)) : q("", !0);
     };
   }
-}), Uo = /* @__PURE__ */ ue(qo, [["__scopeId", "data-v-11a64c54"]]), jo = { class: "ml-layer-list-cell" }, Yo = { class: "ml-layer-list-cell" }, Ko = /* @__PURE__ */ L({
+}), qo = /* @__PURE__ */ ue(Wo, [["__scopeId", "data-v-11a64c54"]]), Uo = { class: "ml-layer-list-cell" }, jo = { class: "ml-layer-list-cell" }, Yo = /* @__PURE__ */ L({
   __name: "MlLayerList",
   props: {
     editor: {}
   },
   setup(t) {
-    const { t: e } = R(), n = t, i = vt(n.editor), l = b(), o = b([]), a = (s) => {
-      o.value = s;
-    }, r = (s) => {
-      const c = n.editor.curDocument.database.tables.layerTable.getAt(
-        s.name
+    const { t: e } = N(), n = t, i = vt(n.editor), l = x(), o = x([]), a = (r) => {
+      o.value = r;
+    }, s = (r) => {
+      const m = n.editor.curDocument.database.tables.layerTable.getAt(
+        r.name
       );
-      c && (c.isOff = !s.isOn);
+      m && (m.isOff = !r.isOn);
     };
-    return (s, c) => {
-      const f = M("el-table-column"), x = M("el-checkbox"), v = M("el-tag");
-      return u(), C(m(Ze), {
+    return (r, m) => {
+      const w = M("el-table-column"), f = M("el-checkbox"), d = M("el-tag");
+      return c(), C(g(Qe), {
         ref_key: "multipleTableRef",
         ref: l,
-        data: m(i),
+        data: g(i),
         class: "ml-layer-list",
         onSelectionChange: a
       }, {
         default: p(() => [
-          g(f, {
+          v(w, {
             type: "selection",
             width: "40"
           }),
-          g(f, {
+          v(w, {
             property: "name",
-            label: m(e)("main.toolPalette.layerManager.layerList.name"),
+            label: g(e)("main.toolPalette.layerManager.layerList.name"),
             width: "120",
             sortable: "",
             "show-overflow-tooltip": ""
           }, null, 8, ["label"]),
-          g(f, {
+          v(w, {
             property: "isOn",
-            label: m(e)("main.toolPalette.layerManager.layerList.on"),
+            label: g(e)("main.toolPalette.layerManager.layerList.on"),
             width: "50"
           }, {
             default: p((h) => [
-              d("div", jo, [
-                g(x, {
+              u("div", Uo, [
+                v(f, {
                   modelValue: h.row.isOn,
                   "onUpdate:modelValue": (_) => h.row.isOn = _,
-                  onChange: (_) => r(h.row)
+                  onChange: (_) => s(h.row)
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
               ])
             ]),
             _: 1
           }, 8, ["label"]),
-          g(f, {
+          v(w, {
             property: "color",
-            label: m(e)("main.toolPalette.layerManager.layerList.color"),
+            label: g(e)("main.toolPalette.layerManager.layerList.color"),
             width: "70"
           }, {
             default: p((h) => [
-              d("div", Yo, [
-                g(v, {
+              u("div", jo, [
+                v(d, {
                   color: h.row.color,
                   class: "ml-layer-list-color"
                 }, null, 8, ["color"])
@@ -2273,23 +2273,23 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
       }, 8, ["data"]);
     };
   }
-}), Xo = { class: "ml-layer-list-wrapper" }, Qo = /* @__PURE__ */ L({
+}), Ko = { class: "ml-layer-list-wrapper" }, Xo = /* @__PURE__ */ L({
   __name: "MlLayerManager",
   props: {
     editor: {}
   },
   setup(t) {
     const e = t;
-    return (n, i) => (u(), C(m(Uo), {
+    return (n, i) => (c(), C(g(qo), {
       class: "ml-layer-manager",
-      modelValue: m(Q).dialogs.layerManager,
-      "onUpdate:modelValue": i[0] || (i[0] = (l) => m(Q).dialogs.layerManager = l),
+      modelValue: g(Q).dialogs.layerManager,
+      "onUpdate:modelValue": i[0] || (i[0] = (l) => g(Q).dialogs.layerManager = l),
       title: "Layers",
       "bottom-offset": 30
     }, {
       default: p(() => [
-        d("div", Xo, [
-          g(Ko, {
+        u("div", Ko, [
+          v(Yo, {
             editor: e.editor
           }, null, 8, ["editor"])
         ])
@@ -2297,58 +2297,58 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Zo = /* @__PURE__ */ H(Qo, [["__scopeId", "data-v-d49ba2cb"]]), Jo = { class: "autocomplete-container" }, el = /* @__PURE__ */ L({
+}), Qo = /* @__PURE__ */ G(Xo, [["__scopeId", "data-v-d49ba2cb"]]), Zo = { class: "autocomplete-container" }, Jo = /* @__PURE__ */ L({
   __name: "MlCommandLine",
   setup(t) {
-    const { t: e } = R(), n = ce(), i = dt(), l = b(""), o = b(""), a = (c, f) => {
-      const x = c ? i.filter(
-        (v) => v.commandName.startsWith(c.toLowerCase())
+    const { t: e } = N(), n = ce(), i = ut(), l = x(""), o = x(""), a = (m, w) => {
+      const f = m ? i.filter(
+        (d) => d.commandName.startsWith(m.toLowerCase())
       ) : i;
-      f(x);
-    }, r = () => {
-      l.value && (B.instance.sendStringToExecute(l.value), o.value = l.value, l.value = "");
-    }, s = (c, f) => `${f}: ${fe(c, f)}`;
-    return (c, f) => (u(), w("div", Jo, [
-      m(n).isShowCommandLine ? (u(), C(m(Je), {
+      w(f);
+    }, s = () => {
+      l.value && (T.instance.sendStringToExecute(l.value), o.value = l.value, l.value = "");
+    }, r = (m, w) => `${w}: ${fe(m, w)}`;
+    return (m, w) => (c(), y("div", Zo, [
+      g(n).isShowCommandLine ? (c(), C(g(Ze), {
         key: 0,
         modelValue: l.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (x) => l.value = x),
+        "onUpdate:modelValue": w[0] || (w[0] = (f) => l.value = f),
         "value-key": "commandName",
         clearable: "",
         "fetch-suggestions": a,
-        placeholder: m(e)("main.commandLine.prompt"),
+        placeholder: g(e)("main.commandLine.prompt"),
         debounce: 300,
         "trigger-on-focus": "",
         "fit-input-width": !1,
-        onSelect: r,
-        onKeydown: Oe(r, ["enter"]),
+        onSelect: s,
+        onKeydown: Pe(s, ["enter"]),
         class: "autocomplete-input"
       }, {
-        default: p(({ item: x }) => [
-          d("div", null, D(s(x.groupName, x.commandName)), 1)
+        default: p(({ item: f }) => [
+          u("div", null, D(r(f.groupName, f.commandName)), 1)
         ]),
         prepend: p(() => [
-          I(D(`> ${o.value}`), 1)
+          F(D(`> ${o.value}`), 1)
         ]),
         _: 1
-      }, 8, ["modelValue", "placeholder"])) : U("", !0)
+      }, 8, ["modelValue", "placeholder"])) : q("", !0)
     ]));
   }
-}), tl = /* @__PURE__ */ H(el, [["__scopeId", "data-v-082845cb"]]), nl = /* @__PURE__ */ L({
+}), el = /* @__PURE__ */ G(Jo, [["__scopeId", "data-v-082845cb"]]), tl = /* @__PURE__ */ L({
   __name: "MlEntityInfo",
   setup(t) {
-    Ce((v) => ({
+    Se((d) => ({
       "2d5cc4ca": a.value,
-      "11fa7d7e": r.value
+      "11fa7d7e": s.value
     }));
-    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 v = B.instance.curDocument.database;
+    const { t: e } = N(), 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 d = T.instance.curDocument.database;
       if (o.value) {
-        const h = v.tables.blockTable.modelSpace.getIdAt(o.value);
+        const h = d.tables.blockTable.modelSpace.getIdAt(o.value);
         if (h)
           return {
-            type: Lt(h),
-            color: zt(h.color.toString()),
+            type: Ct(h),
+            color: Lt(h.color.toString()),
             layer: h.layer,
             lineType: h.lineType
           };
@@ -2359,34 +2359,34 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
         layer: "",
         lineType: ""
       };
-    }), c = k(() => n.value && s.value.type != ""), f = (v) => {
-      o.value = v.id, i.value = v.x, l.value = v.y, n.value = !0;
-    }, x = () => {
+    }), m = k(() => n.value && r.value.type != ""), w = (d) => {
+      o.value = d.id, i.value = d.x, l.value = d.y, n.value = !0;
+    }, f = () => {
       n.value = !1;
     };
-    return O(() => {
-      const v = B.instance.curView.events;
-      v.hover.addEventListener(f), v.unhover.addEventListener(x);
-    }), ee(() => {
-      const v = B.instance.curView.events;
-      v.hover.removeEventListener(f), v.unhover.removeEventListener(x);
-    }), (v, h) => {
-      const _ = M("el-text"), y = M("el-col"), S = M("el-row"), $ = M("el-card");
-      return c.value ? (u(), C($, {
+    return H(() => {
+      const d = T.instance.curView.events;
+      d.hover.addEventListener(w), d.unhover.addEventListener(f);
+    }), te(() => {
+      const d = T.instance.curView.events;
+      d.hover.removeEventListener(w), d.unhover.removeEventListener(f);
+    }), (d, h) => {
+      const _ = M("el-text"), b = M("el-col"), S = M("el-row"), $ = M("el-card");
+      return m.value ? (c(), C($, {
         key: 0,
         class: "ml-entity-info"
       }, {
         default: p(() => [
-          g(S, { class: "ml-entity-info-text" }, {
+          v(S, { class: "ml-entity-info-text" }, {
             default: p(() => [
-              g(y, { span: 24 }, {
+              v(b, { span: 24 }, {
                 default: p(() => [
-                  g(_, {
+                  v(_, {
                     size: "small",
                     class: "ml-entity-info-title"
                   }, {
                     default: p(() => [
-                      I(D(s.value.type), 1)
+                      F(D(r.value.type), 1)
                     ]),
                     _: 1
                   })
@@ -2396,24 +2396,24 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
             ]),
             _: 1
           }),
-          g(S, { class: "ml-entity-info-text" }, {
+          v(S, { class: "ml-entity-info-text" }, {
             default: p(() => [
-              g(y, { span: 10 }, {
+              v(b, { span: 10 }, {
                 default: p(() => [
-                  g(_, { size: "small" }, {
+                  v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(m(e)("main.entityInfo.color")), 1)
+                      F(D(g(e)("main.entityInfo.color")), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              g(y, { span: 14 }, {
+              v(b, { span: 14 }, {
                 default: p(() => [
-                  g(_, { size: "small" }, {
+                  v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(s.value.color), 1)
+                      F(D(r.value.color), 1)
                     ]),
                     _: 1
                   })
@@ -2423,24 +2423,24 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
             ]),
             _: 1
           }),
-          g(S, { class: "ml-entity-info-text" }, {
+          v(S, { class: "ml-entity-info-text" }, {
             default: p(() => [
-              g(y, { span: 10 }, {
+              v(b, { span: 10 }, {
                 default: p(() => [
-                  g(_, { size: "small" }, {
+                  v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(m(e)("main.entityInfo.layer")), 1)
+                      F(D(g(e)("main.entityInfo.layer")), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              g(y, { span: 14 }, {
+              v(b, { span: 14 }, {
                 default: p(() => [
-                  g(_, { size: "small" }, {
+                  v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(s.value.layer), 1)
+                      F(D(r.value.layer), 1)
                     ]),
                     _: 1
                   })
@@ -2450,24 +2450,24 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
             ]),
             _: 1
           }),
-          g(S, { class: "ml-entity-info-text" }, {
+          v(S, { class: "ml-entity-info-text" }, {
             default: p(() => [
-              g(y, { span: 10 }, {
+              v(b, { span: 10 }, {
                 default: p(() => [
-                  g(_, { size: "small" }, {
+                  v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(m(e)("main.entityInfo.lineType")), 1)
+                      F(D(g(e)("main.entityInfo.lineType")), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              g(y, { span: 14 }, {
+              v(b, { span: 14 }, {
                 default: p(() => [
-                  g(_, { size: "small" }, {
+                  v(_, { size: "small" }, {
                     default: p(() => [
-                      I(D(s.value.lineType), 1)
+                      F(D(r.value.lineType), 1)
                     ]),
                     _: 1
                   })
@@ -2479,16 +2479,16 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
           })
         ]),
         _: 1
-      })) : U("", !0);
+      })) : q("", !0);
     };
   }
-}), ol = /* @__PURE__ */ H(nl, [["__scopeId", "data-v-6a67bbe7"]]), ll = /* @__PURE__ */ L({
+}), nl = /* @__PURE__ */ G(tl, [["__scopeId", "data-v-6a67bbe7"]]), ol = /* @__PURE__ */ L({
   __name: "MlLanguageSelector",
   props: {
     currentLocale: { default: void 0 }
   },
   setup(t) {
-    const e = t, { effectiveLocale: n, setLocale: i } = $e(e.currentLocale), l = q([
+    const e = t, { effectiveLocale: n, setLocale: i } = Ee(e.currentLocale), l = U([
       {
         name: "en",
         text: "English"
@@ -2500,139 +2500,139 @@ const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
     ]), o = (a) => {
       (a === "en" || a === "zh") && i(a);
     };
-    return (a, r) => (u(), C(m(xo), {
+    return (a, s) => (c(), C(g(bo), {
       class: "ml-language-selector",
       languages: l,
-      current: m(n),
+      current: g(n),
       onClick: o
     }, null, 8, ["languages", "current"]));
   }
-}), al = /* @__PURE__ */ H(ll, [["__scopeId", "data-v-1b9f7bc0"]]);
+}), ll = /* @__PURE__ */ G(ol, [["__scopeId", "data-v-1b9f7bc0"]]);
 /*! Element Plus Icons Vue v2.3.1 */
-var il = /* @__PURE__ */ L({
+var al = /* @__PURE__ */ L({
   name: "Check",
   __name: "check",
   setup(t) {
-    return (e, n) => (u(), w("svg", {
+    return (e, n) => (c(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      u("path", {
         fill: "currentColor",
         d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
       })
     ]));
   }
-}), le = il, rl = /* @__PURE__ */ L({
+}), le = al, il = /* @__PURE__ */ L({
   name: "Menu",
   __name: "menu",
   setup(t) {
-    return (e, n) => (u(), w("svg", {
+    return (e, n) => (c(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      u("path", {
         fill: "currentColor",
         d: "M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"
       })
     ]));
   }
-}), sl = rl, cl = /* @__PURE__ */ L({
+}), rl = il, sl = /* @__PURE__ */ L({
   name: "Moon",
   __name: "moon",
   setup(t) {
-    return (e, n) => (u(), w("svg", {
+    return (e, n) => (c(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      u("path", {
         fill: "currentColor",
         d: "M240.448 240.448a384 384 0 1 0 559.424 525.696 448 448 0 0 1-542.016-542.08 390.592 390.592 0 0 0-17.408 16.384zm181.056 362.048a384 384 0 0 0 525.632 16.384A448 448 0 1 1 405.056 76.8a384 384 0 0 0 16.448 525.696"
       })
     ]));
   }
-}), ul = cl, dl = /* @__PURE__ */ L({
+}), cl = sl, ul = /* @__PURE__ */ L({
   name: "Operation",
   __name: "operation",
   setup(t) {
-    return (e, n) => (u(), w("svg", {
+    return (e, n) => (c(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      u("path", {
         fill: "currentColor",
         d: "M389.44 768a96.064 96.064 0 0 1 181.12 0H896v64H570.56a96.064 96.064 0 0 1-181.12 0H128v-64zm192-288a96.064 96.064 0 0 1 181.12 0H896v64H762.56a96.064 96.064 0 0 1-181.12 0H128v-64zm-320-288a96.064 96.064 0 0 1 181.12 0H896v64H442.56a96.064 96.064 0 0 1-181.12 0H128v-64z"
       })
     ]));
   }
-}), ml = dl, pl = /* @__PURE__ */ L({
+}), dl = ul, ml = /* @__PURE__ */ L({
   name: "Setting",
   __name: "setting",
   setup(t) {
-    return (e, n) => (u(), w("svg", {
+    return (e, n) => (c(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      u("path", {
         fill: "currentColor",
         d: "M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256"
       })
     ]));
   }
-}), gl = pl, vl = /* @__PURE__ */ L({
+}), pl = ml, vl = /* @__PURE__ */ L({
   name: "Sunny",
   __name: "sunny",
   setup(t) {
-    return (e, n) => (u(), w("svg", {
+    return (e, n) => (c(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      u("path", {
         fill: "currentColor",
         d: "M512 704a192 192 0 1 0 0-384 192 192 0 0 0 0 384m0 64a256 256 0 1 1 0-512 256 256 0 0 1 0 512m0-704a32 32 0 0 1 32 32v64a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 768a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0v-64a32 32 0 0 1 32-32M195.2 195.2a32 32 0 0 1 45.248 0l45.248 45.248a32 32 0 1 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm543.104 543.104a32 32 0 0 1 45.248 0l45.248 45.248a32 32 0 0 1-45.248 45.248l-45.248-45.248a32 32 0 0 1 0-45.248M64 512a32 32 0 0 1 32-32h64a32 32 0 0 1 0 64H96a32 32 0 0 1-32-32m768 0a32 32 0 0 1 32-32h64a32 32 0 1 1 0 64h-64a32 32 0 0 1-32-32M195.2 828.8a32 32 0 0 1 0-45.248l45.248-45.248a32 32 0 0 1 45.248 45.248L240.448 828.8a32 32 0 0 1-45.248 0zm543.104-543.104a32 32 0 0 1 0-45.248l45.248-45.248a32 32 0 0 1 45.248 45.248l-45.248 45.248a32 32 0 0 1-45.248 0"
       })
     ]));
   }
-}), fl = vl, hl = /* @__PURE__ */ L({
+}), gl = vl, fl = /* @__PURE__ */ L({
   name: "Warning",
   __name: "warning",
   setup(t) {
-    return (e, n) => (u(), w("svg", {
+    return (e, n) => (c(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      u("path", {
         fill: "currentColor",
         d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m48-176a48 48 0 1 1-96 0 48 48 0 0 1 96 0m-48-464a32 32 0 0 1 32 32v288a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"
       })
     ]));
   }
-}), _l = hl;
-const wl = /* @__PURE__ */ L({
+}), hl = fl;
+const _l = /* @__PURE__ */ L({
   __name: "MlMainMenu",
   setup(t) {
-    const { t: e } = R(), n = (i) => {
-      i === "Convert" ? new Ie().tirgger(B.instance.context) : i === "QNew" ? new Fe().tirgger(B.instance.context) : i === "Open" && new Pe().tirgger(B.instance.context);
+    const { t: e } = N(), n = (i) => {
+      i === "Convert" ? new Ae().tirgger(T.instance.context) : i === "QNew" ? new Fe().tirgger(T.instance.context) : i === "Open" && new Ie().tirgger(T.instance.context);
     };
     return (i, l) => {
-      const o = M("el-icon"), a = M("el-dropdown-item"), r = M("el-dropdown-menu"), s = M("el-dropdown");
-      return u(), C(s, {
+      const o = M("el-icon"), a = M("el-dropdown-item"), s = M("el-dropdown-menu"), r = M("el-dropdown");
+      return c(), C(r, {
         "aria-hidden": "false",
         class: "ml-main-menu-container",
         onCommand: n
       }, {
         dropdown: p(() => [
-          g(r, null, {
+          v(s, null, {
             default: p(() => [
-              g(a, { command: "QNew" }, {
+              v(a, { command: "QNew" }, {
                 default: p(() => [
-                  I(D(m(e)("main.mainMenu.new")), 1)
+                  F(D(g(e)("main.mainMenu.new")), 1)
                 ]),
                 _: 1
               }),
-              g(a, { command: "Open" }, {
+              v(a, { command: "Open" }, {
                 default: p(() => [
-                  I(D(m(e)("main.mainMenu.open")), 1)
+                  F(D(g(e)("main.mainMenu.open")), 1)
                 ]),
                 _: 1
               })
@@ -2641,12 +2641,12 @@ const wl = /* @__PURE__ */ L({
           })
         ]),
         default: p(() => [
-          g(o, {
+          v(o, {
             class: "ml-main-menu-icon",
             size: "30"
           }, {
             default: p(() => [
-              g(m(sl))
+              v(g(rl))
             ]),
             _: 1
           })
@@ -2655,33 +2655,33 @@ const wl = /* @__PURE__ */ L({
       });
     };
   }
-}), yl = /* @__PURE__ */ H(wl, [["__scopeId", "data-v-8c0c738e"]]), bl = {
+}), wl = /* @__PURE__ */ G(_l, [["__scopeId", "data-v-8c0c738e"]]), yl = {
   key: 0,
   class: "ml-vertical-toolbar-container"
-}, xl = /* @__PURE__ */ L({
+}, bl = /* @__PURE__ */ L({
   __name: "MlToolBars",
   setup(t) {
-    const { t: e } = R(), n = ce(), i = k(() => [
+    const { t: e } = N(), n = ce(), i = k(() => [
       {
-        icon: Ut,
+        icon: qt,
         text: e("main.verticalToolbar.select.text"),
         command: "select",
         description: e("main.verticalToolbar.select.description")
       },
       {
-        icon: Gt,
+        icon: Ht,
         text: e("main.verticalToolbar.pan.text"),
         command: "pan",
         description: e("main.verticalToolbar.pan.description")
       },
       {
-        icon: Zt,
+        icon: Qt,
         text: e("main.verticalToolbar.zoomToExtent.text"),
         command: "zoom",
         description: e("main.verticalToolbar.zoomToExtent.description")
       },
       {
-        icon: Kt,
+        icon: Yt,
         text: e("main.verticalToolbar.zoomToBox.text"),
         command: "zoomw",
         description: e("main.verticalToolbar.zoomToBox.description")
@@ -2693,145 +2693,145 @@ const wl = /* @__PURE__ */ L({
         description: e("main.verticalToolbar.layer.description")
       }
     ]), l = (o) => {
-      B.instance.sendStringToExecute(o);
+      T.instance.sendStringToExecute(o);
     };
-    return (o, a) => m(n).isShowToolbar ? (u(), w("div", bl, [
-      g(m(To), {
+    return (o, a) => g(n).isShowToolbar ? (c(), y("div", yl, [
+      v(g(Bo), {
         items: i.value,
         size: "small",
         direction: "vertical",
         onClick: l
       }, null, 8, ["items"])
-    ])) : U("", !0);
+    ])) : q("", !0);
   }
-}), kl = /* @__PURE__ */ L({
+}), xl = /* @__PURE__ */ L({
   __name: "MlFullScreenButton",
   setup(t) {
-    const { t: e } = R(), { isFullscreen: n, toggle: i } = je(), l = k(() => ({
+    const { t: e } = N(), { isFullscreen: n, toggle: i } = Ue(), l = k(() => ({
       onIcon: be,
       offIcon: be,
       onTooltip: e("main.statusBar.fullScreen.on"),
       offTooltip: e("main.statusBar.fullScreen.off")
     })), o = k(() => !n.value);
-    return (a, r) => (u(), C(m(Ae), {
+    return (a, s) => (c(), C(g(Ve), {
       modelValue: o.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => o.value = r),
       data: l.value,
-      onClick: m(i)
+      onClick: g(i)
     }, null, 8, ["modelValue", "data", "onClick"]));
   }
-}), Ml = /* @__PURE__ */ L({
+}), kl = /* @__PURE__ */ L({
   __name: "MlPointStyleButton",
   setup(t) {
-    const { t: e } = R(), n = () => {
-      B.instance.sendStringToExecute("pttype");
+    const { t: e } = N(), n = () => {
+      T.instance.sendStringToExecute("pttype");
     };
     return (i, l) => {
       const o = M("el-button"), a = M("el-tooltip");
-      return u(), C(a, {
-        content: m(e)("main.statusBar.pointStyle.tooltip"),
+      return c(), C(a, {
+        content: g(e)("main.statusBar.pointStyle.tooltip"),
         "hide-after": 0
       }, {
         default: p(() => [
-          g(o, {
+          v(o, {
             class: "ml-point-style-button",
-            icon: m(ml),
-            onClick: l[0] || (l[0] = (r) => n())
+            icon: g(dl),
+            onClick: l[0] || (l[0] = (s) => n())
           }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), Sl = /* @__PURE__ */ H(Ml, [["__scopeId", "data-v-29692d7d"]]), Cl = {
+}), Ml = /* @__PURE__ */ G(kl, [["__scopeId", "data-v-29692d7d"]]), Sl = {
   key: 0,
   class: "ml-progress"
-}, Ll = /* @__PURE__ */ L({
+}, Cl = /* @__PURE__ */ L({
   __name: "MlProgress",
   setup(t) {
-    const { t: e } = R(), n = b(0), i = b(!1), l = (a) => {
+    const { t: e } = N(), n = x(0), i = x(!1), l = (a) => {
       if (a.stage === "CONVERSION") {
-        const r = we.service({
+        const s = we.service({
           lock: !0
         });
         if (a.subStage) {
-          const s = Dt(a.subStage);
-          r.setText(s);
+          const r = zt(a.subStage);
+          s.setText(r);
         }
-        n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, r.close(), B.instance.curView.zoomToFit());
+        n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close(), T.instance.curView.zoomToFit());
       } else if (a.stage === "FETCH_FILE") {
-        const r = we.service({
+        const s = we.service({
           lock: !0
         });
-        r.setText(e("main.message.fetchingDrawingFile")), n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, r.close());
+        s.setText(e("main.message.fetchingDrawingFile")), n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close());
       }
     }, o = (a) => `${a.toFixed(0)}%`;
-    return O(() => {
-      j.on("open-file-progress", l);
-    }), ee(() => {
-      j.off("open-file-progress", l);
-    }), (a, r) => i.value ? (u(), w("div", Cl, [
-      g(m(et), {
+    return H(() => {
+      Y.on("open-file-progress", l);
+    }), te(() => {
+      Y.off("open-file-progress", l);
+    }), (a, s) => i.value ? (c(), y("div", Sl, [
+      v(g(Je), {
         "text-inside": !0,
         "stroke-width": 20,
         percentage: n.value,
         format: o
       }, null, 8, ["percentage"])
-    ])) : U("", !0);
+    ])) : q("", !0);
   }
-}), zl = /* @__PURE__ */ H(Ll, [["__scopeId", "data-v-c4edb83e"]]), Dl = /* @__PURE__ */ L({
+}), Ll = /* @__PURE__ */ G(Cl, [["__scopeId", "data-v-c4edb83e"]]), zl = /* @__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);
+    const { t: e } = N(), n = ce(), i = (l) => {
+      l == "isShowCoordinate" ? (n.isShowCoordinate = !n.isShowCoordinate, K.instance.isShowCoordinate = n.isShowCoordinate) : l == "isShowCommandLine" ? (n.isShowCommandLine = !n.isShowCommandLine, K.instance.isShowCommandLine = n.isShowCommandLine) : l == "isShowToolbar" ? (n.isShowToolbar = !n.isShowToolbar, K.instance.isShowToolbar = n.isShowToolbar) : l == "isShowStats" && (n.isShowStats = !n.isShowStats, K.instance.isShowStats = n.isShowStats);
     };
     return (l, o) => {
-      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"),
+      const a = M("el-button"), s = M("el-dropdown-item"), r = M("el-dropdown-menu"), m = M("el-dropdown"), w = M("el-tooltip");
+      return c(), C(w, {
+        content: g(e)("main.statusBar.setting.tooltip"),
         "hide-after": 0
       }, {
         default: p(() => [
-          g(c, {
+          v(m, {
             trigger: "click",
             onCommand: i
           }, {
             dropdown: p(() => [
-              g(s, null, {
+              v(r, null, {
                 default: p(() => [
-                  g(r, {
-                    icon: m(n).isShowStats ? m(le) : "",
+                  v(s, {
+                    icon: g(n).isShowStats ? g(le) : "",
                     command: "isShowStats"
                   }, {
                     default: p(() => [
-                      I(D(m(e)("main.statusBar.setting.stats")), 1)
+                      F(D(g(e)("main.statusBar.setting.stats")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  g(r, {
-                    icon: m(n).isShowCommandLine ? m(le) : "",
+                  v(s, {
+                    icon: g(n).isShowCommandLine ? g(le) : "",
                     command: "isShowCommandLine"
                   }, {
                     default: p(() => [
-                      I(D(m(e)("main.statusBar.setting.commandLine")), 1)
+                      F(D(g(e)("main.statusBar.setting.commandLine")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  g(r, {
-                    icon: m(n).isShowCoordinate ? m(le) : "",
+                  v(s, {
+                    icon: g(n).isShowCoordinate ? g(le) : "",
                     command: "isShowCoordinate"
                   }, {
                     default: p(() => [
-                      I(D(m(e)("main.statusBar.setting.coordinate")), 1)
+                      F(D(g(e)("main.statusBar.setting.coordinate")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  g(r, {
-                    icon: m(n).isShowToolbar ? m(le) : "",
+                  v(s, {
+                    icon: g(n).isShowToolbar ? g(le) : "",
                     command: "isShowToolbar"
                   }, {
                     default: p(() => [
-                      I(D(m(e)("main.statusBar.setting.toolbar")), 1)
+                      F(D(g(e)("main.statusBar.setting.toolbar")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"])
@@ -2840,9 +2840,9 @@ const wl = /* @__PURE__ */ L({
               })
             ]),
             default: p(() => [
-              g(a, {
+              v(a, {
                 class: "ml-setting-button",
-                icon: m(gl)
+                icon: g(pl)
               }, null, 8, ["icon"])
             ]),
             _: 1
@@ -2852,61 +2852,61 @@ const wl = /* @__PURE__ */ L({
       }, 8, ["content"]);
     };
   }
-}), Bl = /* @__PURE__ */ H(Dl, [["__scopeId", "data-v-666f03a3"]]), Tl = /* @__PURE__ */ L({
+}), Dl = /* @__PURE__ */ G(zl, [["__scopeId", "data-v-666f03a3"]]), Bl = /* @__PURE__ */ L({
   __name: "MlThemeButton",
   setup(t) {
-    const { t: e } = R(), n = k(() => ({
-      onIcon: fl,
-      offIcon: ul,
+    const { t: e } = N(), n = k(() => ({
+      onIcon: gl,
+      offIcon: cl,
       onTooltip: e("main.statusBar.theme.light"),
       offTooltip: e("main.statusBar.theme.dark")
     }));
-    return (i, l) => (u(), C(m(Ae), {
-      modelValue: m(ae),
-      "onUpdate:modelValue": l[0] || (l[0] = (o) => He(ae) ? ae.value = o : null),
+    return (i, l) => (c(), C(g(Ve), {
+      modelValue: g(ae),
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => Oe(ae) ? ae.value = o : null),
       data: n.value,
-      onClick: l[1] || (l[1] = (o) => m(pt)())
+      onClick: l[1] || (l[1] = (o) => g(mt)())
     }, null, 8, ["modelValue", "data"]));
   }
-}), El = /* @__PURE__ */ L({
+}), Tl = /* @__PURE__ */ L({
   __name: "MlWarningButton",
   setup(t) {
     const e = () => {
-      B.instance.sendStringToExecute("md");
-    }, { fonts: n, images: i } = Ve(), l = k(() => i.size > 0 || n.size > 0);
+      T.instance.sendStringToExecute("md");
+    }, { fonts: n, images: i } = $e(), l = k(() => i.size > 0 || n.size > 0);
     return (o, a) => {
-      const r = M("el-button");
-      return l.value ? (u(), C(r, {
+      const s = M("el-button");
+      return l.value ? (c(), C(s, {
         key: 0,
         class: "ml-warning-button",
         type: "warning",
-        icon: m(_l),
-        onClick: a[0] || (a[0] = (s) => e())
-      }, null, 8, ["icon"])) : U("", !0);
+        icon: g(hl),
+        onClick: a[0] || (a[0] = (r) => e())
+      }, null, 8, ["icon"])) : q("", !0);
     };
   }
-}), $l = /* @__PURE__ */ H(El, [["__scopeId", "data-v-3411a3ec"]]), Vl = /* @__PURE__ */ L({
+}), El = /* @__PURE__ */ G(Tl, [["__scopeId", "data-v-3411a3ec"]]), $l = /* @__PURE__ */ L({
   __name: "MlStatusBar",
   setup(t) {
-    const { text: e } = mt(B.instance.curView), n = ft(B.instance), i = ce(), l = (o) => {
-      Te().layoutManager.setCurrentLayoutBtrId(
+    const { text: e } = dt(T.instance.curView), n = gt(T.instance), i = ce(), l = (o) => {
+      Be().layoutManager.setCurrentLayoutBtrId(
         o.blockTableRecordId
       );
     };
     return (o, a) => {
-      const r = M("el-button"), s = M("el-button-group");
-      return u(), C(m(zo), { class: "ml-status-bar" }, {
+      const s = M("el-button"), r = M("el-button-group");
+      return c(), C(g(Lo), { class: "ml-status-bar" }, {
         left: p(() => [
-          g(s, { class: "ml-status-bar-left-button-group" }, {
+          v(r, { class: "ml-status-bar-left-button-group" }, {
             default: p(() => [
-              (u(!0), w(K, null, X(m(n), (c) => (u(), C(r, {
+              (c(!0), y(j, null, X(g(n), (m) => (c(), C(s, {
                 class: "ml-status-bar-layout-button",
-                key: c.name,
-                type: c.isActive ? "primary" : "",
-                onClick: (f) => l(c)
+                key: m.name,
+                type: m.isActive ? "primary" : "",
+                onClick: (w) => l(m)
               }, {
                 default: p(() => [
-                  I(D(c.name), 1)
+                  F(D(m.name), 1)
                 ]),
                 _: 2
               }, 1032, ["type", "onClick"]))), 128))
@@ -2915,23 +2915,23 @@ const wl = /* @__PURE__ */ L({
           })
         ]),
         right: p(() => [
-          g(zl),
-          g(s, { class: "ml-status-bar-right-button-group" }, {
+          v(Ll),
+          v(r, { class: "ml-status-bar-right-button-group" }, {
             default: p(() => [
-              m(i).isShowCoordinate ? (u(), C(r, {
+              g(i).isShowCoordinate ? (c(), C(s, {
                 key: 0,
                 class: "ml-status-bar-current-pos"
               }, {
                 default: p(() => [
-                  I(D(m(e)), 1)
+                  F(D(g(e)), 1)
                 ]),
                 _: 1
-              })) : U("", !0),
-              g($l),
-              g(Tl),
-              g(kl),
-              g(Sl),
-              g(Bl)
+              })) : q("", !0),
+              v(El),
+              v(Bl),
+              v(xl),
+              v(Ml),
+              v(Dl)
             ]),
             _: 1
           })
@@ -2940,30 +2940,59 @@ const wl = /* @__PURE__ */ L({
       });
     };
   }
-}), Al = /* @__PURE__ */ H(Vl, [["__scopeId", "data-v-ee6f13c4"]]), Il = { class: "ml-file-name" }, da = /* @__PURE__ */ L({
+}), Vl = /* @__PURE__ */ G($l, [["__scopeId", "data-v-ee6f13c4"]]), Al = {
+  key: 0,
+  class: "ml-cad-viewer-container"
+}, Fl = { class: "ml-file-name" }, da = /* @__PURE__ */ L({
   __name: "MlCadViewer",
   props: {
     locale: { default: "default" },
     url: { default: void 0 },
+    localFile: { default: void 0 },
     wait: { default: 10 },
-    canvasId: {},
     background: { default: void 0 }
   },
   setup(t) {
-    const e = t;
-    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) => {
+    const e = t, { t: n } = N(), { effectiveLocale: i, elementPlusLocale: l } = Ee(e.locale), o = x(), a = x(null), s = k(() => a.value), r = async (f, d) => {
+      const h = { minimumChunkSize: 1e3 };
+      await T.instance.openDocument(f, d, h), Q.fileName = f;
+    }, m = async (f) => {
+      try {
+        const d = { minimumChunkSize: 1e3 };
+        await T.instance.openUrl(f, d);
+        const h = f.split("/").pop();
+        Q.fileName = h ?? "";
+      } catch (d) {
+        console.error("Failed to open file from URL:", d), Z({
+          message: n("main.message.failedToOpenFile", { fileName: f }),
+          grouping: !0,
+          type: "error",
+          showClose: !0
+        });
+      }
+    }, w = async (f) => {
+      var d;
       try {
-        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 }),
+        const h = (d = f.name.split(".").pop()) == null ? void 0 : d.toLowerCase(), _ = new FileReader();
+        if (h === "dxf")
+          _.readAsText(f);
+        else if (h === "dwg")
+          _.readAsArrayBuffer(f);
+        else
+          throw new Error(`Unsupported file type: ${h}`);
+        const b = await new Promise(
+          ($, I) => {
+            _.onload = (V) => {
+              var P;
+              const B = (P = V.target) == null ? void 0 : P.result;
+              B ? $(B) : I(new Error("Failed to read file content"));
+            }, _.onerror = () => I(new Error("Failed to read file"));
+          }
+        ), S = { minimumChunkSize: 1e3 };
+        await T.instance.openDocument(f.name, b, S), Q.fileName = f.name;
+      } catch (h) {
+        console.error("Failed to open local file:", h), Z({
+          message: n("main.message.failedToOpenFile", { fileName: f.name }),
           grouping: !0,
           type: "error",
           showClose: !0
@@ -2972,77 +3001,87 @@ const wl = /* @__PURE__ */ L({
     };
     return E(
       () => e.url,
-      async (r) => {
-        r && a(r);
+      async (f) => {
+        f && m(f);
+      }
+    ), E(
+      () => e.localFile,
+      async (f) => {
+        f && w(f);
       }
     ), E(
       () => e.background,
-      (r) => {
-        r != null && (B.instance.curView.backgroundColor = r);
+      (f) => {
+        f != null && (T.instance.curView.backgroundColor = f);
       }
-    ), O(async () => {
-      e.url && a(e.url), e.background != null && (B.instance.curView.backgroundColor = e.background);
-    }), j.on("message", (r) => {
-      te({
-        message: r.message,
+    ), H(async () => {
+      o.value && (Nl(o.value), Rl(), a.value = T.instance), e.url ? m(e.url) : e.localFile && w(e.localFile), e.background != null && (T.instance.curView.backgroundColor = e.background);
+    }), Y.on("message", (f) => {
+      Z({
+        message: f.message,
         grouping: !0,
-        type: r.type,
+        type: f.type,
         showClose: !0
       });
-    }), j.on("font-not-loaded", (r) => {
-      te({
+    }), Y.on("font-not-loaded", (f) => {
+      Z({
         message: n("main.message.fontNotLoaded", {
-          fontName: r.fontName,
-          url: r.url
+          fontName: f.fontName,
+          url: f.url
         }),
         grouping: !0,
         type: "error",
         showClose: !0
       });
-    }), j.on("failed-to-get-avaiable-fonts", (r) => {
-      te({
-        message: n("main.message.failedToGetAvaiableFonts", { url: r.url }),
+    }), Y.on("failed-to-get-avaiable-fonts", (f) => {
+      Z({
+        message: n("main.message.failedToGetAvaiableFonts", { url: f.url }),
         grouping: !0,
         type: "error",
         showClose: !0
       });
-    }), j.on("failed-to-open-file", (r) => {
-      te({
-        message: n("main.message.failedToOpenFile", { fileName: r.fileName }),
+    }), Y.on("failed-to-open-file", (f) => {
+      Z({
+        message: n("main.message.failedToOpenFile", { fileName: f.fileName }),
         grouping: !0,
         type: "error",
         showClose: !0
       });
-    }), Pl(), (r, s) => {
-      const c = M("el-config-provider");
-      return u(), w("div", null, [
-        g(c, { locale: m(l) }, {
-          default: p(() => [
-            d("header", null, [
-              g(m(yl)),
-              g(m(al), { "current-locale": m(i) }, null, 8, ["current-locale"])
-            ]),
-            d("main", null, [
-              d("div", Il, D(m(Q).fileName), 1),
-              g(m(xl)),
-              g(m(Zo), {
-                editor: m(B).instance
-              }, null, 8, ["editor"]),
-              g(m(Tt))
-            ]),
-            d("footer", null, [
-              g(m(tl)),
-              g(m(Al))
+    }), (f, d) => {
+      const h = M("el-config-provider");
+      return c(), y(j, null, [
+        u("canvas", {
+          ref_key: "canvasRef",
+          ref: o,
+          class: "ml-cad-canvas"
+        }, null, 512),
+        a.value ? (c(), y("div", Al, [
+          v(h, { locale: g(l) }, {
+            default: p(() => [
+              u("header", null, [
+                v(g(wl)),
+                v(g(ll), { "current-locale": g(i) }, null, 8, ["current-locale"])
+              ]),
+              u("main", null, [
+                u("div", Fl, D(g(Q).fileName), 1),
+                v(g(bl)),
+                v(g(Qo), { editor: s.value }, null, 8, ["editor"]),
+                v(g(Bt))
+              ]),
+              u("footer", null, [
+                v(g(el)),
+                v(g(Vl))
+              ]),
+              v(g(Et), { onFileRead: r }),
+              v(g(nl))
             ]),
-            g(m($t), { onFileRead: o }),
-            g(m(ol))
-          ]),
-          _: 1
-        }, 8, ["locale"])
-      ]);
+            _: 1
+          }, 8, ["locale"])
+        ])) : q("", !0)
+      ], 64);
     };
   }
-}), { registerDialog: Se } = oe(), Fl = () => {
+}), Il = () => {
   W.instance.addCommand(
     W.SYSTEMT_COMMAND_GROUP_NAME,
     "log",
@@ -3052,7 +3091,7 @@ const wl = /* @__PURE__ */ L({
     W.SYSTEMT_COMMAND_GROUP_NAME,
     "la",
     "la",
-    new Nl()
+    new Pl()
   ), W.instance.addCommand(
     W.SYSTEMT_COMMAND_GROUP_NAME,
     "md",
@@ -3064,26 +3103,26 @@ const wl = /* @__PURE__ */ L({
     "pttype",
     new Gl()
   );
-}, Pl = () => {
-  Se({
+}, Rl = () => {
+  const { registerDialog: t } = oe();
+  t({
     name: "ReplacementDlg",
-    component: he(At),
+    component: he(Vt),
     props: {}
-  }), Se({
+  }), t({
     name: "PointStyleDlg",
-    component: he(io),
+    component: he(ao),
     props: {}
   });
-}, Rl = (t) => {
-  const e = document.getElementById(t);
-  B.createInstance(e), Re(), Fl();
-}, Q = q({
+}, Nl = (t) => {
+  T.createInstance(t), Re(), Il();
+}, Q = U({
   fileName: "",
   dialogs: {
     layerManager: !1
   }
 });
-class Nl extends re {
+class Pl extends re {
   execute(e) {
     Q.dialogs.layerManager = !0;
   }
@@ -3104,20 +3143,20 @@ class Ol 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], 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,
+      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,
         "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)": (s.summary.totalGeometrySize / 1024).toFixed(1),
-        "total mapping (KB)": (s.summary.totalMappingSize / 1024).toFixed(
+        "total geo (KB)": (r.summary.totalGeometrySize / 1024).toFixed(1),
+        "total mapping (KB)": (r.summary.totalMappingSize / 1024).toFixed(
           1
         )
       }));
-      r.push({
+      s.push({
         name: "total",
         "idx line (KB)": a[0].toFixed(1),
         "line (KB)": a[1].toFixed(1),
@@ -3129,11 +3168,11 @@ class Ol extends re {
         "total mapping (KB)": (l.summary.totalSize.mapping / 1024).toFixed(
           1
         )
-      }), console.table(r), console.groupEnd();
+      }), console.table(s), console.groupEnd();
     }
   }
   printPerformanceData() {
-    We.getInstance().printAll();
+    Ge.getInstance().printAll();
   }
 }
 class Hl extends re {
@@ -3149,41 +3188,41 @@ class Gl extends re {
   }
 }
 export {
-  Nl as AcApLayerStateCmd,
+  Pl as AcApLayerStateCmd,
   Ol as AcApLogCmd,
   Hl as AcApMissedDataCmd,
   Gl as AcApPointStyleCmd,
-  Ee as MlBaseDialog,
+  Te 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,
+  el as MlCommandLine,
+  Bt as MlDialogManager,
+  nl as MlEntityInfo,
+  Et as MlFileReader,
+  ll as MlLanguageSelector,
+  Qo as MlLayerManager,
+  wl as MlMainMenu,
+  ao as MlPointStyleDlg,
+  Vt as MlReplacementDlg,
+  Vl as MlStatusBar,
+  Ve as MlToggleButton,
+  bl as MlToolBars,
   fe as cmdDescription,
-  zt as colorName,
-  Dt as conversionSubStageName,
-  Lt as entityName,
-  J as i18n,
+  Lt as colorName,
+  zt as conversionSubStageName,
+  Ct as entityName,
+  ee as i18n,
   ae as isDark,
   ca as sysCmdDescription,
-  pt as toggleDark,
-  dt as useCommands,
-  mt as useCurrentPos,
+  mt as toggleDark,
+  ut as useCommands,
+  dt as useCurrentPos,
   oe as useDialogManager,
-  gt as useFileTypes,
+  pt as useFileTypes,
   vt as useLayers,
-  ft as useLayouts,
-  $e as useLocale,
-  Ve as useMissedData,
+  gt as useLayouts,
+  Ee as useLocale,
+  $e as useMissedData,
   ce as useSettings,
-  Bt as useSystemVars,
+  Dt as useSystemVars,
   ua as userCmdDescription
 };