@mlightcad/cad-viewer 1.1.11 → 1.1.12

package/README.md

@@ -11,6 +11,7 @@ CAD Viewer is a **high-performance** Vue 3 component for viewing and editing CAD
 - **Remote file support** - Load CAD files from URLs automatically
 - **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
+- **Customizable Resources** - Set custom base URLs for fonts, templates, and example files
 - Modern UI optimized for large CAD file handling
 - State management for layers, entities, and settings
 - Integration with optimized SVG and THREE.js renderers
@@ -140,6 +141,12 @@ Then create one vue component as follows.
       :background="0x808080" 
       :local-file="selectedFile" 
     /> -->
+    
+    <!-- With custom base URL for fonts and templates -->
+    <!-- <MlCADViewer 
+      :background="0x808080" 
+      :base-url="'https://my-cdn.com/cad-data/'"
+    /> -->
   </div>
 </template>
 
@@ -180,6 +187,7 @@ The `MlCadViewer` component accepts the following props:
 | `url` | `string` | `undefined` | Optional URL to automatically load a CAD file when the component mounts. The file will be fetched and opened automatically. **Note**: If not provided, users can still load local files using the main menu "Open" option. |
 | `localFile` | `File` | `undefined` | Optional local File object to automatically load a CAD file when the component mounts. The file will be read and opened automatically. **Note**: This takes precedence over the `url` prop if both are provided. |
 | `background` | `number` | `undefined` | Background color as 24-bit hexadecimal RGB (e.g., `0x000000` for black, `0x808080` for gray). |
+| `baseUrl` | `string` | `undefined` | Base URL for loading fonts, templates, and example files. This URL is used by the CAD viewer to load resources like fonts and drawing templates. **Note**: If not provided, uses the default URL. |
 
 ### UI Settings
 
