@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/hooks/clipboard/pasteExcalidrawContent.js

@@ -0,0 +1,454 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var pasteExcalidrawContent_exports = {};
+__export(pasteExcalidrawContent_exports, {
+  pasteExcalidrawContent: () => pasteExcalidrawContent
+});
+module.exports = __toCommonJS(pasteExcalidrawContent_exports);
+var import_editor = require("@bigbluebutton/editor");
+async function pasteExcalidrawContent(editor, clipboard, point) {
+  const { elements, files } = clipboard;
+  const tldrawContent = {
+    shapes: [],
+    rootShapeIds: [],
+    assets: [],
+    schema: editor.store.schema.serialize()
+  };
+  const groupShapeIdToChildren = /* @__PURE__ */ new Map();
+  const rotatedElements = /* @__PURE__ */ new Map();
+  const currentPageId = editor.getCurrentPageId();
+  const excElementIdsToTldrawShapeIds = /* @__PURE__ */ new Map();
+  const rootShapeIds = [];
+  const skipIds = /* @__PURE__ */ new Set();
+  elements.forEach((element) => {
+    excElementIdsToTldrawShapeIds.set(element.id, (0, import_editor.createShapeId)());
+    if (element.boundElements !== null) {
+      for (const boundElement of element.boundElements) {
+        if (boundElement.type === "text") {
+          skipIds.add(boundElement.id);
+        }
+      }
+    }
+  });
+  let index = "a1";
+  for (const element of elements) {
+    if (skipIds.has(element.id)) {
+      continue;
+    }
+    const id = excElementIdsToTldrawShapeIds.get(element.id);
+    const base = {
+      id,
+      typeName: "shape",
+      parentId: currentPageId,
+      index,
+      x: element.x,
+      y: element.y,
+      rotation: 0,
+      isLocked: element.locked,
+      opacity: getOpacity(element.opacity),
+      meta: {}
+    };
+    if (element.angle !== 0) {
+      rotatedElements.set(id, element.angle);
+    }
+    if (element.groupIds && element.groupIds.length > 0) {
+      if (groupShapeIdToChildren.has(element.groupIds[0])) {
+        groupShapeIdToChildren.get(element.groupIds[0])?.push(id);
+      } else {
+        groupShapeIdToChildren.set(element.groupIds[0], [id]);
+      }
+    } else {
+      rootShapeIds.push(id);
+    }
+    switch (element.type) {
+      case "rectangle":
+      case "ellipse":
+      case "diamond": {
+        let text = "";
+        let align = "middle";
+        if (element.boundElements !== null) {
+          for (const boundElement of element.boundElements) {
+            if (boundElement.type === "text") {
+              const labelElement = elements.find((elm) => elm.id === boundElement.id);
+              if (labelElement) {
+                text = labelElement.text;
+                align = textAlignToAlignTypes[labelElement.textAlign];
+              }
+            }
+          }
+        }
+        const colorToUse = element.backgroundColor === "transparent" ? element.strokeColor : element.backgroundColor;
+        tldrawContent.shapes.push({
+          ...base,
+          type: "geo",
+          props: {
+            geo: element.type,
+            url: element.link ?? "",
+            w: element.width,
+            h: element.height,
+            size: strokeWidthsToSizes[element.strokeWidth] ?? "draw",
+            color: colorsToColors[colorToUse] ?? "black",
+            text,
+            align,
+            dash: getDash(element),
+            fill: getFill(element)
+          }
+        });
+        break;
+      }
+      case "freedraw": {
+        tldrawContent.shapes.push({
+          ...base,
+          type: "draw",
+          props: {
+            dash: getDash(element),
+            size: strokeWidthsToSizes[element.strokeWidth],
+            color: colorsToColors[element.strokeColor] ?? "black",
+            segments: [
+              {
+                type: "free",
+                points: element.points.map(([x, y, z = 0.5]) => ({
+                  x,
+                  y,
+                  z
+                }))
+              }
+            ]
+          }
+        });
+        break;
+      }
+      case "line": {
+        const start = element.points[0];
+        const end = element.points[element.points.length - 1];
+        const indices = (0, import_editor.getIndices)(element.points.length);
+        tldrawContent.shapes.push({
+          ...base,
+          type: "line",
+          props: {
+            dash: getDash(element),
+            size: strokeWidthsToSizes[element.strokeWidth],
+            color: colorsToColors[element.strokeColor] ?? "black",
+            spline: element.roundness ? "cubic" : "line",
+            handles: {
+              start: {
+                id: "start",
+                type: "vertex",
+                index: indices[0],
+                x: start[0],
+                y: start[1]
+              },
+              end: {
+                id: "end",
+                type: "vertex",
+                index: indices[indices.length - 1],
+                x: end[0],
+                y: end[1]
+              },
+              ...Object.fromEntries(
+                element.points.slice(1, -1).map(([x, y], i) => {
+                  const id2 = (0, import_editor.uniqueId)();
+                  return [
+                    id2,
+                    {
+                      id: id2,
+                      type: "vertex",
+                      index: indices[i + 1],
+                      x,
+                      y
+                    }
+                  ];
+                })
+              )
+            }
+          }
+        });
+        break;
+      }
+      case "arrow": {
+        let text = "";
+        if (element.boundElements !== null) {
+          for (const boundElement of element.boundElements) {
+            if (boundElement.type === "text") {
+              const labelElement = elements.find((elm) => elm.id === boundElement.id);
+              if (labelElement) {
+                text = labelElement.text;
+              }
+            }
+          }
+        }
+        const start = element.points[0];
+        const end = element.points[element.points.length - 1];
+        const startTargetId = excElementIdsToTldrawShapeIds.get(element.startBinding?.elementId);
+        const endTargetId = excElementIdsToTldrawShapeIds.get(element.endBinding?.elementId);
+        tldrawContent.shapes.push({
+          ...base,
+          type: "arrow",
+          props: {
+            text,
+            bend: getBend(element, start, end),
+            dash: getDash(element),
+            size: strokeWidthsToSizes[element.strokeWidth] ?? "m",
+            color: colorsToColors[element.strokeColor] ?? "black",
+            start: startTargetId ? {
+              type: "binding",
+              boundShapeId: startTargetId,
+              normalizedAnchor: { x: 0.5, y: 0.5 },
+              isPrecise: false,
+              isExact: false
+            } : {
+              type: "point",
+              x: start[0],
+              y: start[1]
+            },
+            end: endTargetId ? {
+              type: "binding",
+              boundShapeId: endTargetId,
+              normalizedAnchor: { x: 0.5, y: 0.5 },
+              isPrecise: false,
+              isExact: false
+            } : {
+              type: "point",
+              x: end[0],
+              y: end[1]
+            },
+            arrowheadEnd: arrowheadsToArrowheadTypes[element.endArrowhead] ?? "none",
+            arrowheadStart: arrowheadsToArrowheadTypes[element.startArrowhead] ?? "none"
+          }
+        });
+        break;
+      }
+      case "text": {
+        const { size, scale } = getFontSizeAndScale(element.fontSize);
+        tldrawContent.shapes.push({
+          ...base,
+          type: "text",
+          props: {
+            size,
+            scale,
+            font: fontFamilyToFontType[element.fontFamily] ?? "draw",
+            color: colorsToColors[element.strokeColor] ?? "black",
+            text: element.text,
+            align: textAlignToAlignTypes[element.textAlign]
+          }
+        });
+        break;
+      }
+      case "image": {
+        const file = files[element.fileId];
+        if (!file)
+          break;
+        const assetId = import_editor.AssetRecordType.createId();
+        tldrawContent.assets.push({
+          id: assetId,
+          typeName: "asset",
+          type: "image",
+          props: {
+            w: element.width,
+            h: element.height,
+            name: element.id ?? "Untitled",
+            isAnimated: false,
+            mimeType: file.mimeType,
+            src: file.dataURL
+          },
+          meta: {}
+        });
+        tldrawContent.shapes.push({
+          ...base,
+          type: "image",
+          props: {
+            w: element.width,
+            h: element.height,
+            assetId
+          }
+        });
+      }
+    }
+    index = (0, import_editor.getIndexAbove)(index);
+  }
+  const p = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : void 0);
+  editor.mark("paste");
+  editor.putContentOntoCurrentPage(tldrawContent, {
+    point: p,
+    select: false,
+    preserveIds: true
+  });
+  for (const groupedShapeIds of groupShapeIdToChildren.values()) {
+    if (groupedShapeIds.length > 1) {
+      editor.groupShapes(groupedShapeIds);
+      const groupShape = editor.getShape(groupedShapeIds[0]);
+      if (groupShape?.parentId && (0, import_editor.isShapeId)(groupShape.parentId)) {
+        rootShapeIds.push(groupShape.parentId);
+      }
+    }
+  }
+  for (const [id, angle] of rotatedElements) {
+    editor.select(id);
+    editor.rotateShapesBy([id], angle);
+  }
+  const rootShapes = (0, import_editor.compact)(rootShapeIds.map((id) => editor.getShape(id)));
+  const bounds = import_editor.Box2d.Common(rootShapes.map((s) => editor.getShapePageBounds(s)));
+  const viewPortCenter = editor.getViewportPageBounds().center;
+  editor.updateShapes(
+    rootShapes.map((s) => {
+      const delta = {
+        x: (s.x ?? 0) - (bounds.x + bounds.w / 2),
+        y: (s.y ?? 0) - (bounds.y + bounds.h / 2)
+      };
+      return {
+        id: s.id,
+        type: s.type,
+        x: viewPortCenter.x + delta.x,
+        y: viewPortCenter.y + delta.y
+      };
+    })
+  );
+  editor.setSelectedShapes(rootShapeIds);
+}
+const getOpacity = (opacity) => {
+  const t = opacity / 100;
+  if (t < 0.2) {
+    return 0.1;
+  } else if (t < 0.4) {
+    return 0.25;
+  } else if (t < 0.6) {
+    return 0.5;
+  } else if (t < 0.8) {
+    return 0.75;
+  }
+  return 1;
+};
+const strokeWidthsToSizes = {
+  1: "s",
+  2: "m",
+  3: "l",
+  4: "xl"
+};
+const fontSizesToSizes = {
+  16: "s",
+  20: "m",
+  28: "l",
+  36: "xl"
+};
+function getFontSizeAndScale(fontSize) {
+  const size = fontSizesToSizes[fontSize];
+  if (size) {
+    return { size, scale: 1 };
+  }
+  if (fontSize < 16) {
+    return { size: "s", scale: fontSize / 16 };
+  }
+  if (fontSize > 36) {
+    return { size: "xl", scale: fontSize / 36 };
+  }
+  return { size: "m", scale: 1 };
+}
+const fontFamilyToFontType = {
+  1: "draw",
+  2: "sans",
+  3: "mono"
+};
+const colorsToColors = {
+  "#ffffff": "grey",
+  // Strokes
+  "#000000": "black",
+  "#343a40": "black",
+  "#495057": "grey",
+  "#c92a2a": "red",
+  "#a61e4d": "light-red",
+  "#862e9c": "violet",
+  "#5f3dc4": "light-violet",
+  "#364fc7": "blue",
+  "#1864ab": "light-blue",
+  "#0b7285": "light-green",
+  "#087f5b": "light-green",
+  "#2b8a3e": "green",
+  "#5c940d": "light-green",
+  "#e67700": "yellow",
+  "#d9480f": "orange",
+  // Backgrounds
+  "#ced4da": "grey",
+  "#868e96": "grey",
+  "#fa5252": "light-red",
+  "#e64980": "red",
+  "#be4bdb": "light-violet",
+  "#7950f2": "violet",
+  "#4c6ef5": "blue",
+  "#228be6": "light-blue",
+  "#15aabf": "light-green",
+  "#12b886": "green",
+  "#40c057": "green",
+  "#82c91e": "light-green",
+  "#fab005": "yellow",
+  "#fd7e14": "orange",
+  "#212529": "grey"
+};
+const strokeStylesToStrokeTypes = {
+  solid: "draw",
+  dashed: "dashed",
+  dotted: "dotted"
+};
+const fillStylesToFillType = {
+  "cross-hatch": "pattern",
+  hachure: "pattern",
+  solid: "solid"
+};
+const textAlignToAlignTypes = {
+  left: "start",
+  center: "middle",
+  right: "end"
+};
+const arrowheadsToArrowheadTypes = {
+  arrow: "arrow",
+  dot: "dot",
+  triangle: "triangle",
+  bar: "pipe"
+};
+function getBend(element, startPoint, endPoint) {
+  let bend = 0;
+  if (element.points.length > 2) {
+    const start = new import_editor.Vec2d(startPoint[0], startPoint[1]);
+    const end = new import_editor.Vec2d(endPoint[0], endPoint[1]);
+    const handle = new import_editor.Vec2d(element.points[1][0], element.points[1][1]);
+    const delta = import_editor.Vec2d.Sub(end, start);
+    const v = import_editor.Vec2d.Per(delta);
+    const med = import_editor.Vec2d.Med(end, start);
+    const A = import_editor.Vec2d.Sub(med, v);
+    const B = import_editor.Vec2d.Add(med, v);
+    const point = import_editor.Vec2d.NearestPointOnLineSegment(A, B, handle, false);
+    bend = import_editor.Vec2d.Dist(point, med);
+    if (import_editor.Vec2d.Clockwise(point, end, med))
+      bend *= -1;
+  }
+  return bend;
+}
+const getDash = (element) => {
+  let dash = strokeStylesToStrokeTypes[element.strokeStyle] ?? "draw";
+  if (dash === "draw" && element.roughness === 0) {
+    dash = "solid";
+  }
+  return dash;
+};
+const getFill = (element) => {
+  if (element.backgroundColor === "transparent") {
+    return "none";
+  }
+  return fillStylesToFillType[element.fillStyle] ?? "solid";
+};
+//# sourceMappingURL=pasteExcalidrawContent.js.map

