@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/ui/components/primitives/Popover.mjs

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { useContainer } from "@bigbluebutton/editor";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { useMenuIsOpen } from "../../hooks/useMenuIsOpen.mjs";
+const Popover = ({ id, children, onOpenChange, open }) => {
+  const [isOpen, handleOpenChange] = useMenuIsOpen(id, onOpenChange);
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Root,
+    {
+      onOpenChange: handleOpenChange,
+      open: open || isOpen,
+      children: /* @__PURE__ */ jsx("div", { className: "tlui-popover", children })
+    }
+  );
+};
+const PopoverTrigger = ({ children, disabled, "data-testid": testId }) => {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-testid": testId, disabled, asChild: true, dir: "ltr", children });
+};
+const PopoverContent = ({ side, children, align = "center", sideOffset = 8, alignOffset = 0 }) => {
+  const container = useContainer();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      className: "tlui-popover__content",
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      dir: "ltr",
+      children
+    }
+  ) });
+};
+export {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+};
+//# sourceMappingURL=Popover.mjs.map

package/dist-esm/lib/ui/components/primitives/Popover.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/primitives/Popover.tsx"],
+  "sourcesContent": ["import { useContainer } from '@bigbluebutton/editor'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport React, { FC } from 'react'\nimport { useMenuIsOpen } from '../../hooks/useMenuIsOpen'\n\ntype PopoverProps = {\n\tid: string\n\topen?: boolean\n\tchildren: React.ReactNode\n\tonOpenChange?: (isOpen: boolean) => void\n}\n\nexport const Popover: FC<PopoverProps> = ({ id, children, onOpenChange, open }) => {\n\tconst [isOpen, handleOpenChange] = useMenuIsOpen(id, onOpenChange)\n\n\treturn (\n\t\t<PopoverPrimitive.Root\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\topen={open || isOpen /* allow debugging */}\n\t\t>\n\t\t\t<div className=\"tlui-popover\">{children}</div>\n\t\t</PopoverPrimitive.Root>\n\t)\n}\n\nexport const PopoverTrigger: FC<{\n\tchildren: React.ReactNode\n\tdisabled?: boolean\n\tclassName?: string\n\t'data-testid'?: string\n}> = ({ children, disabled, 'data-testid': testId }) => {\n\treturn (\n\t\t<PopoverPrimitive.Trigger data-testid={testId} disabled={disabled} asChild dir=\"ltr\">\n\t\t\t{children}\n\t\t</PopoverPrimitive.Trigger>\n\t)\n}\nexport const PopoverContent: FC<{\n\tchildren: React.ReactNode\n\tside: 'top' | 'bottom' | 'left' | 'right'\n\talign?: 'start' | 'center' | 'end'\n\talignOffset?: number\n\tsideOffset?: number\n}> = ({ side, children, align = 'center', sideOffset = 8, alignOffset = 0 }) => {\n\tconst container = useContainer()\n\treturn (\n\t\t<PopoverPrimitive.Portal container={container}>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tclassName=\"tlui-popover__content\"\n\t\t\t\tside={side}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\talign={align}\n\t\t\t\talignOffset={alignOffset}\n\t\t\t\tdir=\"ltr\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{/* <StyledArrow /> */}\n\t\t\t</PopoverPrimitive.Content>\n\t\t</PopoverPrimitive.Portal>\n\t)\n}\n"],
+  "mappings": "AAoBG;AApBH,SAAS,oBAAoB;AAC7B,YAAY,sBAAsB;AAElC,SAAS,qBAAqB;AASvB,MAAM,UAA4B,CAAC,EAAE,IAAI,UAAU,cAAc,KAAK,MAAM;AAClF,QAAM,CAAC,QAAQ,gBAAgB,IAAI,cAAc,IAAI,YAAY;AAEjE,SACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,cAAc;AAAA,MACd,MAAM,QAAQ;AAAA,MAEd,8BAAC,SAAI,WAAU,gBAAgB,UAAS;AAAA;AAAA,EACzC;AAEF;AAEO,MAAM,iBAKR,CAAC,EAAE,UAAU,UAAU,eAAe,OAAO,MAAM;AACvD,SACC,oBAAC,iBAAiB,SAAjB,EAAyB,eAAa,QAAQ,UAAoB,SAAO,MAAC,KAAI,OAC7E,UACF;AAEF;AACO,MAAM,iBAMR,CAAC,EAAE,MAAM,UAAU,QAAQ,UAAU,aAAa,GAAG,cAAc,EAAE,MAAM;AAC/E,QAAM,YAAY,aAAa;AAC/B,SACC,oBAAC,iBAAiB,QAAjB,EAAwB,WACxB;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAI;AAAA,MAEH;AAAA;AAAA,EAEF,GACD;AAEF;",
+  "names": []
+}

