@mlightcad/cad-viewer 1.0.2 → 1.0.3

package/README.md

@@ -8,6 +8,7 @@ CAD Viewer is a **high-performance** Vue 3 component for viewing and editing CAD
 - **No backend required** - Files are parsed and processed entirely in the browser
 - **Enhanced data security** - Files never leave your device, ensuring complete privacy
 - **Easy integration** - No server setup or backend infrastructure needed for third-party integration
+- **Customizable UI** - Control visibility of toolbars, command line, coordinates, and performance stats
 - Modern UI optimized for large CAD file handling
 - State management for layers, entities, and settings
 - Integration with optimized SVG and THREE.js renderers
@@ -119,43 +120,45 @@ The `MlCadViewer` component accepts the following props:
 |----------|------|---------|-------------|
 | `locale` | `'en' \| 'zh' \| 'default'` | `'default'` | Sets the language for the component interface. Use `'en'` for English, `'zh'` for Chinese, or `'default'` to use the browser's default language. |
 | `url` | `string` | `undefined` | Optional URL to automatically load a CAD file when the component mounts. The file will be fetched and opened automatically. |
-| `wait` | `number` | `10` | When set to a positive number, the component will wait for DWG converter ready for use for the specified number of seconds before initializing. This is useful when you need to ensure DWG file support is available before the component becomes interactive. Set to `0` or negative value to disable waiting. |
+| `wait` | `number` | `10` | When set to a positive number, the component will wait for DWG converter ready to use for the specified number of seconds before initializing. This is useful when you need to ensure DWG file support is available before the component becomes interactive. Set to `0` or negative value to disable waiting. |
 
-### Usage Examples
+### UI Settings
 
-#### Basic Usage with Default Settings
-```vue
-<template>
-  <MlCadViewer />
-</template>
-```
+The `MlCadViewer` reads its UI visibility from the global `AcApSettingManager` (provided by `@mlightcad/cad-simple-viewer`). Configure these flags anywhere before rendering the viewer to customize the UI.
 
-#### With Custom Locale
+| Setting | Type | Default | Description |
+|---------|------|---------|-------------|
+| `isShowToolbar` | `boolean` | `true` | Controls toolbar visibility |
+| `isShowCommandLine` | `boolean` | `true` | Controls command line visibility |
+| `isShowCoordinate` | `boolean` | `true` | Controls coordinate display visibility |
+| `isShowStats` | `boolean` | `false` | Controls performance statistics display |
+
+#### Example (recommended)
 ```vue
 <template>
   <MlCadViewer locale="en" />
+  <!-- Or provide url/wait props as needed -->
+  <!-- <MlCadViewer :wait="10" url="https://example.com/drawing.dwg" /> -->
+  
 </template>
-```
 
-#### Auto-load File from URL
-```vue
-<template>
-  <MlCadViewer 
-    locale="zh" 
-    url="https://example.com/path/to/drawing.dwg" 
-  />
-</template>
+<script setup lang="ts">
+import { MlCadViewer } from '@mlightcad/cad-viewer'
+import { AcApSettingManager } from '@mlightcad/cad-simple-viewer'
+
+// Configure global UI flags before the viewer mounts
+AcApSettingManager.instance.isShowCommandLine = false
+// Optional toggles
+// AcApSettingManager.instance.isShowToolbar = false
+// AcApSettingManager.instance.isShowStats = true
+// AcApSettingManager.instance.isShowCoordinate = false
+</script>
 ```
 
-#### Wait for DWG Converter Ready to Use
-```vue
-<template>
-  <MlCadViewer 
-    :wait="10"
-    url="https://example.com/path/to/drawing.dwg" 
-  />
-</template>
-```
+#### Notes
+
+- Settings are global and immediately reflected by `MlCadViewer`.
+- You can change them at runtime using the same `AcApSettingManager.instance` reference.
 
 ### Component Features
 

package/dist/component/MlCadViewer.vue.d.ts

