@8btc/xcanvas 0.0.6 → 0.0.8

package/dist/{index-Ch5t1LQm.js → index-CGDky2ts.js}

@@ -1,4 +1,4 @@
-import { J as getDefaultExportFromCjs } from "./XCanvas-0O_tHFEw.js";
+import { J as getDefaultExportFromCjs } from "./XCanvas-Mudyne1P.js";
 const DEFAULT_FONT_SIZE = 20;
 const SVG_TO_SHAPE_MAPPER = {
   rect: "rectangle",
@@ -9892,7 +9892,7 @@ const detector$l = (txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 };
 const loader$m = async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-3d4e48cf-D0El5K71.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-3d4e48cf-ZMgTh74U.js");
   return { id: id$l, diagram: diagram2 };
 };
 const plugin$j = {
@@ -9910,7 +9910,7 @@ const detector$k = (txt, config2) => {
   return /^\s*graph/.test(txt);
 };
 const loader$l = async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-66a62f08-Du4q_ofc.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-66a62f08-C_sDPhQA.js");
   return { id: id$k, diagram: diagram2 };
 };
 const plugin$i = {
@@ -9931,7 +9931,7 @@ const detector$j = (txt, config2) => {
   return /^\s*flowchart/.test(txt);
 };
 const loader$k = async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-v2-96b9c2cf-D0E_R5MA.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-v2-96b9c2cf-B11tAR6K.js");
   return { id: id$j, diagram: diagram2 };
 };
 const plugin$h = {
@@ -9945,7 +9945,7 @@ const detector$i = (txt) => {
   return /^\s*erDiagram/.test(txt);
 };
 const loader$j = async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-9861fffd-BggwpA0d.js");
+  const { diagram: diagram2 } = await import("./erDiagram-9861fffd-BwItwKVY.js");
   return { id: id$i, diagram: diagram2 };
 };
 const plugin$g = {
@@ -9959,7 +9959,7 @@ const detector$h = (txt) => {
   return /^\s*gitGraph/.test(txt);
 };
 const loader$i = async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-72cf32ee-B8VgGfU5.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-72cf32ee-DvMNtLOj.js");
   return { id: id$h, diagram: diagram2 };
 };
 const plugin$f = {
@@ -9973,7 +9973,7 @@ const detector$g = (txt) => {
   return /^\s*gantt/.test(txt);
 };
 const loader$h = async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-c361ad54-ChlqZoin.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-c361ad54-BjG2Ontv.js");
   return { id: id$g, diagram: diagram2 };
 };
 const plugin$e = {
@@ -9987,7 +9987,7 @@ const detector$f = (txt) => {
   return /^\s*info/.test(txt);
 };
 const loader$g = async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-f8f76790-DWrilUAf.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-f8f76790-B0hSyWK-.js");
   return { id: id$f, diagram: diagram2 };
 };
 const info = {
@@ -10000,7 +10000,7 @@ const detector$e = (txt) => {
   return /^\s*pie/.test(txt);
 };
 const loader$f = async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-8a3498a8-Ctw2l-Jn.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-8a3498a8-BGarCiqM.js");
   return { id: id$e, diagram: diagram2 };
 };
 const pie = {
@@ -10013,7 +10013,7 @@ const detector$d = (txt) => {
   return /^\s*quadrantChart/.test(txt);
 };
 const loader$e = async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-120e2f19-DqSVS4rF.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-120e2f19-CRdkX8eO.js");
   return { id: id$d, diagram: diagram2 };
 };
 const plugin$d = {
@@ -10027,7 +10027,7 @@ const detector$c = (txt) => {
   return /^\s*xychart-beta/.test(txt);
 };
 const loader$d = async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-e933f94c-DmIfm-lm.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-e933f94c-Byx-w9Ab.js");
   return { id: id$c, diagram: diagram2 };
 };
 const plugin$c = {
@@ -10041,7 +10041,7 @@ const detector$b = (txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 };
 const loader$c = async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-deff3bca-Bp_VEW5h.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-deff3bca-DWSUDCqx.js");
   return { id: id$b, diagram: diagram2 };
 };
 const plugin$b = {
@@ -10055,7 +10055,7 @@ const detector$a = (txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 };
 const loader$b = async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-704730f1-CsBgqDqB.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-704730f1-D11Cc6-k.js");
   return { id: id$a, diagram: diagram2 };
 };
 const plugin$a = {
@@ -10073,7 +10073,7 @@ const detector$9 = (txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 };
 const loader$a = async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-70f12bd4-_PxYAcOj.js");
+  const { diagram: diagram2 } = await import("./classDiagram-70f12bd4-DmfFCCbG.js");
   return { id: id$9, diagram: diagram2 };
 };
 const plugin$9 = {
@@ -10091,7 +10091,7 @@ const detector$8 = (txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 };
 const loader$9 = async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-f2320105-BK3MqPEI.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-f2320105-DntHiFTy.js");
   return { id: id$8, diagram: diagram2 };
 };
 const plugin$8 = {
@@ -10109,7 +10109,7 @@ const detector$7 = (txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 };
 const loader$8 = async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-587899a1-Cx5sVOsT.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-587899a1-BJ7F4WYh.js");
   return { id: id$7, diagram: diagram2 };
 };
 const plugin$7 = {
@@ -10130,7 +10130,7 @@ const detector$6 = (txt, config2) => {
   return false;
 };
 const loader$7 = async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-d93cdb3a-CeKGzAwr.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-d93cdb3a-ClnX7rZy.js");
   return { id: id$6, diagram: diagram2 };
 };
 const plugin$6 = {
@@ -10144,7 +10144,7 @@ const detector$5 = (txt) => {
   return /^\s*journey/.test(txt);
 };
 const loader$6 = async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-49397b02-Bn9qQQKW.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-49397b02-ei4liBBp.js");
   return { id: id$5, diagram: diagram2 };
 };
 const plugin$5 = {
@@ -10399,7 +10399,7 @@ const detector$4 = (txt, config2) => {
   return false;
 };
 const loader$5 = async () => {
-  const { diagram: diagram2 } = await import("./flowchart-elk-definition-4a651766-Bzh2XLMT.js");
+  const { diagram: diagram2 } = await import("./flowchart-elk-definition-4a651766-D2NO596y.js");
   return { id: id$4, diagram: diagram2 };
 };
 const plugin$4 = {
@@ -10413,7 +10413,7 @@ const detector$3 = (txt) => {
   return /^\s*timeline/.test(txt);
 };
 const loader$4 = async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-85554ec2-CxRqaFTP.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-85554ec2-DlEwv_AG.js");
   return { id: id$3, diagram: diagram2 };
 };
 const plugin$3 = {
@@ -10427,7 +10427,7 @@ const detector$2 = (txt) => {
   return /^\s*mindmap/.test(txt);
 };
 const loader$3 = async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-fc14e90a-D8iGZqFZ.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-fc14e90a-CsB_KqTa.js");
   return { id: id$2, diagram: diagram2 };
 };
 const plugin$2 = {
@@ -10441,7 +10441,7 @@ const detector$1 = (txt) => {
   return /^\s*sankey-beta/.test(txt);
 };
 const loader$2 = async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-04a897e0-D0bNbilS.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-04a897e0-ZMvY5gaS.js");
   return { id: id$1, diagram: diagram2 };
 };
 const plugin$1 = {
@@ -10455,7 +10455,7 @@ const detector = (txt) => {
   return /^\s*block-beta/.test(txt);
 };
 const loader$1 = async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-38ab4fdb-uuaKMiit.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-38ab4fdb-Dnoxx1jd.js");
   return { id, diagram: diagram2 };
 };
 const plugin = {

package/dist/index.css

@@ -299,10 +299,6 @@
     top: calc(var(--spacing) * 14);
   }
 
-  .left-9 {
-    left: calc(var(--spacing) * 9);
-  }
-
   .z-100000 {
     z-index: 100000;
   }
@@ -391,13 +387,8 @@
     width: 100%;
   }
 