package/dist-cjs/lib/ui/hooks/clipboard/pasteExcalidrawContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/hooks/clipboard/pasteExcalidrawContent.ts"],
+  "sourcesContent": ["import {\n\tAssetRecordType,\n\tBox2d,\n\tEditor,\n\tTLArrowShapeArrowheadStyle,\n\tTLAssetId,\n\tTLContent,\n\tTLDefaultColorStyle,\n\tTLDefaultDashStyle,\n\tTLDefaultFillStyle,\n\tTLDefaultFontStyle,\n\tTLDefaultHorizontalAlignStyle,\n\tTLDefaultSizeStyle,\n\tTLOpacityType,\n\tTLShapeId,\n\tVec2d,\n\tVecLike,\n\tcompact,\n\tcreateShapeId,\n\tgetIndexAbove,\n\tgetIndices,\n\tisShapeId,\n\tuniqueId,\n} from '@bigbluebutton/editor'\n\n/**\n * When the clipboard has excalidraw content, paste it into the scene.\n *\n * @param editor - The editor instance.\n * @param clipboard - The clipboard model.\n * @param point - The point at which to paste the text.\n * @internal\n */\nexport async function pasteExcalidrawContent(editor: Editor, clipboard: any, point?: VecLike) {\n\tconst { elements, files } = clipboard\n\n\tconst tldrawContent: TLContent = {\n\t\tshapes: [],\n\t\trootShapeIds: [],\n\t\tassets: [],\n\t\tschema: editor.store.schema.serialize(),\n\t}\n\n\tconst groupShapeIdToChildren = new Map<string, TLShapeId[]>()\n\tconst rotatedElements = new Map<TLShapeId, number>()\n\n\tconst currentPageId = editor.getCurrentPageId()\n\n\tconst excElementIdsToTldrawShapeIds = new Map<string, TLShapeId>()\n\tconst rootShapeIds: TLShapeId[] = []\n\n\tconst skipIds = new Set<string>()\n\n\telements.forEach((element: any) => {\n\t\texcElementIdsToTldrawShapeIds.set(element.id, createShapeId())\n\n\t\tif (element.boundElements !== null) {\n\t\t\tfor (const boundElement of element.boundElements) {\n\t\t\t\tif (boundElement.type === 'text') {\n\t\t\t\t\tskipIds.add(boundElement.id)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t})\n\n\tlet index = 'a1'\n\n\tfor (const element of elements) {\n\t\tif (skipIds.has(element.id)) {\n\t\t\tcontinue\n\t\t}\n\n\t\tconst id = excElementIdsToTldrawShapeIds.get(element.id)!\n\n\t\tconst base = {\n\t\t\tid,\n\t\t\ttypeName: 'shape',\n\t\t\tparentId: currentPageId,\n\t\t\tindex,\n\t\t\tx: element.x,\n\t\t\ty: element.y,\n\t\t\trotation: 0,\n\t\t\tisLocked: element.locked,\n\t\t\topacity: getOpacity(element.opacity),\n\t\t\tmeta: {},\n\t\t} as const\n\n\t\tif (element.angle !== 0) {\n\t\t\trotatedElements.set(id, element.angle)\n\t\t}\n\n\t\tif (element.groupIds && element.groupIds.length > 0) {\n\t\t\tif (groupShapeIdToChildren.has(element.groupIds[0])) {\n\t\t\t\tgroupShapeIdToChildren.get(element.groupIds[0])?.push(id)\n\t\t\t} else {\n\t\t\t\tgroupShapeIdToChildren.set(element.groupIds[0], [id])\n\t\t\t}\n\t\t} else {\n\t\t\trootShapeIds.push(id)\n\t\t}\n\n\t\tswitch (element.type) {\n\t\t\tcase 'rectangle':\n\t\t\tcase 'ellipse':\n\t\t\tcase 'diamond': {\n\t\t\t\tlet text = ''\n\t\t\t\tlet align: TLDefaultHorizontalAlignStyle = 'middle'\n\n\t\t\t\tif (element.boundElements !== null) {\n\t\t\t\t\tfor (const boundElement of element.boundElements) {\n\t\t\t\t\t\tif (boundElement.type === 'text') {\n\t\t\t\t\t\t\tconst labelElement = elements.find((elm: any) => elm.id === boundElement.id)\n\t\t\t\t\t\t\tif (labelElement) {\n\t\t\t\t\t\t\t\ttext = labelElement.text\n\t\t\t\t\t\t\t\talign = textAlignToAlignTypes[labelElement.textAlign]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst colorToUse =\n\t\t\t\t\telement.backgroundColor === 'transparent' ? element.strokeColor : element.backgroundColor\n\n\t\t\t\ttldrawContent.shapes.push({\n\t\t\t\t\t...base,\n\t\t\t\t\ttype: 'geo',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tgeo: element.type,\n\t\t\t\t\t\turl: element.link ?? '',\n\t\t\t\t\t\tw: element.width,\n\t\t\t\t\t\th: element.height,\n\t\t\t\t\t\tsize: strokeWidthsToSizes[element.strokeWidth] ?? 'draw',\n\t\t\t\t\t\tcolor: colorsToColors[colorToUse] ?? 'black',\n\t\t\t\t\t\ttext,\n\t\t\t\t\t\talign,\n\t\t\t\t\t\tdash: getDash(element),\n\t\t\t\t\t\tfill: getFill(element),\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'freedraw': {\n\t\t\t\ttldrawContent.shapes.push({\n\t\t\t\t\t...base,\n\t\t\t\t\ttype: 'draw',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tdash: getDash(element),\n\t\t\t\t\t\tsize: strokeWidthsToSizes[element.strokeWidth],\n\t\t\t\t\t\tcolor: colorsToColors[element.strokeColor] ?? 'black',\n\t\t\t\t\t\tsegments: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttype: 'free',\n\t\t\t\t\t\t\t\tpoints: element.points.map(([x, y, z = 0.5]: number[]) => ({\n\t\t\t\t\t\t\t\t\tx,\n\t\t\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\t\t\tz,\n\t\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'line': {\n\t\t\t\tconst start = element.points[0]\n\t\t\t\tconst end = element.points[element.points.length - 1]\n\t\t\t\tconst indices = getIndices(element.points.length)\n\n\t\t\t\ttldrawContent.shapes.push({\n\t\t\t\t\t...base,\n\t\t\t\t\ttype: 'line',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tdash: getDash(element),\n\t\t\t\t\t\tsize: strokeWidthsToSizes[element.strokeWidth],\n\t\t\t\t\t\tcolor: colorsToColors[element.strokeColor] ?? 'black',\n\t\t\t\t\t\tspline: element.roundness ? 'cubic' : 'line',\n\t\t\t\t\t\thandles: {\n\t\t\t\t\t\t\tstart: {\n\t\t\t\t\t\t\t\tid: 'start',\n\t\t\t\t\t\t\t\ttype: 'vertex',\n\t\t\t\t\t\t\t\tindex: indices[0],\n\t\t\t\t\t\t\t\tx: start[0],\n\t\t\t\t\t\t\t\ty: start[1],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tend: {\n\t\t\t\t\t\t\t\tid: 'end',\n\t\t\t\t\t\t\t\ttype: 'vertex',\n\t\t\t\t\t\t\t\tindex: indices[indices.length - 1],\n\t\t\t\t\t\t\t\tx: end[0],\n\t\t\t\t\t\t\t\ty: end[1],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t...Object.fromEntries(\n\t\t\t\t\t\t\t\telement.points.slice(1, -1).map(([x, y]: number[], i: number) => {\n\t\t\t\t\t\t\t\t\tconst id = uniqueId()\n\t\t\t\t\t\t\t\t\treturn [\n\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\ttype: 'vertex',\n\t\t\t\t\t\t\t\t\t\t\tindex: indices[i + 1],\n\t\t\t\t\t\t\t\t\t\t\tx,\n\t\t\t\t\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'arrow': {\n\t\t\t\tlet text = ''\n\n\t\t\t\tif (element.boundElements !== null) {\n\t\t\t\t\tfor (const boundElement of element.boundElements) {\n\t\t\t\t\t\tif (boundElement.type === 'text') {\n\t\t\t\t\t\t\tconst labelElement = elements.find((elm: any) => elm.id === boundElement.id)\n\t\t\t\t\t\t\tif (labelElement) {\n\t\t\t\t\t\t\t\ttext = labelElement.text\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst start = element.points[0]\n\t\t\t\tconst end = element.points[element.points.length - 1]\n\n\t\t\t\tconst startTargetId = excElementIdsToTldrawShapeIds.get(element.startBinding?.elementId)\n\t\t\t\tconst endTargetId = excElementIdsToTldrawShapeIds.get(element.endBinding?.elementId)\n\n\t\t\t\ttldrawContent.shapes.push({\n\t\t\t\t\t...base,\n\t\t\t\t\ttype: 'arrow',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\ttext,\n\t\t\t\t\t\tbend: getBend(element, start, end),\n\t\t\t\t\t\tdash: getDash(element),\n\t\t\t\t\t\tsize: strokeWidthsToSizes[element.strokeWidth] ?? 'm',\n\t\t\t\t\t\tcolor: colorsToColors[element.strokeColor] ?? 'black',\n\t\t\t\t\t\tstart: startTargetId\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttype: 'binding',\n\t\t\t\t\t\t\t\t\tboundShapeId: startTargetId,\n\t\t\t\t\t\t\t\t\tnormalizedAnchor: { x: 0.5, y: 0.5 },\n\t\t\t\t\t\t\t\t\tisPrecise: false,\n\t\t\t\t\t\t\t\t\tisExact: false,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\ttype: 'point',\n\t\t\t\t\t\t\t\t\tx: start[0],\n\t\t\t\t\t\t\t\t\ty: start[1],\n\t\t\t\t\t\t\t  },\n\t\t\t\t\t\tend: endTargetId\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttype: 'binding',\n\t\t\t\t\t\t\t\t\tboundShapeId: endTargetId,\n\t\t\t\t\t\t\t\t\tnormalizedAnchor: { x: 0.5, y: 0.5 },\n\t\t\t\t\t\t\t\t\tisPrecise: false,\n\t\t\t\t\t\t\t\t\tisExact: false,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\ttype: 'point',\n\t\t\t\t\t\t\t\t\tx: end[0],\n\t\t\t\t\t\t\t\t\ty: end[1],\n\t\t\t\t\t\t\t  },\n\t\t\t\t\t\tarrowheadEnd: arrowheadsToArrowheadTypes[element.endArrowhead] ?? 'none',\n\t\t\t\t\t\tarrowheadStart: arrowheadsToArrowheadTypes[element.startArrowhead] ?? 'none',\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'text': {\n\t\t\t\tconst { size, scale } = getFontSizeAndScale(element.fontSize)\n\n\t\t\t\ttldrawContent.shapes.push({\n\t\t\t\t\t...base,\n\t\t\t\t\ttype: 'text',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tsize,\n\t\t\t\t\t\tscale,\n\t\t\t\t\t\tfont: fontFamilyToFontType[element.fontFamily] ?? 'draw',\n\t\t\t\t\t\tcolor: colorsToColors[element.strokeColor] ?? 'black',\n\t\t\t\t\t\ttext: element.text,\n\t\t\t\t\t\talign: textAlignToAlignTypes[element.textAlign],\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'image': {\n\t\t\t\tconst file = files[element.fileId]\n\t\t\t\tif (!file) break\n\n\t\t\t\tconst assetId: TLAssetId = AssetRecordType.createId()\n\t\t\t\ttldrawContent.assets.push({\n\t\t\t\t\tid: assetId,\n\t\t\t\t\ttypeName: 'asset',\n\t\t\t\t\ttype: 'image',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tw: element.width,\n\t\t\t\t\t\th: element.height,\n\t\t\t\t\t\tname: element.id ?? 'Untitled',\n\t\t\t\t\t\tisAnimated: false,\n\t\t\t\t\t\tmimeType: file.mimeType,\n\t\t\t\t\t\tsrc: file.dataURL,\n\t\t\t\t\t},\n\t\t\t\t\tmeta: {},\n\t\t\t\t})\n\n\t\t\t\ttldrawContent.shapes.push({\n\t\t\t\t\t...base,\n\t\t\t\t\ttype: 'image',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tw: element.width,\n\t\t\t\t\t\th: element.height,\n\t\t\t\t\t\tassetId,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\n\t\tindex = getIndexAbove(index)\n\t}\n\n\tconst p = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : undefined)\n\n\teditor.mark('paste')\n\n\teditor.putContentOntoCurrentPage(tldrawContent, {\n\t\tpoint: p,\n\t\tselect: false,\n\t\tpreserveIds: true,\n\t})\n\tfor (const groupedShapeIds of groupShapeIdToChildren.values()) {\n\t\tif (groupedShapeIds.length > 1) {\n\t\t\teditor.groupShapes(groupedShapeIds)\n\t\t\tconst groupShape = editor.getShape(groupedShapeIds[0])\n\t\t\tif (groupShape?.parentId && isShapeId(groupShape.parentId)) {\n\t\t\t\trootShapeIds.push(groupShape.parentId)\n\t\t\t}\n\t\t}\n\t}\n\n\tfor (const [id, angle] of rotatedElements) {\n\t\teditor.select(id)\n\t\teditor.rotateShapesBy([id], angle)\n\t}\n\n\tconst rootShapes = compact(rootShapeIds.map((id) => editor.getShape(id)))\n\tconst bounds = Box2d.Common(rootShapes.map((s) => editor.getShapePageBounds(s)!))\n\tconst viewPortCenter = editor.getViewportPageBounds().center\n\teditor.updateShapes(\n\t\trootShapes.map((s) => {\n\t\t\tconst delta = {\n\t\t\t\tx: (s.x ?? 0) - (bounds.x + bounds.w / 2),\n\t\t\t\ty: (s.y ?? 0) - (bounds.y + bounds.h / 2),\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tid: s.id,\n\t\t\t\ttype: s.type,\n\t\t\t\tx: viewPortCenter.x + delta.x,\n\t\t\t\ty: viewPortCenter.y + delta.y,\n\t\t\t}\n\t\t})\n\t)\n\teditor.setSelectedShapes(rootShapeIds)\n}\n\n/* --------------- Translating Helpers --------_------ */\n\nconst getOpacity = (opacity: number): TLOpacityType => {\n\tconst t = opacity / 100\n\tif (t < 0.2) {\n\t\treturn 0.1\n\t} else if (t < 0.4) {\n\t\treturn 0.25\n\t} else if (t < 0.6) {\n\t\treturn 0.5\n\t} else if (t < 0.8) {\n\t\treturn 0.75\n\t}\n\n\treturn 1\n}\n\nconst strokeWidthsToSizes: Record<number, TLDefaultSizeStyle> = {\n\t1: 's',\n\t2: 'm',\n\t3: 'l',\n\t4: 'xl',\n}\n\nconst fontSizesToSizes: Record<number, TLDefaultSizeStyle> = {\n\t16: 's',\n\t20: 'm',\n\t28: 'l',\n\t36: 'xl',\n}\n\nfunction getFontSizeAndScale(fontSize: number): { size: TLDefaultSizeStyle; scale: number } {\n\tconst size = fontSizesToSizes[fontSize]\n\tif (size) {\n\t\treturn { size, scale: 1 }\n\t}\n\tif (fontSize < 16) {\n\t\treturn { size: 's', scale: fontSize / 16 }\n\t}\n\tif (fontSize > 36) {\n\t\treturn { size: 'xl', scale: fontSize / 36 }\n\t}\n\treturn { size: 'm', scale: 1 }\n}\n\nconst fontFamilyToFontType: Record<number, TLDefaultFontStyle> = {\n\t1: 'draw',\n\t2: 'sans',\n\t3: 'mono',\n}\n\nconst colorsToColors: Record<string, TLDefaultColorStyle> = {\n\t'#ffffff': 'grey',\n\t// Strokes\n\t'#000000': 'black',\n\t'#343a40': 'black',\n\t'#495057': 'grey',\n\t'#c92a2a': 'red',\n\t'#a61e4d': 'light-red',\n\t'#862e9c': 'violet',\n\t'#5f3dc4': 'light-violet',\n\t'#364fc7': 'blue',\n\t'#1864ab': 'light-blue',\n\t'#0b7285': 'light-green',\n\t'#087f5b': 'light-green',\n\t'#2b8a3e': 'green',\n\t'#5c940d': 'light-green',\n\t'#e67700': 'yellow',\n\t'#d9480f': 'orange',\n\t// Backgrounds\n\t'#ced4da': 'grey',\n\t'#868e96': 'grey',\n\t'#fa5252': 'light-red',\n\t'#e64980': 'red',\n\t'#be4bdb': 'light-violet',\n\t'#7950f2': 'violet',\n\t'#4c6ef5': 'blue',\n\t'#228be6': 'light-blue',\n\t'#15aabf': 'light-green',\n\t'#12b886': 'green',\n\t'#40c057': 'green',\n\t'#82c91e': 'light-green',\n\t'#fab005': 'yellow',\n\t'#fd7e14': 'orange',\n\t'#212529': 'grey',\n}\n\nconst strokeStylesToStrokeTypes: Record<string, TLDefaultDashStyle> = {\n\tsolid: 'draw',\n\tdashed: 'dashed',\n\tdotted: 'dotted',\n}\n\nconst fillStylesToFillType: Record<string, TLDefaultFillStyle> = {\n\t'cross-hatch': 'pattern',\n\thachure: 'pattern',\n\tsolid: 'solid',\n}\n\nconst textAlignToAlignTypes: Record<string, TLDefaultHorizontalAlignStyle> = {\n\tleft: 'start',\n\tcenter: 'middle',\n\tright: 'end',\n}\n\nconst arrowheadsToArrowheadTypes: Record<string, TLArrowShapeArrowheadStyle> = {\n\tarrow: 'arrow',\n\tdot: 'dot',\n\ttriangle: 'triangle',\n\tbar: 'pipe',\n}\n\nfunction getBend(element: any, startPoint: any, endPoint: any) {\n\tlet bend = 0\n\tif (element.points.length > 2) {\n\t\tconst start = new Vec2d(startPoint[0], startPoint[1])\n\t\tconst end = new Vec2d(endPoint[0], endPoint[1])\n\t\tconst handle = new Vec2d(element.points[1][0], element.points[1][1])\n\t\tconst delta = Vec2d.Sub(end, start)\n\t\tconst v = Vec2d.Per(delta)\n\n\t\tconst med = Vec2d.Med(end, start)\n\t\tconst A = Vec2d.Sub(med, v)\n\t\tconst B = Vec2d.Add(med, v)\n\n\t\tconst point = Vec2d.NearestPointOnLineSegment(A, B, handle, false)\n\t\tbend = Vec2d.Dist(point, med)\n\t\tif (Vec2d.Clockwise(point, end, med)) bend *= -1\n\t}\n\treturn bend\n}\n\nconst getDash = (element: any): TLDefaultDashStyle => {\n\tlet dash: TLDefaultDashStyle = strokeStylesToStrokeTypes[element.strokeStyle] ?? 'draw'\n\tif (dash === 'draw' && element.roughness === 0) {\n\t\tdash = 'solid'\n\t}\n\treturn dash\n}\n\nconst getFill = (element: any): TLDefaultFillStyle => {\n\tif (element.backgroundColor === 'transparent') {\n\t\treturn 'none'\n\t}\n\treturn fillStylesToFillType[element.fillStyle] ?? 'solid'\n}\n"],
+  "mappings": "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",
+  "names": ["id"]
+}