package/dist-esm/lib/ui/components/primitives/Slider.mjs

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEditor } from "@bigbluebutton/editor";
+import { Range, Root, Thumb, Track } from "@radix-ui/react-slider";
+import { memo, useCallback } from "react";
+import { useTranslation } from "../../hooks/useTranslation/useTranslation.mjs";
+const Slider = memo(function Slider2(props) {
+  const { title, steps, value, label, onValueChange } = props;
+  const editor = useEditor();
+  const msg = useTranslation();
+  const handleValueChange = useCallback(
+    (value2) => {
+      onValueChange(value2[0], true);
+    },
+    [onValueChange]
+  );
+  const handlePointerDown = useCallback(() => {
+    editor.mark("click slider");
+  }, [editor]);
+  const handlePointerUp = useCallback(() => {
+    if (!value)
+      return;
+    onValueChange(value, false);
+  }, [value, onValueChange]);
+  return /* @__PURE__ */ jsx("div", { className: "tlui-slider__container", children: /* @__PURE__ */ jsxs(
+    Root,
+    {
+      "data-testid": props["data-testid"],
+      className: "tlui-slider",
+      "area-label": "Opacity",
+      dir: "ltr",
+      min: 0,
+      max: steps,
+      step: 1,
+      value: value ? [value] : void 0,
+      onPointerDown: handlePointerDown,
+      onValueChange: handleValueChange,
+      onPointerUp: handlePointerUp,
+      title: title + " \u2014 " + msg(label),
+      children: [
+        /* @__PURE__ */ jsx(Track, { className: "tlui-slider__track", dir: "ltr", children: value !== null && /* @__PURE__ */ jsx(Range, { className: "tlui-slider__range", dir: "ltr" }) }),
+        value !== null && /* @__PURE__ */ jsx(Thumb, { className: "tlui-slider__thumb", dir: "ltr" })
+      ]
+    }
+  ) });
+});
+export {
+  Slider
+};
+//# sourceMappingURL=Slider.mjs.map