-  .-translate-x-3 {
-    --tw-translate-x: calc(var(--spacing) * -3);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
-  .-translate-y-12 {
-    --tw-translate-y: calc(var(--spacing) * -12);
+  .translate-y-4 {
+    --tw-translate-y: calc(var(--spacing) * 4);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
@@ -417,6 +408,10 @@
     flex-direction: column;
   }
 
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+
   .items-center {
     align-items: center;
   }
@@ -433,6 +428,10 @@
     justify-content: center;
   }
 
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+
   .gap-2\.5 {
     gap: calc(var(--spacing) * 2.5);
   }
@@ -564,10 +563,19 @@
   padding: 4px !important;
 }
 
+.custom-excalidraw .App-bottom-bar, .custom-excalidraw .undo-redo-buttons, .custom-excalidraw .App-toolbar__divider, .custom-excalidraw .App-toolbar__extra-tools-trigger {
+  display: none !important;
+}
+
 .custom-excalidraw .excalidraw.theme--dark {
   --color-primary: pink;
   --color-on-primary-container: #000;
   --color-surface-primary-container: #d0ff35;
+  --color-primary-darkest: #d0ff35;
+  --color-brand-hover: #d0ff35;
+  --button-active-border: #d0ff35;
+  --icon-fill-color: #fff;
+  --text-primary-color: #fff;
 }
 
 @property --tw-translate-x {

package/dist/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M } from "./XCanvas-0O_tHFEw.js";
+import { M } from "./XCanvas-Mudyne1P.js";
 import "jotai";
 import "react";
 export {

package/dist/index.umd.cjs

@@ -7348,7 +7348,7 @@ PQIDAQAB`, VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "false", VITE_APP_
   var br = 2, Er = 2 * br, m6 = 1e-5, xE = 2 * Er - m6, hE = "#ffffff", yE = "#1e1e1e", IE = "#a2f1a6";
   var xo = 20, ho = 5, yo = { svg: "image/svg+xml", png: "image/png", jpg: "image/jpeg", gif: "image/gif", webp: "image/webp", bmp: "image/bmp", ico: "image/x-icon", avif: "image/avif", jfif: "image/jfif" }, H = { text: "text/plain", html: "text/html", json: "application/json", excalidraw: "application/vnd.excalidraw+json", excalidrawlib: "application/vnd.excalidrawlib+json", "excalidraw.svg": "image/svg+xml", "excalidraw.png": "image/png", binary: "application/octet-stream", ...yo }, Hs = [H.text, H.html, ...Object.values(yo)], wE = { png: "png", svg: "svg", clipboard: "clipboard" }, Ze = { excalidraw: "excalidraw", excalidrawClipboard: "excalidraw/clipboard", excalidrawLibrary: "excalidrawlib", excalidrawClipboardWithAPI: "excalidraw-api/clipboard" }, Ci$1 = window.EXCALIDRAW_EXPORT_SOURCE || window.location.origin, RE = 500, TE = 300, ME = 500;
   var LE = 100, DE = 0.1, Js$1 = 0.1, Ys = 30, SE = 300;
-  var Io = "invert(93%) hue-rotate(180deg)", PE = { canvasActions: { changeViewBackgroundColor: true, clearCanvas: true, export: { saveFileToDisk: true }, loadScene: true, saveToActiveFile: true, toggleTheme: null, saveAsImage: true } }, NE = 730, FE = 1e3, BE = 500, _E = 1229, qn = 2, Cs = [1, 2, 3], Vi$1 = 10, OE = 1440, AE = 4 * 1024 * 1024, re$1 = "http://www.w3.org/2000/svg";
+  var Io = "invert(93%) hue-rotate(180deg)", PE = { canvasActions: { changeViewBackgroundColor: true, clearCanvas: true, export: { saveFileToDisk: true }, loadScene: true, saveToActiveFile: true, toggleTheme: null, saveAsImage: true } }, _E = 1229, qn = 2, Cs = [1, 2, 3], Vi$1 = 10, OE = 1440, AE = 4 * 1024 * 1024, re$1 = "http://www.w3.org/2000/svg";
   var qi = { excalidraw: 2, excalidrawLibrary: 2 }, Se = 5, Vs = 0.7, qs$1 = 11, kt = { TOP: "top", MIDDLE: "middle", BOTTOM: "bottom" }, Xi$1 = { LEFT: "left", CENTER: "center", RIGHT: "right" }, Xs$1 = 20, wo = 0.25, Gs = 32, ot = { LEGACY: 1, PROPORTIONAL_RADIUS: 2, ADAPTIVE_RADIUS: 3 }, Gi = { artist: 1, cartoonist: 2 }, KE$1 = { thin: 1, bold: 2, extraBold: 4 }, we = { strokeColor: Z.black, backgroundColor: Z.transparent, fillStyle: "solid", strokeWidth: 2, strokeStyle: "solid", roughness: Gi.artist, opacity: 100, locked: false }, b6 = "library", HE = "search", ks = { name: "default", defaultTab: b6 }, JE$1 = /* @__PURE__ */ new Set(["iframe", "embeddable", "image"]), fn$7 = { selection: "selection", rectangle: "rectangle", diamond: "diamond", ellipse: "ellipse", text: "text", image: "image", eraser: "eraser", frame: "frame", magicframe: "magicframe", laser: "laser" }, YE$1 = { MERMAID_TO_EXCALIDRAW: "mermaid-to-excalidraw", PUBLISH_LIBRARY: "publish-library-data" }, Zs$1 = "Untitled", ki = { generalStats: 1, elementProperties: 2 }, CE = 1, Ws$1 = { sharp: "sharp", round: "round", elbow: "elbow" }, zs = 0.3, gr = "element", Qs = Symbol.for("__test__originalId__"), E6 = ((r3) => (r3.ACTIVE = "active", r3.AWAY = "away", r3.IDLE = "idle", r3))(E6 || {});
   var g6 = Cs.includes(devicePixelRatio) ? devicePixelRatio : 1, mt = () => ({ showWelcomeScreen: false, theme: ke.LIGHT, collaborators: /* @__PURE__ */ new Map(), currentChartType: "bar", currentItemBackgroundColor: we.backgroundColor, currentItemEndArrowhead: "arrow", currentItemFillStyle: we.fillStyle, currentItemFontFamily: Ft, currentItemFontSize: ut, currentItemOpacity: we.opacity, currentItemRoughness: we.roughness, currentItemStartArrowhead: null, currentItemStrokeColor: we.strokeColor, currentItemRoundness: "round", currentItemArrowType: Ws$1.round, currentItemStrokeStyle: we.strokeStyle, currentItemStrokeWidth: we.strokeWidth, currentItemTextAlign: Vn, currentHoveredFontFamily: null, cursorButton: "up", activeEmbeddable: null, newElement: null, editingTextElement: null, editingGroupId: null, editingLinearElement: null, activeTool: { type: "selection", customType: null, locked: we.locked, lastActiveTool: null }, penMode: false, penDetected: false, errorMessage: null, exportBackground: true, exportScale: g6, exportEmbedScene: false, exportWithDarkMode: false, fileHandle: null, gridSize: xo, gridStep: ho, gridModeEnabled: false, isBindingEnabled: true, defaultSidebarDockedPreference: false, isLoading: false, isResizing: false, isRotating: false, lastPointerDownWith: "mouse", multiElement: null, name: null, contextMenu: null, openMenu: null, openPopup: null, openSidebar: null, openDialog: null, pasteDialog: { shown: false, data: null }, previousSelectedElementIds: {}, resizingElement: null, scrolledOutside: false, scrollX: 0, scrollY: 0, selectedElementIds: {}, hoveredElementIds: {}, selectedGroupIds: {}, selectedElementsAreBeingDragged: false, selectionElement: null, shouldCacheIgnoreZoom: false, stats: { open: false, panels: ki.generalStats | ki.elementProperties }, startBoundElement: null, suggestedBindings: [], frameRendering: { enabled: true, clip: true, name: true, outline: true }, frameToHighlight: null, editingFrame: null, elementsToHighlight: null, toast: null, viewBackgroundColor: Z.white, zenModeEnabled: false, zoom: { value: 1 }, viewModeEnabled: false, pendingImageElementId: null, showHyperlinkPopup: false, selectedLinearElement: null, snapLines: [], originSnapOffset: { x: 0, y: 0 }, objectsSnapModeEnabled: false, userToFollow: null, followedBy: /* @__PURE__ */ new Set(), isCropping: false, croppingElementId: null, searchMatches: [] }), x6 = /* @__PURE__ */ ((e3) => e3)({ showWelcomeScreen: { browser: true, export: false, server: false }, theme: { browser: true, export: false, server: false }, collaborators: { browser: false, export: false, server: false }, currentChartType: { browser: true, export: false, server: false }, currentItemBackgroundColor: { browser: true, export: false, server: false }, currentItemEndArrowhead: { browser: true, export: false, server: false }, currentItemFillStyle: { browser: true, export: false, server: false }, currentItemFontFamily: { browser: true, export: false, server: false }, currentItemFontSize: { browser: true, export: false, server: false }, currentItemRoundness: { browser: true, export: false, server: false }, currentItemArrowType: { browser: true, export: false, server: false }, currentItemOpacity: { browser: true, export: false, server: false }, currentItemRoughness: { browser: true, export: false, server: false }, currentItemStartArrowhead: { browser: true, export: false, server: false }, currentItemStrokeColor: { browser: true, export: false, server: false }, currentItemStrokeStyle: { browser: true, export: false, server: false }, currentItemStrokeWidth: { browser: true, export: false, server: false }, currentItemTextAlign: { browser: true, export: false, server: false }, currentHoveredFontFamily: { browser: false, export: false, server: false }, cursorButton: { browser: true, export: false, server: false }, activeEmbeddable: { browser: false, export: false, server: false }, newElement: { browser: false, export: false, server: false }, editingTextElement: { browser: false, export: false, server: false }, editingGroupId: { browser: true, export: false, server: false }, editingLinearElement: { browser: false, export: false, server: false }, activeTool: { browser: true, export: false, server: false }, penMode: { browser: true, export: false, server: false }, penDetected: { browser: true, export: false, server: false }, errorMessage: { browser: false, export: false, server: false }, exportBackground: { browser: true, export: false, server: false }, exportEmbedScene: { browser: true, export: false, server: false }, exportScale: { browser: true, export: false, server: false }, exportWithDarkMode: { browser: true, export: false, server: false }, fileHandle: { browser: false, export: false, server: false }, gridSize: { browser: true, export: true, server: true }, gridStep: { browser: true, export: true, server: true }, gridModeEnabled: { browser: true, export: true, server: true }, height: { browser: false, export: false, server: false }, isBindingEnabled: { browser: false, export: false, server: false }, defaultSidebarDockedPreference: { browser: true, export: false, server: false }, isLoading: { browser: false, export: false, server: false }, isResizing: { browser: false, export: false, server: false }, isRotating: { browser: false, export: false, server: false }, lastPointerDownWith: { browser: true, export: false, server: false }, multiElement: { browser: false, export: false, server: false }, name: { browser: true, export: false, server: false }, offsetLeft: { browser: false, export: false, server: false }, offsetTop: { browser: false, export: false, server: false }, contextMenu: { browser: false, export: false, server: false }, openMenu: { browser: true, export: false, server: false }, openPopup: { browser: false, export: false, server: false }, openSidebar: { browser: true, export: false, server: false }, openDialog: { browser: false, export: false, server: false }, pasteDialog: { browser: false, export: false, server: false }, previousSelectedElementIds: { browser: true, export: false, server: false }, resizingElement: { browser: false, export: false, server: false }, scrolledOutside: { browser: true, export: false, server: false }, scrollX: { browser: true, export: false, server: false }, scrollY: { browser: true, export: false, server: false }, selectedElementIds: { browser: true, export: false, server: false }, hoveredElementIds: { browser: false, export: false, server: false }, selectedGroupIds: { browser: true, export: false, server: false }, selectedElementsAreBeingDragged: { browser: false, export: false, server: false }, selectionElement: { browser: false, export: false, server: false }, shouldCacheIgnoreZoom: { browser: true, export: false, server: false }, stats: { browser: true, export: false, server: false }, startBoundElement: { browser: false, export: false, server: false }, suggestedBindings: { browser: false, export: false, server: false }, frameRendering: { browser: false, export: false, server: false }, frameToHighlight: { browser: false, export: false, server: false }, editingFrame: { browser: false, export: false, server: false }, elementsToHighlight: { browser: false, export: false, server: false }, toast: { browser: false, export: false, server: false }, viewBackgroundColor: { browser: true, export: true, server: true }, width: { browser: false, export: false, server: false }, zenModeEnabled: { browser: true, export: false, server: false }, zoom: { browser: true, export: false, server: false }, viewModeEnabled: { browser: false, export: false, server: false }, pendingImageElementId: { browser: false, export: false, server: false }, showHyperlinkPopup: { browser: false, export: false, server: false }, selectedLinearElement: { browser: true, export: false, server: false }, snapLines: { browser: false, export: false, server: false }, originSnapOffset: { browser: false, export: false, server: false }, objectsSnapModeEnabled: { browser: true, export: false, server: false }, userToFollow: { browser: false, export: false, server: false }, followedBy: { browser: false, export: false, server: false }, isCropping: { browser: false, export: false, server: false }, croppingElementId: { browser: false, export: false, server: false }, searchMatches: { browser: false, export: false, server: false } }), js = (e3, t5) => {
     let n3 = {};
@@ -25479,7 +25479,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
           this.fonts.onLoaded(n8);
         }), op$1(window.location.href) && this.scrollToContent(window.location.href, { animate: false });
       });
-      i$S(this, "isMobileBreakpoint", (t8, r5) => t8 < NE || r5 < BE && t8 < FE);
+      i$S(this, "isMobileBreakpoint", (t8, r5) => false);
       i$S(this, "refreshViewportBreakpoints", () => {
         if (!this.excalidrawContainerRef.current) return;
         let { clientWidth: r5, clientHeight: n8 } = document.body, i5 = this.device.viewport, a8 = Ig$1(i5, { isLandscape: r5 > n8, isMobile: this.isMobileBreakpoint(r5, n8) });
@@ -27497,24 +27497,29 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
     const minX = -appState.scrollX + padding2;
     const minY = -appState.scrollY + padding2;
     const maxX = minX + canvasW - padding2 * 2;
+    let minElX = Infinity;
     let maxElY = -Infinity;
     elements2.forEach((el2) => {
+      minElX = Math.min(minElX, el2.x);
       maxElY = Math.max(maxElY, el2.y + el2.height);
     });
-    const px2 = minX;
+    if (minElX === Infinity) {
+      minElX = 0;
+    }
+    const px2 = minElX;
     const py = Math.max(maxElY, minY) + gap;
-    let startX2 = px2;
+    let accWidth = 0;
     let startY2 = py;
     const ret = newElements.map((it2, index2) => {
-      if (startX2 + it2.width > maxX) {
-        startX2 = px2;
+      if (accWidth + it2.width > maxX) {
+        accWidth = 0;
         startY2 += it2.height + gap;
       }
       const place = {
-        x: startX2,
+        x: accWidth + px2,
         y: startY2
       };
-      startX2 += it2.width + gap;
+      accWidth += it2.width + gap;
       return place;
     });
     return ret;
@@ -27527,6 +27532,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
         return;
       }
       const insertImgs = async (urls) => {
+        if (urls.length === 0) return;
         const rets = await Promise.all(
           urls.map(async (it2) => {
             const temp = await fetchImageAsDataUrl(it2);
@@ -27567,6 +27573,9 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
         excalidrawAPI.updateScene({
           elements: [...currentElements, ...els]
         });
+        excalidrawAPI.scrollToContent(els, {
+          animate: true
+        });
       };
       setApi({
         rawApi: excalidrawAPI,
@@ -27691,6 +27700,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
   const uploadPng = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADmSURBVHgB7ddhDcIwEAXgN4IAJFQCEpCAA5AAChYkoAAJk7DgABRMAkNBabMLNIOWLAfrQe5LLrllP/bS7pYOUOqPWGuXrlaQyAUzri5UBpJQuMY++H4GKVyYyj6rIIELUtq4EjnRULyzQA4v3rsY1tBMwbMLer+dhvqTqz0kcatUB6tW40MmEE4DcmlALg3IpQG5NCDXbwW03cm4oTpgJKnn9o9b/j/CUG8wzDnojxgm+lzuefCuKIoNvkCHhEsDcqWGZD7ip8bEbqQC+tFfI7P+FrfI7xpe9Fdwi27lcmkpg1Ji3AC3ge/7wFZ4CAAAAABJRU5ErkJggg==";
   const sendPng = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIfSURBVHgBzVdLbsIwEJ2ECugOiQuEDbCkJ2h6Ath2BT1B2xMAN+AI5Ab0BKQ3YIMErHwAFlkCEtA3VYhcGufnhPZJkY099nsej8eG6I9h0I1gWVatXC7bXN9sNrObCGDSarXaO5/PfXwdNNX8rgVEPBQigEkrlcoA1S5IbZWdaZpPq9XKvaMCSPHFjjmdTt/eyCyg3W5bmKRvGIadlFTG4XBwUwsAqQ3SR5AOUFrclpaYgfEfQggvkQAmPR6PXexZT4dUBuYJTsFdFKm/0hpKbVIZpVLJ/SWA9xSkrzJpEcC8LqJf/BDA5FjhHJ0WFQwszpF/m35jBwIs0sMYyQVrMN6jjGT3BwIQYB7pk4+4sl6vJyqja/cHAjgj8SSkSc5oNptDleG1+wMBDJ4EnmiguiA98pHK+Nr9jNBQR1AOEBPDmLhIRU7SBSTDDLPElkz3+z0bj3Mi5/13wtpN1QBOldK2ODrkvoBZaDslBIh6nCfkKE9KTgr3MxJfRvIrJiU5p/FPVZ9JGdBqtd6SkjPwFJtSngKwFWmOqlgul4tcBXDi4qyW0DzSLpMABgS8oIhN4ThFTlR/iTJiu9169Xr9HlU7wkzg1EReTpk9wMC7bgJPiAgTl2KgJYCTFQQoL7E49zNyefbgWM5D/gMI5I5G3FgtD1yg8IJLCZA5CGUgIAUCkr1p+00e3P/MgRo3NteXJ7+mUVi73W52eff/e3wBkD0MwCUjatAAAAAASUVORK5CYII=";
   const xSvg = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_179999_13910)'%3e%3crect%20width='16'%20height='16'%20fill='white'%20fill-opacity='0.01'/%3e%3cpath%20d='M1.86072%20-0.733398C1.98913%20-0.733276%202.10955%20-0.677378%202.18982%20-0.581055L7.98865%206.33203L13.7885%20-0.581055C13.8715%20-0.677369%2013.9917%20-0.733398%2014.1176%20-0.733398H16.2552C16.4372%20-0.73316%2016.5361%20-0.52202%2016.4183%20-0.382812L9.38708%207.99805L16.4183%2016.3799C16.5359%2016.5191%2016.4371%2016.7302%2016.2552%2016.7305H14.1176C13.9892%2016.7305%2013.8688%2016.6743%2013.7885%2016.5781L7.98865%209.66406L2.18982%2016.5781C2.10688%2016.6743%201.98639%2016.7303%201.86072%2016.7305H-0.276978C-0.317719%2016.7307%20-0.357793%2016.7191%20-0.392212%2016.6973C-0.426624%2016.6755%20-0.454109%2016.6443%20-0.471313%2016.6074C-0.488469%2016.5706%20-0.495252%2016.5295%20-0.489868%2016.4893C-0.484428%2016.449%20-0.467249%2016.4109%20-0.44104%2016.3799L6.59021%207.99805L-0.44104%20-0.382812C-0.558693%20-0.5221%20-0.459053%20-0.733398%20-0.276978%20-0.733398H1.86072Z'%20fill='%23BFBFBF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_179999_13910'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+  let _id = "";
   function FloatingMenu() {
     const [excalidrawAPI] = jotai.useAtom(excalidrawApiAtom);
     const [pos, setPos] = React.useState(null);
@@ -27810,20 +27820,25 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
           setPos(null);
           return;
         }
-        const rightX = selectedElements.reduce(
-          (acc, element2) => Math.max(acc, element2.x + element2.width || 0),
-          Number.NEGATIVE_INFINITY
+        const leftX = selectedElements.reduce(
+          (acc, element2) => Math.min(acc, element2.x),
+          Infinity
         );
-        const rightY = selectedElements.reduce(
-          (acc, element2) => Math.min(acc, element2.y),
-          Number.POSITIVE_INFINITY
+        const bottomY = selectedElements.reduce(
+          (acc, element2) => Math.max(acc, element2.y + element2.height),
+          -Infinity
         );
         const scrollX = appState.scrollX;
         const scrollY = appState.scrollY;
         const zoom = appState.zoom.value;
-        const offsetX = (scrollX + rightX) * zoom;
-        const offsetY = (scrollY + rightY) * zoom;
+        const offsetX = (scrollX + leftX) * zoom;
+        const offsetY = (scrollY + bottomY) * zoom;
         setPos({ x: offsetX, y: offsetY });
+        if (_id !== Object.keys(selectedIds).join(",")) {
+          _id = Object.keys(selectedIds).join(",");
+          setShowChatbox(false);
+          setPrompt("");
+        }
       });
       return unsub;
     }, [excalidrawAPI]);
@@ -27833,7 +27848,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: "floating-menu absolute -translate-y-12 -translate-x-3 z-100000",
+        className: "floating-menu absolute translate-y-4 z-100000",
         style: {
           left: pos.x,
           top: pos.y
@@ -27868,7 +27883,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
           showChatbox && /* @__PURE__ */ jsxRuntime.jsxs(
             "form",
             {
-              className: "flex flex-col absolute top-14 left-9 bg-[rgb(38,38,38)] border border-solid border-[rgb(67,67,67)] rounded-2xl p-4 space-y-3",
+              className: "flex flex-col absolute top-14  bg-[rgb(38,38,38)] border border-solid border-[rgb(67,67,67)] rounded-2xl p-4 space-y-3",
               onSubmit: (e3) => {
                 e3.preventDefault();
                 handleChatToEdit();
@@ -27877,7 +27892,17 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base leading-6 text-white font-medium", children: "Chat to Edit" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("img", { src: xSvg, className: "w-4 h-4 cursor-pointer", alt: "" })
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: xSvg,
+                      className: "w-4 h-4 cursor-pointer",
+                      alt: "",
+                      onClick: () => {
+                        setShowChatbox(false);
+                      }
+                    }
+                  )
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "textarea",
@@ -27907,7 +27932,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
       }
     );
   }
-  const version$4 = "0.0.6";
+  const version$4 = "0.0.8";
   const packageJson = {
     version: version$4
   };
@@ -70638,9 +70663,9 @@ ${config2.themeCSS}`;
     }
     return id2;
   };