package/dist-cjs/lib/ui/hooks/clipboard/pasteFiles.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var pasteFiles_exports = {};
+__export(pasteFiles_exports, {
+  pasteFiles: () => pasteFiles
+});
+module.exports = __toCommonJS(pasteFiles_exports);
+async function pasteFiles(editor, urls, point, sources) {
+  const blobs = await Promise.all(urls.map(async (url) => await (await fetch(url)).blob()));
+  const files = blobs.map((blob) => new File([blob], "tldrawFile", { type: blob.type }));
+  editor.mark("paste");
+  await editor.putExternalContent({
+    type: "files",
+    files,
+    point,
+    ignoreParent: false,
+    sources
+  });
+  urls.forEach((url) => URL.revokeObjectURL(url));
+}
+//# sourceMappingURL=pasteFiles.js.map

package/dist-cjs/lib/ui/hooks/clipboard/pasteFiles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/hooks/clipboard/pasteFiles.ts"],
+  "sourcesContent": ["import { Editor, TLExternalContentSource, VecLike } from '@bigbluebutton/editor'\n\n/**\n * When the clipboard has a file, create an image shape from the file and paste it into the scene\n *\n * @param editor - The editor instance.\n * @param urls - The file urls.\n * @param point - The point at which to paste the file.\n * @internal\n */\nexport async function pasteFiles(\n\teditor: Editor,\n\turls: string[],\n\tpoint?: VecLike,\n\tsources?: TLExternalContentSource[]\n) {\n\tconst blobs = await Promise.all(urls.map(async (url) => await (await fetch(url)).blob()))\n\tconst files = blobs.map((blob) => new File([blob], 'tldrawFile', { type: blob.type }))\n\n\teditor.mark('paste')\n\n\tawait editor.putExternalContent({\n\t\ttype: 'files',\n\t\tfiles,\n\t\tpoint,\n\t\tignoreParent: false,\n\t\tsources,\n\t})\n\n\turls.forEach((url) => URL.revokeObjectURL(url))\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,eAAsB,WACrB,QACA,MACA,OACA,SACC;AACD,QAAM,QAAQ,MAAM,QAAQ,IAAI,KAAK,IAAI,OAAO,QAAQ,OAAO,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC;AACxF,QAAM,QAAQ,MAAM,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,GAAG,cAAc,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC;AAErF,SAAO,KAAK,OAAO;AAEnB,QAAM,OAAO,mBAAmB;AAAA,IAC/B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,EACD,CAAC;AAED,OAAK,QAAQ,CAAC,QAAQ,IAAI,gBAAgB,GAAG,CAAC;AAC/C;",
+  "names": []
+}

