@mlightcad/cad-viewer 1.0.16 → 1.0.18

package/dist/composable/useCurrentPos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrentPos.d.ts","sourceRoot":"","sources":["../../src/composable/useCurrentPos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,8BAA8B,CAAA;AAS/E,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY;;;;EAsB/C"}
+{"version":3,"file":"useCurrentPos.d.ts","sourceRoot":"","sources":["../../src/composable/useCurrentPos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,8BAA8B,CAAA;AAqB/E,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY;;;;EAsB/C"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import "./index.css";
 import { AcEdCommandStack as q, AcApDocManager as B, eventBus as j, AcApSettingManager as Y, AcApConvertToSvgCmd as Ie, AcApQNewCmd as Fe, AcApOpenCmd as Pe, registerConverters as Re, AcEdCommand as re } from "@mlightcad/cad-simple-viewer";
 import "element-plus/dist/index.css";
-import { reactive as W, computed as k, defineComponent as L, onMounted as N, resolveComponent as M, createBlock as C, openBlock as u, unref as m, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as I, toDisplayString as D, createElementVNode as d, ref as b, onUnmounted as ee, watch as E, createElementBlock as w, Fragment as K, renderList as X, resolveDynamicComponent as ve, mergeProps as Oe, mergeModels as Z, useCssVars as Ce, useModel as ge, createCommentVNode as U, normalizeStyle as pe, normalizeClass as Le, pushScopeId as ze, popScopeId as De, onBeforeUnmount as Be, withKeys as Ne, isRef as He, markRaw as he } from "vue";
+import { reactive as W, computed as k, defineComponent as L, onMounted as O, resolveComponent as M, createBlock as C, openBlock as u, unref as m, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as I, toDisplayString as D, createElementVNode as d, ref as b, onUnmounted as ee, watch as E, createElementBlock as w, Fragment as K, renderList as X, resolveDynamicComponent as ve, mergeProps as Ne, mergeModels as Z, useCssVars as Ce, useModel as ge, createCommentVNode as U, normalizeStyle as pe, normalizeClass as Le, pushScopeId as ze, popScopeId as De, onBeforeUnmount as Be, withKeys as Oe, isRef as He, markRaw as he } from "vue";
 import { AcDbDatabaseConverterManager as Ge, acdbHostApplicationServices as Te, AcCmPerformanceCollector as qe } from "@mlightcad/data-model";
 import { useDark as We, useToggle as Ue, useFullscreen as je } from "@vueuse/core";
 import Ye from "element-plus/es/locale/lang/en";
@@ -69,7 +69,7 @@ const ut = /* @__PURE__ */ L({
     function r() {
       l("cancel"), l("update:modelValue", !1);
     }
-    return N(() => {
+    return O(() => {
       o({
         name: i.name,
         component: "BaseDialog",
@@ -129,18 +129,25 @@ function dt() {
     (n, i) => n.commandName.toLowerCase().localeCompare(i.commandName.toLowerCase())
   ), t;
 }
-const ye = new Intl.NumberFormat("en-US", {
-  style: "decimal",
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2
-});
+function ye(t, e = "en-US") {
+  const n = Math.abs(t);
+  if (n !== 0 && (n < 1e-3 || n >= 1e6)) {
+    const [i, l] = t.toExponential(3).split("e");
+    return `${new Intl.NumberFormat(e, {
+      maximumFractionDigits: 3
+    }).format(Number(i))}e${l}`;
+  } else
+    return new Intl.NumberFormat(e, {
+      maximumFractionDigits: 6
+    }).format(t);
+}
 function mt(t) {
   const e = b(0), n = b(0);
   function i(o) {
     e.value = o.x, n.value = o.y;
   }
-  N(() => t.events.mouseMove.addEventListener(i)), ee(() => t.events.mouseMove.removeEventListener(i));
-  const l = k(() => `${ye.format(e.value)}, ${ye.format(n.value)}`);
+  O(() => t.events.mouseMove.addEventListener(i)), ee(() => t.events.mouseMove.removeEventListener(i));
+  const l = k(() => `${ye(e.value)}, ${ye(n.value)}`);
   return { x: e, y: n, text: l };
 }
 const ae = We(), pt = Ue(ae);
@@ -199,7 +206,7 @@ function ft(t) {
     e.length = 0, i(l.doc.database);
   }), Te().layoutManager.events.layoutSwitched.addEventListener(
     (l) => {
-      const o = l.newLayout;
+      const o = l.layout;
       e.forEach((a) => {
         a.name == o.layoutName ? a.isActive = !0 : a.isActive = !1;
       });
@@ -846,7 +853,7 @@ const ht = {
   const e = J.global.t, n = "main.progress." + t.replace(/_/g, "").toLowerCase();
   return e(n, t);
 }, me = "preferred_lang";
-function Ve(t) {
+function $e(t) {
   const { locale: e } = R(), i = b((() => {
     const s = localStorage.getItem(me);
     return s === "en" || s === "zh" ? s : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
@@ -880,7 +887,7 @@ function Ve(t) {
     isControlled: k(() => !!(t && t !== "default"))
   };
 }
-function $e() {
+function Ve() {
   const t = W(/* @__PURE__ */ new Map()), e = W(/* @__PURE__ */ new Map()), n = () => {
     const i = B.instance.curView.missedData, l = Y.instance.fontMapping;
     t.clear(), Object.keys(i.fonts).forEach((o) => {
@@ -931,13 +938,13 @@ const Tt = /* @__PURE__ */ L({
     }), (o, a) => (u(!0), w(K, null, X(m(n), (r) => (u(), w("div", {
       key: r.name
     }, [
-      (u(), C(ve(r.component), Oe({
+      (u(), C(ve(r.component), Ne({
         modelValue: r.visible,
         "onUpdate:modelValue": (s) => r.visible = s
       }, { ref_for: !0 }, r.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
     ]))), 128));
   }
-}), Et = ["accept"], Vt = /* @__PURE__ */ L({
+}), Et = ["accept"], $t = /* @__PURE__ */ L({
   __name: "MlFileReader",
   emits: ["file-read"],
   setup(t, { emit: e }) {
@@ -948,7 +955,7 @@ const Tt = /* @__PURE__ */ L({
         c == f - 1 ? s += `.${r[c]}` : s += `.${r[c]}, `;
       return s;
     });
-    N(() => {
+    O(() => {
       j.on("open-file", () => {
         var r;
         (r = i.value) == null || r.click();
@@ -977,7 +984,7 @@ const Tt = /* @__PURE__ */ L({
       onChange: a
     }, null, 40, Et));
   }
-}), $t = /* @__PURE__ */ L({
+}), Vt = /* @__PURE__ */ L({
   __name: "MlToggleButton",
   props: /* @__PURE__ */ Z({
     size: { default: 30 },
@@ -1011,10 +1018,10 @@ const Tt = /* @__PURE__ */ L({
       }, 8, ["content"]);
     };
   }
-}), Ae = /* @__PURE__ */ H($t, [["__scopeId", "data-v-48d6b055"]]), At = /* @__PURE__ */ L({
+}), Ae = /* @__PURE__ */ H(Vt, [["__scopeId", "data-v-48d6b055"]]), At = /* @__PURE__ */ L({
   __name: "MlReplacementDlg",
   setup(t) {
-    const { t: e } = R(), { fonts: n, images: i } = $e(), l = b(!0), o = k(() => n.size > 0 ? "font" : "image"), a = b(null), r = k(() => B.instance.avaiableFonts.map((h) => h.name[0])), s = () => {
+    const { t: e } = R(), { fonts: n, images: i } = Ve(), l = b(!0), o = k(() => n.size > 0 ? "font" : "image"), a = b(null), r = k(() => B.instance.avaiableFonts.map((h) => h.name[0])), s = () => {
       const g = B.instance.curDocument.database;
       i.forEach((_) => {
         _.file && _.ids.forEach((y) => {
@@ -1040,7 +1047,7 @@ const Tt = /* @__PURE__ */ L({
       n.set(g, h);
     };
     return (g, h) => {
-      const _ = M("el-col"), y = M("el-row"), S = M("el-option"), V = M("el-select"), F = M("el-tab-pane"), $ = M("el-table-column"), T = M("el-button"), G = M("el-table"), P = M("el-tabs");
+      const _ = M("el-col"), y = M("el-row"), S = M("el-option"), $ = M("el-select"), F = M("el-tab-pane"), V = M("el-table-column"), T = M("el-button"), G = M("el-table"), P = M("el-tabs");
       return u(), C(Ee, {
         title: m(e)("dialog.replacementDlg.title"),
         modelValue: l.value,
@@ -1092,17 +1099,17 @@ const Tt = /* @__PURE__ */ L({
                         }, 1024),
                         v(_, { span: 12 }, {
                           default: p(() => [
-                            v(V, {
+                            v($, {
                               "model-value": A,
                               placeholder: m(e)("dialog.replacementDlg.selectFont"),
-                              "onUpdate:modelValue": (O) => x(z, O),
+                              "onUpdate:modelValue": (N) => x(z, N),
                               style: { width: "100%" }
                             }, {
                               default: p(() => [
-                                (u(!0), w(K, null, X(r.value, (O, de) => (u(), C(S, {
+                                (u(!0), w(K, null, X(r.value, (N, de) => (u(), C(S, {
                                   key: de,
-                                  label: O,
-                                  value: O
+                                  label: N,
+                                  value: N
                                 }, null, 8, ["label", "value"]))), 128))
                               ]),
                               _: 2
@@ -1129,13 +1136,13 @@ const Tt = /* @__PURE__ */ L({
                     "v-show": !1
                   }, {
                     default: p(() => [
-                      v($, {
+                      v(V, {
                         label: m(e)("dialog.replacementDlg.file"),
                         prop: "fileName",
                         "min-width": 0,
                         flex: 1
                       }, null, 8, ["label"]),
-                      v($, {
+                      v(V, {
                         label: m(e)("dialog.replacementDlg.replace"),
                         fixed: "right",
                         width: "60"
@@ -1218,14 +1225,14 @@ function Rt(t, e) {
     }, null, -1)
   ]));
 }
-const Ot = { render: Rt }, Nt = {
+const Nt = { render: Rt }, Ot = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
 function Ht(t, e) {
-  return u(), w("svg", Nt, e[0] || (e[0] = [
+  return u(), w("svg", Ot, e[0] || (e[0] = [
     d("path", { d: "m15.08 12.854.002-.002V5.59c0-.422-.652-.414-.652 0v3.466c0 .938-1.482.95-1.482 0v-4.83c0-.414-.638-.414-.638 0h-.014v4.83c.014.95-1.482.95-1.482 0V3.444c0-.42-.638-.414-.638 0v5.612c0 .95-1.494.95-1.494 0V4.232c0-.408-.64-.42-.64 0v6.756c0 .802-1.094 1.088-1.494.388q-.39-.669-.776-1.338c-.338-.482-1.1-.15-.794.38l.978 1.698.02.04q.829 1.418 1.658 2.834c.19.3.422.578.666.802h-.006c.672.61 1.528.964 2.418 1.052.888.06 1.792-.124 2.56-.612q.45-.285.816-.68a4 4 0 0 0 .734-1.204c.176-.482.258-.97.258-1.494m-.91-8.608-.004-.002c.958-.38 2.058.244 2.058 1.346v7.266c0 .652-.108 1.29-.332 1.894a4.8 4.8 0 0 1-.964 1.576 5.9 5.9 0 0 1-1.046.884c-.978.612-2.146.862-3.26.774a5.34 5.34 0 0 1-3.098-1.352 5.4 5.4 0 0 1-.87-1.034l-1.672-2.88-.012-.028-.978-1.706c-.59-1.018.068-2.186 1.156-2.336.536-.074 1.126.116 1.562.72.026.028.04.062.054.096q.061.11.122.218V4.234c0-1.176 1.244-1.788 2.202-1.278.42-1.278 2.378-1.264 2.792-.014.972-.51 2.222.102 2.222 1.284v.06z" }, null, -1)
   ]));
 }
@@ -1399,18 +1406,18 @@ function Tn(t, e) {
     d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const En = { render: Tn }, Vn = {
+const En = { render: Tn }, $n = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function $n(t, e) {
-  return u(), w("svg", Vn, e[0] || (e[0] = [
+function Vn(t, e) {
+  return u(), w("svg", $n, e[0] || (e[0] = [
     d("path", { d: "M17 3v14H3V3zm1-1H2v16h16z" }, null, -1)
   ]));
 }
-const An = { render: $n }, In = {
+const An = { render: Vn }, In = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
@@ -1429,14 +1436,14 @@ const Pn = { render: Fn }, Rn = {
   height: "1em",
   viewBox: "0 0 20 20"
 };
-function On(t, e) {
+function Nn(t, e) {
   return u(), w("svg", Rn, e[0] || (e[0] = [
     d("path", { d: "M17 3.08v14H3v-14zm1-1H2v16h16z" }, null, -1),
     d("path", { d: "m2.146 2.851.707-.707 14.998 14.998-.707.707z" }, null, -1),
     d("path", { d: "M2.146 17.149 17.144 2.15l.707.707L2.853 17.856z" }, null, -1)
   ]));
 }
-const Nn = { render: On }, Hn = {
+const On = { render: Nn }, Hn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
@@ -1536,7 +1543,7 @@ const ao = { render: lo }, io = /* @__PURE__ */ L({
         { id: 64, icon: En },
         { id: 65, icon: An },
         { id: 66, icon: Pn },
-        { id: 67, icon: Nn },
+        { id: 67, icon: On },
         { id: 68, icon: qn }
       ],
       [
@@ -1569,22 +1576,22 @@ const ao = { render: lo }, io = /* @__PURE__ */ L({
         onCancel: f
       }, {
         default: p(() => [
-          (u(), w(K, null, X(o, (S, V) => v(y, {
-            key: V,
+          (u(), w(K, null, X(o, (S, $) => v(y, {
+            key: $,
             style: { "margin-top": "10px" },
             gutter: 6,
             justify: "space-between"
           }, {
             default: p(() => [
-              (u(!0), w(K, null, X(S, (F, $) => (u(), C(_, {
-                key: $,
+              (u(!0), w(K, null, X(S, (F, V) => (u(), C(_, {
+                key: V,
                 span: 4
               }, {
                 default: p(() => [
                   v(h, {
                     icon: F.icon,
-                    type: r(V, $),
-                    onClick: (T) => s(V, $),
+                    type: r($, V),
+                    onClick: (T) => s($, V),
                     style: { "font-size": "25px" }
                   }, null, 8, ["icon", "type", "onClick"])
                 ]),
@@ -1790,7 +1797,7 @@ const zo = /* @__PURE__ */ ue(ko, [["render", Lo], ["__scopeId", "data-v-d6a59cf
         class: Le(l.value)
       }, {
         default: p(() => [
-          (u(!0), w(K, null, X(f.items, (S, V) => (u(), C(_, {
+          (u(!0), w(K, null, X(f.items, (S, $) => (u(), C(_, {
             key: S.text,
             content: r(S),
             "hide-after": 0
@@ -1799,7 +1806,7 @@ const zo = /* @__PURE__ */ ue(ko, [["render", Lo], ["__scopeId", "data-v-d6a59cf
               (u(), C(h, {
                 class: "ml-toolbar-button",
                 style: pe({ width: a.value + "px", height: a.value + "px" }),
-                key: V,
+                key: $,
                 onClick: (F) => c(S.command)
               }, {
                 default: p(() => [
@@ -1837,7 +1844,7 @@ function Eo(t, e, n) {
   }, r = () => {
     e.value && e.value.removeEventListener("mousemove", o), t.value && t.value.removeEventListener("mousemove", o);
   };
-  return N(() => {
+  return O(() => {
     window.addEventListener("mousemove", l);
   }), ee(() => {
     window.removeEventListener("mousemove", l);
@@ -1847,7 +1854,7 @@ function Eo(t, e, n) {
     s ? a() : r();
   }), { autoOpened: i };
 }
-function Vo(t, e, n) {
+function $o(t, e, n) {
   const i = b(!1), l = b(null), o = b(null), a = { x: 0, y: 0 }, r = k(() => l.value == null || o.value == null ? { x: 0, y: 0 } : {
     x: l.value.x - o.value.x,
     y: l.value.y - o.value.y
@@ -1876,12 +1883,12 @@ function Vo(t, e, n) {
     }
   }, g = (_) => {
     if (i.value && o.value && l.value) {
-      const y = window.innerWidth, S = window.innerHeight, V = t.value, F = V.getBoundingClientRect(), $ = F.width, T = F.height, G = o.value.x + (_.clientX - a.x), P = o.value.y + (_.clientY - a.y);
+      const y = window.innerWidth, S = window.innerHeight, $ = t.value, F = $.getBoundingClientRect(), V = F.width, T = F.height, G = o.value.x + (_.clientX - a.x), P = o.value.y + (_.clientY - a.y);
       l.value.x = Math.max(
         n ? n.value.offset.value.left : 0,
         G
       );
-      const z = y - $;
+      const z = y - V;
       l.value.x = Math.min(
         n ? z - n.value.offset.value.right : z,
         l.value.x
@@ -1893,12 +1900,12 @@ function Vo(t, e, n) {
       l.value.y = Math.min(
         n ? A - n.value.offset.value.bottom : A,
         l.value.y
-      ), V.style.left = l.value.x + "px", V.style.top = l.value.y + "px";
+      ), $.style.left = l.value.x + "px", $.style.top = l.value.y + "px";
     }
   }, h = () => {
     i.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", h);
   };
-  return N(() => {
+  return O(() => {
     t.value && (s(), c());
   }), ee(() => {
     t.value && t.value.removeEventListener("mousedown", x);
@@ -1910,8 +1917,8 @@ function Vo(t, e, n) {
     position: l
   };
 }
-function $o(t, e, n) {
-  const i = b(!1), l = b("left"), { isDragging: o, movement: a, position: r } = Vo(
+function Vo(t, e, n) {
+  const i = b(!1), l = b("left"), { isDragging: o, movement: a, position: r } = $o(
     t,
     e,
     n
@@ -1963,7 +1970,7 @@ function Fo(t, e = b({ left: 0, right: 0, top: 0, bottom: 0 })) {
       n.value.left = Math.max(o.left, e.value.left), n.value.top = Math.max(o.top, e.value.top), n.value.width = o.width, n.value.height = o.height, i = !0;
     }
   };
-  return N(() => {
+  return O(() => {
     t.value && l();
   }), E(t, (o) => {
     o && l();
@@ -1975,10 +1982,10 @@ function Fo(t, e = b({ left: 0, right: 0, top: 0, bottom: 0 })) {
 function Po(t, e = b(!1), n = b(!1), i = b({ left: 0, right: 0, top: 0, bottom: 0 }), l = { width: 20, height: 40 }) {
   const { initialRect: o } = Fo(t, i), a = b(!1);
   let r = 0, s = 0, c = 0, f = 0, x = 0;
-  const g = 5, h = b(null), _ = ($) => {
+  const g = 5, h = b(null), _ = (V) => {
     if (!(!t.value || e.value))
       if (a.value) {
-        const T = $.clientX - f, G = $.clientY - x;
+        const T = V.clientX - f, G = V.clientY - x;
         if (h.value === "left" || h.value === "left-bottom-corner") {
           const P = s - T;
           P > l.width && (o.value.width = P, o.value.left = r + T, t.value.style.left = o.value.left + "px", t.value.style.width = o.value.width + "px");
@@ -1992,26 +1999,26 @@ function Po(t, e = b(!1), n = b(!1), i = b({ left: 0, right: 0, top: 0, bottom:
           P > l.height && (o.value.height = P, t.value.style.height = o.value.height + "px");
         }
       } else {
-        const T = t.value.getBoundingClientRect(), G = $.clientX - T.left, P = $.clientY - T.top, z = G <= g, A = G >= T.width - g, O = P >= T.height - g;
-        z && O && n.value ? (t.value.style.cursor = "nesw-resize", h.value = "left-bottom-corner") : A && O && !n.value ? (t.value.style.cursor = "nwse-resize", h.value = "right-bottom-corner") : z && n.value ? (t.value.style.cursor = "ew-resize", h.value = "left") : A && !n.value ? (t.value.style.cursor = "ew-resize", h.value = "right") : O ? (t.value.style.cursor = "ns-resize", h.value = "bottom") : (t.value.style.cursor = "", h.value = null);
+        const T = t.value.getBoundingClientRect(), G = V.clientX - T.left, P = V.clientY - T.top, z = G <= g, A = G >= T.width - g, N = P >= T.height - g;
+        z && N && n.value ? (t.value.style.cursor = "nesw-resize", h.value = "left-bottom-corner") : A && N && !n.value ? (t.value.style.cursor = "nwse-resize", h.value = "right-bottom-corner") : z && n.value ? (t.value.style.cursor = "ew-resize", h.value = "left") : A && !n.value ? (t.value.style.cursor = "ew-resize", h.value = "right") : N ? (t.value.style.cursor = "ns-resize", h.value = "bottom") : (t.value.style.cursor = "", h.value = null);
       }
-  }, y = ($) => {
+  }, y = (V) => {
     if (!t.value || !h.value) return;
     const T = t.value.getBoundingClientRect();
-    f = $.clientX, x = $.clientY, s = T.width, c = T.height, r = T.left, o.value.width = s, o.value.height = c, o.value.left = T.left, o.value.top = T.top, a.value = !0, document.addEventListener("mousemove", _), document.addEventListener("mouseup", S);
+    f = V.clientX, x = V.clientY, s = T.width, c = T.height, r = T.left, o.value.width = s, o.value.height = c, o.value.left = T.left, o.value.top = T.top, a.value = !0, document.addEventListener("mousemove", _), document.addEventListener("mouseup", S);
   }, S = () => {
     a.value = !1, h.value = null, t.value && (t.value.style.cursor = ""), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", S);
-  }, V = () => {
+  }, $ = () => {
     t.value && (t.value.removeEventListener("mousedown", y), t.value.removeEventListener("mousemove", _)), document.removeEventListener("mouseup", S);
   }, F = () => {
     t.value && (t.value.addEventListener("mousedown", y), t.value.addEventListener("mousemove", _));
   };
-  return N(() => {
+  return O(() => {
     t.value && F();
   }), Be(() => {
-    V();
-  }), E(t, ($) => {
-    $ ? F() : V();
+    $();
+  }), E(t, (V) => {
+    V ? F() : $();
   }), { rect: o, isResizing: a };
 }
 function Ro(t, e, n, i) {
@@ -2027,7 +2034,7 @@ function Ro(t, e, n, i) {
   }, r = () => {
     t.value && t.value.addEventListener("transitionend", o);
   };
-  N(() => {
+  O(() => {
     t.value && t.value.addEventListener("transitionend", o);
   }), Be(() => {
     t.value && t.value.removeEventListener("transitionend", o);
@@ -2039,8 +2046,8 @@ function Ro(t, e, n, i) {
     l();
   });
 }
-function Oo(t, e, n, i) {
-  const l = b(window.innerWidth), o = b(window.innerHeight), { docked: a, orientation: r, movement: s, position: c, isDragging: f } = $o(
+function No(t, e, n, i) {
+  const l = b(window.innerWidth), o = b(window.innerHeight), { docked: a, orientation: r, movement: s, position: c, isDragging: f } = Vo(
     t,
     e,
     i
@@ -2054,28 +2061,28 @@ function Oo(t, e, n, i) {
     h,
     c,
     f
-  ), { lastTop: S, lastHeight: V } = Ao(
+  ), { lastTop: S, lastHeight: $ } = Ao(
     k(() => g.value.left),
     k(() => g.value.top),
     k(() => g.value.width),
     k(() => g.value.height)
   ), { autoOpened: F } = Eo(t, e, n);
   Ro(t, x, n, F);
-  const $ = (z) => {
+  const V = (z) => {
     if (t.value) {
-      const A = t.value.getBoundingClientRect(), O = A.left + z;
+      const A = t.value.getBoundingClientRect(), N = A.left + z;
       if (x.value) {
-        g.value.left = O;
+        g.value.left = N;
         const de = window.innerWidth - A.width - A.left;
-        A.left <= 0 && de >= 0 && z < 0 && (g.value.left = Math.max(0, O)), window.innerWidth - A.width <= 0 && (g.value.left = window.innerWidth - A.width);
+        A.left <= 0 && de >= 0 && z < 0 && (g.value.left = Math.max(0, N)), window.innerWidth - A.width <= 0 && (g.value.left = window.innerWidth - A.width);
       } else
-        A.left + A.width >= window.innerWidth && z < 0 && (g.value.left = Math.max(0, O));
+        A.left + A.width >= window.innerWidth && z < 0 && (g.value.left = Math.max(0, N));
     }
   }, T = () => {
     const z = window.innerWidth - l.value;
-    l.value = window.innerWidth, o.value = window.innerHeight, $(z);
+    l.value = window.innerWidth, o.value = window.innerHeight, V(z);
   };
-  N(() => {
+  O(() => {
     window.addEventListener("resize", T);
   }), ee(() => {
     window.removeEventListener("resize", T);
@@ -2083,7 +2090,7 @@ function Oo(t, e, n, i) {
   const G = (z) => {
     z ? (g.value.width = Me, x.value && y.value && _.value && (g.value.left = y.value + _.value - Me)) : (g.value.width = _.value, x.value && y.value && _.value && (g.value.left = y.value));
   }, P = () => {
-    a.value ? (g.value.top = i.value.offset.value.top, g.value.height = window.innerHeight - i.value.offset.value.top - i.value.offset.value.bottom) : (g.value.top = S.value, g.value.height = V.value);
+    a.value ? (g.value.top = i.value.offset.value.top, g.value.height = window.innerHeight - i.value.offset.value.top - i.value.offset.value.bottom) : (g.value.top = S.value, g.value.height = $.value);
   };
   return E(a, () => {
     P();
@@ -2098,7 +2105,7 @@ function Oo(t, e, n, i) {
     }
   }), { rect: g, orientation: r, reversed: x };
 }
-const No = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ */ No(() => /* @__PURE__ */ d("svg", {
+const Oo = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ */ Oo(() => /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
@@ -2133,7 +2140,7 @@ const No = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
       rect: c,
       orientation: f,
       reversed: x
-    } = Oo(r, a, o, s), g = k(() => ({
+    } = No(r, a, o, s), g = k(() => ({
       left: `${c.value.left}px`,
       top: `${c.value.top}px`,
       width: `${c.value.width}px`,
@@ -2153,7 +2160,7 @@ const No = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
       });
     };
     return (y, S) => {
-      const V = se;
+      const $ = se;
       return i.value ? (u(), w("div", {
         key: 0,
         ref_key: "toolPaletteElement",
@@ -2170,7 +2177,7 @@ const No = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
             class: "ml-tool-palette-title-bar",
             style: pe(h.value)
           }, [
-            v(V, {
+            v($, {
               size: 18,
               class: "ml-tool-palette-dialog-icon",
               onClick: _
@@ -2314,7 +2321,7 @@ const No = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
         "trigger-on-focus": "",
         "fit-input-width": !1,
         onSelect: r,
-        onKeydown: Ne(r, ["enter"]),
+        onKeydown: Oe(r, ["enter"]),
         class: "autocomplete-input"
       }, {
         default: p(({ item: x }) => [
@@ -2357,15 +2364,15 @@ const No = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
     }, x = () => {
       n.value = !1;
     };
-    return N(() => {
+    return O(() => {
       const g = B.instance.curView.events;
       g.hover.addEventListener(f), g.unhover.addEventListener(x);
     }), ee(() => {
       const g = B.instance.curView.events;
       g.hover.removeEventListener(f), g.unhover.removeEventListener(x);
     }), (g, h) => {
-      const _ = M("el-text"), y = M("el-col"), S = M("el-row"), V = M("el-card");
-      return c.value ? (u(), C(V, {
+      const _ = M("el-text"), y = M("el-col"), S = M("el-row"), $ = M("el-card");
+      return c.value ? (u(), C($, {
         key: 0,
         class: "ml-entity-info"
       }, {
@@ -2481,7 +2488,7 @@ const No = (t) => (ze("data-v-11a64c54"), t = t(), De(), t), Ho = /* @__PURE__ *
     currentLocale: { default: void 0 }
   },
   setup(t) {
-    const e = t, { effectiveLocale: n, setLocale: i } = Ve(e.currentLocale), l = W([
+    const e = t, { effectiveLocale: n, setLocale: i } = $e(e.currentLocale), l = W([
       {
         name: "en",
         text: "English"
@@ -2680,7 +2687,7 @@ const wl = /* @__PURE__ */ L({
         description: e("main.verticalToolbar.zoomToBox.description")
       },
       {
-        icon: Ot,
+        icon: Nt,
         text: e("main.verticalToolbar.layer.text"),
         command: "la",
         description: e("main.verticalToolbar.layer.description")
@@ -2759,7 +2766,7 @@ const wl = /* @__PURE__ */ L({
         r.setText(e("main.message.fetchingDrawingFile")), n.value = a.percentage, n.value < 100 ? i.value = !0 : (i.value = !1, r.close());
       }
     }, o = (a) => `${a.toFixed(0)}%`;
-    return N(() => {
+    return O(() => {
       j.on("open-file-progress", l);
     }), ee(() => {
       j.off("open-file-progress", l);
@@ -2866,7 +2873,7 @@ const wl = /* @__PURE__ */ L({
   setup(t) {
     const e = () => {
       B.instance.sendStringToExecute("md");
-    }, { fonts: n, images: i } = $e(), l = k(() => i.size > 0 || n.size > 0);
+    }, { fonts: n, images: i } = Ve(), l = k(() => i.size > 0 || n.size > 0);
     return (o, a) => {
       const r = M("el-button");
       return l.value ? (u(), C(r, {
@@ -2878,7 +2885,7 @@ const wl = /* @__PURE__ */ L({
       }, null, 8, ["icon"])) : U("", !0);
     };
   }
-}), Vl = /* @__PURE__ */ H(El, [["__scopeId", "data-v-3411a3ec"]]), $l = /* @__PURE__ */ L({
+}), $l = /* @__PURE__ */ H(El, [["__scopeId", "data-v-3411a3ec"]]), Vl = /* @__PURE__ */ L({
   __name: "MlStatusBar",
   setup(t) {
     const { text: e } = mt(B.instance.curView), n = ft(B.instance), i = ce(), l = (o) => {
@@ -2920,7 +2927,7 @@ const wl = /* @__PURE__ */ L({
                 ]),
                 _: 1
               })) : U("", !0),
-              v(Vl),
+              v($l),
               v(Tl),
               v(kl),
               v(Sl),
@@ -2933,7 +2940,7 @@ const wl = /* @__PURE__ */ L({
       });
     };
   }
-}), Al = /* @__PURE__ */ H($l, [["__scopeId", "data-v-ee6f13c4"]]), Il = { class: "ml-file-name" }, da = /* @__PURE__ */ L({
+}), Al = /* @__PURE__ */ H(Vl, [["__scopeId", "data-v-ee6f13c4"]]), Il = { class: "ml-file-name" }, da = /* @__PURE__ */ L({
   __name: "MlCadViewer",
   props: {
     locale: { default: "default" },
@@ -2945,7 +2952,7 @@ const wl = /* @__PURE__ */ L({
   setup(t) {
     const e = t;
     Rl(e.canvasId);
-    const { t: n } = R(), { effectiveLocale: i, elementPlusLocale: l } = Ve(e.locale), o = async (r, s) => {
+    const { t: n } = R(), { effectiveLocale: i, elementPlusLocale: l } = $e(e.locale), o = async (r, s) => {
       const c = { minimumChunkSize: 1e3 };
       await B.instance.openDocument(r, s, c), Q.fileName = r;
     }, a = async (r) => {
@@ -2973,7 +2980,7 @@ const wl = /* @__PURE__ */ L({
       (r) => {
         r != null && (B.instance.curView.backgroundColor = r);
       }
-    ), N(async () => {
+    ), O(async () => {
       e.url && a(e.url), e.background != null && (B.instance.curView.backgroundColor = e.background);
     }), j.on("message", (r) => {
       te({
@@ -3027,7 +3034,7 @@ const wl = /* @__PURE__ */ L({
               v(m(tl)),
               v(m(Al))
             ]),
-            v(m(Vt), { onFileRead: o }),
+            v(m($t), { onFileRead: o }),
             v(m(ol))
           ]),
           _: 1
@@ -3040,12 +3047,12 @@ const wl = /* @__PURE__ */ L({
     q.SYSTEMT_COMMAND_GROUP_NAME,
     "log",
     "log",
-    new Nl()
+    new Ol()
   ), q.instance.addCommand(
     q.SYSTEMT_COMMAND_GROUP_NAME,
     "la",
     "la",
-    new Ol()
+    new Nl()
   ), q.instance.addCommand(
     q.SYSTEMT_COMMAND_GROUP_NAME,
     "md",
@@ -3076,12 +3083,12 @@ const wl = /* @__PURE__ */ L({
     layerManager: !1
   }
 });
-class Ol extends re {
+class Nl extends re {
   execute(e) {
     Q.dialogs.layerManager = !0;
   }
 }
-class Nl extends re {
+class Ol extends re {
   execute(e) {
     this.printSelectionSet(e), this.printStats(e), this.printPerformanceData();
   }
@@ -3142,8 +3149,8 @@ class Gl extends re {
   }
 }
 export {
-  Ol as AcApLayerStateCmd,
-  Nl as AcApLogCmd,
+  Nl as AcApLayerStateCmd,
+  Ol as AcApLogCmd,
   Hl as AcApMissedDataCmd,
   Gl as AcApPointStyleCmd,
   Ee as MlBaseDialog,
@@ -3151,7 +3158,7 @@ export {
   tl as MlCommandLine,
   Tt as MlDialogManager,
   ol as MlEntityInfo,
-  Vt as MlFileReader,
+  $t as MlFileReader,
   al as MlLanguageSelector,
   Zo as MlLayerManager,
   yl as MlMainMenu,
@@ -3174,8 +3181,8 @@ export {
   vt as useFileTypes,
   gt as useLayers,
   ft as useLayouts,
-  Ve as useLocale,
-  $e as useMissedData,
+  $e as useLocale,
+  Ve as useMissedData,
   ce as useSettings,
   Bt as useSystemVars,
   ua as userCmdDescription

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlightcad/cad-viewer",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -42,8 +42,8 @@
     "vite-svg-loader": "^5.1.0",
     "vue-eslint-parser": "^9.4.3",
     "vue-tsc": "^2.1.6",
-    "@mlightcad/three-renderer": "1.0.14",
-    "@mlightcad/svg-renderer": "0.0.13"
+    "@mlightcad/three-renderer": "1.0.16",
+    "@mlightcad/svg-renderer": "0.0.15"
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
@@ -51,12 +51,12 @@
     "three": "^0.172.0"
   },
   "peerDependencies": {
-    "@mlightcad/data-model": "1.2.5",
+    "@mlightcad/data-model": "1.2.7",
     "@vueuse/core": "^11.1.0",
     "element-plus": "^2.9.1",
     "vue": "^3.4.21",
     "vue-i18n": "^10.0.1",
-    "@mlightcad/cad-simple-viewer": "1.0.16"
+    "@mlightcad/cad-simple-viewer": "1.0.18"
   },
   "scripts": {
     "analyze": "vite build --mode analyze",