package/dist-esm/lib/ui/components/primitives/Slider.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/primitives/Slider.tsx"],
+  "sourcesContent": ["import { useEditor } from '@bigbluebutton/editor'\nimport { Range, Root, Thumb, Track } from '@radix-ui/react-slider'\nimport { memo, useCallback } from 'react'\nimport { TLUiTranslationKey } from '../../hooks/useTranslation/TLUiTranslationKey'\nimport { useTranslation } from '../../hooks/useTranslation/useTranslation'\n\n/** @internal */\nexport interface SliderProps {\n\tsteps: number\n\tvalue: number | null\n\tlabel: string\n\ttitle: string\n\tonValueChange: (value: number, emphemeral: boolean) => void\n\t'data-testid'?: string\n}\n\n/** @internal */\nexport const Slider = memo(function Slider(props: SliderProps) {\n\tconst { title, steps, value, label, onValueChange } = props\n\tconst editor = useEditor()\n\tconst msg = useTranslation()\n\n\tconst handleValueChange = useCallback(\n\t\t(value: number[]) => {\n\t\t\tonValueChange(value[0], true)\n\t\t},\n\t\t[onValueChange]\n\t)\n\n\tconst handlePointerDown = useCallback(() => {\n\t\teditor.mark('click slider')\n\t}, [editor])\n\n\tconst handlePointerUp = useCallback(() => {\n\t\tif (!value) return\n\t\tonValueChange(value, false)\n\t}, [value, onValueChange])\n\n\treturn (\n\t\t<div className=\"tlui-slider__container\">\n\t\t\t<Root\n\t\t\t\tdata-testid={props['data-testid']}\n\t\t\t\tclassName=\"tlui-slider\"\n\t\t\t\tarea-label=\"Opacity\"\n\t\t\t\tdir=\"ltr\"\n\t\t\t\tmin={0}\n\t\t\t\tmax={steps}\n\t\t\t\tstep={1}\n\t\t\t\tvalue={value ? [value] : undefined}\n\t\t\t\tonPointerDown={handlePointerDown}\n\t\t\t\tonValueChange={handleValueChange}\n\t\t\t\tonPointerUp={handlePointerUp}\n\t\t\t\ttitle={title + ' \u2014 ' + msg(label as TLUiTranslationKey)}\n\t\t\t>\n\t\t\t\t<Track className=\"tlui-slider__track\" dir=\"ltr\">\n\t\t\t\t\t{value !== null && <Range className=\"tlui-slider__range\" dir=\"ltr\" />}\n\t\t\t\t</Track>\n\t\t\t\t{value !== null && <Thumb className=\"tlui-slider__thumb\" dir=\"ltr\" />}\n\t\t\t</Root>\n\t\t</div>\n\t)\n})\n"],
+  "mappings": "AAwCG,SAeqB,KAfrB;AAxCH,SAAS,iBAAiB;AAC1B,SAAS,OAAO,MAAM,OAAO,aAAa;AAC1C,SAAS,MAAM,mBAAmB;AAElC,SAAS,sBAAsB;AAaxB,MAAM,SAAS,KAAK,SAASA,QAAO,OAAoB;AAC9D,QAAM,EAAE,OAAO,OAAO,OAAO,OAAO,cAAc,IAAI;AACtD,QAAM,SAAS,UAAU;AACzB,QAAM,MAAM,eAAe;AAE3B,QAAM,oBAAoB;AAAA,IACzB,CAACC,WAAoB;AACpB,oBAAcA,OAAM,CAAC,GAAG,IAAI;AAAA,IAC7B;AAAA,IACA,CAAC,aAAa;AAAA,EACf;AAEA,QAAM,oBAAoB,YAAY,MAAM;AAC3C,WAAO,KAAK,cAAc;AAAA,EAC3B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAkB,YAAY,MAAM;AACzC,QAAI,CAAC;AAAO;AACZ,kBAAc,OAAO,KAAK;AAAA,EAC3B,GAAG,CAAC,OAAO,aAAa,CAAC;AAEzB,SACC,oBAAC,SAAI,WAAU,0BACd;AAAA,IAAC;AAAA;AAAA,MACA,eAAa,MAAM,aAAa;AAAA,MAChC,WAAU;AAAA,MACV,cAAW;AAAA,MACX,KAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,QAAQ,CAAC,KAAK,IAAI;AAAA,MACzB,eAAe;AAAA,MACf,eAAe;AAAA,MACf,aAAa;AAAA,MACb,OAAO,QAAQ,aAAQ,IAAI,KAA2B;AAAA,MAEtD;AAAA,4BAAC,SAAM,WAAU,sBAAqB,KAAI,OACxC,oBAAU,QAAQ,oBAAC,SAAM,WAAU,sBAAqB,KAAI,OAAM,GACpE;AAAA,QACC,UAAU,QAAQ,oBAAC,SAAM,WAAU,sBAAqB,KAAI,OAAM;AAAA;AAAA;AAAA,EACpE,GACD;AAEF,CAAC;",
+  "names": ["Slider", "value"]
+}

package/dist-esm/lib/ui/components/primitives/shared.mjs

@@ -0,0 +1,24 @@
+function toStartCase(str) {
+  return str.split(" ").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
+}
+const isDarwin = typeof window === "undefined" ? false : window.navigator.userAgent.toLowerCase().indexOf("mac") > -1;
+const cmdKey = isDarwin ? "\u2318" : "Ctrl";
+const altKey = isDarwin ? "\u2325" : "Alt";
+function kbd(str) {
+  return str.split(",")[0].split("").map((sub) => {
+    const subStr = sub.replace(/\$/g, cmdKey).replace(/\?/g, altKey).replace(/!/g, "\u21E7");
+    return subStr[0].toUpperCase() + subStr.slice(1);
+  });
+}
+function kbdStr(str) {
+  return "\u2014 " + str.split(",")[0].split("").map((sub) => {
+    const subStr = sub.replace(/\$/g, cmdKey).replace(/\?/g, altKey).replace(/!/g, "\u21E7");
+    return subStr[0].toUpperCase() + subStr.slice(1);
+  }).join("\u2009");
+}
+export {
+  kbd,
+  kbdStr,
+  toStartCase
+};
+//# sourceMappingURL=shared.mjs.map

