@nous-excalidraw/excalidraw 0.18.9-beta.15 → 0.18.9-beta.18

package/dist/dev/{chunk-WUT5T53W.js → chunk-4RZSKBCI.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-JCTQVEL2.js";
+} from "./chunk-IXRH5U6S.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5112,7 +5112,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-2IFHJYKN.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-5BEKTV6X.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5546,4 +5546,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-WUT5T53W.js.map
+//# sourceMappingURL=chunk-4RZSKBCI.js.map

package/dist/dev/{chunk-JCTQVEL2.js → chunk-IXRH5U6S.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@nous-excalidraw/excalidraw", PKG_VERSION: "0.18.9-beta.14", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@nous-excalidraw/excalidraw", PKG_VERSION: "0.18.9-beta.18", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-JCTQVEL2.js.map
+//# sourceMappingURL=chunk-IXRH5U6S.js.map

package/dist/dev/components/TTDDialog/{CodeMirrorEditor-DSRONN6H.js → CodeMirrorEditor-B74MF3KN.js}

@@ -1,4 +1,4 @@
-import "../../chunk-JCTQVEL2.js";
+import "../../chunk-IXRH5U6S.js";
 import "../../chunk-XDFCUUT6.js";
 
 // components/TTDDialog/CodeMirrorEditor.tsx
@@ -256,4 +256,4 @@ var CodeMirrorEditor_default = CodeMirrorEditor;
 export {
   CodeMirrorEditor_default as default
 };
-//# sourceMappingURL=CodeMirrorEditor-DSRONN6H.js.map
+//# sourceMappingURL=CodeMirrorEditor-B74MF3KN.js.map

package/dist/dev/data/{image-2IFHJYKN.js → image-5BEKTV6X.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-WUT5T53W.js";
-import "../chunk-JCTQVEL2.js";
+} from "../chunk-4RZSKBCI.js";
+import "../chunk-IXRH5U6S.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-2IFHJYKN.js.map
+//# sourceMappingURL=image-5BEKTV6X.js.map

package/dist/dev/index.js

@@ -65,10 +65,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-WUT5T53W.js";
+} from "./chunk-4RZSKBCI.js";
 import {
   define_import_meta_env_default
-} from "./chunk-JCTQVEL2.js";
+} from "./chunk-IXRH5U6S.js";
 import {
   en_default
 } from "./chunk-IXBA2ET3.js";