package/dist-cjs/lib/ui/hooks/clipboard/pasteTldrawContent.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var pasteTldrawContent_exports = {};
+__export(pasteTldrawContent_exports, {
+  pasteTldrawContent: () => pasteTldrawContent
+});
+module.exports = __toCommonJS(pasteTldrawContent_exports);
+function pasteTldrawContent(editor, clipboard, point) {
+  const p = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : void 0);
+  editor.mark("paste");
+  editor.putContentOntoCurrentPage(clipboard, {
+    point: p,
+    select: true
+  });
+}
+//# sourceMappingURL=pasteTldrawContent.js.map

package/dist-cjs/lib/ui/hooks/clipboard/pasteTldrawContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/hooks/clipboard/pasteTldrawContent.ts"],
+  "sourcesContent": ["import { Editor, TLContent, VecLike } from '@bigbluebutton/editor'\n\n/**\n * When the clipboard has tldraw content, paste it into the scene.\n *\n * @param editor - The editor instance.\n * @param clipboard - The clipboard model.\n * @param point - The point at which to paste the text.\n * @internal\n */\nexport function pasteTldrawContent(editor: Editor, clipboard: TLContent, point?: VecLike) {\n\tconst p = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : undefined)\n\n\teditor.mark('paste')\n\teditor.putContentOntoCurrentPage(clipboard, {\n\t\tpoint: p,\n\t\tselect: true,\n\t})\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,SAAS,mBAAmB,QAAgB,WAAsB,OAAiB;AACzF,QAAM,IAAI,UAAU,OAAO,OAAO,WAAW,OAAO,OAAO,mBAAmB;AAE9E,SAAO,KAAK,OAAO;AACnB,SAAO,0BAA0B,WAAW;AAAA,IAC3C,OAAO;AAAA,IACP,QAAQ;AAAA,EACT,CAAC;AACF;",
+  "names": []
+}

