@mlightcad/cad-viewer 1.1.11 → 1.2.0

package/dist/index.js

@@ -1,14 +1,14 @@
 import "./index.css";
-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 { AcEdCommandStack as q, AcApDocManager as E, eventBus as X, AcApSettingManager as Q, AcApConvertToSvgCmd as Oe, AcApQNewCmd as Re, AcApOpenCmd as He, registerWorkers as Ge, AcEdCommand as ce } from "@mlightcad/cad-simple-viewer";
 import "element-plus/dist/index.css";
-import { reactive as U, computed as k, defineComponent as L, onMounted as H, resolveComponent as M, createBlock as C, openBlock as u, unref as g, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as F, toDisplayString as D, createElementVNode as d, ref as x, onUnmounted as te, watch as E, createElementBlock as y, Fragment as j, renderList as X, resolveDynamicComponent as ge, mergeProps as Pe, mergeModels as J, useCssVars as Se, useModel as ve, createCommentVNode as q, normalizeStyle as pe, normalizeClass as Ce, pushScopeId as Le, popScopeId as ze, onBeforeUnmount as De, withKeys as Ne, 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 P, 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 Q } 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 { reactive as Y, computed as M, defineComponent as S, onMounted as U, resolveComponent as C, createBlock as z, openBlock as u, unref as d, withCtx as f, renderSlot as re, createVNode as m, createTextVNode as N, toDisplayString as T, createElementVNode as c, ref as x, onUnmounted as ne, watch as A, createElementBlock as _, Fragment as j, renderList as K, resolveDynamicComponent as ue, mergeProps as We, mergeModels as ee, useCssVars as De, useModel as _e, createCommentVNode as R, normalizeStyle as ge, normalizeClass as we, pushScopeId as Te, popScopeId as $e, onBeforeUnmount as Ee, withKeys as Ue, isRef as qe, markRaw as be } from "vue";
+import { AcDbDatabaseConverterManager as je, acdbHostApplicationServices as Ae, AcCmPerformanceCollector as Ye } from "@mlightcad/data-model";
+import { useDark as Ke, useToggle as Xe, useMediaQuery as Qe, useFullscreen as Ze } from "@vueuse/core";
+import Je from "element-plus/es/locale/lang/en";
+import et from "element-plus/es/locale/lang/zh-cn";
+import { useI18n as O, createI18n as tt } from "vue-i18n";
+import { ElDialog as nt, ElButton as xe, ElTable as ot, ElAutocomplete as lt, ElProgress as at, ElLoading as ke, ElMessage as oe } from "element-plus";
+import { ElIcon as de, ElDropdown as it, ElDropdownMenu as st, ElDropdownItem as rt, ElButtonGroup as ct, ElTooltip as ut, ElButton as dt } 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 = U([]);
-function it(t) {
-  ne.find((n) => n.name === t.name) || ne.push({ ...t, visible: !1 });
+const le = Y([]);
+function mt(t) {
+  le.find((n) => n.name === t.name) || le.push({ ...t, visible: !1 });
 }
-function rt(t, e) {
-  const n = ne.find((i) => i.name === t);
+function pt(t, e) {
+  const n = le.find((i) => i.name === t);
   n && (n.visible = e);
 }
-function st(t) {
-  return ne.find((e) => e.name === t);
+function ft(t) {
+  return le.find((e) => e.name === t);
 }
-function oe() {
+function ae() {
   return {
-    dialogs: k(() => ne),
-    registerDialog: it,
-    toggleDialog: rt,
-    getDialogByName: st
+    dialogs: M(() => le),
+    registerDialog: mt,
+    toggleDialog: pt,
+    getDialogByName: ft
   };
 }
-const ct = /* @__PURE__ */ L({
+const vt = /* @__PURE__ */ S({
   __name: "MlBaseDialog",
   props: {
     title: {
@@ -62,64 +62,64 @@ const ct = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue", "ok", "cancel"],
   setup(t, { emit: e }) {
-    const { t: n } = P(), i = t, l = e, { registerDialog: o } = oe();
+    const { t: n } = O(), i = t, l = e, { registerDialog: o } = ae();
     function a() {
       l("ok"), l("update:modelValue", !1);
     }
-    function s() {
+    function r() {
       l("cancel"), l("update:modelValue", !1);
     }
-    return H(() => {
+    return U(() => {
       o({
         name: i.name,
         component: "BaseDialog",
         props: i.props
       });
-    }), (r, c) => {
-      const w = M("el-divider");
-      return u(), C(g(Xe), {
+    }), (s, p) => {
+      const g = C("el-divider");
+      return u(), z(d(nt), {
         "model-value": t.modelValue,
         width: t.width,
         close: "handleCancel",
         class: "ml-dialog"
       }, {
-        header: p(() => [
-          d("div", null, D(t.title), 1),
-          v(w, { class: "ml-dialog-header-bottom-line" })
+        header: f(() => [
+          c("div", null, T(t.title), 1),
+          m(g, { class: "ml-dialog-header-bottom-line" })
         ]),
-        footer: p(() => [
-          v(w, { class: "ml-dialog-footer-top-line" }),
-          v(g(_e), { onClick: s }, {
-            default: p(() => [
-              F(D(g(n)("dialog.baseDialog.cancel")), 1)
+        footer: f(() => [
+          m(g, { class: "ml-dialog-footer-top-line" }),
+          m(d(xe), { onClick: r }, {
+            default: f(() => [
+              N(T(d(n)("dialog.baseDialog.cancel")), 1)
             ]),
             _: 1
           }),
-          v(g(_e), {
+          m(d(xe), {
             type: "primary",
             onClick: a
           }, {
-            default: p(() => [
-              F(D(g(n)("dialog.baseDialog.ok")), 1)
+            default: f(() => [
+              N(T(d(n)("dialog.baseDialog.ok")), 1)
             ]),
             _: 1
           })
         ]),
-        default: p(() => [
-          ie(r.$slots, "default", {}, void 0, !0)
+        default: f(() => [
+          re(s.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["model-value", "width"]);
     };
   }
-}), G = (t, e) => {
+}), W = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [i, l] of e)
     n[i] = l;
   return n;
-}, Te = /* @__PURE__ */ G(ct, [["__scopeId", "data-v-8df470d5"]]);
-function ut() {
-  const t = U([]), e = W.instance.iterator();
+}, Ve = /* @__PURE__ */ W(vt, [["__scopeId", "data-v-8df470d5"]]);
+function gt() {
+  const t = Y([]), e = q.instance.iterator();
   for (const n of e)
     t.push({
       commandName: n.command.localName,
@@ -129,7 +129,7 @@ function ut() {
     (n, i) => n.commandName.toLowerCase().localeCompare(i.commandName.toLowerCase())
   ), t;
 }
-function ye(t, e = "en-US") {
+function Me(t, e = "en-US") {
   const n = Math.abs(t);
   if (n !== 0 && (n < 1e-3 || n >= 1e6)) {
     const [i, l] = t.toExponential(3).split("e");
@@ -141,26 +141,26 @@ function ye(t, e = "en-US") {
       maximumFractionDigits: 6
     }).format(t);
 }
-function dt(t) {
+function ht(t) {
   const e = x(0), n = x(0);
   function i(o) {
     e.value = o.x, n.value = o.y;
   }
-  H(() => t.events.mouseMove.addEventListener(i)), te(() => t.events.mouseMove.removeEventListener(i));
-  const l = k(() => `${ye(e.value)}, ${ye(n.value)}`);
+  U(() => t.events.mouseMove.addEventListener(i)), ne(() => t.events.mouseMove.removeEventListener(i));
+  const l = M(() => `${Me(e.value)}, ${Me(n.value)}`);
   return { x: e, y: n, text: l };
 }
-const ae = We(), mt = qe(ae);
-function pt() {
-  const t = x(/* @__PURE__ */ new Set()), e = He.instance;
+const se = Ke(), _t = Xe(se);
+function wt() {
+  const t = x(/* @__PURE__ */ new Set()), e = je.instance;
   for (const n of e.fileTypes)
     t.value.add(n);
   return e.events.registered.addEventListener((n) => {
     t.value.add(n.fileType);
   }), t;
 }
-function gt(t) {
-  const e = U([]), n = t.curDocument, i = (l) => {
+function yt(t) {
+  const e = Y([]), n = t.curDocument, i = (l) => {
     const o = l.tables.layerTable.newIterator();
     for (const a of o)
       e.push({
@@ -189,8 +189,8 @@ function gt(t) {
     e.length = 0, i(l.doc.database);
   }), e;
 }
-function vt(t) {
-  const e = U([]), n = t.curDocument, i = (l) => {
+function bt(t) {
+  const e = Y([]), n = t.curDocument, i = (l) => {
     const o = l.dictionaries.layouts.newIterator();
     e.length = 0;
     for (const a of o)
@@ -200,11 +200,11 @@ function vt(t) {
         blockTableRecordId: a.blockTableRecordId,
         isActive: a.blockTableRecordId == l.currentSpaceId
       });
-    e.sort((a, s) => a.tabOrder - s.tabOrder);
+    e.sort((a, r) => a.tabOrder - r.tabOrder);
   };
   return i(n.database), t.events.documentActivated.addEventListener((l) => {
     e.length = 0, i(l.doc.database);
-  }), Be().layoutManager.events.layoutSwitched.addEventListener(
+  }), Ae().layoutManager.events.layoutSwitched.addEventListener(
     (l) => {
       const o = l.layout;
       e.forEach((a) => {
@@ -213,7 +213,7 @@ function vt(t) {
     }
   ), e;
 }
-const ft = {
+const xt = {
   ACAD: {
     csvg: "Converts current drawing to SVG",
     la: "Layer properties manager",
@@ -228,7 +228,7 @@ const ft = {
     zoomw: "Zooms to display an area specified by a rectangular window"
   },
   USER: {}
-}, ht = {
+}, kt = {
   baseDialog: {
     ok: "OK",
     cancel: "Cancel"
@@ -247,7 +247,7 @@ const ft = {
     title: "Point Style",
     pointSize: "Point Size:"
   }
-}, _t = {
+}, Mt = {
   entityName: {
     "3PointAngularDimension": "Three Point Angular Dimension",
     AlignedDimension: "Aligned Dimension",
@@ -421,7 +421,7 @@ const ft = {
     yellow: "Yellow",
     yellowgreen: "Yellow Green"
   }
-}, wt = {
+}, Ct = {
   mainMenu: {
     new: "New Drawing",
     open: "Open Drawing",
@@ -489,6 +489,9 @@ const ft = {
     },
     warning: {
       font: "The following fonts are not found!"
+    },
+    notification: {
+      tooltip: "Show notifications"
     }
   },
   toolPalette: {
@@ -509,13 +512,33 @@ const ft = {
   message: {
     loadingFonts: "Loading fonts ...",
     loadingDwgConverter: "Loading DWG converter...",
-    fontNotLoaded: 'Font "{fontName}" can not be loaded from "{url}"!',
+    fontsNotFound: 'Fonts "{fonts}" can not be found in font repository!',
+    fontsNotLoaded: 'Fonts "{fonts}" can not be loaded!',
     failedToGetAvaiableFonts: 'Failed to get avaiable fonts from "{url}"!',
     failedToOpenFile: 'Failed to open file "{fileName}"!',
     fetchingDrawingFile: "Fetching file ...",
     unknownEntities: "This drawing contains {count} unknown or unsupported entities! Those entities will not be shown."
+  },
+  notification: {
+    center: {
+      title: "Notifications",
+      clearAll: "Clear All",
+      noNotifications: "No notifications"
+    },
+    time: {
+      justNow: "Just now",
+      minutesAgo: "{count} minute ago | {count} minutes ago",
+      hoursAgo: "{count} hour ago | {count} hours ago",
+      daysAgo: "{count} day ago | {count} days ago"
+    },
+    title: {
+      failedToOpenFile: "Failed to Open File",
+      fontNotFound: "Font Not Found",
+      fontNotLoaded: "Font Not Loaded",
+      parsingWarning: "Issues on Parsing Drawing"
+    }
   }
-}, yt = {
+}, St = {
   ACAD: {
     csvg: "转换当前图纸为SVG格式",
     la: "图层属性管理器",
@@ -530,7 +553,7 @@ const ft = {
     zoomw: "缩放以显示矩形窗口内的对象"
   },
   USER: {}
-}, bt = {
+}, Lt = {
   baseDialog: {
     ok: "确定",
     cancel: "取消"
@@ -549,7 +572,7 @@ const ft = {
     title: "点样式",
     pointSize: "点大小:"
   }
-}, xt = {
+}, zt = {
   entityName: {
     "3PointAngularDimension": "三点角度标注",
     AlignedDimension: "线性标注",
@@ -723,7 +746,7 @@ const ft = {
     yellow: "黄色",
     yellowgreen: "黄绿色"
   }
-}, kt = {
+}, Bt = {
   mainMenu: {
     new: "新建图纸",
     open: "打开图纸",
@@ -791,6 +814,9 @@ const ft = {
     },
     warning: {
       font: "没有找到如下字体："
+    },
+    notification: {
+      tooltip: "显示通知"
     }
   },
   toolPalette: {
@@ -811,119 +837,233 @@ const ft = {
   message: {
     loadingFonts: "正在加载字体...",
     loadingDwgConverter: "正在加载DWG转换器...",
-    fontNotLoaded: '无法从"{url}"加载字体"{fontName}"！',
+    fontsNotFound: "在字体库中找不到字体：{fonts}。",
+    fontsNotLoaded: "无法加载字体：{fonts}。",
     failedToGetAvaiableFonts: '无法从"{url}"获取可用的字体信息！',
     failedToOpenFile: '无法打开文件"{fileName}"！',
     fetchingDrawingFile: "正在加载图纸文件...",
     unknownEntities: "这张图纸中包含了{count}个未知或不支持的实体，这些实体将无法显示！"
+  },
+  notification: {
+    center: {
+      title: "通知",
+      clearAll: "清除全部",
+      noNotifications: "暂无通知"
+    },
+    time: {
+      justNow: "刚刚",
+      minutesAgo: "{count} 分钟前",
+      hoursAgo: "{count} 小时前",
+      daysAgo: "{count} 天前"
+    },
+    title: {
+      failedToOpenFile: "无法打开文件",
+      fontNotFound: "找不到字体",
+      fontNotLoaded: "无法加载字体",
+      parsingWarning: "解析图纸问题"
+    }
   }
-}, Mt = () => {
+}, Dt = () => {
   const t = localStorage.getItem("preferred_lang");
   return t === "en" || t === "zh" ? t : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
-}, St = {
+}, Tt = {
   en: {
-    main: wt,
-    command: ft,
-    dialog: ht,
-    entity: _t
+    main: Ct,
+    command: xt,
+    dialog: kt,
+    entity: Mt
   },
   zh: {
-    main: kt,
-    command: yt,
-    dialog: bt,
-    entity: xt
+    main: Bt,
+    command: St,
+    dialog: Lt,
+    entity: zt
   }
-}, ee = Ke({
+}, te = tt({
   legacy: !1,
-  messages: St,
-  locale: Mt(),
+  messages: Tt,
+  locale: Dt(),
   fallbackLocale: "en",
   allowComposition: !0,
   globalInjection: !0
-}), fe = (t, e) => {
-  const n = ee.global.t, i = `command.${t}.${e}`;
+}), ye = (t, e) => {
+  const n = te.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), Ct = (t) => {
-  const e = ee.global.t, n = "entity.entityName." + t.type;
+}, Ka = (t) => ye(q.SYSTEMT_COMMAND_GROUP_NAME, t), Xa = (t) => ye(q.DEFAUT_COMMAND_GROUP_NAME, t), $t = (t) => {
+  const e = te.global.t, n = "entity.entityName." + t.type;
   return e(n, t.type, { missingWarn: !1 });
-}, Lt = (t) => {
+}, Et = (t) => {
   if (t == "ByLayer" || t == "ByBlock")
     return t;
   {
-    const e = ee.global.t, n = "entity.color." + t;
+    const e = te.global.t, n = "entity.color." + t;
     return e(n, t, { missingWarn: !1 });
   }
-}, zt = (t) => {
-  const e = ee.global.t, n = "main.progress." + t.replace(/_/g, "").toLowerCase();
+}, At = (t) => {
+  const e = te.global.t, n = "main.progress." + t.replace(/_/g, "").toLowerCase();
   return e(n, t);
-}, me = "preferred_lang";
-function Ee(t) {
-  const { locale: e } = P(), 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);
+}, ve = "preferred_lang";
+function Fe(t) {
+  const { locale: e } = O(), i = x((() => {
+    const s = localStorage.getItem(ve);
+    return s === "en" || s === "zh" ? s : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
+  })()), l = M(() => i.value), o = (s) => {
+    te.global.locale.value = s, i.value = s, (!t || t === "default") && localStorage.setItem(ve, s);
   }, a = () => {
-    localStorage.removeItem(me);
+    localStorage.removeItem(ve);
   };
-  t && E(
+  t && A(
     () => t,
-    (r) => {
-      r && r !== "default" && (i.value = r, ee.global.locale.value = r, a());
+    (s) => {
+      s && s !== "default" && (i.value = s, te.global.locale.value = s, a());
     },
     { immediate: !0 }
-  ), E(
+  ), A(
     () => e.value,
-    (r) => {
+    (s) => {
       if (!t || t === "default") {
-        const c = r === "zh" ? "zh" : "en";
-        i.value = c;
+        const p = s === "zh" ? "zh" : "en";
+        i.value = p;
       }
     }
   );
-  const s = k(() => l.value === "en" ? je : Ye);
+  const r = M(() => l.value === "en" ? Je : et);
   return {
     currentLocale: i,
     effectiveLocale: l,
-    elementPlusLocale: s,
+    elementPlusLocale: r,
     setLocale: o,
     clearStoragePreference: a,
-    isControlled: k(() => !!(t && t !== "default"))
+    isControlled: M(() => !!(t && t !== "default"))
   };
 }
-function $e() {
-  const t = U(/* @__PURE__ */ new Map()), e = U(/* @__PURE__ */ new Map()), n = () => {
-    const i = T.instance.curView.missedData, l = K.instance.fontMapping;
+function Ne() {
+  const t = Y(/* @__PURE__ */ new Map()), e = Y(/* @__PURE__ */ new Map()), n = () => {
+    const i = E.instance.curView.missedData, l = Q.instance.fontMapping;
     t.clear(), Object.keys(i.fonts).forEach((o) => {
       const a = l[o];
       t.set(o, a || "");
     }), e.clear(), i.images.forEach((o, a) => {
-      const s = e.get(o);
-      s ? s.ids.add(a) : e.set(o, {
+      const r = e.get(o);
+      r ? r.ids.add(a) : e.set(o, {
         fileName: o,
         ids: /* @__PURE__ */ new Set([a])
       });
     });
   };
-  return T.instance.events.documentActivated.addEventListener(() => {
+  return E.instance.events.documentActivated.addEventListener(() => {
     n();
-  }), Y.on("font-not-found", (i) => {
+  }), X.on("font-not-found", (i) => {
     n();
   }), {
     fonts: t,
     images: e
   };
 }
-function ce() {
-  const t = U(
-    K.instance.settings
+class Vt {
+  constructor() {
+    this.notifications = x([]), this.nextId = 1;
+  }
+  get allNotifications() {
+    return M(() => this.notifications.value);
+  }
+  get unreadCount() {
+    return M(() => this.notifications.value.length);
+  }
+  get hasNotifications() {
+    return M(() => this.notifications.value.length > 0);
+  }
+  add(e) {
+    const n = {
+      ...e,
+      id: `notification-${this.nextId++}`,
+      timestamp: /* @__PURE__ */ new Date()
+    };
+    return this.notifications.value.unshift(n), n.id;
+  }
+  remove(e) {
+    const n = this.notifications.value.findIndex((i) => i.id === e);
+    n > -1 && this.notifications.value.splice(n, 1);
+  }
+  clear() {
+    this.notifications.value = [];
+  }
+  clearAll() {
+    this.clear();
+  }
+  // Convenience methods for different notification types
+  info(e, n, i) {
+    return this.add({
+      type: "info",
+      title: e,
+      message: n,
+      ...i
+    });
+  }
+  warning(e, n, i) {
+    return this.add({
+      type: "warning",
+      title: e,
+      message: n,
+      ...i
+    });
+  }
+  error(e, n, i) {
+    return this.add({
+      type: "error",
+      title: e,
+      message: n,
+      persistent: !0,
+      // Errors are persistent by default
+      ...i
+    });
+  }
+  success(e, n, i) {
+    return this.add({
+      type: "success",
+      title: e,
+      message: n,
+      ...i
+    });
+  }
+}
+const I = new Vt();
+function me() {
+  return {
+    /** Reactive list of all notifications */
+    notifications: I.allNotifications,
+    /** Reactive count of unread notifications */
+    unreadCount: I.unreadCount,
+    /** Reactive boolean indicating if there are any notifications */
+    hasNotifications: I.hasNotifications,
+    /** Add a custom notification */
+    add: I.add.bind(I),
+    /** Remove a notification by ID */
+    remove: I.remove.bind(I),
+    /** Clear all notifications */
+    clear: I.clear.bind(I),
+    /** Clear all notifications (alias for clear) */
+    clearAll: I.clearAll.bind(I),
+    /** Add an info notification */
+    info: I.info.bind(I),
+    /** Add a warning notification */
+    warning: I.warning.bind(I),
+    /** Add an error notification */
+    error: I.error.bind(I),
+    /** Add a success notification */
+    success: I.success.bind(I)
+  };
+}
+function pe() {
+  const t = Y(
+    Q.instance.settings
   );
-  return K.instance.events.modified.addEventListener((e) => {
+  return Q.instance.events.modified.addEventListener((e) => {
     t[e.key] = e.value;
   }), t;
 }
-function Dt(t) {
-  const e = U({}), n = t.curDocument, i = (l) => {
+function Ft(t) {
+  const e = Y({}), n = t.curDocument, i = (l) => {
     e.pdmode = l.pdmode, e.pdmode = l.pdsize;
   };
   return i(n.database), n.database.events.headerSysVarChanged.addEventListener((l) => {
@@ -932,188 +1072,204 @@ function Dt(t) {
     i(l.doc.database);
   }), e;
 }
-const Bt = /* @__PURE__ */ L({
+function Nt() {
+  const t = Qe("(max-width: 768px)"), e = x(!1), n = x(!1);
+  return U(() => {
+    var l;
+    try {
+      const o = window.navigator, a = o.maxTouchPoints ?? o.msMaxTouchPoints ?? 0, r = ((l = window.matchMedia) == null ? void 0 : l.call(window, "(pointer: coarse)").matches) ?? !1;
+      e.value = a > 0 || r || "ontouchstart" in window;
+      const s = o.userAgent || "";
+      n.value = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+        s
+      );
+    } catch {
+      e.value = !1, n.value = !1;
+    }
+  }), { isMobile: M(() => !!t.value && (e.value || n.value)) };
+}
+const It = /* @__PURE__ */ S({
   __name: "MlDialogManager",
   setup(t, { expose: e }) {
-    const { dialogs: n, toggleDialog: i, registerDialog: l } = oe();
+    const { dialogs: n, toggleDialog: i, registerDialog: l } = ae();
     return e({
       toggleDialog: i,
       registerDialog: l
-    }), (o, a) => (u(!0), y(j, null, X(g(n), (s) => (u(), y("div", {
-      key: s.name
+    }), (o, a) => (u(!0), _(j, null, K(d(n), (r) => (u(), _("div", {
+      key: r.name
     }, [
-      (u(), C(ge(s.component), Pe({
-        modelValue: s.visible,
-        "onUpdate:modelValue": (r) => s.visible = r
-      }, { ref_for: !0 }, s.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
+      (u(), z(ue(r.component), We({
+        modelValue: r.visible,
+        "onUpdate:modelValue": (s) => r.visible = s
+      }, { ref_for: !0 }, r.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
     ]))), 128));
   }
-}), Tt = ["accept"], Et = /* @__PURE__ */ L({
+}), Pt = ["accept"], Ot = /* @__PURE__ */ S({
   __name: "MlFileReader",
   emits: ["file-read"],
   setup(t, { emit: e }) {
-    const n = e, i = x(null), l = pt(), o = k(() => {
-      const s = Array.from(l.value);
-      let r = "";
-      for (let c = 0, w = s.length; c < w; ++c)
-        c == w - 1 ? r += `.${s[c]}` : r += `.${s[c]}, `;
-      return r;
+    const n = e, i = x(null), l = wt(), o = M(() => {
+      const r = Array.from(l.value);
+      let s = "";
+      for (let p = 0, g = r.length; p < g; ++p)
+        p == g - 1 ? s += `.${r[p]}` : s += `.${r[p]}, `;
+      return s;
     });
-    H(() => {
-      Y.on("open-file", () => {
-        var s;
-        (s = i.value) == null || s.click();
+    U(() => {
+      X.on("open-file", () => {
+        var r;
+        (r = i.value) == null || r.click();
       });
     });
-    const a = (s) => {
-      var w, f;
-      const c = (w = s.target.files) == null ? void 0 : w[0];
-      if (c && c.name) {
-        const m = (f = c.name.split(".").pop()) == null ? void 0 : f.toLocaleLowerCase(), h = new FileReader();
-        m == "dxf" ? h.readAsText(c) : m == "dwg" && h.readAsArrayBuffer(c), h.onload = (_) => {
-          var S;
-          const b = (S = _.target) == null ? void 0 : S.result;
-          b && n("file-read", c.name, b);
-        }, h.onerror = () => {
+    const a = (r) => {
+      var g;
+      const p = (g = r.target.files) == null ? void 0 : g[0];
+      if (p && p.name) {
+        const b = new FileReader();
+        b.readAsArrayBuffer(p), b.onload = (v) => {
+          var w;
+          const h = (w = v.target) == null ? void 0 : w.result;
+          h && n("file-read", p.name, h);
+        }, b.onerror = () => {
           console.error("Failed to read the file.");
         };
       }
     };
-    return (s, r) => (u(), y("input", {
+    return (r, s) => (u(), _("input", {
       type: "file",
       ref_key: "fileInput",
       ref: i,
       accept: o.value,
       style: { display: "none" },
       onChange: a
-    }, null, 40, Tt));
+    }, null, 40, Pt));
   }
-}), $t = /* @__PURE__ */ L({
+}), Rt = /* @__PURE__ */ S({
   __name: "MlToggleButton",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ ee({
     size: { default: 30 },
     data: {}
   }, {
     modelValue: { default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["click"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ee(["click"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    Se((c) => ({
+    De((p) => ({
       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"), s = k(() => i.value ? n.data.onTooltip : n.data.offTooltip), r = () => {
+    const n = t, i = _e(t, "modelValue"), l = e, o = M(() => i.value ? n.data.onIcon : n.data.offIcon), a = M(() => n.size + "px"), r = M(() => i.value ? n.data.onTooltip : n.data.offTooltip), s = () => {
       l("click", i.value);
     };
-    return (c, w) => {
-      const f = M("el-button"), m = M("el-tooltip");
-      return u(), C(m, {
-        content: s.value,
+    return (p, g) => {
+      const b = C("el-button"), v = C("el-tooltip");
+      return u(), z(v, {
+        content: r.value,
         "hide-after": 0
       }, {
-        default: p(() => [
-          v(f, {
+        default: f(() => [
+          m(b, {
             class: "ml-toggle-button",
             icon: o.value,
-            onClick: r
+            onClick: s
           }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), Ve = /* @__PURE__ */ G($t, [["__scopeId", "data-v-48d6b055"]]), Vt = /* @__PURE__ */ L({
+}), Ie = /* @__PURE__ */ W(Rt, [["__scopeId", "data-v-48d6b055"]]), Ht = /* @__PURE__ */ S({
   __name: "MlReplacementDlg",
   setup(t) {
-    const { t: e } = P(), { 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 m = T.instance.curDocument.database;
-      i.forEach((_) => {
-        _.file && _.ids.forEach((b) => {
-          const S = m.tables.blockTable.modelSpace.getIdAt(
-            b
+    const { t: e } = O(), { fonts: n, images: i } = Ne(), l = x(!0), o = M(() => n.size > 0 ? "font" : "image"), a = x(null), r = M(() => E.instance.avaiableFonts.map((h) => h.name[0])), s = () => {
+      const v = E.instance.curDocument.database;
+      i.forEach((w) => {
+        w.file && w.ids.forEach((k) => {
+          const B = v.tables.blockTable.modelSpace.getIdAt(
+            k
           );
-          S.image = _.file, S.triggerModifiedEvent();
+          B.image = w.file, B.triggerModifiedEvent();
         });
       });
-      const h = K.instance;
-      n.forEach((_, b) => {
-        b && _ && h.setFontMapping(b, _);
+      const h = Q.instance;
+      n.forEach((w, k) => {
+        k && w && h.setFontMapping(k, w);
       });
-    }, c = (m) => {
+    }, p = (v) => {
       a.value && (a.value.click(), a.value.onchange = () => {
-        w(m);
+        g(v);
       });
-    }, w = (m) => {
-      var _, b;
-      const h = (b = (_ = a.value) == null ? void 0 : _.files) == null ? void 0 : b[0];
-      h && (m.file = h);
-    }, f = (m, h) => {
-      n.set(m, h);
+    }, g = (v) => {
+      var w, k;
+      const h = (k = (w = a.value) == null ? void 0 : w.files) == null ? void 0 : k[0];
+      h && (v.file = h);
+    }, b = (v, h) => {
+      n.set(v, h);
     };
-    return (m, 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"), N = M("el-table"), R = M("el-tabs");
-      return u(), C(Te, {
-        title: g(e)("dialog.replacementDlg.title"),
+    return (v, h) => {
+      const w = C("el-col"), k = C("el-row"), B = C("el-option"), V = C("el-select"), y = C("el-tab-pane"), L = C("el-table-column"), D = C("el-button"), H = C("el-table"), P = C("el-tabs");
+      return u(), z(Ve, {
+        title: d(e)("dialog.replacementDlg.title"),
         modelValue: l.value,
-        "onUpdate:modelValue": h[1] || (h[1] = (z) => l.value = z),
+        "onUpdate:modelValue": h[1] || (h[1] = ($) => l.value = $),
         name: "ReplacementDlg",
-        onOk: r
+        onOk: s
       }, {
-        default: p(() => [
-          v(R, {
+        default: f(() => [
+          m(P, {
             type: "card",
             modelValue: o.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (z) => o.value = z)
+            "onUpdate:modelValue": h[0] || (h[0] = ($) => o.value = $)
           }, {
-            default: p(() => [
-              g(n).size > 0 ? (u(), C(I, {
+            default: f(() => [
+              d(n).size > 0 ? (u(), z(y, {
                 key: 0,
-                label: g(e)("dialog.replacementDlg.fontTabName"),
+                label: d(e)("dialog.replacementDlg.fontTabName"),
                 name: "font"
               }, {
-                default: p(() => [
-                  d("div", null, [
-                    v(b, null, {
-                      default: p(() => [
-                        v(_, { span: 12 }, {
-                          default: p(() => [
-                            d("span", null, D(g(e)("dialog.replacementDlg.missedFont")), 1)
+                default: f(() => [
+                  c("div", null, [
+                    m(k, null, {
+                      default: f(() => [
+                        m(w, { span: 12 }, {
+                          default: f(() => [
+                            c("span", null, T(d(e)("dialog.replacementDlg.missedFont")), 1)
                           ]),
                           _: 1
                         }),
-                        v(_, { span: 12 }, {
-                          default: p(() => [
-                            d("span", null, D(g(e)("dialog.replacementDlg.replacedFont")), 1)
+                        m(w, { span: 12 }, {
+                          default: f(() => [
+                            c("span", null, T(d(e)("dialog.replacementDlg.replacedFont")), 1)
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
                     }),
-                    (u(!0), y(j, null, X(g(n), ([z, A]) => (u(), C(b, {
-                      key: z,
+                    (u(!0), _(j, null, K(d(n), ([$, F]) => (u(), z(k, {
+                      key: $,
                       style: { "margin-top": "10px" }
                     }, {
-                      default: p(() => [
-                        v(_, { span: 12 }, {
-                          default: p(() => [
-                            d("span", null, D(z), 1)
+                      default: f(() => [
+                        m(w, { span: 12 }, {
+                          default: f(() => [
+                            c("span", null, T($), 1)
                           ]),
                           _: 2
                         }, 1024),
-                        v(_, { span: 12 }, {
-                          default: p(() => [
-                            v($, {
-                              "model-value": A,
-                              placeholder: g(e)("dialog.replacementDlg.selectFont"),
-                              "onUpdate:modelValue": (O) => f(z, O),
+                        m(w, { span: 12 }, {
+                          default: f(() => [
+                            m(V, {
+                              "model-value": F,
+                              placeholder: d(e)("dialog.replacementDlg.selectFont"),
+                              "onUpdate:modelValue": (G) => b($, G),
                               style: { width: "100%" }
                             }, {
-                              default: p(() => [
-                                (u(!0), y(j, null, X(s.value, (O, de) => (u(), C(S, {
-                                  key: de,
-                                  label: O,
-                                  value: O
+                              default: f(() => [
+                                (u(!0), _(j, null, K(r.value, (G, J) => (u(), z(B, {
+                                  key: J,
+                                  label: G,
+                                  value: G
                                 }, null, 8, ["label", "value"]))), 128))
                               ]),
                               _: 2
@@ -1127,39 +1283,39 @@ const Bt = /* @__PURE__ */ L({
                   ])
                 ]),
                 _: 1
-              }, 8, ["label"])) : q("", !0),
-              g(i).size > 0 ? (u(), C(I, {
+              }, 8, ["label"])) : R("", !0),
+              d(i).size > 0 ? (u(), z(y, {
                 key: 1,
-                label: g(e)("dialog.replacementDlg.imageTabName"),
+                label: d(e)("dialog.replacementDlg.imageTabName"),
                 name: "image"
               }, {
-                default: p(() => [
-                  v(N, {
-                    data: Array.from(g(i).values()),
+                default: f(() => [
+                  m(H, {
+                    data: Array.from(d(i).values()),
                     style: { width: "100%" },
                     "v-show": !1
                   }, {
-                    default: p(() => [
-                      v(V, {
-                        label: g(e)("dialog.replacementDlg.file"),
+                    default: f(() => [
+                      m(L, {
+                        label: d(e)("dialog.replacementDlg.file"),
                         prop: "fileName",
                         "min-width": 0,
                         flex: 1
                       }, null, 8, ["label"]),
-                      v(V, {
-                        label: g(e)("dialog.replacementDlg.replace"),
+                      m(L, {
+                        label: d(e)("dialog.replacementDlg.replace"),
                         fixed: "right",
                         width: "60"
                       }, {
-                        default: p(({ row: z }) => [
-                          v(B, {
+                        default: f(({ row: $ }) => [
+                          m(D, {
                             link: "",
                             type: "primary",
                             size: "small",
-                            onClick: (A) => c(z)
+                            onClick: (F) => p($)
                           }, {
-                            default: p(() => h[2] || (h[2] = [
-                              F(" ... ", -1)
+                            default: f(() => h[2] || (h[2] = [
+                              N(" ... ", -1)
                             ])),
                             _: 2,
                             __: [2]
@@ -1170,17 +1326,17 @@ const Bt = /* @__PURE__ */ L({
                     ]),
                     _: 1
                   }, 8, ["data"]),
-                  d("input", {
+                  c("input", {
                     type: "file",
                     ref_key: "fileInput",
                     ref: a,
                     accept: ".png,.jpg,.jpeg",
-                    onChange: w,
+                    onChange: g,
                     style: { display: "none" }
                   }, null, 544)
                 ]),
                 _: 1
-              }, 8, ["label"])) : q("", !0)
+              }, 8, ["label"])) : R("", !0)
             ]),
             _: 1
           }, 8, ["modelValue"])
@@ -1189,29 +1345,29 @@ const Bt = /* @__PURE__ */ L({
       }, 8, ["title", "modelValue"]);
     };
   }
-}), At = {
+}), Gt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 15 15"
 };
-function Ft(t, e) {
-  return u(), y("svg", At, e[0] || (e[0] = [
-    d("path", {
+function Wt(t, e) {
+  return u(), _("svg", Gt, e[0] || (e[0] = [
+    c("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 }, It = {
+const Ce = { render: Wt }, Ut = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 512 512"
 };
-function Rt(t, e) {
-  return u(), y("svg", It, e[0] || (e[0] = [
-    d("path", {
+function qt(t, e) {
+  return u(), _("svg", Ut, e[0] || (e[0] = [
+    c("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -1219,7 +1375,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", {
+    c("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -1229,373 +1385,373 @@ function Rt(t, e) {
     }, null, -1)
   ]));
 }
-const Pt = { render: Rt }, Nt = {
+const jt = { render: qt }, Yt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Ot(t, e) {
-  return u(), y("svg", Nt, 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 Kt(t, e) {
+  return u(), _("svg", Yt, e[0] || (e[0] = [
+    c("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 Ht = { render: Ot }, Gt = {
+const Xt = { render: Kt }, Qt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Wt(t, e) {
-  return u(), y("svg", Gt, e[0] || (e[0] = [
-    d("path", {
+function Zt(t, e) {
+  return u(), _("svg", Qt, e[0] || (e[0] = [
+    c("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 qt = { render: Wt }, Ut = {
+const Jt = { render: Zt }, en = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function jt(t, e) {
-  return u(), y("svg", Ut, e[0] || (e[0] = [
-    d("path", {
+function tn(t, e) {
+  return u(), _("svg", en, e[0] || (e[0] = [
+    c("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 Yt = { render: jt }, Kt = {
+const nn = { render: tn }, on = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Xt(t, e) {
-  return u(), y("svg", Kt, e[0] || (e[0] = [
-    d("path", {
+function ln(t, e) {
+  return u(), _("svg", on, e[0] || (e[0] = [
+    c("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 Qt = { render: Xt }, Zt = {
+const an = { render: ln }, sn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Jt(t, e) {
-  return u(), y("svg", Zt, e[0] || (e[0] = [
-    d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1)
+function rn(t, e) {
+  return u(), _("svg", sn, e[0] || (e[0] = [
+    c("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1)
   ]));
 }
-const en = { render: Jt }, tn = {
+const cn = { render: rn }, un = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function nn(t, e) {
-  return u(), y("svg", tn);
+function dn(t, e) {
+  return u(), _("svg", un);
 }
-const on = { render: nn }, ln = {
+const mn = { render: dn }, pn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function an(t, e) {
-  return u(), y("svg", ln, e[0] || (e[0] = [
-    d("path", { d: "M2 9.5h16v1H2z" }, null, -1),
-    d("path", { d: "M9.5 2h1v16h-1z" }, null, -1)
+function fn(t, e) {
+  return u(), _("svg", pn, e[0] || (e[0] = [
+    c("path", { d: "M2 9.5h16v1H2z" }, null, -1),
+    c("path", { d: "M9.5 2h1v16h-1z" }, null, -1)
   ]));
 }
-const rn = { render: an }, sn = {
+const vn = { render: fn }, gn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function cn(t, e) {
-  return u(), y("svg", sn, 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 hn(t, e) {
+  return u(), _("svg", gn, e[0] || (e[0] = [
+    c("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    c("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1)
   ]));
 }
-const un = { render: cn }, dn = {
+const _n = { render: hn }, wn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function mn(t, e) {
-  return u(), y("svg", dn, e[0] || (e[0] = [
-    d("path", { d: "M9.5 2.04h1v8h-1z" }, null, -1)
+function yn(t, e) {
+  return u(), _("svg", wn, e[0] || (e[0] = [
+    c("path", { d: "M9.5 2.04h1v8h-1z" }, null, -1)
   ]));
 }
-const pn = { render: mn }, gn = {
+const bn = { render: yn }, xn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function vn(t, e) {
-  return u(), y("svg", gn, e[0] || (e[0] = [
-    d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
-    d("path", { d: "M10 3a7 7 0 1 1-7 7 7 7 0 0 1 7-7m0-1a8 8 0 1 0 8 8 8 8 0 0 0-8-8" }, null, -1)
+function kn(t, e) {
+  return u(), _("svg", xn, e[0] || (e[0] = [
+    c("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
+    c("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 fn = { render: vn }, hn = {
+const Mn = { render: kn }, Cn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function _n(t, e) {
-  return u(), y("svg", hn, 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 Sn(t, e) {
+  return u(), _("svg", Cn, e[0] || (e[0] = [
+    c("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 wn = { render: _n }, yn = {
+const Ln = { render: Sn }, zn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function bn(t, e) {
-  return u(), y("svg", yn, 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 u(), _("svg", zn, e[0] || (e[0] = [
+    c("path", { d: "M3 9.5h14v1H3z" }, null, -1),
+    c("path", { d: "M9.5 3h1v14h-1z" }, null, -1),
+    c("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 xn = { render: bn }, kn = {
+const Dn = { render: Bn }, Tn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Mn(t, e) {
-  return u(), y("svg", kn, 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 $n(t, e) {
+  return u(), _("svg", Tn, e[0] || (e[0] = [
+    c("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    c("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1),
+    c("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 Sn = { render: Mn }, Cn = {
+const En = { render: $n }, An = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Ln(t, e) {
-  return u(), y("svg", Cn, 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 Vn(t, e) {
+  return u(), _("svg", An, e[0] || (e[0] = [
+    c("path", { d: "M9.5 5.04h1v5h-1z" }, null, -1),
+    c("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 zn = { render: Ln }, Dn = {
+const Fn = { render: Vn }, Nn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Bn(t, e) {
-  return u(), y("svg", Dn, e[0] || (e[0] = [
-    d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
-    d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
+function In(t, e) {
+  return u(), _("svg", Nn, e[0] || (e[0] = [
+    c("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
+    c("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const Tn = { render: Bn }, En = {
+const Pn = { render: In }, On = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function $n(t, e) {
-  return u(), y("svg", En, e[0] || (e[0] = [
-    d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
+function Rn(t, e) {
+  return u(), _("svg", On, e[0] || (e[0] = [
+    c("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const Vn = { render: $n }, An = {
+const Hn = { render: Rn }, Gn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Fn(t, e) {
-  return u(), y("svg", An, 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)
+function Wn(t, e) {
+  return u(), _("svg", Gn, e[0] || (e[0] = [
+    c("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    c("path", { d: "M3 9.58h14v1H3z" }, null, -1),
+    c("path", { d: "M9.5 3.08h1v14h-1z" }, null, -1)
   ]));
 }
-const In = { render: Fn }, Rn = {
+const Un = { render: Wn }, qn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Pn(t, e) {
-  return u(), y("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)
+function jn(t, e) {
+  return u(), _("svg", qn, e[0] || (e[0] = [
+    c("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    c("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    c("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1)
   ]));
 }
-const Nn = { render: Pn }, On = {
+const Yn = { render: jn }, Kn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Hn(t, e) {
-  return u(), y("svg", On, 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 Xn(t, e) {
+  return u(), _("svg", Kn, e[0] || (e[0] = [
+    c("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    c("path", { d: "M9.5 6.04h1v5h-1z" }, null, -1)
   ]));
 }
-const Gn = { render: Hn }, Wn = {
+const Qn = { render: Xn }, Zn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function qn(t, e) {
-  return u(), y("svg", Wn, e[0] || (e[0] = [
-    d("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
-    d("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
-    d("path", { d: "M10 4a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1a7 7 0 1 0 7 7 7 7 0 0 0-7-7" }, null, -1)
+function Jn(t, e) {
+  return u(), _("svg", Zn, e[0] || (e[0] = [
+    c("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    c("path", { d: "M9.5 9.54h1v1h-1z" }, null, -1),
+    c("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 Un = { render: qn }, jn = {
+const eo = { render: Jn }, to = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Yn(t, e) {
-  return u(), y("svg", jn, 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 no(t, e) {
+  return u(), _("svg", to, e[0] || (e[0] = [
+    c("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
+    c("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 Kn = { render: Yn }, Xn = {
+const oo = { render: no }, lo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function Qn(t, e) {
-  return u(), y("svg", Xn, 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 ao(t, e) {
+  return u(), _("svg", lo, e[0] || (e[0] = [
+    c("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
+    c("path", { d: "M3.88 9.6h12.25v.88H3.88z" }, null, -1),
+    c("path", { d: "M9.56 3.91h.88v12.25h-.88z" }, null, -1),
+    c("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 Zn = { render: Qn }, Jn = {
+const io = { render: ao }, so = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function eo(t, e) {
-  return u(), y("svg", Jn, 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 ro(t, e) {
+  return u(), _("svg", so, e[0] || (e[0] = [
+    c("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
+    c("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1),
+    c("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
+    c("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 to = { render: eo }, no = {
+const co = { render: ro }, uo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function oo(t, e) {
-  return u(), y("svg", no, 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 mo(t, e) {
+  return u(), _("svg", uo, e[0] || (e[0] = [
+    c("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1),
+    c("path", { d: "M9.5 5.04h1v5h-1z" }, null, -1),
+    c("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 lo = { render: oo }, ao = /* @__PURE__ */ L({
+const po = { render: mo }, fo = /* @__PURE__ */ S({
   __name: "MlPointStyleDlg",
   setup(t) {
-    const { t: e } = P(), n = Dt(T.instance), i = x(!0), l = x(0), o = [
+    const { t: e } = O(), n = Ft(E.instance), i = x(!0), l = x(0), o = [
       [
-        { id: 0, icon: en },
-        { id: 1, icon: on },
-        { id: 2, icon: rn },
-        { id: 3, icon: un },
-        { id: 4, icon: pn }
+        { id: 0, icon: cn },
+        { id: 1, icon: mn },
+        { id: 2, icon: vn },
+        { id: 3, icon: _n },
+        { id: 4, icon: bn }
       ],
       [
-        { id: 32, icon: fn },
-        { id: 33, icon: wn },
-        { id: 34, icon: xn },
-        { id: 35, icon: Sn },
-        { id: 36, icon: zn }
+        { id: 32, icon: Mn },
+        { id: 33, icon: Ln },
+        { id: 34, icon: Dn },
+        { id: 35, icon: En },
+        { id: 36, icon: Fn }
       ],
       [
-        { id: 64, icon: Tn },
-        { id: 65, icon: Vn },
-        { id: 66, icon: In },
-        { id: 67, icon: Nn },
-        { id: 68, icon: Gn }
+        { id: 64, icon: Pn },
+        { id: 65, icon: Hn },
+        { id: 66, icon: Un },
+        { id: 67, icon: Yn },
+        { id: 68, icon: Qn }
       ],
       [
-        { id: 96, icon: Un },
-        { id: 97, icon: Kn },
-        { id: 98, icon: Zn },
-        { id: 99, icon: to },
-        { id: 100, icon: lo }
+        { id: 96, icon: eo },
+        { id: 97, icon: oo },
+        { id: 98, icon: io },
+        { id: 99, icon: co },
+        { id: 100, icon: po }
       ]
     ], a = () => {
       n.pdmode && (l.value = n.pdmode);
     };
     a();
-    const s = (f, m) => o[f][m].id == l.value ? "primary" : null, r = (f, m) => {
-      l.value = o[f][m].id;
-    }, c = () => {
-      T.instance.curDocument.database.pdmode = l.value;
-    }, w = () => {
+    const r = (b, v) => o[b][v].id == l.value ? "primary" : null, s = (b, v) => {
+      l.value = o[b][v].id;
+    }, p = () => {
+      E.instance.curDocument.database.pdmode = l.value;
+    }, g = () => {
       a();
     };
-    return (f, m) => {
-      const h = M("el-button"), _ = M("el-col"), b = M("el-row");
-      return u(), C(Te, {
-        title: g(e)("dialog.pointStyleDlg.title"),
+    return (b, v) => {
+      const h = C("el-button"), w = C("el-col"), k = C("el-row");
+      return u(), z(Ve, {
+        title: d(e)("dialog.pointStyleDlg.title"),
         width: 400,
         modelValue: i.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (S) => i.value = S),
+        "onUpdate:modelValue": v[0] || (v[0] = (B) => i.value = B),
         name: "PointStyleDlg",
-        onOk: c,
-        onCancel: w
+        onOk: p,
+        onCancel: g
       }, {
-        default: p(() => [
-          (u(), y(j, null, X(o, (S, $) => v(b, {
-            key: $,
+        default: f(() => [
+          (u(), _(j, null, K(o, (B, V) => m(k, {
+            key: V,
             style: { "margin-top": "10px" },
             gutter: 6,
             justify: "space-between"
           }, {
-            default: p(() => [
-              (u(!0), y(j, null, X(S, (I, V) => (u(), C(_, {
-                key: V,
+            default: f(() => [
+              (u(!0), _(j, null, K(B, (y, L) => (u(), z(w, {
+                key: L,
                 span: 4
               }, {
-                default: p(() => [
-                  v(h, {
-                    icon: I.icon,
-                    type: s($, V),
-                    onClick: (B) => r($, V),
+                default: f(() => [
+                  m(h, {
+                    icon: y.icon,
+                    type: r(V, L),
+                    onClick: (D) => s(V, L),
                     style: { "font-size": "25px" }
                   }, null, 8, ["icon", "type", "onClick"])
                 ]),
@@ -1620,73 +1776,73 @@ const lo = { render: oo }, ao = /* @__PURE__ */ L({
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const io = {
+const vo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
-}, ro = /* @__PURE__ */ d("path", {
+}, go = /* @__PURE__ */ c("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), so = [
-  ro
+}, null, -1), ho = [
+  go
 ];
-function co(t, e) {
-  return u(), y("svg", io, [...so]);
+function _o(t, e) {
+  return u(), _("svg", vo, [...ho]);
 }
-const xe = { render: co }, uo = {
+const Se = { render: _o }, wo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
-}, mo = /* @__PURE__ */ d("path", {
+}, yo = /* @__PURE__ */ c("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), po = [
-  mo
+}, null, -1), bo = [
+  yo
 ];
-function go(t, e) {
-  return u(), y("svg", uo, [...po]);
+function xo(t, e) {
+  return u(), _("svg", wo, [...bo]);
 }
-const ke = { render: go }, vo = /* @__PURE__ */ L({
+const Le = { render: xo }, ko = /* @__PURE__ */ S({
   __name: "MlCollapse",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ ee({
     size: { default: 18 },
     reverse: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ee(["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`), s = () => {
+    const n = t, i = _e(t, "modelValue"), l = e, o = M(() => n.reverse ? i.value ? Se : Le : i.value ? Le : Se), a = M(() => `${n.size}px`), r = () => {
       l("change", i.value), i.value = !i.value;
     };
-    return (r, c) => {
-      const w = se;
-      return u(), C(w, {
+    return (s, p) => {
+      const g = de;
+      return u(), z(g, {
         size: a.value,
-        onClick: s
+        onClick: r
       }, {
-        default: p(() => [
-          (u(), C(ge(o.value)))
+        default: f(() => [
+          (u(), z(ue(o.value)))
         ]),
         _: 1
       }, 8, ["size"]);
     };
   }
-}), fo = (t) => (Le("data-v-3fc33b5d"), t = t(), ze(), t), ho = /* @__PURE__ */ fo(() => /* @__PURE__ */ d("svg", {
+}), Mo = (t) => (Te("data-v-3fc33b5d"), t = t(), $e(), t), Co = /* @__PURE__ */ Mo(() => /* @__PURE__ */ c("svg", {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em",
   "data-v-63d067da": ""
 }, [
-  /* @__PURE__ */ d("path", {
+  /* @__PURE__ */ c("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)), _o = /* @__PURE__ */ L({
+], -1)), So = /* @__PURE__ */ S({
   __name: "MlDropdown",
   props: {
     icon: {},
@@ -1697,21 +1853,21 @@ const ke = { render: go }, vo = /* @__PURE__ */ L({
     click: null
   },
   setup(t, { emit: e }) {
-    const n = t, i = e, l = k(() => n.items.filter((a) => a.name !== n.current)), o = (a) => {
+    const n = t, i = e, l = M(() => n.items.filter((a) => a.name !== n.current)), o = (a) => {
       i("click", a);
     };
-    return (a, s) => {
-      const r = se, c = nt, w = tt, f = et;
-      return u(), C(f, { onCommand: o }, {
-        dropdown: p(() => [
-          v(w, null, {
-            default: p(() => [
-              (u(!0), y(j, null, X(l.value, (m) => (u(), C(c, {
-                key: m.text,
-                command: m.name
+    return (a, r) => {
+      const s = de, p = rt, g = st, b = it;
+      return u(), z(b, { onCommand: o }, {
+        dropdown: f(() => [
+          m(g, null, {
+            default: f(() => [
+              (u(!0), _(j, null, K(l.value, (v) => (u(), z(p, {
+                key: v.text,
+                command: v.name
               }, {
-                default: p(() => [
-                  F(D(m.text), 1)
+                default: f(() => [
+                  N(T(v.text), 1)
                 ]),
                 _: 2
               }, 1032, ["command"]))), 128))
@@ -1719,13 +1875,13 @@ const ke = { render: go }, vo = /* @__PURE__ */ L({
             _: 1
           })
         ]),
-        default: p(() => [
-          v(r, {
+        default: f(() => [
+          m(s, {
             size: "30",
             class: "ml-dropdown-icon"
           }, {
-            default: p(() => [
-              ho
+            default: f(() => [
+              Co
             ]),
             _: 1
           })
@@ -1734,12 +1890,12 @@ const ke = { render: go }, vo = /* @__PURE__ */ L({
       });
     };
   }
-}), ue = (t, e) => {
+}), fe = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [i, l] of e)
     n[i] = l;
   return n;
-}, 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({
+}, Lo = /* @__PURE__ */ fe(So, [["__scopeId", "data-v-3fc33b5d"]]), zo = '<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__ */ S({
   __name: "MlLanguage",
   props: {
     languages: {},
@@ -1752,28 +1908,28 @@ const ke = { render: go }, vo = /* @__PURE__ */ L({
     const n = t, i = e, l = (o) => {
       i("click", o);
     };
-    return (o, a) => (u(), C(wo, {
-      icon: yo,
+    return (o, a) => (u(), z(Lo, {
+      icon: zo,
       items: n.languages,
       current: n.current,
       onClick: l
     }, null, 8, ["items", "current"]));
   }
-}), xo = {}, ko = { class: "ml-status-bar" }, Mo = { class: "ml-status-bar-left" }, So = { class: "ml-status-bar-right" };
-function Co(t, e) {
-  return u(), y("div", ko, [
-    d("div", Mo, [
-      ie(t.$slots, "left", {}, void 0, !0)
+}), Do = {}, To = { class: "ml-status-bar" }, $o = { class: "ml-status-bar-left" }, Eo = { class: "ml-status-bar-right" };
+function Ao(t, e) {
+  return u(), _("div", To, [
+    c("div", $o, [
+      re(t.$slots, "left", {}, void 0, !0)
     ]),
-    d("div", So, [
-      ie(t.$slots, "right", {}, void 0, !0)
+    c("div", Eo, [
+      re(t.$slots, "right", {}, void 0, !0)
     ])
   ]);
 }
-const Lo = /* @__PURE__ */ ue(xo, [["render", Co], ["__scopeId", "data-v-d6a59cf0"]]), zo = {
+const Vo = /* @__PURE__ */ fe(Do, [["render", Ao], ["__scopeId", "data-v-d6a59cf0"]]), Fo = {
   key: 0,
   class: "ml-toolbar-button-text"
-}, Do = /* @__PURE__ */ L({
+}, No = /* @__PURE__ */ S({
   __name: "MlToolBar",
   props: {
     items: {},
@@ -1784,7 +1940,7 @@ const Lo = /* @__PURE__ */ ue(xo, [["render", Co], ["__scopeId", "data-v-d6a59cf
     click: null
   },
   setup(t, { emit: e }) {
-    const n = t, i = e, l = k(() => n.direction === "vertical" ? "ml-vertical-toolbar-button-group" : "ml-horizontal-toolbar-button-group"), o = k(() => n.size === "small" ? 20 : 30), a = k(() => {
+    const n = t, i = e, l = M(() => n.direction === "vertical" ? "ml-vertical-toolbar-button-group" : "ml-horizontal-toolbar-button-group"), o = M(() => n.size === "small" ? 20 : 30), a = M(() => {
       switch (n.size) {
         case "small":
           return 30;
@@ -1792,36 +1948,36 @@ const Lo = /* @__PURE__ */ ue(xo, [["render", Co], ["__scopeId", "data-v-d6a59cf
           return 50;
       }
       return 70;
-    }), s = (w) => w.description ? w.description : w.text, r = k(() => n.size === "large"), c = (w) => {
-      i("click", w);
+    }), r = (g) => g.description ? g.description : g.text, s = M(() => n.size === "large"), p = (g) => {
+      i("click", g);
     };
-    return (w, f) => {
-      const m = se, h = at, _ = lt, b = ot;
-      return u(), C(b, {
-        class: Ce(l.value)
+    return (g, b) => {
+      const v = de, h = dt, w = ut, k = ct;
+      return u(), z(k, {
+        class: we(l.value)
       }, {
-        default: p(() => [
-          (u(!0), y(j, null, X(w.items, (S, $) => (u(), C(_, {
-            key: S.text,
-            content: s(S),
+        default: f(() => [
+          (u(!0), _(j, null, K(g.items, (B, V) => (u(), z(w, {
+            key: B.text,
+            content: r(B),
             "hide-after": 0
           }, {
-            default: p(() => [
-              (u(), C(h, {
+            default: f(() => [
+              (u(), z(h, {
                 class: "ml-toolbar-button",
-                style: pe({ width: a.value + "px", height: a.value + "px" }),
-                key: $,
-                onClick: (I) => c(S.command)
+                style: ge({ width: a.value + "px", height: a.value + "px" }),
+                key: V,
+                onClick: (y) => p(B.command)
               }, {
-                default: p(() => [
-                  d("div", null, [
-                    v(m, { size: o.value }, {
-                      default: p(() => [
-                        (u(), C(ge(S.icon)))
+                default: f(() => [
+                  c("div", null, [
+                    m(v, { size: o.value }, {
+                      default: f(() => [
+                        (u(), z(ue(B.icon)))
                       ]),
                       _: 2
                     }, 1032, ["size"]),
-                    r.value ? (u(), y("div", zo, D(S.text), 1)) : q("", !0)
+                    s.value ? (u(), _("div", Fo, T(B.text), 1)) : R("", !0)
                   ])
                 ]),
                 _: 2
@@ -1834,138 +1990,138 @@ const Lo = /* @__PURE__ */ ue(xo, [["render", Co], ["__scopeId", "data-v-d6a59cf
       }, 8, ["class"]);
     };
   }
-}), Bo = /* @__PURE__ */ ue(Do, [["__scopeId", "data-v-5261c686"]]), Me = 20;
-function To(t, e, n) {
-  const i = x(!1), l = (r) => {
+}), Io = /* @__PURE__ */ fe(No, [["__scopeId", "data-v-5261c686"]]), ze = 20;
+function Po(t, e, n) {
+  const i = x(!1), l = (s) => {
     if (n.value && t.value) {
-      const c = t.value.getBoundingClientRect(), w = r.clientX < c.left || r.clientX > c.right || r.clientY < c.top || r.clientY > c.bottom;
-      i.value = !w;
+      const p = t.value.getBoundingClientRect(), g = s.clientX < p.left || s.clientX > p.right || s.clientY < p.top || s.clientY > p.bottom;
+      i.value = !g;
     }
   }, o = () => {
     n.value && (i.value = !0);
   }, a = () => {
     e.value && e.value.addEventListener("mousemove", o), t.value && t.value.addEventListener("mousemove", o);
-  }, s = () => {
+  }, r = () => {
     e.value && e.value.removeEventListener("mousemove", o), t.value && t.value.removeEventListener("mousemove", o);
   };
-  return H(() => {
+  return U(() => {
     window.addEventListener("mousemove", l);
-  }), te(() => {
+  }), ne(() => {
     window.removeEventListener("mousemove", l);
-  }), E(n, (r) => {
-    r && (i.value = !1);
-  }), E(t, (r) => {
-    r ? a() : s();
+  }), A(n, (s) => {
+    s && (i.value = !1);
+  }), A(t, (s) => {
+    s ? a() : r();
   }), { autoOpened: i };
 }
-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 } : {
+function Oo(t, e, n) {
+  const i = x(!1), l = x(null), o = x(null), a = { x: 0, y: 0 }, r = M(() => l.value == null || o.value == null ? { x: 0, y: 0 } : {
     x: l.value.x - o.value.x,
     y: l.value.y - o.value.y
-  }), r = () => {
+  }), s = () => {
     if (t.value) {
-      const _ = t.value.getBoundingClientRect();
+      const w = t.value.getBoundingClientRect();
       o.value = {
-        x: _.left,
-        y: _.top
+        x: w.left,
+        y: w.top
       }, l.value = {
-        x: _.left,
-        y: _.top
+        x: w.left,
+        y: w.top
       };
     }
-  }, c = () => {
-    t.value && t.value.addEventListener("mousedown", f);
-  }, w = () => {
-    t.value && t.value.removeEventListener("mousedown", f);
-  }, f = (_) => {
+  }, p = () => {
+    t.value && t.value.addEventListener("mousedown", b);
+  }, g = () => {
+    t.value && t.value.removeEventListener("mousedown", b);
+  }, b = (w) => {
     if (t.value != null) {
       if (e && e.value) {
-        const b = e.value.getBoundingClientRect();
-        if (_.clientX < b.left || _.clientX > b.right || _.clientY < b.top || _.clientY > b.bottom) return;
+        const k = e.value.getBoundingClientRect();
+        if (w.clientX < k.left || w.clientX > k.right || w.clientY < k.top || w.clientY > k.bottom) return;
       }
-      i.value = !0, a.x = _.clientX, a.y = _.clientY, r(), document.addEventListener("mousemove", m), document.addEventListener("mouseup", h);
+      i.value = !0, a.x = w.clientX, a.y = w.clientY, s(), document.addEventListener("mousemove", v), document.addEventListener("mouseup", h);
     }
-  }, m = (_) => {
+  }, v = (w) => {
     if (i.value && o.value && l.value) {
-      const b = window.innerWidth, S = window.innerHeight, $ = t.value, I = $.getBoundingClientRect(), V = I.width, B = I.height, N = o.value.x + (_.clientX - a.x), R = o.value.y + (_.clientY - a.y);
+      const k = window.innerWidth, B = window.innerHeight, V = t.value, y = V.getBoundingClientRect(), L = y.width, D = y.height, H = o.value.x + (w.clientX - a.x), P = o.value.y + (w.clientY - a.y);
       l.value.x = Math.max(
         n ? n.value.offset.value.left : 0,
-        N
+        H
       );
-      const z = b - V;
+      const $ = k - L;
       l.value.x = Math.min(
-        n ? z - n.value.offset.value.right : z,
+        n ? $ - n.value.offset.value.right : $,
         l.value.x
       ), l.value.y = Math.max(
         n ? n.value.offset.value.top : 0,
-        Math.min(R, S - B)
+        Math.min(P, B - D)
       );
-      const A = S - B;
+      const F = B - D;
       l.value.y = Math.min(
-        n ? A - n.value.offset.value.bottom : A,
+        n ? F - n.value.offset.value.bottom : F,
         l.value.y
-      ), $.style.left = l.value.x + "px", $.style.top = l.value.y + "px";
+      ), V.style.left = l.value.x + "px", V.style.top = l.value.y + "px";
     }
   }, h = () => {
-    i.value = !1, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h);
+    i.value = !1, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", h);
   };
-  return H(() => {
-    t.value && (r(), c());
-  }), te(() => {
-    t.value && t.value.removeEventListener("mousedown", f);
-  }), E(t, (_) => {
-    _ ? (r(), c()) : w();
+  return U(() => {
+    t.value && (s(), p());
+  }), ne(() => {
+    t.value && t.value.removeEventListener("mousedown", b);
+  }), A(t, (w) => {
+    w ? (s(), p()) : g();
   }), {
     isDragging: i,
-    movement: s,
+    movement: r,
     position: l
   };
 }
-function $o(t, e, n) {
-  const i = x(!1), l = x("left"), { isDragging: o, movement: a, position: s } = Eo(
+function Ro(t, e, n) {
+  const i = x(!1), l = x("left"), { isDragging: o, movement: a, position: r } = Oo(
     t,
     e,
     n
   );
-  return E(a, (r) => {
-    if (r && 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 A(a, (s) => {
+    if (s && t.value) {
+      const p = t.value.getBoundingClientRect();
+      p.left <= n.value.offset.value.left ? (l.value = "left", i.value = !0) : window.innerWidth - p.left - p.width <= n.value.offset.value.right ? (l.value = "right", i.value = !0) : i.value = !1;
     }
   }), {
     docked: i,
     orientation: l,
     isDragging: o,
     movement: a,
-    position: s
+    position: r
   };
 }
-function Vo(t, e, n, i) {
-  const l = x(null), o = x(null), a = x(null), s = x(null);
-  return E(t, (r, c) => {
-    l.value = c;
-  }), E(e, (r, c) => {
-    o.value = c;
-  }), E(n, (r, c) => {
-    a.value = c;
-  }), E(i, (r, c) => {
-    s.value = c;
+function Ho(t, e, n, i) {
+  const l = x(null), o = x(null), a = x(null), r = x(null);
+  return A(t, (s, p) => {
+    l.value = p;
+  }), A(e, (s, p) => {
+    o.value = p;
+  }), A(n, (s, p) => {
+    a.value = p;
+  }), A(i, (s, p) => {
+    r.value = p;
   }), {
     lastLeft: l,
     lastTop: o,
     lastWidth: a,
-    lastHeight: s
+    lastHeight: r
   };
 }
-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], ([c, w]) => {
-    (l.value == null || o.value == null || e.value) && (l.value = c, o.value = w);
-  }), E(r, (c) => {
-    i.value && n.value && (o.value = c);
+function Go(t, e, n, i) {
+  const l = x(t.value.width), o = x(t.value.left), a = M(() => t.value.width), r = M(() => t.value.left), s = M(() => n.value ? n.value.x : null);
+  return A([a, r], ([p, g]) => {
+    (l.value == null || o.value == null || e.value) && (l.value = p, o.value = g);
+  }), A(s, (p) => {
+    i.value && n.value && (o.value = p);
   }), { left: o, width: l };
 }
-function Fo(t, e = x({ left: 0, right: 0, top: 0, bottom: 0 })) {
+function Wo(t, e = x({ left: 0, right: 0, top: 0, bottom: 0 })) {
   const n = x({});
   let i = !1;
   const l = () => {
@@ -1974,154 +2130,154 @@ function Fo(t, e = x({ left: 0, right: 0, top: 0, bottom: 0 })) {
       n.value.left = Math.max(o.left, e.value.left), n.value.top = Math.max(o.top, e.value.top), n.value.width = o.width, n.value.height = o.height, i = !0;
     }
   };
-  return H(() => {
+  return U(() => {
     t.value && l();
-  }), E(t, (o) => {
+  }), A(t, (o) => {
     o && l();
   }), {
     isIntialized: i,
     initialRect: n
   };
 }
-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, c = 0, w = 0, f = 0;
-  const m = 5, h = x(null), _ = (V) => {
+function Uo(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 } = Wo(t, i), a = x(!1);
+  let r = 0, s = 0, p = 0, g = 0, b = 0;
+  const v = 5, h = x(null), w = (L) => {
     if (!(!t.value || e.value))
       if (a.value) {
-        const B = V.clientX - w, N = V.clientY - f;
+        const D = L.clientX - g, H = L.clientY - b;
         if (h.value === "left" || h.value === "left-bottom-corner") {
-          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");
+          const P = s - D;
+          P > l.width && (o.value.width = P, o.value.left = r + D, 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 R = r + B;
-          R > l.width && (o.value.width = R, t.value.style.width = o.value.width + "px");
+          const P = s + D;
+          P > l.width && (o.value.width = P, t.value.style.width = o.value.width + "px");
         }
         if (h.value === "bottom" || h.value === "left-bottom-corner" || h.value === "right-bottom-corner") {
-          const R = c + N;
-          R > l.height && (o.value.height = R, t.value.style.height = o.value.height + "px");
+          const P = p + H;
+          P > l.height && (o.value.height = P, t.value.style.height = o.value.height + "px");
         }
       } else {
-        const B = t.value.getBoundingClientRect(), N = V.clientX - B.left, R = V.clientY - B.top, z = N <= m, A = N >= B.width - m, O = R >= B.height - m;
-        z && O && n.value ? (t.value.style.cursor = "nesw-resize", h.value = "left-bottom-corner") : A && O && !n.value ? (t.value.style.cursor = "nwse-resize", h.value = "right-bottom-corner") : z && n.value ? (t.value.style.cursor = "ew-resize", h.value = "left") : A && !n.value ? (t.value.style.cursor = "ew-resize", h.value = "right") : O ? (t.value.style.cursor = "ns-resize", h.value = "bottom") : (t.value.style.cursor = "", h.value = null);
+        const D = t.value.getBoundingClientRect(), H = L.clientX - D.left, P = L.clientY - D.top, $ = H <= v, F = H >= D.width - v, G = P >= D.height - v;
+        $ && G && n.value ? (t.value.style.cursor = "nesw-resize", h.value = "left-bottom-corner") : F && G && !n.value ? (t.value.style.cursor = "nwse-resize", h.value = "right-bottom-corner") : $ && n.value ? (t.value.style.cursor = "ew-resize", h.value = "left") : F && !n.value ? (t.value.style.cursor = "ew-resize", h.value = "right") : G ? (t.value.style.cursor = "ns-resize", h.value = "bottom") : (t.value.style.cursor = "", h.value = null);
       }
-  }, b = (V) => {
+  }, k = (L) => {
     if (!t.value || !h.value) return;
-    const B = t.value.getBoundingClientRect();
-    w = V.clientX, f = V.clientY, r = B.width, c = B.height, s = B.left, o.value.width = r, o.value.height = c, 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", b), t.value.removeEventListener("mousemove", _)), document.removeEventListener("mouseup", S);
-  }, I = () => {
-    t.value && (t.value.addEventListener("mousedown", b), t.value.addEventListener("mousemove", _));
+    const D = t.value.getBoundingClientRect();
+    g = L.clientX, b = L.clientY, s = D.width, p = D.height, r = D.left, o.value.width = s, o.value.height = p, o.value.left = D.left, o.value.top = D.top, a.value = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", B);
+  }, B = () => {
+    a.value = !1, h.value = null, t.value && (t.value.style.cursor = ""), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", B);
+  }, V = () => {
+    t.value && (t.value.removeEventListener("mousedown", k), t.value.removeEventListener("mousemove", w)), document.removeEventListener("mouseup", B);
+  }, y = () => {
+    t.value && (t.value.addEventListener("mousedown", k), t.value.addEventListener("mousemove", w));
   };
-  return H(() => {
-    t.value && I();
-  }), De(() => {
-    $();
-  }), E(t, (V) => {
-    V ? I() : $();
+  return U(() => {
+    t.value && y();
+  }), Ee(() => {
+    V();
+  }), A(t, (L) => {
+    L ? y() : V();
   }), { rect: o, isResizing: a };
 }
-function Ro(t, e, n, i) {
+function qo(t, e, n, i) {
   const l = () => {
     if (t.value) {
-      const r = t.value;
-      e.value ? r.style.transition = "width 0.3s ease-out, left 0.3s ease-out" : r.style.transition = "width 0.3s ease";
+      const s = t.value;
+      e.value ? s.style.transition = "width 0.3s ease-out, left 0.3s ease-out" : s.style.transition = "width 0.3s ease";
     }
   }, o = () => {
     t.value && (t.value.style.transition = "");
   }, a = () => {
     t.value && t.value.removeEventListener("transitionend", o);
-  }, s = () => {
+  }, r = () => {
     t.value && t.value.addEventListener("transitionend", o);
   };
-  H(() => {
+  U(() => {
     t.value && t.value.addEventListener("transitionend", o);
-  }), De(() => {
+  }), Ee(() => {
     t.value && t.value.removeEventListener("transitionend", o);
-  }), E(t, (r) => {
-    r ? s() : a();
-  }), E(n, () => {
+  }), A(t, (s) => {
+    s ? r() : a();
+  }), A(n, () => {
     l();
-  }), E(i, () => {
+  }), A(i, () => {
     l();
   });
 }
-function Po(t, e, n, i) {
-  const l = x(window.innerWidth), o = x(window.innerHeight), { docked: a, orientation: s, movement: r, position: c, isDragging: w } = $o(
+function jo(t, e, n, i) {
+  const l = x(window.innerWidth), o = x(window.innerHeight), { docked: a, orientation: r, movement: s, position: p, isDragging: g } = Ro(
     t,
     e,
     i
-  ), f = k(() => s.value === "right"), { rect: m, isResizing: h } = Io(
+  ), b = M(() => r.value === "right"), { rect: v, isResizing: h } = Uo(
     t,
     n,
-    f,
+    b,
     i.value.offset
-  ), { width: _, left: b } = Ao(
-    m,
+  ), { width: w, left: k } = Go(
+    v,
     h,
-    c,
-    w
-  ), { lastTop: S, lastHeight: $ } = Vo(
-    k(() => m.value.left),
-    k(() => m.value.top),
-    k(() => m.value.width),
-    k(() => m.value.height)
-  ), { autoOpened: I } = To(t, e, n);
-  Ro(t, f, n, I);
-  const V = (z) => {
+    p,
+    g
+  ), { lastTop: B, lastHeight: V } = Ho(
+    M(() => v.value.left),
+    M(() => v.value.top),
+    M(() => v.value.width),
+    M(() => v.value.height)
+  ), { autoOpened: y } = Po(t, e, n);
+  qo(t, b, n, y);
+  const L = ($) => {
     if (t.value) {
-      const A = t.value.getBoundingClientRect(), O = A.left + z;
-      if (f.value) {
-        m.value.left = O;
-        const de = window.innerWidth - A.width - A.left;
-        A.left <= 0 && de >= 0 && z < 0 && (m.value.left = Math.max(0, O)), window.innerWidth - A.width <= 0 && (m.value.left = window.innerWidth - A.width);
+      const F = t.value.getBoundingClientRect(), G = F.left + $;
+      if (b.value) {
+        v.value.left = G;
+        const J = window.innerWidth - F.width - F.left;
+        F.left <= 0 && J >= 0 && $ < 0 && (v.value.left = Math.max(0, G)), window.innerWidth - F.width <= 0 && (v.value.left = window.innerWidth - F.width);
       } else
-        A.left + A.width >= window.innerWidth && z < 0 && (m.value.left = Math.max(0, O));
+        F.left + F.width >= window.innerWidth && $ < 0 && (v.value.left = Math.max(0, G));
     }
-  }, B = () => {
-    const z = window.innerWidth - l.value;
-    l.value = window.innerWidth, o.value = window.innerHeight, V(z);
+  }, D = () => {
+    const $ = window.innerWidth - l.value;
+    l.value = window.innerWidth, o.value = window.innerHeight, L($);
   };
-  H(() => {
-    window.addEventListener("resize", B);
-  }), te(() => {
-    window.removeEventListener("resize", B);
+  U(() => {
+    window.addEventListener("resize", D);
+  }), ne(() => {
+    window.removeEventListener("resize", D);
   });
-  const N = (z) => {
-    z ? (m.value.width = Me, f.value && b.value && _.value && (m.value.left = b.value + _.value - Me)) : (m.value.width = _.value, f.value && b.value && _.value && (m.value.left = b.value));
-  }, R = () => {
-    a.value ? (m.value.top = i.value.offset.value.top, m.value.height = window.innerHeight - i.value.offset.value.top - i.value.offset.value.bottom) : (m.value.top = S.value, m.value.height = $.value);
+  const H = ($) => {
+    $ ? (v.value.width = ze, b.value && k.value && w.value && (v.value.left = k.value + w.value - ze)) : (v.value.width = w.value, b.value && k.value && w.value && (v.value.left = k.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 = B.value, v.value.height = V.value);
   };
-  return E(a, () => {
-    R();
-  }), E(n, (z) => {
-    N(z);
-  }), E(I, (z) => {
-    n.value && !w.value && N(!z);
-  }), E(r, (z) => {
-    if (z && t.value) {
-      const A = t.value.getBoundingClientRect();
-      m.value.left = A.left, m.value.top = A.top;
+  return A(a, () => {
+    P();
+  }), A(n, ($) => {
+    H($);
+  }), A(y, ($) => {
+    n.value && !g.value && H(!$);
+  }), A(s, ($) => {
+    if ($ && t.value) {
+      const F = t.value.getBoundingClientRect();
+      v.value.left = F.left, v.value.top = F.top;
     }
-  }), { rect: m, orientation: s, reversed: f };
+  }), { rect: v, orientation: r, reversed: b };
 }
-const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ */ No(() => /* @__PURE__ */ d("svg", {
+const Yo = (t) => (Te("data-v-8645db4f"), t = t(), $e(), t), Ko = /* @__PURE__ */ Yo(() => /* @__PURE__ */ c("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 1024 1024"
 }, [
-  /* @__PURE__ */ d("path", {
+  /* @__PURE__ */ c("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)), Ho = { class: "ml-tool-palette-title" }, Go = { class: "ml-tool-palette-content" }, Wo = /* @__PURE__ */ L({
+], -1)), Xo = { class: "ml-tool-palette-title" }, Qo = { class: "ml-tool-palette-content" }, Zo = /* @__PURE__ */ S({
   __name: "MlToolPalette",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ ee({
     title: { default: "" },
     leftOffset: { default: 0 },
     rightOffset: { default: 0 },
@@ -2131,9 +2287,9 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
     modelValue: { default: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["close"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ee(["close"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const n = t, i = ve(t, "modelValue"), l = e, o = x(!1), a = x(null), s = x(null), r = k(() => ({
+    const n = t, i = _e(t, "modelValue"), l = e, o = x(!1), a = x(null), r = x(null), s = M(() => ({
       offset: x({
         left: n.leftOffset,
         right: n.rightOffset,
@@ -2141,126 +2297,126 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
         bottom: n.bottomOffset
       })
     })), {
-      rect: c,
-      orientation: w,
-      reversed: f
-    } = Po(s, a, o, r), m = k(() => ({
-      left: `${c.value.left}px`,
-      top: `${c.value.top}px`,
-      width: `${c.value.width}px`,
-      height: `${c.value.height}px`
-    })), h = k(() => f.value ? {
+      rect: p,
+      orientation: g,
+      reversed: b
+    } = jo(r, a, o, s), v = M(() => ({
+      left: `${p.value.left}px`,
+      top: `${p.value.top}px`,
+      width: `${p.value.width}px`,
+      height: `${p.value.height}px`
+    })), h = M(() => b.value ? {
       borderLeft: "1px solid var(--el-border-color)",
       borderRight: null
     } : {
       borderLeft: null,
       borderRight: "1px solid var(--el-border-color)"
-    }), _ = () => {
+    }), w = () => {
       i.value = !1;
-      const b = s.value;
+      const k = r.value;
       l("close", {
-        x: b ? b.clientLeft : 0,
-        y: b ? b.clientTop : 0
+        x: k ? k.clientLeft : 0,
+        y: k ? k.clientTop : 0
       });
     };
-    return (b, S) => {
-      const $ = se;
-      return i.value ? (u(), y("div", {
+    return (k, B) => {
+      const V = de;
+      return i.value ? (u(), _("div", {
         key: 0,
         ref_key: "toolPaletteElement",
-        ref: s,
-        style: pe([m.value]),
+        ref: r,
+        style: ge([v.value]),
         class: "ml-tool-palette-dialog"
       }, [
-        d("div", {
-          class: Ce(["ml-tool-palette-dialog-layout", g(w)])
+        c("div", {
+          class: we(["ml-tool-palette-dialog-layout", d(g)])
         }, [
-          d("div", {
+          c("div", {
             ref_key: "titleBarElement",
             ref: a,
             class: "ml-tool-palette-title-bar",
-            style: pe(h.value)
+            style: ge(h.value)
           }, [
-            v($, {
+            m(V, {
               size: 18,
               class: "ml-tool-palette-dialog-icon",
-              onClick: _
+              onClick: w
             }, {
-              default: p(() => [
-                Oo
+              default: f(() => [
+                Ko
               ]),
               _: 1
             }),
-            v(vo, {
+            m(ko, {
               class: "ml-tool-palette-dialog-icon",
               modelValue: o.value,
-              "onUpdate:modelValue": S[0] || (S[0] = (I) => o.value = I),
-              reverse: g(f)
+              "onUpdate:modelValue": B[0] || (B[0] = (y) => o.value = y),
+              reverse: d(b)
             }, null, 8, ["modelValue", "reverse"]),
-            d("span", Ho, D(n.title), 1)
+            c("span", Xo, T(n.title), 1)
           ], 4),
-          d("div", Go, [
-            ie(b.$slots, "default", {}, void 0, !0)
+          c("div", Qo, [
+            re(k.$slots, "default", {}, void 0, !0)
           ])
         ], 2)
-      ], 4)) : q("", !0);
+      ], 4)) : R("", !0);
     };
   }
-}), qo = /* @__PURE__ */ ue(Wo, [["__scopeId", "data-v-8645db4f"]]), Uo = { class: "ml-layer-list-cell" }, jo = { class: "ml-layer-list-cell" }, Yo = /* @__PURE__ */ L({
+}), Jo = /* @__PURE__ */ fe(Zo, [["__scopeId", "data-v-8645db4f"]]), el = { class: "ml-layer-list-cell" }, tl = { class: "ml-layer-list-cell" }, nl = /* @__PURE__ */ S({
   __name: "MlLayerList",
   props: {
     editor: {}
   },
   setup(t) {
-    const { t: e } = P(), n = t, i = gt(n.editor), l = x(), o = x([]), a = (r) => {
-      o.value = r;
-    }, s = (r) => {
-      const c = n.editor.curDocument.database.tables.layerTable.getAt(
-        r.name
+    const { t: e } = O(), n = t, i = yt(n.editor), l = x(), o = x([]), a = (s) => {
+      o.value = s;
+    }, r = (s) => {
+      const p = n.editor.curDocument.database.tables.layerTable.getAt(
+        s.name
       );
-      c && (c.isOff = !r.isOn);
+      p && (p.isOff = !s.isOn);
     };
-    return (r, c) => {
-      const w = M("el-table-column"), f = M("el-checkbox"), m = M("el-tag");
-      return u(), C(g(Qe), {
+    return (s, p) => {
+      const g = C("el-table-column"), b = C("el-checkbox"), v = C("el-tag");
+      return u(), z(d(ot), {
         ref_key: "multipleTableRef",
         ref: l,
-        data: g(i),
+        data: d(i),
         class: "ml-layer-list",
         onSelectionChange: a
       }, {
-        default: p(() => [
-          v(w, {
+        default: f(() => [
+          m(g, {
             property: "name",
-            label: g(e)("main.toolPalette.layerManager.layerList.name"),
+            label: d(e)("main.toolPalette.layerManager.layerList.name"),
             "min-width": "120",
             sortable: "",
             "show-overflow-tooltip": ""
           }, null, 8, ["label"]),
-          v(w, {
+          m(g, {
             property: "isOn",
-            label: g(e)("main.toolPalette.layerManager.layerList.on"),
+            label: d(e)("main.toolPalette.layerManager.layerList.on"),
             width: "50"
           }, {
-            default: p((h) => [
-              d("div", Uo, [
-                v(f, {
+            default: f((h) => [
+              c("div", el, [
+                m(b, {
                   modelValue: h.row.isOn,
-                  "onUpdate:modelValue": (_) => h.row.isOn = _,
-                  onChange: (_) => s(h.row)
+                  "onUpdate:modelValue": (w) => h.row.isOn = w,
+                  onChange: (w) => r(h.row)
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
               ])
             ]),
             _: 1
           }, 8, ["label"]),
-          v(w, {
+          m(g, {
             property: "color",
-            label: g(e)("main.toolPalette.layerManager.layerList.color"),
+            label: d(e)("main.toolPalette.layerManager.layerList.color"),
             width: "70"
           }, {
-            default: p((h) => [
-              d("div", jo, [
-                v(m, {
+            default: f((h) => [
+              c("div", tl, [
+                m(v, {
                   color: h.row.color,
                   class: "ml-layer-list-color"
                 }, null, 8, ["color"])
@@ -2273,23 +2429,23 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
       }, 8, ["data"]);
     };
   }
-}), Ko = { class: "ml-layer-list-wrapper" }, Xo = /* @__PURE__ */ L({
+}), ol = { class: "ml-layer-list-wrapper" }, ll = /* @__PURE__ */ S({
   __name: "MlLayerManager",
   props: {
     editor: {}
   },
   setup(t) {
     const e = t;
-    return (n, i) => (u(), C(g(qo), {
+    return (n, i) => (u(), z(d(Jo), {
       class: "ml-layer-manager",
-      modelValue: g(Z).dialogs.layerManager,
-      "onUpdate:modelValue": i[0] || (i[0] = (l) => g(Z).dialogs.layerManager = l),
+      modelValue: d(Z).dialogs.layerManager,
+      "onUpdate:modelValue": i[0] || (i[0] = (l) => d(Z).dialogs.layerManager = l),
       title: "Layers",
       "bottom-offset": 30
     }, {
-      default: p(() => [
-        d("div", Ko, [
-          v(Yo, {
+      default: f(() => [
+        c("div", ol, [
+          m(nl, {
             editor: e.editor
           }, null, 8, ["editor"])
         ])
@@ -2297,58 +2453,58 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Qo = /* @__PURE__ */ G(Xo, [["__scopeId", "data-v-d49ba2cb"]]), Zo = { class: "autocomplete-container" }, Jo = /* @__PURE__ */ L({
+}), al = /* @__PURE__ */ W(ll, [["__scopeId", "data-v-d49ba2cb"]]), il = { class: "autocomplete-container" }, sl = /* @__PURE__ */ S({
   __name: "MlCommandLine",
   setup(t) {
-    const { t: e } = P(), n = ce(), i = ut(), l = x(""), o = x(""), a = (c, w) => {
-      const f = c ? i.filter(
-        (m) => m.commandName.startsWith(c.toLowerCase())
+    const { t: e } = O(), n = pe(), i = gt(), l = x(""), o = x(""), a = (p, g) => {
+      const b = p ? i.filter(
+        (v) => v.commandName.startsWith(p.toLowerCase())
       ) : i;
-      w(f);
-    }, s = () => {
-      l.value && (T.instance.sendStringToExecute(l.value), o.value = l.value, l.value = "");
-    }, r = (c, w) => `${w}: ${fe(c, w)}`;
-    return (c, w) => (u(), y("div", Zo, [
-      g(n).isShowCommandLine ? (u(), C(g(Ze), {
+      g(b);
+    }, r = () => {
+      l.value && (E.instance.sendStringToExecute(l.value), o.value = l.value, l.value = "");
+    }, s = (p, g) => `${g}: ${ye(p, g)}`;
+    return (p, g) => (u(), _("div", il, [
+      d(n).isShowCommandLine ? (u(), z(d(lt), {
         key: 0,
         modelValue: l.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (f) => l.value = f),
+        "onUpdate:modelValue": g[0] || (g[0] = (b) => l.value = b),
         "value-key": "commandName",
         clearable: "",
         "fetch-suggestions": a,
-        placeholder: g(e)("main.commandLine.prompt"),
+        placeholder: d(e)("main.commandLine.prompt"),
         debounce: 300,
         "trigger-on-focus": "",
         "fit-input-width": !1,
-        onSelect: s,
-        onKeydown: Ne(s, ["enter"]),
+        onSelect: r,
+        onKeydown: Ue(r, ["enter"]),
         class: "autocomplete-input"
       }, {
-        default: p(({ item: f }) => [
-          d("div", null, D(r(f.groupName, f.commandName)), 1)
+        default: f(({ item: b }) => [
+          c("div", null, T(s(b.groupName, b.commandName)), 1)
         ]),
-        prepend: p(() => [
-          F(D(`> ${o.value}`), 1)
+        prepend: f(() => [
+          N(T(`> ${o.value}`), 1)
         ]),
         _: 1
-      }, 8, ["modelValue", "placeholder"])) : q("", !0)
+      }, 8, ["modelValue", "placeholder"])) : R("", !0)
     ]));
   }
-}), el = /* @__PURE__ */ G(Jo, [["__scopeId", "data-v-082845cb"]]), tl = /* @__PURE__ */ L({
+}), rl = /* @__PURE__ */ W(sl, [["__scopeId", "data-v-082845cb"]]), cl = /* @__PURE__ */ S({
   __name: "MlEntityInfo",
   setup(t) {
-    Se((m) => ({
+    De((v) => ({
       "2d5cc4ca": a.value,
-      "11fa7d7e": s.value
+      "11fa7d7e": r.value
     }));
-    const { t: e } = P(), 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 m = T.instance.curDocument.database;
+    const { t: e } = O(), n = x(!1), i = x(-1), l = x(-1), o = x(null), a = M(() => i.value + "px"), r = M(() => l.value + "px"), s = M(() => {
+      const v = E.instance.curDocument.database;
       if (o.value) {
-        const h = m.tables.blockTable.modelSpace.getIdAt(o.value);
+        const h = v.tables.blockTable.modelSpace.getIdAt(o.value);
         if (h)
           return {
-            type: Ct(h),
-            color: Lt(h.color.toString()),
+            type: $t(h),
+            color: Et(h.color.toString()),
             layer: h.layer,
             lineType: h.lineType
           };
@@ -2359,34 +2515,34 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
         layer: "",
         lineType: ""
       };
-    }), c = k(() => n.value && r.value.type != ""), w = (m) => {
-      o.value = m.id, i.value = m.x, l.value = m.y, n.value = !0;
-    }, f = () => {
+    }), p = M(() => n.value && s.value.type != ""), g = (v) => {
+      o.value = v.id, i.value = v.x, l.value = v.y, n.value = !0;
+    }, b = () => {
       n.value = !1;
     };
-    return H(() => {
-      const m = T.instance.curView.events;
-      m.hover.addEventListener(w), m.unhover.addEventListener(f);
-    }), te(() => {
-      const m = T.instance.curView.events;
-      m.hover.removeEventListener(w), m.unhover.removeEventListener(f);
-    }), (m, h) => {
-      const _ = M("el-text"), b = M("el-col"), S = M("el-row"), $ = M("el-card");
-      return c.value ? (u(), C($, {
+    return U(() => {
+      const v = E.instance.curView.events;
+      v.hover.addEventListener(g), v.unhover.addEventListener(b);
+    }), ne(() => {
+      const v = E.instance.curView.events;
+      v.hover.removeEventListener(g), v.unhover.removeEventListener(b);
+    }), (v, h) => {
+      const w = C("el-text"), k = C("el-col"), B = C("el-row"), V = C("el-card");
+      return p.value ? (u(), z(V, {
         key: 0,
         class: "ml-entity-info"
       }, {
-        default: p(() => [
-          v(S, { class: "ml-entity-info-text" }, {
-            default: p(() => [
-              v(b, { span: 24 }, {
-                default: p(() => [
-                  v(_, {
+        default: f(() => [
+          m(B, { class: "ml-entity-info-text" }, {
+            default: f(() => [
+              m(k, { span: 24 }, {
+                default: f(() => [
+                  m(w, {
                     size: "small",
                     class: "ml-entity-info-title"
                   }, {
-                    default: p(() => [
-                      F(D(r.value.type), 1)
+                    default: f(() => [
+                      N(T(s.value.type), 1)
                     ]),
                     _: 1
                   })
@@ -2396,24 +2552,24 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
             ]),
             _: 1
           }),
-          v(S, { class: "ml-entity-info-text" }, {
-            default: p(() => [
-              v(b, { span: 10 }, {
-                default: p(() => [
-                  v(_, { size: "small" }, {
-                    default: p(() => [
-                      F(D(g(e)("main.entityInfo.color")), 1)
+          m(B, { class: "ml-entity-info-text" }, {
+            default: f(() => [
+              m(k, { span: 10 }, {
+                default: f(() => [
+                  m(w, { size: "small" }, {
+                    default: f(() => [
+                      N(T(d(e)("main.entityInfo.color")), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              v(b, { span: 14 }, {
-                default: p(() => [
-                  v(_, { size: "small" }, {
-                    default: p(() => [
-                      F(D(r.value.color), 1)
+              m(k, { span: 14 }, {
+                default: f(() => [
+                  m(w, { size: "small" }, {
+                    default: f(() => [
+                      N(T(s.value.color), 1)
                     ]),
                     _: 1
                   })
@@ -2423,24 +2579,24 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
             ]),
             _: 1
           }),
-          v(S, { class: "ml-entity-info-text" }, {
-            default: p(() => [
-              v(b, { span: 10 }, {
-                default: p(() => [
-                  v(_, { size: "small" }, {
-                    default: p(() => [
-                      F(D(g(e)("main.entityInfo.layer")), 1)
+          m(B, { class: "ml-entity-info-text" }, {
+            default: f(() => [
+              m(k, { span: 10 }, {
+                default: f(() => [
+                  m(w, { size: "small" }, {
+                    default: f(() => [
+                      N(T(d(e)("main.entityInfo.layer")), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              v(b, { span: 14 }, {
-                default: p(() => [
-                  v(_, { size: "small" }, {
-                    default: p(() => [
-                      F(D(r.value.layer), 1)
+              m(k, { span: 14 }, {
+                default: f(() => [
+                  m(w, { size: "small" }, {
+                    default: f(() => [
+                      N(T(s.value.layer), 1)
                     ]),
                     _: 1
                   })
@@ -2450,24 +2606,24 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
             ]),
             _: 1
           }),
-          v(S, { class: "ml-entity-info-text" }, {
-            default: p(() => [
-              v(b, { span: 10 }, {
-                default: p(() => [
-                  v(_, { size: "small" }, {
-                    default: p(() => [
-                      F(D(g(e)("main.entityInfo.lineType")), 1)
+          m(B, { class: "ml-entity-info-text" }, {
+            default: f(() => [
+              m(k, { span: 10 }, {
+                default: f(() => [
+                  m(w, { size: "small" }, {
+                    default: f(() => [
+                      N(T(d(e)("main.entityInfo.lineType")), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              v(b, { span: 14 }, {
-                default: p(() => [
-                  v(_, { size: "small" }, {
-                    default: p(() => [
-                      F(D(r.value.lineType), 1)
+              m(k, { span: 14 }, {
+                default: f(() => [
+                  m(w, { size: "small" }, {
+                    default: f(() => [
+                      N(T(s.value.lineType), 1)
                     ]),
                     _: 1
                   })
@@ -2479,16 +2635,16 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
           })
         ]),
         _: 1
-      })) : q("", !0);
+      })) : R("", !0);
     };
   }
-}), nl = /* @__PURE__ */ G(tl, [["__scopeId", "data-v-6a67bbe7"]]), ol = /* @__PURE__ */ L({
+}), ul = /* @__PURE__ */ W(cl, [["__scopeId", "data-v-6a67bbe7"]]), dl = /* @__PURE__ */ S({
   __name: "MlLanguageSelector",
   props: {
     currentLocale: { default: void 0 }
   },
   setup(t) {
-    const e = t, { effectiveLocale: n, setLocale: i } = Ee(e.currentLocale), l = U([
+    const e = t, { effectiveLocale: n, setLocale: i } = Fe(e.currentLocale), l = Y([
       {
         name: "en",
         text: "English"
@@ -2500,139 +2656,245 @@ const No = (t) => (Le("data-v-8645db4f"), t = t(), ze(), t), Oo = /* @__PURE__ *
     ]), o = (a) => {
       (a === "en" || a === "zh") && i(a);
     };
-    return (a, s) => (u(), C(g(bo), {
+    return (a, r) => (u(), z(d(Bo), {
       class: "ml-language-selector",
       languages: l,
-      current: g(n),
+      current: d(n),
       onClick: o
     }, null, 8, ["languages", "current"]));
   }
-}), ll = /* @__PURE__ */ G(ol, [["__scopeId", "data-v-1b9f7bc0"]]);
+}), ml = /* @__PURE__ */ W(dl, [["__scopeId", "data-v-1b9f7bc0"]]);
 /*! Element Plus Icons Vue v2.3.1 */
-var al = /* @__PURE__ */ L({
+var pl = /* @__PURE__ */ S({
+  name: "Bell",
+  __name: "bell",
+  setup(t) {
+    return (e, n) => (u(), _("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M512 64a64 64 0 0 1 64 64v64H448v-64a64 64 0 0 1 64-64"
+      }),
+      c("path", {
+        fill: "currentColor",
+        d: "M256 768h512V448a256 256 0 1 0-512 0zm256-640a320 320 0 0 1 320 320v384H192V448a320 320 0 0 1 320-320"
+      }),
+      c("path", {
+        fill: "currentColor",
+        d: "M96 768h832q32 0 32 32t-32 32H96q-32 0-32-32t32-32m352 128h128a64 64 0 0 1-128 0"
+      })
+    ]));
+  }
+}), he = pl, fl = /* @__PURE__ */ S({
   name: "Check",
   __name: "check",
   setup(t) {
-    return (e, n) => (u(), y("svg", {
+    return (e, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      c("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 = al, il = /* @__PURE__ */ L({
+}), ie = fl, vl = /* @__PURE__ */ S({
+  name: "CircleCloseFilled",
+  __name: "circle-close-filled",
+  setup(t) {
+    return (e, n) => (u(), _("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
+      })
+    ]));
+  }
+}), gl = vl, hl = /* @__PURE__ */ S({
+  name: "Close",
+  __name: "close",
+  setup(t) {
+    return (e, n) => (u(), _("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.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"
+      })
+    ]));
+  }
+}), Pe = hl, _l = /* @__PURE__ */ S({
+  name: "Delete",
+  __name: "delete",
+  setup(t) {
+    return (e, n) => (u(), _("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
+      })
+    ]));
+  }
+}), wl = _l, yl = /* @__PURE__ */ S({
+  name: "InfoFilled",
+  __name: "info-filled",
+  setup(t) {
+    return (e, n) => (u(), _("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
+      })
+    ]));
+  }
+}), Be = yl, bl = /* @__PURE__ */ S({
   name: "Menu",
   __name: "menu",
   setup(t) {
-    return (e, n) => (u(), y("svg", {
+    return (e, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      c("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"
       })
     ]));
   }
-}), rl = il, sl = /* @__PURE__ */ L({
+}), xl = bl, kl = /* @__PURE__ */ S({
   name: "Moon",
   __name: "moon",
   setup(t) {
-    return (e, n) => (u(), y("svg", {
+    return (e, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      c("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"
       })
     ]));
   }
-}), cl = sl, ul = /* @__PURE__ */ L({
+}), Ml = kl, Cl = /* @__PURE__ */ S({
   name: "Operation",
   __name: "operation",
   setup(t) {
-    return (e, n) => (u(), y("svg", {
+    return (e, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      c("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"
       })
     ]));
   }
-}), dl = ul, ml = /* @__PURE__ */ L({
+}), Sl = Cl, Ll = /* @__PURE__ */ S({
   name: "Setting",
   __name: "setting",
   setup(t) {
-    return (e, n) => (u(), y("svg", {
+    return (e, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      c("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"
       })
     ]));
   }
-}), pl = ml, gl = /* @__PURE__ */ L({
+}), zl = Ll, Bl = /* @__PURE__ */ S({
+  name: "SuccessFilled",
+  __name: "success-filled",
+  setup(t) {
+    return (e, n) => (u(), _("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
+      })
+    ]));
+  }
+}), Dl = Bl, Tl = /* @__PURE__ */ S({
   name: "Sunny",
   __name: "sunny",
   setup(t) {
-    return (e, n) => (u(), y("svg", {
+    return (e, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      c("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"
       })
     ]));
   }
-}), vl = gl, fl = /* @__PURE__ */ L({
+}), $l = Tl, El = /* @__PURE__ */ S({
+  name: "WarningFilled",
+  __name: "warning-filled",
+  setup(t) {
+    return (e, n) => (u(), _("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
+      })
+    ]));
+  }
+}), Al = El, Vl = /* @__PURE__ */ S({
   name: "Warning",
   __name: "warning",
   setup(t) {
-    return (e, n) => (u(), y("svg", {
+    return (e, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      c("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"
       })
     ]));
   }
-}), hl = fl;
-const _l = /* @__PURE__ */ L({
+}), Fl = Vl;
+const Nl = /* @__PURE__ */ S({
   __name: "MlMainMenu",
   setup(t) {
-    const { t: e } = P(), 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);
+    const { t: e } = O(), n = (i) => {
+      i === "Convert" ? new Oe().tirgger(E.instance.context) : i === "QNew" ? new Re().tirgger(E.instance.context) : i === "Open" && new He().tirgger(E.instance.context);
     };
     return (i, l) => {
-      const o = M("el-icon"), a = M("el-dropdown-item"), s = M("el-dropdown-menu"), r = M("el-dropdown");
-      return u(), C(r, {
+      const o = C("el-icon"), a = C("el-dropdown-item"), r = C("el-dropdown-menu"), s = C("el-dropdown");
+      return u(), z(s, {
         "aria-hidden": "false",
         class: "ml-main-menu-container",
         onCommand: n
       }, {
-        dropdown: p(() => [
-          v(s, null, {
-            default: p(() => [
-              v(a, { command: "QNew" }, {
-                default: p(() => [
-                  F(D(g(e)("main.mainMenu.new")), 1)
+        dropdown: f(() => [
+          m(r, null, {
+            default: f(() => [
+              m(a, { command: "QNew" }, {
+                default: f(() => [
+                  N(T(d(e)("main.mainMenu.new")), 1)
                 ]),
                 _: 1
               }),
-              v(a, { command: "Open" }, {
-                default: p(() => [
-                  F(D(g(e)("main.mainMenu.open")), 1)
+              m(a, { command: "Open" }, {
+                default: f(() => [
+                  N(T(d(e)("main.mainMenu.open")), 1)
                 ]),
                 _: 1
               })
@@ -2640,13 +2902,13 @@ const _l = /* @__PURE__ */ L({
             _: 1
           })
         ]),
-        default: p(() => [
-          v(o, {
+        default: f(() => [
+          m(o, {
             class: "ml-main-menu-icon",
             size: "30"
           }, {
-            default: p(() => [
-              v(g(rl))
+            default: f(() => [
+              m(d(xl))
             ]),
             _: 1
           })
@@ -2655,193 +2917,404 @@ const _l = /* @__PURE__ */ L({
       });
     };
   }
-}), wl = /* @__PURE__ */ G(_l, [["__scopeId", "data-v-8c0c738e"]]), yl = {
+}), Il = /* @__PURE__ */ W(Nl, [["__scopeId", "data-v-8c0c738e"]]), Pl = {
   key: 0,
   class: "ml-vertical-toolbar-container"
-}, bl = /* @__PURE__ */ L({
+}, Ol = /* @__PURE__ */ S({
   __name: "MlToolBars",
   setup(t) {
-    const { t: e } = P(), n = ce(), i = k(() => [
+    const { t: e } = O(), n = pe(), i = M(() => [
       {
-        icon: qt,
+        icon: Jt,
         text: e("main.verticalToolbar.select.text"),
         command: "select",
         description: e("main.verticalToolbar.select.description")
       },
       {
-        icon: Ht,
+        icon: Xt,
         text: e("main.verticalToolbar.pan.text"),
         command: "pan",
         description: e("main.verticalToolbar.pan.description")
       },
       {
-        icon: Qt,
+        icon: an,
         text: e("main.verticalToolbar.zoomToExtent.text"),
         command: "zoom",
         description: e("main.verticalToolbar.zoomToExtent.description")
       },
       {
-        icon: Yt,
+        icon: nn,
         text: e("main.verticalToolbar.zoomToBox.text"),
         command: "zoomw",
         description: e("main.verticalToolbar.zoomToBox.description")
       },
       {
-        icon: Pt,
+        icon: jt,
         text: e("main.verticalToolbar.layer.text"),
         command: "la",
         description: e("main.verticalToolbar.layer.description")
       }
     ]), l = (o) => {
-      T.instance.sendStringToExecute(o);
+      E.instance.sendStringToExecute(o);
     };
-    return (o, a) => g(n).isShowToolbar ? (u(), y("div", yl, [
-      v(g(Bo), {
+    return (o, a) => d(n).isShowToolbar ? (u(), _("div", Pl, [
+      m(d(Io), {
         items: i.value,
         size: "small",
         direction: "vertical",
         onClick: l
       }, null, 8, ["items"])
-    ])) : q("", !0);
+    ])) : R("", !0);
   }
-}), xl = /* @__PURE__ */ L({
+}), Rl = { class: "ml-notification-item-icon" }, Hl = { class: "ml-notification-item-content" }, Gl = { class: "ml-notification-item-header" }, Wl = { class: "ml-notification-item-title" }, Ul = { class: "ml-notification-item-actions" }, ql = {
+  key: 0,
+  class: "ml-notification-item-message"
+}, jl = { class: "ml-notification-item-footer" }, Yl = { class: "ml-notification-item-time" }, Kl = /* @__PURE__ */ S({
+  __name: "MlNotificationItem",
+  props: {
+    notification: {}
+  },
+  emits: ["close", "action"],
+  setup(t) {
+    const e = t, { t: n } = O(), i = M(() => {
+      switch (e.notification.type) {
+        case "info":
+          return Be;
+        case "warning":
+          return Al;
+        case "error":
+          return gl;
+        case "success":
+          return Dl;
+        default:
+          return Be;
+      }
+    }), l = (a) => {
+      a.action();
+    }, o = (a) => {
+      const s = (/* @__PURE__ */ new Date()).getTime() - a.getTime(), p = Math.floor(s / 6e4), g = Math.floor(s / 36e5), b = Math.floor(s / 864e5);
+      return b > 0 ? n("main.notification.time.daysAgo", { count: b }) : g > 0 ? n("main.notification.time.hoursAgo", { count: g }) : p > 0 ? n("main.notification.time.minutesAgo", { count: p }) : n("main.notification.time.justNow");
+    };
+    return (a, r) => {
+      const s = C("el-icon"), p = C("el-button");
+      return u(), _("div", {
+        class: we(["ml-notification-item", `ml-notification-item--${a.notification.type}`])
+      }, [
+        c("div", Rl, [
+          m(s, null, {
+            default: f(() => [
+              (u(), z(ue(i.value)))
+            ]),
+            _: 1
+          })
+        ]),
+        c("div", Hl, [
+          c("div", Gl, [
+            c("h4", Wl, T(a.notification.title), 1),
+            c("div", Ul, [
+              a.notification.actions && a.notification.actions.length > 0 ? (u(!0), _(j, { key: 0 }, K(a.notification.actions, (g) => (u(), z(p, {
+                key: g.label,
+                type: g.primary ? "primary" : "default",
+                size: "small",
+                onClick: (b) => l(g)
+              }, {
+                default: f(() => [
+                  N(T(g.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "onClick"]))), 128)) : R("", !0),
+              m(p, {
+                text: "",
+                size: "small",
+                onClick: r[0] || (r[0] = (g) => a.$emit("close"))
+              }, {
+                default: f(() => [
+                  m(s, null, {
+                    default: f(() => [
+                      m(d(Pe))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          a.notification.message ? (u(), _("p", ql, T(a.notification.message), 1)) : R("", !0),
+          c("div", jl, [
+            c("span", Yl, T(o(a.notification.timestamp)), 1)
+          ])
+        ])
+      ], 2);
+    };
+  }
+}), Xl = /* @__PURE__ */ W(Kl, [["__scopeId", "data-v-e1dde915"]]), Ql = { class: "ml-notification-center" }, Zl = { class: "ml-notification-center-header" }, Jl = { class: "ml-notification-center-title" }, ea = { class: "ml-notification-center-actions" }, ta = { class: "ml-notification-center-content" }, na = {
+  key: 0,
+  class: "ml-notification-center-empty"
+}, oa = {
+  key: 1,
+  class: "ml-notification-list"
+}, la = /* @__PURE__ */ S({
+  __name: "MlNotificationCenter",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(t) {
+    const { t: e } = O(), n = t, i = M(
+      () => n.title ?? e("main.notification.center.title")
+    ), { notifications: l, remove: o, clearAll: a } = me(), r = (s) => {
+      s.action();
+    };
+    return (s, p) => {
+      const g = C("el-icon"), b = C("el-button"), v = C("el-tooltip");
+      return u(), _("div", Ql, [
+        c("div", Zl, [
+          c("div", Jl, [
+            m(g, { class: "ml-notification-center-icon" }, {
+              default: f(() => [
+                m(d(he))
+              ]),
+              _: 1
+            }),
+            c("span", null, T(i.value), 1)
+          ]),
+          c("div", ea, [
+            d(l).length > 0 ? (u(), z(v, {
+              key: 0,
+              content: d(e)("main.notification.center.clearAll"),
+              "hide-after": 0
+            }, {
+              default: f(() => [
+                m(b, {
+                  text: "",
+                  circle: "",
+                  size: "small",
+                  class: "ml-notification-center-clear",
+                  onClick: d(a)
+                }, {
+                  default: f(() => [
+                    m(g, null, {
+                      default: f(() => [
+                        m(d(wl))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["content"])) : R("", !0),
+            m(b, {
+              text: "",
+              size: "small",
+              class: "ml-notification-center-close",
+              onClick: p[0] || (p[0] = (h) => s.$emit("close"))
+            }, {
+              default: f(() => [
+                m(g, null, {
+                  default: f(() => [
+                    m(d(Pe))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        c("div", ta, [
+          d(l).length === 0 ? (u(), _("div", na, [
+            m(g, { class: "ml-notification-center-empty-icon" }, {
+              default: f(() => [
+                m(d(he))
+              ]),
+              _: 1
+            }),
+            c("p", null, T(d(e)("main.notification.center.noNotifications")), 1)
+          ])) : (u(), _("div", oa, [
+            (u(!0), _(j, null, K(d(l), (h) => (u(), z(Xl, {
+              key: h.id,
+              notification: h,
+              onClose: (w) => d(o)(h.id),
+              onAction: r
+            }, null, 8, ["notification", "onClose"]))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+}), aa = /* @__PURE__ */ W(la, [["__scopeId", "data-v-56d037f5"]]), ia = /* @__PURE__ */ S({
   __name: "MlFullScreenButton",
   setup(t) {
-    const { t: e } = P(), { isFullscreen: n, toggle: i } = Ue(), l = k(() => ({
-      onIcon: be,
-      offIcon: be,
+    const { t: e } = O(), { isFullscreen: n, toggle: i } = Ze(), l = M(() => ({
+      onIcon: Ce,
+      offIcon: Ce,
       onTooltip: e("main.statusBar.fullScreen.on"),
       offTooltip: e("main.statusBar.fullScreen.off")
-    })), o = k(() => !n.value);
-    return (a, s) => (u(), C(g(Ve), {
+    })), o = M(() => !n.value);
+    return (a, r) => (u(), z(d(Ie), {
       modelValue: o.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => o.value = r),
+      "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
       data: l.value,
-      onClick: g(i)
+      onClick: d(i)
     }, null, 8, ["modelValue", "data", "onClick"]));
   }
-}), kl = /* @__PURE__ */ L({
+}), sa = /* @__PURE__ */ S({
+  __name: "MlNotificationButton",
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const { t: n } = O(), { unreadCount: i } = me(), l = e, o = () => {
+      l("click");
+    };
+    return (a, r) => {
+      const s = C("el-badge"), p = C("el-button"), g = C("el-tooltip");
+      return u(), z(g, {
+        content: d(n)("main.statusBar.notification.tooltip"),
+        "hide-after": 0
+      }, {
+        default: f(() => [
+          m(p, {
+            class: "ml-notification-button",
+            icon: d(he),
+            onClick: o
+          }, {
+            default: f(() => [
+              d(i) > 0 ? (u(), z(s, {
+                key: 0,
+                value: d(i),
+                max: 99,
+                class: "ml-notification-badge"
+              }, null, 8, ["value"])) : R("", !0)
+            ]),
+            _: 1
+          }, 8, ["icon"])
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), ra = /* @__PURE__ */ W(sa, [["__scopeId", "data-v-48c740b7"]]), ca = /* @__PURE__ */ S({
   __name: "MlPointStyleButton",
   setup(t) {
-    const { t: e } = P(), n = () => {
-      T.instance.sendStringToExecute("pttype");
+    const { t: e } = O(), n = () => {
+      E.instance.sendStringToExecute("pttype");
     };
     return (i, l) => {
-      const o = M("el-button"), a = M("el-tooltip");
-      return u(), C(a, {
-        content: g(e)("main.statusBar.pointStyle.tooltip"),
+      const o = C("el-button"), a = C("el-tooltip");
+      return u(), z(a, {
+        content: d(e)("main.statusBar.pointStyle.tooltip"),
         "hide-after": 0
       }, {
-        default: p(() => [
-          v(o, {
+        default: f(() => [
+          m(o, {
             class: "ml-point-style-button",
-            icon: g(dl),
-            onClick: l[0] || (l[0] = (s) => n())
+            icon: d(Sl),
+            onClick: l[0] || (l[0] = (r) => n())
           }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), Ml = /* @__PURE__ */ G(kl, [["__scopeId", "data-v-29692d7d"]]), Sl = {
+}), ua = /* @__PURE__ */ W(ca, [["__scopeId", "data-v-29692d7d"]]), da = {
   key: 0,
   class: "ml-progress"
-}, Cl = /* @__PURE__ */ L({
+}, ma = /* @__PURE__ */ S({
   __name: "MlProgress",
   setup(t) {
-    const { t: e } = P(), n = x(0), i = x(!1), l = (a) => {
-      if (a.stage === "CONVERSION") {
-        const s = we.service({
+    const { t: e } = O(), n = x(0), i = x(!1), { warning: l } = me(), o = (r) => {
+      if (r.stage === "CONVERSION") {
+        const s = ke.service({
           lock: !0
         });
-        if (a.subStage) {
-          const r = zt(a.subStage);
-          if (s.setText(r), a.subStage === "PARSE" && a.subStageStatus === "END" && a.data) {
-            const c = a.data;
-            c.unknownEntityCount > 0 && Q({
-              showClose: !0,
-              message: e("main.message.unknownEntities", {
-                count: c.unknownEntityCount
-              }),
-              grouping: !0,
-              type: "warning"
-            });
+        if (r.subStage) {
+          const p = At(r.subStage);
+          if (s.setText(p), r.subStage === "PARSE" && r.subStageStatus === "END" && r.data) {
+            const g = r.data;
+            g.unknownEntityCount > 0 && l(
+              e("main.notification.title.parsingWarning"),
+              e("main.message.unknownEntities", {
+                count: g.unknownEntityCount
+              })
+            );
           }
         }
-        n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close());
-      } else if (a.stage === "FETCH_FILE") {
-        const s = we.service({
+        n.value = r.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close());
+      } else if (r.stage === "FETCH_FILE") {
+        const s = ke.service({
           lock: !0
         });
-        s.setText(e("main.message.fetchingDrawingFile")), n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close());
+        s.setText(e("main.message.fetchingDrawingFile")), n.value = r.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, s.close());
       }
-    }, o = (a) => `${a.toFixed(0)}%`;
-    return H(() => {
-      Y.on("open-file-progress", l);
-    }), te(() => {
-      Y.off("open-file-progress", l);
-    }), (a, s) => i.value ? (u(), y("div", Sl, [
-      v(g(Je), {
+    }, a = (r) => `${r.toFixed(0)}%`;
+    return U(() => {
+      X.on("open-file-progress", o);
+    }), ne(() => {
+      X.off("open-file-progress", o);
+    }), (r, s) => i.value ? (u(), _("div", da, [
+      m(d(at), {
         "text-inside": !0,
         "stroke-width": 20,
         percentage: n.value,
-        format: o
+        format: a
       }, null, 8, ["percentage"])
-    ])) : q("", !0);
+    ])) : R("", !0);
   }
-}), Ll = /* @__PURE__ */ G(Cl, [["__scopeId", "data-v-fe8fa18d"]]), zl = /* @__PURE__ */ L({
+}), pa = /* @__PURE__ */ W(ma, [["__scopeId", "data-v-35ad24b9"]]), fa = /* @__PURE__ */ S({
   __name: "MlSettingButton",
   setup(t) {
-    const { t: e } = P(), 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);
+    const { t: e } = O(), n = pe(), i = (l) => {
+      l == "isShowCoordinate" ? (n.isShowCoordinate = !n.isShowCoordinate, Q.instance.isShowCoordinate = n.isShowCoordinate) : l == "isShowCommandLine" ? (n.isShowCommandLine = !n.isShowCommandLine, Q.instance.isShowCommandLine = n.isShowCommandLine) : l == "isShowToolbar" ? (n.isShowToolbar = !n.isShowToolbar, Q.instance.isShowToolbar = n.isShowToolbar) : l == "isShowStats" && (n.isShowStats = !n.isShowStats, Q.instance.isShowStats = n.isShowStats);
     };
     return (l, o) => {
-      const a = M("el-button"), s = M("el-dropdown-item"), r = M("el-dropdown-menu"), c = M("el-dropdown"), w = M("el-tooltip");
-      return u(), C(w, {
-        content: g(e)("main.statusBar.setting.tooltip"),
+      const a = C("el-button"), r = C("el-dropdown-item"), s = C("el-dropdown-menu"), p = C("el-dropdown"), g = C("el-tooltip");
+      return u(), z(g, {
+        content: d(e)("main.statusBar.setting.tooltip"),
         "hide-after": 0
       }, {
-        default: p(() => [
-          v(c, {
+        default: f(() => [
+          m(p, {
             trigger: "click",
             onCommand: i
           }, {
-            dropdown: p(() => [
-              v(r, null, {
-                default: p(() => [
-                  v(s, {
-                    icon: g(n).isShowStats ? g(le) : "",
+            dropdown: f(() => [
+              m(s, null, {
+                default: f(() => [
+                  m(r, {
+                    icon: d(n).isShowStats ? d(ie) : "",
                     command: "isShowStats"
                   }, {
-                    default: p(() => [
-                      F(D(g(e)("main.statusBar.setting.stats")), 1)
+                    default: f(() => [
+                      N(T(d(e)("main.statusBar.setting.stats")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  v(s, {
-                    icon: g(n).isShowCommandLine ? g(le) : "",
+                  m(r, {
+                    icon: d(n).isShowCommandLine ? d(ie) : "",
                     command: "isShowCommandLine"
                   }, {
-                    default: p(() => [
-                      F(D(g(e)("main.statusBar.setting.commandLine")), 1)
+                    default: f(() => [
+                      N(T(d(e)("main.statusBar.setting.commandLine")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  v(s, {
-                    icon: g(n).isShowCoordinate ? g(le) : "",
+                  m(r, {
+                    icon: d(n).isShowCoordinate ? d(ie) : "",
                     command: "isShowCoordinate"
                   }, {
-                    default: p(() => [
-                      F(D(g(e)("main.statusBar.setting.coordinate")), 1)
+                    default: f(() => [
+                      N(T(d(e)("main.statusBar.setting.coordinate")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"]),
-                  v(s, {
-                    icon: g(n).isShowToolbar ? g(le) : "",
+                  m(r, {
+                    icon: d(n).isShowToolbar ? d(ie) : "",
                     command: "isShowToolbar"
                   }, {
-                    default: p(() => [
-                      F(D(g(e)("main.statusBar.setting.toolbar")), 1)
+                    default: f(() => [
+                      N(T(d(e)("main.statusBar.setting.toolbar")), 1)
                     ]),
                     _: 1
                   }, 8, ["icon"])
@@ -2849,10 +3322,10 @@ const _l = /* @__PURE__ */ L({
                 _: 1
               })
             ]),
-            default: p(() => [
-              v(a, {
+            default: f(() => [
+              m(a, {
                 class: "ml-setting-button",
-                icon: g(pl)
+                icon: d(zl)
               }, null, 8, ["icon"])
             ]),
             _: 1
@@ -2862,61 +3335,64 @@ const _l = /* @__PURE__ */ L({
       }, 8, ["content"]);
     };
   }
-}), Dl = /* @__PURE__ */ G(zl, [["__scopeId", "data-v-666f03a3"]]), Bl = /* @__PURE__ */ L({
+}), va = /* @__PURE__ */ W(fa, [["__scopeId", "data-v-666f03a3"]]), ga = /* @__PURE__ */ S({
   __name: "MlThemeButton",
   setup(t) {
-    const { t: e } = P(), n = k(() => ({
-      onIcon: vl,
-      offIcon: cl,
+    const { t: e } = O(), n = M(() => ({
+      onIcon: $l,
+      offIcon: Ml,
       onTooltip: e("main.statusBar.theme.light"),
       offTooltip: e("main.statusBar.theme.dark")
     }));
-    return (i, l) => (u(), C(g(Ve), {
-      modelValue: g(ae),
-      "onUpdate:modelValue": l[0] || (l[0] = (o) => Oe(ae) ? ae.value = o : null),
+    return (i, l) => (u(), z(d(Ie), {
+      modelValue: d(se),
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => qe(se) ? se.value = o : null),
       data: n.value,
-      onClick: l[1] || (l[1] = (o) => g(mt)())
+      onClick: l[1] || (l[1] = (o) => d(_t)())
     }, null, 8, ["modelValue", "data"]));
   }
-}), Tl = /* @__PURE__ */ L({
+}), ha = /* @__PURE__ */ S({
   __name: "MlWarningButton",
   setup(t) {
     const e = () => {
-      T.instance.sendStringToExecute("md");
-    }, { fonts: n, images: i } = $e(), l = k(() => i.size > 0 || n.size > 0);
+      E.instance.sendStringToExecute("md");
+    }, { fonts: n, images: i } = Ne(), l = M(() => i.size > 0 || n.size > 0);
     return (o, a) => {
-      const s = M("el-button");
-      return l.value ? (u(), C(s, {
+      const r = C("el-button");
+      return l.value ? (u(), z(r, {
         key: 0,
         class: "ml-warning-button",
         type: "warning",
-        icon: g(hl),
-        onClick: a[0] || (a[0] = (r) => e())
-      }, null, 8, ["icon"])) : q("", !0);
+        icon: d(Fl),
+        onClick: a[0] || (a[0] = (s) => e())
+      }, null, 8, ["icon"])) : R("", !0);
     };
   }
-}), El = /* @__PURE__ */ G(Tl, [["__scopeId", "data-v-3411a3ec"]]), $l = /* @__PURE__ */ L({
+}), _a = /* @__PURE__ */ W(ha, [["__scopeId", "data-v-3411a3ec"]]), wa = /* @__PURE__ */ S({
   __name: "MlStatusBar",
-  setup(t) {
-    const { text: e } = dt(T.instance.curView), n = vt(T.instance), i = ce(), l = (o) => {
-      Be().layoutManager.setCurrentLayoutBtrId(
-        o.blockTableRecordId
+  emits: ["toggleNotificationCenter"],
+  setup(t, { emit: e }) {
+    const { text: n } = ht(E.instance.curView), i = bt(E.instance), l = pe(), { isMobile: o } = Nt(), a = (p) => {
+      Ae().layoutManager.setCurrentLayoutBtrId(
+        p.blockTableRecordId
       );
+    }, r = e, s = () => {
+      r("toggleNotificationCenter");
     };
-    return (o, a) => {
-      const s = M("el-button"), r = M("el-button-group");
-      return u(), C(g(Lo), { class: "ml-status-bar" }, {
-        left: p(() => [
-          v(r, { class: "ml-status-bar-left-button-group" }, {
-            default: p(() => [
-              (u(!0), y(j, null, X(g(n), (c) => (u(), C(s, {
+    return (p, g) => {
+      const b = C("el-button"), v = C("el-button-group");
+      return u(), z(d(Vo), { class: "ml-status-bar" }, {
+        left: f(() => [
+          m(v, { class: "ml-status-bar-left-button-group" }, {
+            default: f(() => [
+              (u(!0), _(j, null, K(d(i), (h) => (u(), z(b, {
                 class: "ml-status-bar-layout-button",
-                key: c.name,
-                type: c.isActive ? "primary" : "",
-                onClick: (w) => l(c)
+                key: h.name,
+                type: h.isActive ? "primary" : "",
+                onClick: (w) => a(h)
               }, {
-                default: p(() => [
-                  F(D(c.name), 1)
+                default: f(() => [
+                  N(T(h.name), 1)
                 ]),
                 _: 2
               }, 1032, ["type", "onClick"]))), 128))
@@ -2924,24 +3400,25 @@ const _l = /* @__PURE__ */ L({
             _: 1
           })
         ]),
-        right: p(() => [
-          v(Ll),
-          v(r, { class: "ml-status-bar-right-button-group" }, {
-            default: p(() => [
-              g(i).isShowCoordinate ? (u(), C(s, {
+        right: f(() => [
+          m(pa),
+          m(v, { class: "ml-status-bar-right-button-group" }, {
+            default: f(() => [
+              d(l).isShowCoordinate && !d(o) ? (u(), z(b, {
                 key: 0,
                 class: "ml-status-bar-current-pos"
               }, {
-                default: p(() => [
-                  F(D(g(e)), 1)
+                default: f(() => [
+                  N(T(d(n)), 1)
                 ]),
                 _: 1
-              })) : q("", !0),
-              v(El),
-              v(Bl),
-              v(xl),
-              v(Ml),
-              v(Dl)
+              })) : R("", !0),
+              m(_a),
+              m(ra, { onClick: s }),
+              m(ga),
+              m(ia),
+              m(ua),
+              m(va)
             ]),
             _: 1
           })
@@ -2950,193 +3427,217 @@ const _l = /* @__PURE__ */ L({
       });
     };
   }
-}), Vl = /* @__PURE__ */ G($l, [["__scopeId", "data-v-ee6f13c4"]]), Al = {
+}), ya = /* @__PURE__ */ W(wa, [["__scopeId", "data-v-24578503"]]), ba = {
   key: 0,
   class: "ml-cad-viewer-container"
-}, Fl = { class: "ml-file-name" }, da = /* @__PURE__ */ L({
+}, xa = { class: "ml-file-name" }, Qa = /* @__PURE__ */ S({
   __name: "MlCadViewer",
   props: {
     locale: { default: "default" },
     url: { default: void 0 },
     localFile: { default: void 0 },
-    background: { default: void 0 }
+    background: { default: void 0 },
+    baseUrl: { default: void 0 }
   },
   setup(t) {
-    const e = t, { t: n } = P(), { effectiveLocale: i, elementPlusLocale: l } = Ee(e.locale), o = x(), a = x(null), s = k(() => a.value), r = async (f, m) => {
-      const h = { minimumChunkSize: 1e3 };
-      await T.instance.openDocument(f, m, h), Z.fileName = f;
-    }, c = async (f) => {
+    const e = t, { t: n } = O(), { effectiveLocale: i, elementPlusLocale: l } = Fe(e.locale), { info: o, warning: a, error: r, success: s } = me(), p = x(), g = x(null), b = M(() => g.value), v = x(!1), h = async (y, L) => {
+      const D = { minimumChunkSize: 1e3 };
+      await E.instance.openDocument(y, L, D), Z.fileName = y;
+    }, w = async (y) => {
       try {
-        const m = { minimumChunkSize: 1e3 };
-        await T.instance.openUrl(f, m);
-        const h = f.split("/").pop();
-        Z.fileName = h ?? "";
-      } catch (m) {
-        console.error("Failed to open file from URL:", m), Q({
-          message: n("main.message.failedToOpenFile", { fileName: f }),
+        const L = { minimumChunkSize: 1e3 };
+        await E.instance.openUrl(y, L);
+        const D = y.split("/").pop();
+        Z.fileName = D ?? "";
+      } catch (L) {
+        console.error("Failed to open file from URL:", L), oe({
+          message: n("main.message.failedToOpenFile", { fileName: y }),
           grouping: !0,
           type: "error",
           showClose: !0
         });
       }
-    }, w = async (f) => {
-      var m;
+    }, k = async (y) => {
       try {
-        const h = (m = f.name.split(".").pop()) == null ? void 0 : m.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 N;
-              const B = (N = V.target) == null ? void 0 : N.result;
-              B ? $(B) : I(new Error("Failed to read file content"));
-            }, _.onerror = () => I(new Error("Failed to read file"));
+        const L = new FileReader();
+        L.readAsArrayBuffer(y);
+        const D = await new Promise(
+          (P, $) => {
+            L.onload = (F) => {
+              var J;
+              const G = (J = F.target) == null ? void 0 : J.result;
+              G ? P(G) : $(new Error("Failed to read file content"));
+            }, L.onerror = () => $(new Error("Failed to read file"));
           }
-        ), S = { minimumChunkSize: 1e3 };
-        await T.instance.openDocument(f.name, b, S), Z.fileName = f.name;
-      } catch (h) {
-        console.error("Failed to open local file:", h), Q({
-          message: n("main.message.failedToOpenFile", { fileName: f.name }),
+        ), H = { minimumChunkSize: 1e3 };
+        await E.instance.openDocument(y.name, D, H), Z.fileName = y.name;
+      } catch (L) {
+        console.error("Failed to open local file:", L), oe({
+          message: n("main.message.failedToOpenFile", { fileName: y.name }),
           grouping: !0,
           type: "error",
           showClose: !0
         });
       }
     };
-    return E(
+    A(
       () => e.url,
-      async (f) => {
-        f && c(f);
+      async (y) => {
+        y && w(y);
       }
-    ), E(
+    ), A(
       () => e.localFile,
-      async (f) => {
-        f && w(f);
+      async (y) => {
+        y && k(y);
       }
-    ), E(
+    ), A(
       () => e.background,
-      (f) => {
-        f != null && (T.instance.curView.backgroundColor = f);
+      (y) => {
+        y != null && (E.instance.curView.backgroundColor = y);
+      }
+    ), A(
+      () => e.baseUrl,
+      (y) => {
+        y && (E.instance.baseUrl = y);
       }
-    ), H(async () => {
-      o.value && (Pl(o.value), Rl(), a.value = T.instance), e.url ? c(e.url) : e.localFile && w(e.localFile), e.background != null && (T.instance.curView.backgroundColor = e.background);
-    }), Y.on("message", (f) => {
-      Q({
-        message: f.message,
+    ), U(async () => {
+      p.value && (Ca(p.value), Ma(), g.value = E.instance), e.url ? w(e.url) : e.localFile && k(e.localFile), e.background != null && (E.instance.curView.backgroundColor = e.background), e.baseUrl && (E.instance.baseUrl = e.baseUrl);
+    }), X.on("message", (y) => {
+      switch (oe({
+        message: y.message,
         grouping: !0,
-        type: f.type,
+        type: y.type,
         showClose: !0
+      }), y.type) {
+        case "success":
+          s("System Message", y.message);
+          break;
+        case "warning":
+          a("System Warning", y.message);
+          break;
+        case "error":
+          r("System Error", y.message);
+          break;
+        default:
+          o("System Info", y.message);
+          break;
+      }
+    }), X.on("fonts-not-loaded", (y) => {
+      const L = y.fonts.map((H) => H.fontName).join(", "), D = n("main.message.fontsNotLoaded", { fonts: L });
+      r(n("main.notification.title.fontNotFound"), D);
+    }), X.on("fonts-not-found", (y) => {
+      const L = n("main.message.fontsNotFound", {
+        fonts: y.fonts.join(", ")
       });
-    }), Y.on("font-not-loaded", (f) => {
-      Q({
-        message: n("main.message.fontNotLoaded", {
-          fontName: f.fontName,
-          url: f.url
-        }),
+      a(n("main.notification.title.fontNotFound"), L);
+    }), X.on("failed-to-get-avaiable-fonts", (y) => {
+      oe({
+        message: n("main.message.failedToGetAvaiableFonts", { url: y.url }),
         grouping: !0,
         type: "error",
         showClose: !0
       });
-    }), Y.on("failed-to-get-avaiable-fonts", (f) => {
-      Q({
-        message: n("main.message.failedToGetAvaiableFonts", { url: f.url }),
-        grouping: !0,
-        type: "error",
-        showClose: !0
+    }), X.on("failed-to-open-file", (y) => {
+      const L = n("main.message.failedToOpenFile", {
+        fileName: y.fileName
       });
-    }), Y.on("failed-to-open-file", (f) => {
-      Q({
-        message: n("main.message.failedToOpenFile", { fileName: f.fileName }),
+      oe({
+        message: L,
         grouping: !0,
         type: "error",
         showClose: !0
-      });
-    }), (f, m) => {
-      const h = M("el-config-provider");
-      return u(), y(j, null, [
-        d("canvas", {
+      }), r("File Opening Failed", L);
+    });
+    const B = () => {
+      v.value = !v.value;
+    }, V = () => {
+      v.value = !1;
+    };
+    return (y, L) => {
+      const D = C("el-config-provider");
+      return u(), _(j, null, [
+        c("canvas", {
           ref_key: "canvasRef",
-          ref: o,
+          ref: p,
           class: "ml-cad-canvas"
         }, null, 512),
-        a.value ? (u(), y("div", Al, [
-          v(h, { locale: g(l) }, {
-            default: p(() => [
-              d("header", null, [
-                v(g(wl)),
-                v(g(ll), { "current-locale": g(i) }, null, 8, ["current-locale"])
+        g.value ? (u(), _("div", ba, [
+          m(D, { locale: d(l) }, {
+            default: f(() => [
+              c("header", null, [
+                m(d(Il)),
+                m(d(ml), { "current-locale": d(i) }, null, 8, ["current-locale"])
               ]),
-              d("main", null, [
-                d("div", Fl, D(g(Z).fileName), 1),
-                v(g(bl)),
-                v(g(Qo), { editor: s.value }, null, 8, ["editor"]),
-                v(g(Bt))
+              c("main", null, [
+                c("div", xa, T(d(Z).fileName), 1),
+                m(d(Ol)),
+                m(d(al), { editor: b.value }, null, 8, ["editor"]),
+                m(d(It))
               ]),
-              d("footer", null, [
-                v(g(el)),
-                v(g(Vl))
+              c("footer", null, [
+                m(d(rl)),
+                m(d(ya), { onToggleNotificationCenter: B })
               ]),
-              v(g(Et), { onFileRead: r }),
-              v(g(nl))
+              m(d(Ot), { onFileRead: h }),
+              m(d(ul)),
+              v.value ? (u(), z(d(aa), {
+                key: 0,
+                onClose: V
+              })) : R("", !0)
             ]),
             _: 1
           }, 8, ["locale"])
-        ])) : q("", !0)
+        ])) : R("", !0)
       ], 64);
     };
   }
-}), Il = () => {
-  W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+}), ka = () => {
+  q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "log",
     "log",
-    new Ol()
-  ), W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+    new La()
+  ), q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "la",
     "la",
-    new Nl()
-  ), W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+    new Sa()
+  ), q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "md",
     "md",
-    new Hl()
-  ), W.instance.addCommand(
-    W.SYSTEMT_COMMAND_GROUP_NAME,
+    new za()
+  ), q.instance.addCommand(
+    q.SYSTEMT_COMMAND_GROUP_NAME,
     "pttype",
     "pttype",
-    new Gl()
+    new Ba()
   );
-}, Rl = () => {
-  const { registerDialog: t } = oe();
+}, Ma = () => {
+  const { registerDialog: t } = ae();
   t({
     name: "ReplacementDlg",
-    component: he(Vt),
+    component: be(Ht),
     props: {}
   }), t({
     name: "PointStyleDlg",
-    component: he(ao),
+    component: be(fo),
     props: {}
   });
-}, Pl = (t) => {
-  T.createInstance(t), Re(), Il(), T.instance.loadDefaultFonts();
-}, Z = U({
+}, Ca = (t) => {
+  E.createInstance(t), Ge(), ka(), E.instance.loadDefaultFonts();
+}, Z = Y({
   fileName: "",
   dialogs: {
     layerManager: !1
   }
 });
-class Nl extends re {
+class Sa extends ce {
   execute(e) {
     Z.dialogs.layerManager = !0;
   }
 }
-class Ol extends re {
+class La extends ce {
   execute(e) {
     this.printSelectionSet(e), this.printStats(e), this.printPerformanceData();
   }
@@ -3152,20 +3653,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], s = l.layers.map((r) => (o[0] = r.line.indexed.geometrySize / 1024, o[1] = r.line.nonIndexed.geometrySize / 1024, o[2] = r.mesh.indexed.geometrySize / 1024, o[3] = r.mesh.nonIndexed.geometrySize / 1024, o[4] = r.point.indexed.geometrySize / 1024, o[5] = r.point.nonIndexed.geometrySize / 1024, a[0] += o[0], a[1] += o[1], a[2] += o[2], a[3] += o[3], a[4] += o[4], a[5] += o[5], {
-        name: r.name,
+      const l = n[i], o = [0, 0, 0, 0, 0, 0], a = [0, 0, 0, 0, 0, 0], r = l.layers.map((s) => (o[0] = s.line.indexed.geometrySize / 1024, o[1] = s.line.nonIndexed.geometrySize / 1024, o[2] = s.mesh.indexed.geometrySize / 1024, o[3] = s.mesh.nonIndexed.geometrySize / 1024, o[4] = s.point.indexed.geometrySize / 1024, o[5] = s.point.nonIndexed.geometrySize / 1024, a[0] += o[0], a[1] += o[1], a[2] += o[2], a[3] += o[3], a[4] += o[4], a[5] += o[5], {
+        name: s.name,
         "idx line (KB)": o[0].toFixed(1),
         "line (KB)": o[1].toFixed(1),
         "idx mesh (KB)": o[2].toFixed(1),
         "mesh (KB)": o[3].toFixed(1),
         "idx point (KB)": o[4].toFixed(1),
         "point (KB)": o[5].toFixed(1),
-        "total geo (KB)": (r.summary.totalGeometrySize / 1024).toFixed(1),
-        "total mapping (KB)": (r.summary.totalMappingSize / 1024).toFixed(
+        "total geo (KB)": (s.summary.totalGeometrySize / 1024).toFixed(1),
+        "total mapping (KB)": (s.summary.totalMappingSize / 1024).toFixed(
           1
         )
       }));
-      s.push({
+      r.push({
         name: "total",
         "idx line (KB)": a[0].toFixed(1),
         "line (KB)": a[1].toFixed(1),
@@ -3177,61 +3678,65 @@ class Ol extends re {
         "total mapping (KB)": (l.summary.totalSize.mapping / 1024).toFixed(
           1
         )
-      }), console.table(s), console.groupEnd();
+      }), console.table(r), console.groupEnd();
     }
   }
   printPerformanceData() {
-    Ge.getInstance().printAll();
+    Ye.getInstance().printAll();
   }
 }
-class Hl extends re {
+class za extends ce {
   execute(e) {
-    const { toggleDialog: n } = oe();
+    const { toggleDialog: n } = ae();
     n("ReplacementDlg", !0);
   }
 }
-class Gl extends re {
+class Ba extends ce {
   execute(e) {
-    const { toggleDialog: n } = oe();
+    const { toggleDialog: n } = ae();
     n("PointStyleDlg", !0);
   }
 }
 export {
-  Nl as AcApLayerStateCmd,
-  Ol as AcApLogCmd,
-  Hl as AcApMissedDataCmd,
-  Gl as AcApPointStyleCmd,
-  Te as MlBaseDialog,
-  da as MlCadViewer,
-  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,
-  Lt as colorName,
-  zt as conversionSubStageName,
-  Ct as entityName,
-  ee as i18n,
-  ae as isDark,
-  ca as sysCmdDescription,
-  mt as toggleDark,
-  ut as useCommands,
-  dt as useCurrentPos,
-  oe as useDialogManager,
-  pt as useFileTypes,
-  gt as useLayers,
-  vt as useLayouts,
-  Ee as useLocale,
-  $e as useMissedData,
-  ce as useSettings,
-  Dt as useSystemVars,
-  ua as userCmdDescription
+  Sa as AcApLayerStateCmd,
+  La as AcApLogCmd,
+  za as AcApMissedDataCmd,
+  Ba as AcApPointStyleCmd,
+  Ve as MlBaseDialog,
+  Qa as MlCadViewer,
+  rl as MlCommandLine,
+  It as MlDialogManager,
+  ul as MlEntityInfo,
+  Ot as MlFileReader,
+  ml as MlLanguageSelector,
+  al as MlLayerManager,
+  Il as MlMainMenu,
+  aa as MlNotificationCenter,
+  Xl as MlNotificationItem,
+  fo as MlPointStyleDlg,
+  Ht as MlReplacementDlg,
+  ya as MlStatusBar,
+  Ie as MlToggleButton,
+  Ol as MlToolBars,
+  ye as cmdDescription,
+  Et as colorName,
+  At as conversionSubStageName,
+  $t as entityName,
+  te as i18n,
+  se as isDark,
+  Ka as sysCmdDescription,
+  _t as toggleDark,
+  gt as useCommands,
+  ht as useCurrentPos,
+  ae as useDialogManager,
+  wt as useFileTypes,
+  Nt as useIsMobile,
+  yt as useLayers,
+  bt as useLayouts,
+  Fe as useLocale,
+  Ne as useMissedData,
+  me as useNotificationCenter,
+  pe as useSettings,
+  Ft as useSystemVars,
+  Xa as userCmdDescription
 };