@@ -8336,6 +8336,8 @@ var zoomToFitBounds = ({
   bounds,
   appState,
   canvasOffsets,
+  fitCanvasOffsets,
+  scrollCanvasOffsets,
   fitToViewport = false,
   viewportZoomFactor = 1,
   minZoom = -Infinity,
@@ -8346,10 +8348,12 @@ var zoomToFitBounds = ({
   const [x1, y1, x2, y2] = bounds;
   const centerX = (x1 + x2) / 2;
   const centerY = (y1 + y2) / 2;
-  const canvasOffsetLeft = canvasOffsets?.left ?? 0;
-  const canvasOffsetTop = canvasOffsets?.top ?? 0;
-  const canvasOffsetRight = canvasOffsets?.right ?? 0;
-  const canvasOffsetBottom = canvasOffsets?.bottom ?? 0;
+  const fitOffsets = fitCanvasOffsets ?? canvasOffsets;
+  const scrollOffsets = scrollCanvasOffsets ?? fitOffsets ?? canvasOffsets;
+  const canvasOffsetLeft = fitOffsets?.left ?? 0;
+  const canvasOffsetTop = fitOffsets?.top ?? 0;
+  const canvasOffsetRight = fitOffsets?.right ?? 0;
+  const canvasOffsetBottom = fitOffsets?.bottom ?? 0;
   const effectiveCanvasWidth = appState.width - canvasOffsetLeft - canvasOffsetRight;
   const effectiveCanvasHeight = appState.height - canvasOffsetTop - canvasOffsetBottom;
   let adjustedZoomValue;
@@ -8379,7 +8383,7 @@ var zoomToFitBounds = ({
       width: appState.width,
       height: appState.height
     },
-    offsets: canvasOffsets,
+    offsets: scrollOffsets,
     zoom: { value: newZoomValue }
   });
   const fromZoom = appState.zoom.value;
@@ -8405,6 +8409,8 @@ var zoomToFitBounds = ({
 };
 var zoomToFit = ({
   canvasOffsets,
+  fitCanvasOffsets,
+  scrollCanvasOffsets,
   targetElements,
   appState,
   fitToViewport,
@@ -8416,6 +8422,8 @@ var zoomToFit = ({
   const commonBounds = getCommonBounds(getNonDeletedElements5(targetElements));
   return zoomToFitBounds({
     canvasOffsets,
+    fitCanvasOffsets,
+    scrollCanvasOffsets,
     bounds: commonBounds,
     appState,
     fitToViewport,
@@ -9717,7 +9725,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-2IFHJYKN.js").then(
+        (blob2) => import("./data/image-5BEKTV6X.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -28773,7 +28781,7 @@ var TTDDialogInput = ({
         setShowSpinner(true);
       }
     }, SPINNER_DELAY_MS);
-    import("./components/TTDDialog/CodeMirrorEditor-DSRONN6H.js").then((mod) => {
+    import("./components/TTDDialog/CodeMirrorEditor-B74MF3KN.js").then((mod) => {
       if (!cancelled) {
         setEditorState({ type: "ready", component: mod.default });
       }
@@ -38215,7 +38223,7 @@ var gesture = {
   initialDistance: null,
   initialScale: null
 };
-var App = class _App extends React46.Component {
+var _App = class _App extends React46.Component {
   constructor(props) {
     super(props);
     __publicField(this, "canvas");
@@ -39415,6 +39423,8 @@ var App = class _App extends React46.Component {
       if (opts?.fitToContent || opts?.fitToViewport) {
         const { appState } = zoomToFit({
           canvasOffsets: opts.canvasOffsets,
+          fitCanvasOffsets: opts.fitCanvasOffsets,
+          scrollCanvasOffsets: opts.scrollCanvasOffsets,
           targetElements,
           appState: this.state,
           fitToViewport: !!opts?.fitToViewport,
@@ -39667,13 +39677,34 @@ var App = class _App extends React46.Component {
         this.lastViewportPosition.y = event.clientY;
       }
     ));
-    __publicField(this, "getEditorUIOffsets", () => {
-      const toolbarBottom = this.excalidrawContainerRef?.current?.querySelector(".App-toolbar")?.getBoundingClientRect()?.bottom ?? 0;
-      const sidebarRect = this.excalidrawContainerRef?.current?.querySelector(".sidebar")?.getBoundingClientRect();
-      const propertiesPanelRect = this.excalidrawContainerRef?.current?.querySelector(".App-menu__left")?.getBoundingClientRect();
+    __publicField(this, "getHostUiBottomRelativeToContainer", (selector, containerTop) => {
+      const rect = document.querySelector(selector)?.getBoundingClientRect();
+      if (!rect || rect.width <= 0 || rect.height <= 0) {
+        return 0;
+      }
+      return Math.max(rect.bottom - containerTop, 0);
+    });
+    __publicField(this, "getEditorUIOffsets", (options) => {
+      const container = this.excalidrawContainerRef?.current;
+      const containerTop = container?.getBoundingClientRect()?.top ?? 0;
+      const nativeToolbarBottom = container?.querySelector(".App-toolbar")?.getBoundingClientRect()?.bottom ?? 0;
+      const customToolbarBottom = this.getHostUiBottomRelativeToContainer(
+        _App.HOST_TOOLBAR_SELECTOR,
+        containerTop
+      );
+      let topUiOffset = Math.max(
+        nativeToolbarBottom - containerTop,
+        customToolbarBottom,
+        0
+      );
+      if (options?.reserveStylebarAboveElement) {
+        topUiOffset += _App.HOST_STYLEBAR_GAP_ABOVE_ELEMENT + _App.HOST_STYLEBAR_HEIGHT;
+      }
+      const sidebarRect = container?.querySelector(".sidebar")?.getBoundingClientRect();
+      const propertiesPanelRect = container?.querySelector(".App-menu__left")?.getBoundingClientRect();
       const PADDING = 16;
       return getLanguage().rtl ? {
-        top: toolbarBottom + PADDING,
+        top: topUiOffset + PADDING,
         right: Math.max(
           this.state.width - (propertiesPanelRect?.left ?? this.state.width),
           0
@@ -39681,7 +39712,7 @@ var App = class _App extends React46.Component {
         bottom: PADDING,
         left: Math.max(sidebarRect?.right ?? 0, 0) + PADDING
       } : {
-        top: toolbarBottom + PADDING,
+        top: topUiOffset + PADDING,
         right: Math.max(
           this.state.width - (sidebarRect?.left ?? this.state.width) + PADDING,
           0
@@ -40583,10 +40614,10 @@ var App = class _App extends React46.Component {
           duration: 500,
           fitToViewport: true,
           viewportZoomFactor: 0.9,
-          // minZoom:
-          //   this.state.zoom.value +
-          //   getInteractiveZoomStep(this.state.zoom.value, "in"),
-          canvasOffsets: this.getEditorUIOffsets()
+          fitCanvasOffsets: this.getEditorUIOffsets(),
+          scrollCanvasOffsets: this.getEditorUIOffsets({
+            reserveStylebarAboveElement: true
+          })
         });
         return;
       }
@@ -47381,6 +47412,17 @@ var App = class _App extends React46.Component {
     this.setAppState({});
   }
 };
+/**
+ * 宿主业务顶部 UI 占位（与 web-art-flow 布局对齐）：
+ * - tool-bar-wrapper: 顶部工具栏
+ * - stylebar-wrapper: 选中元素上方的样式栏（moveStyleMenuBar 定位在元素上方）
+ */
+__publicField(_App, "HOST_TOOLBAR_SELECTOR", ".tool-bar-wrapper");
+/** styleBar.vue height: 48px */
+__publicField(_App, "HOST_STYLEBAR_HEIGHT", 48);
+/** utils/index.ts: MEUE_LEFT_BAR_HEIGHT(47) + STYLE_BAR_TO_ELEMENT_TOP_GAP_PX(26) */
+__publicField(_App, "HOST_STYLEBAR_GAP_ABOVE_ELEMENT", 73);
+var App = _App;
 var createTestHook = () => {
   if (isTestEnv5() || isDevEnv10()) {
     window.h = window.h || {};