@@ -1,7 +1,10 @@
 import { LocaleProp } from '../locale';
 interface Props {
+    /** Language locale for internationalization ('en', 'zh', or 'default') */
     locale?: LocaleProp;
+    /** Optional URL to automatically load a CAD file on component mount */
     url?: string;
+    /** Timeout in seconds to wait for DWG converter (libredwg.js) to load before proceeding */
     wait?: number;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {

package/dist/component/MlCadViewer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MlCadViewer.vue.d.ts","sourceRoot":"","sources":["../../src/component/MlCadViewer.vue"],"names":[],"mappings":"AAuOA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAatC,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;;;;;;;;;;YAHU,UAAU;SACb,MAAM;UACL,MAAM;;AAmTf,wBAMG;AAEH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GAC5C,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AACF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MlCadViewer.vue.d.ts","sourceRoot":"","sources":["../../src/component/MlCadViewer.vue"],"names":[],"mappings":"AAyCA;AAiYA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAatC,UAAU,KAAK;IACb,0EAA0E;IAC1E,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;;;;;;;;;;YALU,UAAU;SAEb,MAAM;UAEL,MAAM;;AAiVf,wBAMG;AAEH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GAC5C,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AACF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/composable/index.d.ts

@@ -1,11 +1,12 @@
-export * from './useCurrentPos';
 export * from './useCommands';
+export * from './useCurrentPos';
 export * from './useDark';
 export * from './useDialogManager';
+export * from './useFileTypes';
 export * from './useLayers';
 export * from './useLayouts';
+export * from './useLocale';
 export * from './useMissedData';
 export * from './useSettings';
 export * from './useSystemVars';
-export * from './useLocale';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composable/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composable/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}

package/dist/index.js

@@ -1,8 +1,8 @@
 import "./index.css";
 import "element-plus/dist/index.css";
 import { AcEdCommand as re, AcEdCommandStack as q, AcApDocManager as D, eventBus as j, AcApSettingManager as Y, AcApConvertToSvgCmd as Ie, AcApQNewCmd as Pe, AcApOpenCmd as Ne } from "@mlightcad/cad-simple-viewer";
-import { ref as x, onMounted as H, onUnmounted as ee, computed as k, reactive as W, watch as E, defineComponent as L, resolveComponent as M, createBlock as C, openBlock as u, unref as m, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as F, toDisplayString as B, createElementVNode as d, createElementBlock as w, Fragment as K, renderList as X, resolveDynamicComponent as ge, mergeProps as Oe, mergeModels as Z, useCssVars as Ce, useModel as fe, createCommentVNode as U, normalizeStyle as pe, normalizeClass as Le, pushScopeId as ze, popScopeId as Be, onBeforeUnmount as De, withKeys as He, isRef as Re, markRaw as _e } from "vue";
-import { AcCmPerformanceCollector as Ge, acdbHostApplicationServices as Te, AcDbDatabaseConverterManager as Ee, AcDbFileType as qe } from "@mlightcad/data-model";
+import { reactive as W, ref as x, onMounted as H, onUnmounted as ee, computed as k, watch as E, defineComponent as L, resolveComponent as M, createBlock as C, openBlock as u, unref as m, withCtx as p, renderSlot as ie, createVNode as v, createTextVNode as F, toDisplayString as B, createElementVNode as d, createElementBlock as w, Fragment as K, renderList as X, resolveDynamicComponent as ge, mergeProps as Oe, mergeModels as Z, useCssVars as Ce, useModel as fe, createCommentVNode as U, normalizeStyle as pe, normalizeClass as Le, pushScopeId as ze, popScopeId as Be, onBeforeUnmount as De, withKeys as He, isRef as Re, markRaw as _e } from "vue";
+import { AcCmPerformanceCollector as Ge, AcDbDatabaseConverterManager as Te, acdbHostApplicationServices as Ee, AcDbFileType as qe } from "@mlightcad/data-model";
 import { useDark as We, useToggle as Ue, useFullscreen as je } from "@vueuse/core";
 import Ye from "element-plus/es/locale/lang/en";
 import Ke from "element-plus/es/locale/lang/zh-cn";
@@ -70,12 +70,23 @@ class st extends re {
     Ge.getInstance().printAll();
   }
 }