@@ -209,6 +217,12 @@ The `MlCadViewer` reads its UI visibility from the global `AcApSettingManager` (
     locale="en" 
     :local-file="selectedFile" 
   /> -->
+  
+  <!-- Custom baseUrl for fonts and templates -->
+  <!-- <MlCadViewer 
+    locale="en" 
+    :base-url="'https://my-cdn.com/cad-data/'"
+  /> -->
 </template>
 
 <script setup lang="ts">
@@ -229,6 +243,42 @@ AcApSettingManager.instance.isShowCommandLine = false
 - Settings are global and immediately reflected by `MlCadViewer`.
 - You can change them at runtime using the same `AcApSettingManager.instance` reference.
 
+### Base URL Configuration
+
+The `baseUrl` property allows you to customize where the CAD viewer loads fonts, templates, and example files from. This is particularly useful for:
+
+- **Self-hosted resources**: Host your own fonts and templates on your CDN or server
+- **Corporate environments**: Use internal servers for CAD resources
+- **Offline deployments**: Serve resources from local file systems
+- **Custom branding**: Use your own templates and fonts
+
+#### Default Behavior
+If no `baseUrl` is provided, the viewer uses the default URL: `https://mlightcad.gitlab.io/cad-data/`
+
+#### Resource Structure
+When using a custom `baseUrl`, ensure your server has the following structure:
+```
+your-base-url/
+├── fonts/           # Font files for text rendering
+├── templates/       # Drawing templates (e.g., acadiso.dxf)
+└── examples/        # Example CAD files
+```
+
+#### Example: Custom Base URL
+```vue
+<template>
+  <MlCadViewer 
+    :base-url="'https://my-company.com/cad-resources/'"
+    :url="'https://my-company.com/drawings/project.dwg'"
+  />
+</template>
+```
+
+This configuration will:
+- Load fonts from `https://my-company.com/cad-resources/fonts/`
+- Load templates from `https://my-company.com/cad-resources/templates/`
+- Use the custom base URL for any "Quick New" operations
+
 ### Component Features
 
 The `MlCadViewer` component includes:

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

@@ -8,22 +8,27 @@ interface Props {
     localFile?: File;
     /** Background color as 24-bit hexadecimal RGB number (e.g., 0x000000) */
     background?: number;
+    /** Base URL for loading fonts, templates, and example files (e.g., 'https://example.com/cad-data/') */
+    baseUrl?: string;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     locale: string;
     url: undefined;
     localFile: undefined;
     background: undefined;
+    baseUrl: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     locale: string;
     url: undefined;
     localFile: undefined;
     background: undefined;
+    baseUrl: undefined;
 }>>> & Readonly<{}>, {
     locale: LocaleProp;
     url: string;
     background: number;
     localFile: File;
+    baseUrl: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

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":"AAyCA;AAkdA,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,qFAAqF;IACrF,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;;;;;;;;;;;;YAPU,UAAU;SAEb,MAAM;gBAIC,MAAM;eAFP,IAAI;;AAqYlB,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":"AA0CA;AA6hBA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AActC,UAAU,KAAK;IACb,0EAA0E;IAC1E,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qFAAqF;IACrF,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uGAAuG;IACvG,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;;;;;;;;;;;;;;YATU,UAAU;SAEb,MAAM;gBAIC,MAAM;eAFP,IAAI;aAIN,MAAM;;AAsdlB,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/component/index.d.ts

@@ -2,6 +2,7 @@ export * from './common';
 export * from './dialog';
 export * from './layerManager';
 export * from './layout';
+export * from './notification';
 export * from './statusBar';
 export { default as MlCadViewer } from './MlCadViewer.vue';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/component/notification/MlNotificationCenter.vue.d.ts

@@ -0,0 +1,20 @@
+interface Props {
+    /** Optional custom title for the notification center header */
+    title?: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=MlNotificationCenter.vue.d.ts.map

package/dist/component/notification/MlNotificationCenter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MlNotificationCenter.vue.d.ts","sourceRoot":"","sources":["../../../src/component/notification/MlNotificationCenter.vue"],"names":[],"mappings":"AA4DA;AAuNA,UAAU,KAAK;IACb,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;;;;;;AAmRD,wBAOG;AAEH,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"}

package/dist/component/notification/MlNotificationItem.vue.d.ts

@@ -0,0 +1,22 @@
+import { Notification, NotificationAction } from '../../composable/useNotificationCenter';
+interface Props {
+    notification: Notification;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    action: (action: NotificationAction) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onAction?: ((action: NotificationAction) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=MlNotificationItem.vue.d.ts.map

package/dist/component/notification/MlNotificationItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MlNotificationItem.vue.d.ts","sourceRoot":"","sources":["../../../src/component/notification/MlNotificationItem.vue"],"names":[],"mappings":"AAgDA;AAkOA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EACnB,MAAM,wCAAwC,CAAA;AAE/C,UAAU,KAAK;IACb,YAAY,EAAE,YAAY,CAAA;CAC3B;;;;;;;;AA+ND,wBAOG;AAEH,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"}

package/dist/component/notification/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MlNotificationCenter } from './MlNotificationCenter.vue';
+export { default as MlNotificationItem } from './MlNotificationItem.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/component/notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/component/notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/component/statusBar/MlNotificationButton.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=MlNotificationButton.vue.d.ts.map

package/dist/component/statusBar/MlNotificationButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MlNotificationButton.vue.d.ts","sourceRoot":"","sources":["../../../src/component/statusBar/MlNotificationButton.vue"],"names":[],"mappings":"AAmBA;;;;;;AA4KA,wBAMG"}

package/dist/component/statusBar/MlStatusBar.vue.d.ts

@@ -1,3 +1,7 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleNotificationCenter: () => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onToggleNotificationCenter?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=MlStatusBar.vue.d.ts.map

package/dist/component/statusBar/MlStatusBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MlStatusBar.vue.d.ts","sourceRoot":"","sources":["../../../src/component/statusBar/MlStatusBar.vue"],"names":[],"mappings":"AAmCA;;AAwSA,wBAKG"}
+{"version":3,"file":"MlStatusBar.vue.d.ts","sourceRoot":"","sources":["../../../src/component/statusBar/MlStatusBar.vue"],"names":[],"mappings":"AAoCA;;;;;;AA8UA,wBAMG"}

package/dist/composable/index.d.ts

@@ -7,6 +7,7 @@ export * from './useLayers';
 export * from './useLayouts';
 export * from './useLocale';
 export * from './useMissedData';
+export * from './useNotificationCenter';
 export * from './useSettings';
 export * from './useSystemVars';
 //# 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,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"}
+{"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,yBAAyB,CAAA;AACvC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}

package/dist/composable/useNotificationCenter.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Notification Center Composable
+ *
+ * Provides a centralized notification system similar to Visual Studio Code.
+ *
+ * @example
+ * ```typescript
+ * import { useNotificationCenter } from '@mlightcad/cad-viewer'
+ *
+ * const { info, warning, error, success, notifications, unreadCount } = useNotificationCenter()
+ *
+ * // Add different types of notifications
+ * info('Information', 'This is an info message')
+ * warning('Warning', 'This is a warning message')
+ * error('Error', 'This is an error message')
+ * success('Success', 'This is a success message')
+ *
+ * // Add notification with actions
+ * error('File Error', 'Failed to load file', {
+ *   actions: [
+ *     { label: 'Retry', action: () => retryLoad(), primary: true },
+ *     { label: 'Cancel', action: () => cancel() }
+ *   ],
+ *   persistent: true
+ * })
+ *
+ * // Check notification count
+ * console.log(`You have ${unreadCount.value} notifications`)
+ * ```
+ */
+export interface Notification {
+    id: string;
+    type: 'info' | 'warning' | 'error' | 'success';
+    title: string;
+    message?: string;
+    timestamp: Date;
+    actions?: NotificationAction[];
+    persistent?: boolean;
+    timeout?: number;
+}
+export interface NotificationAction {
+    label: string;
+    action: () => void;
+    primary?: boolean;
+}
+/**
+ * Hook to access the notification center functionality
+ *
+ * @returns Object containing notification management functions and reactive state
+ */
+export declare function useNotificationCenter(): {
+    /** Reactive list of all notifications */
+    notifications: import('vue').ComputedRef<{
+        id: string;
+        type: "info" | "warning" | "error" | "success";
+        title: string;
+        message?: string | undefined;
+        timestamp: Date;
+        actions?: {
+            label: string;
+            action: () => void;
+            primary?: boolean | undefined;
+        }[] | undefined;
+        persistent?: boolean | undefined;
+        timeout?: number | undefined;
+    }[]>;
+    /** Reactive count of unread notifications */
+    unreadCount: import('vue').ComputedRef<number>;
+    /** Reactive boolean indicating if there are any notifications */
+    hasNotifications: import('vue').ComputedRef<boolean>;
+    /** Add a custom notification */
+    add: (notification: Omit<Notification, "id" | "timestamp">) => string;
+    /** Remove a notification by ID */
+    remove: (id: string) => void;
+    /** Clear all notifications */
+    clear: () => void;
+    /** Clear all notifications (alias for clear) */
+    clearAll: () => void;
+    /** Add an info notification */
+    info: (title: string, message?: string, options?: Partial<Notification>) => string;
+    /** Add a warning notification */
+    warning: (title: string, message?: string, options?: Partial<Notification>) => string;
+    /** Add an error notification */
+    error: (title: string, message?: string, options?: Partial<Notification>) => string;
+    /** Add a success notification */
+    success: (title: string, message?: string, options?: Partial<Notification>) => string;
+};
+//# sourceMappingURL=useNotificationCenter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationCenter.d.ts","sourceRoot":"","sources":["../../src/composable/useNotificationCenter.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,IAAI,CAAA;IACf,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAuFD;;;;GAIG;AACH,wBAAgB,qBAAqB;IAEjC,yCAAyC;;YA5GvC,MAAM;cACJ,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS;eACvC,MAAM;kBACH,MAAM;mBACL,IAAI;;mBAOR,MAAM;oBACL,MAAM,IAAI;sBACR,OAAO;;qBAPJ,OAAO;kBACV,MAAM;;IAuGd,6CAA6C;;IAE7C,iEAAiE;;IAEjE,gCAAgC;wBAlFhB,IAAI,CAAC,YAAY,EAAE,IAAI,GAAG,WAAW,CAAC;IAoFtD,kCAAkC;iBAxEzB,MAAM;IA0Ef,8BAA8B;;IAE9B,gDAAgD;;IAEhD,+BAA+B;kBA9DrB,MAAM,YAAY,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC;IAgEnE,iCAAiC;qBAvDpB,MAAM,YAAY,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC;IAyDtE,gCAAgC;mBAhDrB,MAAM,YAAY,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC;IAkDpE,iCAAiC;qBAxCpB,MAAM,YAAY,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC;EA2CzE"}

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";body{margin:0;display:flex}body,html{height:100%}.el-dialog{padding-bottom:8px;padding-top:8px}.el-dialog__headerbtn{height:36px;width:36px}html.dark{color-scheme:dark;--el-color-primary: #409eff;--el-color-primary-light-3: rgb(51, 117, 185);--el-color-primary-light-5: rgb(42, 89, 138);--el-color-primary-light-7: rgb(33, 61, 91);--el-color-primary-light-8: rgb(29, 48, 67);--el-color-primary-light-9: rgb(24, 34, 43);--el-color-primary-dark-2: rgb(102, 177, 255);--el-color-success: #67c23a;--el-color-success-light-3: rgb(78, 142, 47);--el-color-success-light-5: rgb(62, 107, 39);--el-color-success-light-7: rgb(45, 72, 31);--el-color-success-light-8: rgb(37, 55, 28);--el-color-success-light-9: rgb(28, 37, 24);--el-color-success-dark-2: rgb(133, 206, 97);--el-color-warning: #e6a23c;--el-color-warning-light-3: rgb(167, 119, 48);--el-color-warning-light-5: rgb(125, 91, 40);--el-color-warning-light-7: rgb(83, 63, 32);--el-color-warning-light-8: rgb(62, 48, 28);--el-color-warning-light-9: rgb(41, 34, 24);--el-color-warning-dark-2: rgb(235, 181, 99);--el-color-danger: #f56c6c;--el-color-danger-light-3: rgb(178, 82, 82);--el-color-danger-light-5: rgb(133, 64, 64);--el-color-danger-light-7: rgb(88, 46, 46);--el-color-danger-light-8: rgb(65, 38, 38);--el-color-danger-light-9: rgb(42, 29, 29);--el-color-danger-dark-2: rgb(247, 137, 137);--el-color-error: #f56c6c;--el-color-error-light-3: rgb(178, 82, 82);--el-color-error-light-5: rgb(133, 64, 64);--el-color-error-light-7: rgb(88, 46, 46);--el-color-error-light-8: rgb(65, 38, 38);--el-color-error-light-9: rgb(42, 29, 29);--el-color-error-dark-2: rgb(247, 137, 137);--el-color-info: #909399;--el-color-info-light-3: rgb(107, 109, 113);--el-color-info-light-5: rgb(82, 84, 87);--el-color-info-light-7: rgb(57, 58, 60);--el-color-info-light-8: rgb(45, 45, 47);--el-color-info-light-9: rgb(32, 33, 33);--el-color-info-dark-2: rgb(166, 169, 173);--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;--el-bg-color-page: #0a0a0a;--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #E5EAF3;--el-text-color-regular: #CFD3DC;--el-text-color-secondary: #A3A6AD;--el-text-color-placeholder: #8D9095;--el-text-color-disabled: #6C6E72;--el-border-color-darker: #636466;--el-border-color-dark: #58585B;--el-border-color: #4C4D4F;--el-border-color-light: #414243;--el-border-color-lighter: #363637;--el-border-color-extra-light: #2B2B2C;--el-fill-color-darker: #424243;--el-fill-color-dark: #39393A;--el-fill-color: #303030;--el-fill-color-light: #262727;--el-fill-color-lighter: #1D1D1D;--el-fill-color-extra-light: #191919;--el-fill-color-blank: transparent;--el-mask-color: rgba(0, 0, 0, .8);--el-mask-color-extra-light: rgba(0, 0, 0, .3)}html.dark .el-button{--el-button-disabled-text-color: rgba(255, 255, 255, .5)}html.dark .el-card{--el-card-bg-color: var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0: var(--el-color-black);--el-empty-fill-color-1: #4b4b52;--el-empty-fill-color-2: #36383d;--el-empty-fill-color-3: #1e1e20;--el-empty-fill-color-4: #262629;--el-empty-fill-color-5: #202124;--el-empty-fill-color-6: #212224;--el-empty-fill-color-7: #1b1c1f;--el-empty-fill-color-8: #1c1d1f;--el-empty-fill-color-9: #18181a}:root{--ml-status-bar-height: 30px}body{font-family:Inter,system-ui,Avenir,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:var(--el-color-primary)}code{border-radius:2px;padding:2px 4px;background-color:var(--el-color-primary-light-9);color:var(--elcolor-primary)}.ml-dialog-header-bottom-line[data-v-8df470d5]{margin-left:-16px;margin-top:6px;margin-bottom:6px;width:calc(100% + 64px)}.ml-dialog-footer-top-line[data-v-8df470d5]{margin-left:-16px;margin-top:6px;margin-bottom:6px;width:calc(100% + 32px)}.ml-toggle-button[data-v-48d6b055]{border:none;padding:0;cursor:pointer;width:var(--a97b120a);height:var(--a97b120a)}.ml-layer-list{width:100%;font-size:small;min-width:100%}.ml-layer-list .el-table__header,.ml-layer-list .el-table__body{border-bottom:1px solid var(--el-border-color)}.ml-layer-list-cell{display:flex;align-items:center;justify-content:center}.ml-layer-list-color{width:20px;height:20px}.ml-layer-manager[data-v-d49ba2cb]{left:2px;top:55px;width:400px;height:500px}.ml-layer-list-wrapper[data-v-d49ba2cb]{overflow:auto;width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.autocomplete-container[data-v-082845cb]{position:fixed;left:50%;bottom:40px;transform:translate(-50%);width:80%;max-width:600px;z-index:1000}.autocomplete-input[data-v-082845cb]{width:100%}.ml-entity-info[data-v-6a67bbe7]{position:fixed;width:180px;left:var(--2d5cc4ca);top:var(--11fa7d7e);margin:0}.ml-entity-info-title[data-v-6a67bbe7]{font-weight:700}.ml-entity-info-text[data-v-6a67bbe7]{margin-bottom:6px;margin-top:6px}.ml-language-selector[data-v-1b9f7bc0]{position:fixed;right:40px;top:20px;z-index:1000}.ml-main-menu-container[data-v-8c0c738e]{position:fixed;left:40px;top:20px;z-index:1000}.ml-main-menu-icon[data-v-8c0c738e],.ml-main-menu-icon[data-v-8c0c738e]:hover{outline:none;border:none}.ml-vertical-toolbar-container{position:fixed;right:30px;top:50%;transform:translateY(-50%)}.ml-point-style-button[data-v-29692d7d]{border:none;padding:0;cursor:pointer;width:30px}.ml-progress[data-v-fe8fa18d]{width:100px}.ml-setting-button[data-v-666f03a3],.ml-warning-button[data-v-3411a3ec]{border:none;padding:0;cursor:pointer;width:30px}.ml-status-bar[data-v-ee6f13c4]{box-sizing:border-box}.ml-status-bar-left-button-group[data-v-ee6f13c4]{border:none;box-sizing:border-box;height:var(--ml-status-bar-height)}.ml-status-bar-layout-button[data-v-ee6f13c4]{box-sizing:border-box}.ml-status-bar-right-button-group[data-v-ee6f13c4]{border:none;padding:0;height:var(--ml-status-bar-height)}.ml-status-bar-current-pos[data-v-ee6f13c4]{border:none;height:100%}.ml-cad-canvas{position:absolute;top:0;left:0;height:calc(100vh - var(--ml-status-bar-height));width:100%;display:block;outline:none;z-index:1;pointer-events:auto}.ml-cad-viewer-container{position:relative;width:100vw;z-index:2;pointer-events:auto}.ml-file-name{position:absolute;top:0;left:50%;transform:translate(-50%);text-align:center;width:100%;margin-top:20px;pointer-events:none;z-index:1}
+@charset "UTF-8";body{margin:0;display:flex}body,html{height:100%}.el-dialog{padding-bottom:8px;padding-top:8px}.el-dialog__headerbtn{height:36px;width:36px}html.dark{color-scheme:dark;--el-color-primary: #409eff;--el-color-primary-light-3: rgb(51, 117, 185);--el-color-primary-light-5: rgb(42, 89, 138);--el-color-primary-light-7: rgb(33, 61, 91);--el-color-primary-light-8: rgb(29, 48, 67);--el-color-primary-light-9: rgb(24, 34, 43);--el-color-primary-dark-2: rgb(102, 177, 255);--el-color-success: #67c23a;--el-color-success-light-3: rgb(78, 142, 47);--el-color-success-light-5: rgb(62, 107, 39);--el-color-success-light-7: rgb(45, 72, 31);--el-color-success-light-8: rgb(37, 55, 28);--el-color-success-light-9: rgb(28, 37, 24);--el-color-success-dark-2: rgb(133, 206, 97);--el-color-warning: #e6a23c;--el-color-warning-light-3: rgb(167, 119, 48);--el-color-warning-light-5: rgb(125, 91, 40);--el-color-warning-light-7: rgb(83, 63, 32);--el-color-warning-light-8: rgb(62, 48, 28);--el-color-warning-light-9: rgb(41, 34, 24);--el-color-warning-dark-2: rgb(235, 181, 99);--el-color-danger: #f56c6c;--el-color-danger-light-3: rgb(178, 82, 82);--el-color-danger-light-5: rgb(133, 64, 64);--el-color-danger-light-7: rgb(88, 46, 46);--el-color-danger-light-8: rgb(65, 38, 38);--el-color-danger-light-9: rgb(42, 29, 29);--el-color-danger-dark-2: rgb(247, 137, 137);--el-color-error: #f56c6c;--el-color-error-light-3: rgb(178, 82, 82);--el-color-error-light-5: rgb(133, 64, 64);--el-color-error-light-7: rgb(88, 46, 46);--el-color-error-light-8: rgb(65, 38, 38);--el-color-error-light-9: rgb(42, 29, 29);--el-color-error-dark-2: rgb(247, 137, 137);--el-color-info: #909399;--el-color-info-light-3: rgb(107, 109, 113);--el-color-info-light-5: rgb(82, 84, 87);--el-color-info-light-7: rgb(57, 58, 60);--el-color-info-light-8: rgb(45, 45, 47);--el-color-info-light-9: rgb(32, 33, 33);--el-color-info-dark-2: rgb(166, 169, 173);--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;--el-bg-color-page: #0a0a0a;--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #E5EAF3;--el-text-color-regular: #CFD3DC;--el-text-color-secondary: #A3A6AD;--el-text-color-placeholder: #8D9095;--el-text-color-disabled: #6C6E72;--el-border-color-darker: #636466;--el-border-color-dark: #58585B;--el-border-color: #4C4D4F;--el-border-color-light: #414243;--el-border-color-lighter: #363637;--el-border-color-extra-light: #2B2B2C;--el-fill-color-darker: #424243;--el-fill-color-dark: #39393A;--el-fill-color: #303030;--el-fill-color-light: #262727;--el-fill-color-lighter: #1D1D1D;--el-fill-color-extra-light: #191919;--el-fill-color-blank: transparent;--el-mask-color: rgba(0, 0, 0, .8);--el-mask-color-extra-light: rgba(0, 0, 0, .3)}html.dark .el-button{--el-button-disabled-text-color: rgba(255, 255, 255, .5)}html.dark .el-card{--el-card-bg-color: var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0: var(--el-color-black);--el-empty-fill-color-1: #4b4b52;--el-empty-fill-color-2: #36383d;--el-empty-fill-color-3: #1e1e20;--el-empty-fill-color-4: #262629;--el-empty-fill-color-5: #202124;--el-empty-fill-color-6: #212224;--el-empty-fill-color-7: #1b1c1f;--el-empty-fill-color-8: #1c1d1f;--el-empty-fill-color-9: #18181a}:root{--ml-status-bar-height: 30px}body{font-family:Inter,system-ui,Avenir,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:var(--el-color-primary)}code{border-radius:2px;padding:2px 4px;background-color:var(--el-color-primary-light-9);color:var(--elcolor-primary)}.ml-dialog-header-bottom-line[data-v-8df470d5]{margin-left:-16px;margin-top:6px;margin-bottom:6px;width:calc(100% + 64px)}.ml-dialog-footer-top-line[data-v-8df470d5]{margin-left:-16px;margin-top:6px;margin-bottom:6px;width:calc(100% + 32px)}.ml-toggle-button[data-v-48d6b055]{border:none;padding:0;cursor:pointer;width:var(--a97b120a);height:var(--a97b120a)}.ml-layer-list{width:100%;font-size:small;min-width:100%}.ml-layer-list .el-table__header,.ml-layer-list .el-table__body{border-bottom:1px solid var(--el-border-color)}.ml-layer-list-cell{display:flex;align-items:center;justify-content:center}.ml-layer-list-color{width:20px;height:20px}.ml-layer-manager[data-v-d49ba2cb]{left:2px;top:55px;width:400px;height:500px}.ml-layer-list-wrapper[data-v-d49ba2cb]{overflow:auto;width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.autocomplete-container[data-v-082845cb]{position:fixed;left:50%;bottom:40px;transform:translate(-50%);width:80%;max-width:600px;z-index:1000}.autocomplete-input[data-v-082845cb]{width:100%}.ml-entity-info[data-v-6a67bbe7]{position:fixed;width:180px;left:var(--2d5cc4ca);top:var(--11fa7d7e);margin:0}.ml-entity-info-title[data-v-6a67bbe7]{font-weight:700}.ml-entity-info-text[data-v-6a67bbe7]{margin-bottom:6px;margin-top:6px}.ml-language-selector[data-v-1b9f7bc0]{position:fixed;right:40px;top:20px;z-index:1000}.ml-main-menu-container[data-v-8c0c738e]{position:fixed;left:40px;top:20px;z-index:1000}.ml-main-menu-icon[data-v-8c0c738e],.ml-main-menu-icon[data-v-8c0c738e]:hover{outline:none;border:none}.ml-vertical-toolbar-container{position:fixed;right:30px;top:50%;transform:translateY(-50%)}.ml-notification-item[data-v-e1dde915]{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--el-border-color-lighter);transition:background-color .2s ease}.ml-notification-item[data-v-e1dde915]:hover{background-color:var(--el-fill-color-light)}.ml-notification-item[data-v-e1dde915]:last-child{border-bottom:none}.ml-notification-item-icon[data-v-e1dde915]{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:2px}.ml-notification-item--info .ml-notification-item-icon[data-v-e1dde915]{color:var(--el-color-info)}.ml-notification-item--warning .ml-notification-item-icon[data-v-e1dde915]{color:var(--el-color-warning)}.ml-notification-item--error .ml-notification-item-icon[data-v-e1dde915]{color:var(--el-color-danger)}.ml-notification-item--success .ml-notification-item-icon[data-v-e1dde915]{color:var(--el-color-success)}.ml-notification-item-content[data-v-e1dde915]{flex:1;min-width:0}.ml-notification-item-header[data-v-e1dde915]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.ml-notification-item-title[data-v-e1dde915]{margin:0;font-size:14px;font-weight:600;color:var(--el-text-color-primary);line-height:1.4;flex:1}.ml-notification-item-actions[data-v-e1dde915]{display:flex;align-items:center;gap:8px;flex-shrink:0}.ml-notification-item-message[data-v-e1dde915]{margin:0 0 8px;font-size:13px;color:var(--el-text-color-regular);line-height:1.4;word-wrap:break-word}.ml-notification-item-footer[data-v-e1dde915]{display:flex;align-items:center;justify-content:flex-end}.ml-notification-item-time[data-v-e1dde915]{font-size:12px;color:var(--el-text-color-secondary)}.dark .ml-notification-item[data-v-e1dde915]:hover{background-color:var(--el-fill-color-darker)}.ml-notification-center[data-v-2e5353ed]{position:fixed;bottom:calc(var(--ml-status-bar-height) + 20px);right:20px;width:400px;max-height:500px;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2000;display:flex;flex-direction:column;overflow:hidden}.ml-notification-center-header[data-v-2e5353ed]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;height:30px;border-bottom:1px solid var(--el-border-color);background:var(--el-fill-color-light);position:relative}.ml-notification-center-title[data-v-2e5353ed]{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--el-text-color-primary)}.ml-notification-center-icon[data-v-2e5353ed]{color:var(--el-color-primary)}.ml-notification-center-actions[data-v-2e5353ed]{display:flex;align-items:center;gap:8px;margin-right:36px}.ml-notification-center-close[data-v-2e5353ed]{position:absolute;top:50%;right:8px;transform:translateY(-50%);padding:4px;min-width:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.ml-notification-center-clear[data-v-2e5353ed]{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.ml-notification-center-clear[data-v-2e5353ed] .el-icon{font-size:16px}.ml-notification-center-content[data-v-2e5353ed]{flex:1;overflow-y:auto;max-height:400px}.ml-notification-center-empty[data-v-2e5353ed]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--el-text-color-secondary)}.ml-notification-center-empty-icon[data-v-2e5353ed]{font-size:48px;margin-bottom:16px;opacity:.5}.ml-notification-center-empty p[data-v-2e5353ed]{margin:0;font-size:14px}.ml-notification-list[data-v-2e5353ed]{padding:8px 0}.dark .ml-notification-center[data-v-2e5353ed]{background:var(--el-bg-color-page);border-color:var(--el-border-color)}.dark .ml-notification-center-header[data-v-2e5353ed]{background:var(--el-fill-color-darker)}.ml-notification-button[data-v-48c740b7]{border:none;padding:0;cursor:pointer;width:30px;position:relative}.ml-notification-badge[data-v-48c740b7]{position:absolute;top:-2px;right:-2px}.ml-notification-badge[data-v-48c740b7] .el-badge__content{font-size:10px;min-width:16px;height:16px;line-height:16px;padding:0 4px}.ml-point-style-button[data-v-29692d7d]{border:none;padding:0;cursor:pointer;width:30px}.ml-progress[data-v-35ad24b9]{width:100px}.ml-setting-button[data-v-666f03a3],.ml-warning-button[data-v-3411a3ec]{border:none;padding:0;cursor:pointer;width:30px}.ml-status-bar[data-v-0d51ad75]{box-sizing:border-box}.ml-status-bar-left-button-group[data-v-0d51ad75]{border:none;box-sizing:border-box;height:var(--ml-status-bar-height)}.ml-status-bar-layout-button[data-v-0d51ad75]{box-sizing:border-box}.ml-status-bar-right-button-group[data-v-0d51ad75]{border:none;padding:0;height:var(--ml-status-bar-height)}.ml-status-bar-current-pos[data-v-0d51ad75]{border:none;height:100%}.ml-cad-canvas{position:absolute;top:0;left:0;height:calc(100vh - var(--ml-status-bar-height));width:100%;display:block;outline:none;z-index:1;pointer-events:auto}.ml-cad-viewer-container{position:relative;width:100vw;z-index:2;pointer-events:auto}.ml-file-name{position:absolute;top:0;left:50%;transform:translate(-50%);text-align:center;width:100%;margin-top:20px;pointer-events:none;z-index:1}