-  const addVertex = function(_id, textObj, type2, style, classes2, dir2, props = {}) {
+  const addVertex = function(_id2, textObj, type2, style, classes2, dir2, props = {}) {
     let txt;
-    let id2 = _id;
+    let id2 = _id2;
     if (id2 === void 0) {
       return;
     }
@@ -70667,7 +70692,7 @@ ${config2.themeCSS}`;
       vertices[id2].text = txt;
     } else {
       if (vertices[id2].text === void 0) {
-        vertices[id2].text = _id;
+        vertices[id2].text = _id2;
       }
     }
     if (type2 !== void 0) {
@@ -70796,8 +70821,8 @@ You have to call mermaid.initialize.`
     }
   };
   const setClass$1 = function(ids, className) {
-    ids.split(",").forEach(function(_id) {
-      let id2 = _id;
+    ids.split(",").forEach(function(_id2) {
+      let id2 = _id2;
       if (vertices[id2] !== void 0) {
         vertices[id2].classes.push(className);
       }
@@ -70934,10 +70959,10 @@ You have to call mermaid.initialize.`
   const defaultStyle = function() {
     return "fill:#ffa;stroke: #f66; stroke-width: 3px; stroke-dasharray: 5, 5;fill:#ffa;stroke: #666;";
   };
-  const addSubGraph = function(_id, list2, _title) {
-    let id2 = _id.text.trim();
+  const addSubGraph = function(_id2, list2, _title) {
+    let id2 = _id2.text.trim();
     let title2 = _title.text;
-    if (_id === _title && _title.text.match(/\s/)) {
+    if (_id2 === _title && _title.text.match(/\s/)) {
       id2 = void 0;
     }
     function uniq(a3) {
@@ -71153,10 +71178,10 @@ You have to call mermaid.initialize.`
     }
     return info2;
   };
-  const exists = (allSgs, _id) => {
+  const exists = (allSgs, _id2) => {
     let res = false;
     allSgs.forEach((sg2) => {
-      const pos = sg2.nodes.indexOf(_id);
+      const pos = sg2.nodes.indexOf(_id2);
       if (pos >= 0) {
         res = true;
       }
@@ -71165,8 +71190,8 @@ You have to call mermaid.initialize.`
   };
   const makeUniq = (sg2, allSubgraphs) => {
     const res = [];
-    sg2.nodes.forEach((_id, pos) => {
-      if (!exists(allSubgraphs, _id)) {
+    sg2.nodes.forEach((_id2, pos) => {
+      if (!exists(allSubgraphs, _id2)) {
         res.push(sg2.nodes[pos]);
       }
     });
@@ -82359,10 +82384,10 @@ You have to call mermaid.initialize.`
       return id2;
     }
     for (const child of children2) {
-      const _id = findNonClusterChild(child, graph);
-      if (_id) {
-        log$1.trace("Found replacement for", id2, " => ", _id);
-        return _id;
+      const _id2 = findNonClusterChild(child, graph);
+      if (_id2) {
+        log$1.trace("Found replacement for", id2, " => ", _id2);
+        return _id2;
       }
     }
   };
@@ -98898,8 +98923,8 @@ You have to call mermaid.initialize.`
   let namespaceCounter = 0;
   let functions = [];
   const sanitizeText$2 = (txt) => common$1.sanitizeText(txt, getConfig$2());
-  const splitClassNameAndType = function(_id) {
-    const id2 = common$1.sanitizeText(_id, getConfig$2());
+  const splitClassNameAndType = function(_id2) {
+    const id2 = common$1.sanitizeText(_id2, getConfig$2());
     let genericType = "";
     let className = id2;
     if (id2.indexOf("~") > 0) {
@@ -98909,16 +98934,16 @@ You have to call mermaid.initialize.`
     }
     return { className, type: genericType };
   };
-  const setClassLabel = function(_id, label) {
-    const id2 = common$1.sanitizeText(_id, getConfig$2());
+  const setClassLabel = function(_id2, label) {
+    const id2 = common$1.sanitizeText(_id2, getConfig$2());
     if (label) {
       label = sanitizeText$2(label);
     }
     const { className } = splitClassNameAndType(id2);
     classes$2[className].label = label;
   };
-  const addClass = function(_id) {
-    const id2 = common$1.sanitizeText(_id, getConfig$2());
+  const addClass = function(_id2) {
+    const id2 = common$1.sanitizeText(_id2, getConfig$2());
     const { className, type: type2 } = splitClassNameAndType(id2);
     if (Object.hasOwn(classes$2, className)) {
       return;
@@ -98937,8 +98962,8 @@ You have to call mermaid.initialize.`
     };
     classCounter++;
   };
-  const lookUpDomId = function(_id) {
-    const id2 = common$1.sanitizeText(_id, getConfig$2());
+  const lookUpDomId = function(_id2) {
+    const id2 = common$1.sanitizeText(_id2, getConfig$2());
     if (id2 in classes$2) {
       return classes$2[id2].domId;
     }
@@ -99016,9 +99041,9 @@ You have to call mermaid.initialize.`
     return sanitizeText$2(label.trim());
   };
   const setCssClass$2 = function(ids, className) {
-    ids.split(",").forEach(function(_id) {
-      let id2 = _id;
-      if (_id[0].match(/\d/)) {
+    ids.split(",").forEach(function(_id2) {
+      let id2 = _id2;
+      if (_id2[0].match(/\d/)) {
         id2 = MERMAID_DOM_ID_PREFIX + id2;
       }
       if (classes$2[id2] !== void 0) {
@@ -99041,9 +99066,9 @@ You have to call mermaid.initialize.`
   };
   const setLink = function(ids, linkStr, target) {
     const config2 = getConfig$2();
-    ids.split(",").forEach(function(_id) {
-      let id2 = _id;
-      if (_id[0].match(/\d/)) {
+    ids.split(",").forEach(function(_id2) {
+      let id2 = _id2;
+      if (_id2[0].match(/\d/)) {
         id2 = MERMAID_DOM_ID_PREFIX + id2;
       }
       if (classes$2[id2] !== void 0) {
@@ -99744,7 +99769,7 @@ g.classGroup line {
     textHeight: 10,
     curve: void 0
   };
-  const addNamespaces = function(namespaces2, g3, _id, diagObj) {
+  const addNamespaces = function(namespaces2, g3, _id2, diagObj) {
     const keys2 = Object.keys(namespaces2);
     log$1.info("keys:", keys2);
     log$1.info(namespaces2);
@@ -99763,11 +99788,11 @@ g.classGroup line {
         padding: ((_a2 = getConfig$2().flowchart) == null ? void 0 : _a2.padding) ?? ((_b2 = getConfig$2().class) == null ? void 0 : _b2.padding)
       };
       g3.setNode(vertex.id, node2);
-      addClasses(vertex.classes, g3, _id, diagObj, vertex.id);
+      addClasses(vertex.classes, g3, _id2, diagObj, vertex.id);
       log$1.info("setNode", node2);
     });
   };
-  const addClasses = function(classes2, g3, _id, diagObj, parent) {
+  const addClasses = function(classes2, g3, _id2, diagObj, parent) {
     const keys2 = Object.keys(classes2);
     log$1.info("keys:", keys2);
     log$1.info(classes2);
@@ -131032,7 +131057,7 @@ g.stateGroup line {
                   f3.c.length > 1 && (ZEb(b3.c, f3), true);
                 }
               }
-              function _id(a3, b3, c3, d8, e8) {
+              function _id2(a3, b3, c3, d8, e8) {
                 if (d8 < b3 || e8 < c3) {
                   throw Adb(new agb("The highx must be bigger then lowx and the highy must be bigger then lowy"));
                 }
@@ -145163,7 +145188,7 @@ g.stateGroup line {
                   for (j2 = Fl2(Al2(cD(WC(cJ, 1), rve, 20, 0, [b3.e, b3.d, b3.b]))); gs2(j2); ) {
                     i5 = RD(hs2(j2), 309);
                     d8 = i5.c;
-                    _id(d8, -a3.d, -a3.d, a3.d, a3.d);
+                    _id2(d8, -a3.d, -a3.d, a3.d, a3.d);
                     $id(i5.d, d8);
                     d8.a = 0;
                     d8.b = 0;
@@ -148158,7 +148183,7 @@ g.stateGroup line {
                     k2 = i5.n;
                     k2.a = b3.a - a3.n.a;
                     k2.b = b3.b - a3.n.b;
-                    _id(k2, 0, 0, a3.o.a, a3.o.b);
+                    _id2(k2, 0, 0, a3.o.a, a3.o.b);
                     Q3b(i5, c2b(i5, f3));
                   } else {
                     e8 = vpd(f3);

package/dist/{infoDiagram-f8f76790-DWrilUAf.js → infoDiagram-f8f76790-B0hSyWK-.js}

@@ -1,4 +1,4 @@
-import { l as log$1, B as selectSvgElement, e as configureSvgSize } from "./index-Ch5t1LQm.js";
+import { l as log$1, B as selectSvgElement, e as configureSvgSize } from "./index-CGDky2ts.js";
 var parser = (function() {
   var o = function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v)