package/dist-cjs/lib/ui/hooks/clipboard/pasteUrl.js

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var pasteUrl_exports = {};
+__export(pasteUrl_exports, {
+  pasteUrl: () => pasteUrl
+});
+module.exports = __toCommonJS(pasteUrl_exports);
+var import_pasteFiles = require("./pasteFiles");
+async function pasteUrl(editor, url, point, sources) {
+  try {
+    if (new URL(url).pathname.match(/\.(png|jpe?g|gif|svg|webp)$/i)) {
+      const resp = await fetch(url, { method: "HEAD" });
+      if (resp.headers.get("content-type")?.match(/^image\//)) {
+        editor.mark("paste");
+        (0, import_pasteFiles.pasteFiles)(editor, [url]);
+        return;
+      }
+    }
+  } catch (err) {
+    if (err.message !== "Failed to fetch") {
+      console.error(err);
+    }
+  }
+  editor.mark("paste");
+  return await editor.putExternalContent({
+    type: "url",
+    point,
+    url,
+    sources
+  });
+}
+//# sourceMappingURL=pasteUrl.js.map

package/dist-cjs/lib/ui/hooks/clipboard/pasteUrl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/hooks/clipboard/pasteUrl.ts"],
+  "sourcesContent": ["import { Editor, TLExternalContentSource, VecLike } from '@bigbluebutton/editor'\nimport { pasteFiles } from './pasteFiles'\n\n/**\n * When the clipboard has plain text that is a valid URL, create a bookmark shape and insert it into\n * the scene\n *\n * @param editor - The editor instance.\n * @param url - The URL to paste.\n * @param point - The point at which to paste the file.\n * @internal\n */\nexport async function pasteUrl(\n\teditor: Editor,\n\turl: string,\n\tpoint?: VecLike,\n\tsources?: TLExternalContentSource[]\n) {\n\t// Lets see if its an image and we have CORs\n\ttry {\n\t\t// skip this step if the url doesn't contain an image extension, treat it as a regular bookmark\n\t\tif (new URL(url).pathname.match(/\\.(png|jpe?g|gif|svg|webp)$/i)) {\n\t\t\tconst resp = await fetch(url, { method: 'HEAD' })\n\t\t\tif (resp.headers.get('content-type')?.match(/^image\\//)) {\n\t\t\t\teditor.mark('paste')\n\t\t\t\tpasteFiles(editor, [url])\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\t} catch (err: any) {\n\t\tif (err.message !== 'Failed to fetch') {\n\t\t\tconsole.error(err)\n\t\t}\n\t}\n\n\teditor.mark('paste')\n\n\treturn await editor.putExternalContent({\n\t\ttype: 'url',\n\t\tpoint,\n\t\turl,\n\t\tsources,\n\t})\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAA2B;AAW3B,eAAsB,SACrB,QACA,KACA,OACA,SACC;AAED,MAAI;AAEH,QAAI,IAAI,IAAI,GAAG,EAAE,SAAS,MAAM,8BAA8B,GAAG;AAChE,YAAM,OAAO,MAAM,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC;AAChD,UAAI,KAAK,QAAQ,IAAI,cAAc,GAAG,MAAM,UAAU,GAAG;AACxD,eAAO,KAAK,OAAO;AACnB,0CAAW,QAAQ,CAAC,GAAG,CAAC;AACxB;AAAA,MACD;AAAA,IACD;AAAA,EACD,SAAS,KAAU;AAClB,QAAI,IAAI,YAAY,mBAAmB;AACtC,cAAQ,MAAM,GAAG;AAAA,IAClB;AAAA,EACD;AAEA,SAAO,KAAK,OAAO;AAEnB,SAAO,MAAM,OAAO,mBAAmB;AAAA,IACtC,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AACF;",
+  "names": []
+}