+function ct() {
+  const t = W([]), e = q.instance.iterator();
+  for (const n of e)
+    t.push({
+      commandName: n.command.localName,
+      groupName: n.commandGroup
+    });
+  return t.sort(
+    (n, i) => n.commandName.toLowerCase().localeCompare(i.commandName.toLowerCase())
+  ), t;
+}
 const ye = new Intl.NumberFormat("en-US", {
   style: "decimal",
   minimumFractionDigits: 2,
   maximumFractionDigits: 2
 });
-function ct(t) {
+function ut(t) {
   const e = x(0), n = x(0);
   function i(o) {
     e.value = o.x, n.value = o.y;
@@ -84,17 +95,6 @@ function ct(t) {
   const l = k(() => `${ye.format(e.value)}, ${ye.format(n.value)}`);
   return { x: e, y: n, text: l };
 }
-function ut() {
-  const t = W([]), e = q.instance.iterator();
-  for (const n of e)
-    t.push({
-      commandName: n.command.localName,
-      groupName: n.commandGroup
-    });
-  return t.sort(
-    (n, i) => n.commandName.toLowerCase().localeCompare(i.commandName.toLowerCase())
-  ), t;
-}
 const ae = We(), dt = Ue(ae), ne = W([]);
 function mt(t) {
   ne.find((n) => n.name === t.name) || ne.push({ ...t, visible: !1 });
@@ -114,7 +114,15 @@ function oe() {
     getDialogByName: vt
   };
 }
-function gt(t) {
+function gt() {
+  const t = x(/* @__PURE__ */ new Set()), e = Te.instance;
+  for (const n of e.fileTypes)
+    t.value.add(n);
+  return e.events.registered.addEventListener((n) => {
+    t.value.add(n.fileType);
+  }), t;
+}
+function ft(t) {
   const e = W([]), n = t.curDocument, i = (l) => {
     const o = l.tables.layerTable.newIterator();
     for (const a of o)
@@ -144,7 +152,7 @@ function gt(t) {
     e.length = 0, i(l.doc.database);
   }), e;
 }
-function ft(t) {
+function ht(t) {
   const e = W([]), n = t.curDocument, i = (l) => {
     const o = l.dictionaries.layouts.newIterator();
     e.length = 0;
@@ -159,7 +167,7 @@ function ft(t) {
   };
   return i(n.database), t.events.documentActivated.addEventListener((l) => {
     e.length = 0, i(l.doc.database);
-  }), Te().layoutManager.events.layoutSwitched.addEventListener(
+  }), Ee().layoutManager.events.layoutSwitched.addEventListener(
     (l) => {
       const o = l.newLayout;
       e.forEach((a) => {
@@ -168,47 +176,6 @@ function ft(t) {
     }
   ), e;
 }
-function $e() {
-  const t = W(/* @__PURE__ */ new Map()), e = W(/* @__PURE__ */ new Map()), n = () => {
-    const i = D.instance.curView.missedData, l = Y.instance.fontMapping;
-    t.clear(), Object.keys(i.fonts).forEach((o) => {
-      const a = l[o];
-      t.set(o, a || "");
-    }), e.clear(), i.images.forEach((o, a) => {
-      const s = e.get(o);
-      s ? s.ids.add(a) : e.set(o, {
-        fileName: o,
-        ids: /* @__PURE__ */ new Set([a])
-      });
-    });
-  };
-  return D.instance.events.documentActivated.addEventListener(() => {
-    n();
-  }), j.on("font-not-found", (i) => {
-    n();
-  }), {
-    fonts: t,
-    images: e
-  };
-}
-function ce() {
-  const t = W(
-    Y.instance.settings
-  );
-  return Y.instance.events.modified.addEventListener((e) => {
-    t[e.key] = e.value;
-  }), t;
-}
-function ht(t) {
-  const e = W({}), n = t.curDocument, i = (l) => {
-    e.pdmode = l.pdmode, e.pdmode = l.pdsize;
-  };
-  return i(n.database), n.database.events.headerSysVarChanged.addEventListener((l) => {
-    e[l.name] = l.database[l.name];
-  }), t.events.documentActivated.addEventListener((l) => {
-    i(l.doc.database);
-  }), e;
-}
 const _t = {
   ACAD: {
     csvg: "Converts current drawing to SVG",
@@ -425,11 +392,11 @@ const _t = {
     dimstyle: "Parsing dimension styles ...",
     layer: "Parsing layers ...",
     vport: "Parsing viewports ...",
-    blockrecord: "Prasing block record ...",
+    blockrecord: "Parsing block record ...",
     header: "Parsing header ...",
     block: "Parsing blocks ...",
     entity: "Parsing entities ...",
-    object: "Prasing named dictionaries ...",
+    object: "Parsing named dictionaries ...",
     end: "Finished!"
   },
   verticalToolbar: {
@@ -831,7 +798,7 @@ const _t = {
   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 } = N(), i = x((() => {
     const r = localStorage.getItem(me);
     return r === "en" || r === "zh" ? r : navigator.language.toLowerCase().substring(0, 2) === "zh" ? "zh" : "en";
@@ -865,19 +832,60 @@ function Ve(t) {
     isControlled: k(() => !!(t && t !== "default"))
   };
 }
-class Tt extends re {
+function Ve() {
+  const t = W(/* @__PURE__ */ new Map()), e = W(/* @__PURE__ */ new Map()), n = () => {
+    const i = D.instance.curView.missedData, l = Y.instance.fontMapping;
+    t.clear(), Object.keys(i.fonts).forEach((o) => {
+      const a = l[o];
+      t.set(o, a || "");
+    }), e.clear(), i.images.forEach((o, a) => {
+      const s = e.get(o);
+      s ? s.ids.add(a) : e.set(o, {
+        fileName: o,
+        ids: /* @__PURE__ */ new Set([a])
+      });
+    });
+  };
+  return D.instance.events.documentActivated.addEventListener(() => {
+    n();
+  }), j.on("font-not-found", (i) => {
+    n();
+  }), {
+    fonts: t,
+    images: e
+  };
+}
+function ce() {
+  const t = W(
+    Y.instance.settings
+  );
+  return Y.instance.events.modified.addEventListener((e) => {
+    t[e.key] = e.value;
+  }), t;
+}
+function Tt(t) {
+  const e = W({}), n = t.curDocument, i = (l) => {
+    e.pdmode = l.pdmode, e.pdmode = l.pdsize;
+  };
+  return i(n.database), n.database.events.headerSysVarChanged.addEventListener((l) => {
+    e[l.name] = l.database[l.name];
+  }), t.events.documentActivated.addEventListener((l) => {
+    i(l.doc.database);
+  }), e;
+}
+class Et extends re {
   execute(e) {
     const { toggleDialog: n } = oe();
     n("ReplacementDlg", !0);
   }
 }
-class Et extends re {
+class $t extends re {
   execute(e) {
     const { toggleDialog: n } = oe();
     n("PointStyleDlg", !0);
   }
 }
-const $t = /* @__PURE__ */ L({
+const Vt = /* @__PURE__ */ L({
   __name: "MlBaseDialog",
   props: {
     title: {
@@ -958,7 +966,7 @@ const $t = /* @__PURE__ */ L({
   for (const [i, l] of e)
     n[i] = l;
   return n;
-}, Ae = /* @__PURE__ */ R($t, [["__scopeId", "data-v-8df470d5"]]), Vt = /* @__PURE__ */ L({
+}, Ae = /* @__PURE__ */ R(Vt, [["__scopeId", "data-v-8df470d5"]]), At = /* @__PURE__ */ L({
   __name: "MlDialogManager",
   setup(t, { expose: e }) {
     const { dialogs: n, toggleDialog: i, registerDialog: l } = oe();
@@ -974,20 +982,11 @@ const $t = /* @__PURE__ */ L({
       }, { ref_for: !0 }, s.props), null, 16, ["modelValue", "onUpdate:modelValue"]))
     ]))), 128));
   }
-});
-function At() {
-  const t = x(/* @__PURE__ */ new Set()), e = Ee.instance;
-  for (const n of e.fileTypes)
-    t.value.add(n);
-  return e.events.registered.addEventListener((n) => {
-    t.value.add(n.fileType);
-  }), t;
-}
-const Ft = ["accept"], It = /* @__PURE__ */ L({
+}), Ft = ["accept"], It = /* @__PURE__ */ L({
   __name: "MlFileReader",
   emits: ["file-read"],
   setup(t, { emit: e }) {
-    const n = e, i = x(null), l = At(), o = k(() => {
+    const n = e, i = x(null), l = gt(), o = k(() => {
       const s = Array.from(l.value);
       let r = "";
       for (let c = 0, f = s.length; c < f; ++c)
@@ -1060,7 +1059,7 @@ const Ft = ["accept"], It = /* @__PURE__ */ L({
 }), Fe = /* @__PURE__ */ R(Pt, [["__scopeId", "data-v-48d6b055"]]), Nt = /* @__PURE__ */ L({
   __name: "MlReplacementDlg",
   setup(t) {
-    const { t: e } = N(), { fonts: n, images: i } = $e(), l = x(!0), o = k(() => n.size > 0 ? "font" : "image"), a = x(null), s = k(() => D.instance.avaiableFonts.map((h) => h.name[0])), r = () => {
+    const { t: e } = N(), { fonts: n, images: i } = Ve(), l = x(!0), o = k(() => n.size > 0 ? "font" : "image"), a = x(null), s = k(() => D.instance.avaiableFonts.map((h) => h.name[0])), r = () => {
       const g = D.instance.curDocument.database;
       i.forEach((_) => {
         _.file && _.ids.forEach((y) => {
@@ -1563,7 +1562,7 @@ function so(t, e) {
 const co = { render: so }, uo = /* @__PURE__ */ L({
   __name: "MlPointStyleDlg",
   setup(t) {
-    const { t: e } = N(), n = ht(D.instance), i = x(!0), l = x(0), o = [
+    const { t: e } = N(), n = Tt(D.instance), i = x(!0), l = x(0), o = [
       [
         { id: 0, icon: an },
         { id: 1, icon: cn },
@@ -2247,7 +2246,7 @@ const Wo = (t) => (ze("data-v-11a64c54"), t = t(), Be(), t), Uo = /* @__PURE__ *
     editor: {}
   },
   setup(t) {
-    const { t: e } = N(), n = t, i = gt(n.editor), l = x(), o = x([]), a = (r) => {
+    const { t: e } = N(), n = t, i = ft(n.editor), l = x(), o = x([]), a = (r) => {
       o.value = r;
     }, s = (r) => {
       const c = n.editor.curDocument.database.tables.layerTable.getAt(
@@ -2339,7 +2338,7 @@ const Wo = (t) => (ze("data-v-11a64c54"), t = t(), Be(), t), Uo = /* @__PURE__ *
 }), nl = /* @__PURE__ */ R(tl, [["__scopeId", "data-v-d49ba2cb"]]), ol = { class: "autocomplete-container" }, ll = /* @__PURE__ */ L({
   __name: "MlCommandLine",
   setup(t) {
-    const { t: e } = N(), n = ce(), i = ut(), l = x(""), o = x(""), a = (c, f) => {
+    const { t: e } = N(), n = ce(), i = ct(), l = x(""), o = x(""), a = (c, f) => {
       const b = c ? i.filter(
         (g) => g.commandName.startsWith(c.toLowerCase())
       ) : i;
@@ -2527,7 +2526,7 @@ const Wo = (t) => (ze("data-v-11a64c54"), t = t(), Be(), t), Uo = /* @__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"
@@ -2912,7 +2911,7 @@ const kl = /* @__PURE__ */ L({
   setup(t) {
     const e = () => {
       D.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 s = M("el-button");
       return l.value ? (u(), C(s, {
@@ -2927,8 +2926,8 @@ const kl = /* @__PURE__ */ L({
 }), Il = /* @__PURE__ */ R(Fl, [["__scopeId", "data-v-3411a3ec"]]), Pl = /* @__PURE__ */ L({
   __name: "MlStatusBar",
   setup(t) {
-    const { text: e } = ct(D.instance.curView), n = ft(D.instance), i = ce(), l = (o) => {
-      Te().layoutManager.setCurrentLayoutBtrId(
+    const { text: e } = ut(D.instance.curView), n = ht(D.instance), i = ce(), l = (o) => {
+      Ee().layoutManager.setCurrentLayoutBtrId(
         o.blockTableRecordId
       );
     };
@@ -2991,7 +2990,7 @@ const kl = /* @__PURE__ */ L({
       const c = ve.service({
         lock: !0,
         text: i("main.message.loadingDwgConverter")
-      }), f = () => Ee.instance.get(
+      }), f = () => Te.instance.get(
         qe.DWG
       ) ? (c.close(), r(), !0) : !1;
       if (f())
@@ -3006,7 +3005,7 @@ const kl = /* @__PURE__ */ L({
           `DWG converter loading timeout after ${e.wait} seconds - proceeding anyway`
         ), c.close(), clearInterval(h), r());
       }, 500);
-    }), { t: i } = N(), { effectiveLocale: l, elementPlusLocale: o } = Ve(e.locale), a = async (r, c) => {
+    }), { t: i } = N(), { effectiveLocale: l, elementPlusLocale: o } = $e(e.locale), a = async (r, c) => {
       const f = { minimumChunkSize: 1e3 };
       await D.instance.openDocument(r, c, f), Q.fileName = r;
     }, s = async (r) => {
@@ -3077,7 +3076,7 @@ const kl = /* @__PURE__ */ L({
               v(m(nl), {
                 editor: m(D).instance
               }, null, 8, ["editor"]),
-              v(m(Vt))
+              v(m(At))
             ]),
             d("footer", null, [
               v(m(al)),
@@ -3106,12 +3105,12 @@ const kl = /* @__PURE__ */ L({
     q.SYSTEMT_COMMAND_GROUP_NAME,
     "md",
     "md",
-    new Tt()
+    new Et()
   ), q.instance.addCommand(
     q.SYSTEMT_COMMAND_GROUP_NAME,
     "pttype",
     "pttype",
-    new Et()
+    new $t()
   );
 }, Rl = () => {
   Se({
@@ -3137,12 +3136,12 @@ const kl = /* @__PURE__ */ L({
 export {
   rt as AcApLayerStateCmd,
   st as AcApLogCmd,
-  Tt as AcApMissedDataCmd,
-  Et as AcApPointStyleCmd,
+  Et as AcApMissedDataCmd,
+  $t as AcApPointStyleCmd,
   Ae as MlBaseDialog,
   ua as MlCadViewer,
   al as MlCommandLine,
-  Vt as MlDialogManager,
+  At as MlDialogManager,
   rl as MlEntityInfo,
   It as MlFileReader,
   cl as MlLanguageSelector,
@@ -3164,14 +3163,15 @@ export {
   Q as store,
   sa as sysCmdDescription,
   dt as toggleDark,
-  ut as useCommands,
-  ct as useCurrentPos,
+  ct as useCommands,
+  ut as useCurrentPos,
   oe as useDialogManager,
-  gt as useLayers,
-  ft as useLayouts,
-  Ve as useLocale,
-  $e as useMissedData,
+  gt as useFileTypes,
+  ft as useLayers,
+  ht as useLayouts,
+  $e as useLocale,
+  Ve as useMissedData,
   ce as useSettings,
-  ht as useSystemVars,
+  Tt as useSystemVars,
   ca as userCmdDescription
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlightcad/cad-viewer",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "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/svg-renderer": "0.0.3",
-    "@mlightcad/three-renderer": "1.0.2"
+    "@mlightcad/three-renderer": "1.0.3",
+    "@mlightcad/svg-renderer": "0.0.4"
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
@@ -51,12 +51,12 @@
     "three": "^0.172.0"
   },
   "peerDependencies": {
-    "@mlightcad/data-model": "1.1.4",
+    "@mlightcad/data-model": "1.1.5",
     "@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.2"
+    "@mlightcad/cad-simple-viewer": "1.0.3"
   },
   "scripts": {
     "analyze": "vite build --mode analyze",