package/dist-esm/lib/ui/components/primitives/shared.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/primitives/shared.ts"],
+  "sourcesContent": ["/** @internal */\nexport function toStartCase(str: string) {\n\treturn str\n\t\t.split(' ')\n\t\t.map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n\t\t.join(' ')\n}\n\nconst isDarwin =\n\ttypeof window === 'undefined'\n\t\t? false\n\t\t: window.navigator.userAgent.toLowerCase().indexOf('mac') > -1\nconst cmdKey = isDarwin ? '\u2318' : 'Ctrl'\nconst altKey = isDarwin ? '\u2325' : 'Alt'\n\n/** @internal */\nexport function kbd(str: string) {\n\treturn str\n\t\t.split(',')[0]\n\t\t.split('')\n\t\t.map((sub) => {\n\t\t\tconst subStr = sub.replace(/\\$/g, cmdKey).replace(/\\?/g, altKey).replace(/!/g, '\u21E7')\n\t\t\treturn subStr[0].toUpperCase() + subStr.slice(1)\n\t\t})\n}\n\n/** @internal */\nexport function kbdStr(str: string) {\n\treturn (\n\t\t'\u2014 ' +\n\t\tstr\n\t\t\t.split(',')[0]\n\t\t\t.split('')\n\t\t\t.map((sub) => {\n\t\t\t\tconst subStr = sub.replace(/\\$/g, cmdKey).replace(/\\?/g, altKey).replace(/!/g, '\u21E7')\n\t\t\t\treturn subStr[0].toUpperCase() + subStr.slice(1)\n\t\t\t})\n\t\t\t.join('\u2009')\n\t)\n}\n"],
+  "mappings": "AACO,SAAS,YAAY,KAAa;AACxC,SAAO,IACL,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,GAAG;AACX;AAEA,MAAM,WACL,OAAO,WAAW,cACf,QACA,OAAO,UAAU,UAAU,YAAY,EAAE,QAAQ,KAAK,IAAI;AAC9D,MAAM,SAAS,WAAW,WAAM;AAChC,MAAM,SAAS,WAAW,WAAM;AAGzB,SAAS,IAAI,KAAa;AAChC,SAAO,IACL,MAAM,GAAG,EAAE,CAAC,EACZ,MAAM,EAAE,EACR,IAAI,CAAC,QAAQ;AACb,UAAM,SAAS,IAAI,QAAQ,OAAO,MAAM,EAAE,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,QAAG;AAClF,WAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;AAAA,EAChD,CAAC;AACH;AAGO,SAAS,OAAO,KAAa;AACnC,SACC,YACA,IACE,MAAM,GAAG,EAAE,CAAC,EACZ,MAAM,EAAE,EACR,IAAI,CAAC,QAAQ;AACb,UAAM,SAAS,IAAI,QAAQ,OAAO,MAAM,EAAE,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,QAAG;AAClF,WAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;AAAA,EAChD,CAAC,EACA,KAAK,QAAG;AAEZ;",
+  "names": []
+}

package/dist-esm/lib/ui/constants.mjs

@@ -0,0 +1,5 @@
+const PORTRAIT_BREAKPOINTS = [0, 390, 428, 468, 580, 640, 840, 1023];
+export {
+  PORTRAIT_BREAKPOINTS
+};
+//# sourceMappingURL=constants.mjs.map

package/dist-esm/lib/ui/constants.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/ui/constants.ts"],
+  "sourcesContent": ["// Breakpoints for portrait\nexport const PORTRAIT_BREAKPOINTS = [0, 390, 428, 468, 580, 640, 840, 1023]\n"],
+  "mappings": "AACO,MAAM,uBAAuB,CAAC,GAAG,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI;",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/clipboard/pasteExcalidrawContent.mjs

@@ -0,0 +1,444 @@
+import {
+  AssetRecordType,
+  Box2d,
+  Vec2d,
+  compact,
+  createShapeId,
+  getIndexAbove,
+  getIndices,
+  isShapeId,
+  uniqueId
+} from "@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, 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 = 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 = 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 = 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 = 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 && isShapeId(groupShape.parentId)) {
+        rootShapeIds.push(groupShape.parentId);
+      }
+    }
+  }
+  for (const [id, angle] of rotatedElements) {
+    editor.select(id);
+    editor.rotateShapesBy([id], angle);
+  }
+  const rootShapes = compact(rootShapeIds.map((id) => editor.getShape(id)));
+  const bounds = 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 Vec2d(startPoint[0], startPoint[1]);
+    const end = new Vec2d(endPoint[0], endPoint[1]);
+    const handle = new Vec2d(element.points[1][0], element.points[1][1]);
+    const delta = Vec2d.Sub(end, start);
+    const v = Vec2d.Per(delta);
+    const med = Vec2d.Med(end, start);
+    const A = Vec2d.Sub(med, v);
+    const B = Vec2d.Add(med, v);
+    const point = Vec2d.NearestPointOnLineSegment(A, B, handle, false);
+    bend = Vec2d.Dist(point, med);
+    if (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";
+};
+export {
+  pasteExcalidrawContent
+};
+//# sourceMappingURL=pasteExcalidrawContent.mjs.map

package/dist-esm/lib/ui/hooks/clipboard/pasteExcalidrawContent.mjs.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"]
+}