@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/defaultExternalContentHandlers.js

@@ -0,0 +1,400 @@
+"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 defaultExternalContentHandlers_exports = {};
+__export(defaultExternalContentHandlers_exports, {
+  createEmptyBookmarkShape: () => createEmptyBookmarkShape,
+  createShapesForAssets: () => createShapesForAssets,
+  registerDefaultExternalContentHandlers: () => registerDefaultExternalContentHandlers
+});
+module.exports = __toCommonJS(defaultExternalContentHandlers_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_default_shape_constants = require("./shapes/shared/default-shape-constants");
+var import_assets = require("./utils/assets/assets");
+var import_embeds = require("./utils/embeds/embeds");
+var import_text = require("./utils/text/text");
+function registerDefaultExternalContentHandlers(editor, {
+  maxImageDimension,
+  maxAssetSize,
+  acceptedImageMimeTypes,
+  acceptedVideoMimeTypes
+}) {
+  editor.registerExternalAssetHandler("file", async ({ file }) => {
+    return await new Promise((resolve, reject) => {
+      if (!acceptedImageMimeTypes.includes(file.type) && !acceptedVideoMimeTypes.includes(file.type)) {
+        console.warn(`File type not allowed: ${file.type}`);
+        reject();
+      }
+      if (file.size > maxAssetSize) {
+        console.warn(
+          `File size too big: ${(file.size / 1024).toFixed()}kb > ${(maxAssetSize / 1024).toFixed()}kb`
+        );
+        reject();
+      }
+      const reader = new FileReader();
+      reader.onerror = () => reject(reader.error);
+      reader.onload = async () => {
+        let dataUrl = reader.result;
+        if (file.type === "video/quicktime" && dataUrl.includes("video/quicktime")) {
+          dataUrl = dataUrl.replace("video/quicktime", "video/mp4");
+        }
+        const isImageType = acceptedImageMimeTypes.includes(file.type);
+        let size;
+        let isAnimated;
+        if (isImageType) {
+          size = await import_editor.MediaHelpers.getImageSizeFromSrc(dataUrl);
+          isAnimated = file.type === "image/gif" && await (0, import_assets.isGifAnimated)(file);
+        } else {
+          isAnimated = true;
+          size = await import_editor.MediaHelpers.getVideoSizeFromSrc(dataUrl);
+        }
+        if (isFinite(maxImageDimension)) {
+          const resizedSize = (0, import_assets.containBoxSize)(size, { w: maxImageDimension, h: maxImageDimension });
+          if (size !== resizedSize && (file.type === "image/jpeg" || file.type === "image/png")) {
+            size = resizedSize;
+          }
+        }
+        if (file.type === "image/jpeg" || file.type === "image/png") {
+          dataUrl = await (0, import_assets.getResizedImageDataUrl)(dataUrl, size.w, size.h, {
+            type: file.type,
+            quality: 0.92
+          });
+        }
+        const assetId = import_editor.AssetRecordType.createId((0, import_editor.getHashForString)(dataUrl));
+        const asset = import_editor.AssetRecordType.create({
+          id: assetId,
+          type: isImageType ? "image" : "video",
+          typeName: "asset",
+          props: {
+            name: file.name,
+            src: dataUrl,
+            w: size.w,
+            h: size.h,
+            mimeType: file.type,
+            isAnimated
+          }
+        });
+        resolve(asset);
+      };
+      reader.readAsDataURL(file);
+    });
+  });
+  editor.registerExternalAssetHandler("url", async ({ url }) => {
+    let meta;
+    try {
+      const resp = await fetch(url, { method: "GET", mode: "no-cors" });
+      const html = await resp.text();
+      const doc = new DOMParser().parseFromString(html, "text/html");
+      meta = {
+        image: doc.head.querySelector('meta[property="og:image"]')?.getAttribute("content") ?? "",
+        title: doc.head.querySelector('meta[property="og:title"]')?.getAttribute("content") ?? (0, import_text.truncateStringWithEllipsis)(url, 32),
+        description: doc.head.querySelector('meta[property="og:description"]')?.getAttribute("content") ?? ""
+      };
+    } catch (error) {
+      console.error(error);
+      meta = { image: "", title: (0, import_text.truncateStringWithEllipsis)(url, 32), description: "" };
+    }
+    return {
+      id: import_editor.AssetRecordType.createId((0, import_editor.getHashForString)(url)),
+      typeName: "asset",
+      type: "bookmark",
+      props: {
+        src: url,
+        description: meta.description,
+        image: meta.image,
+        title: meta.title
+      },
+      meta: {}
+    };
+  });
+  editor.registerExternalContentHandler("svg-text", async ({ point, text }) => {
+    const position = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter());
+    const svg = new DOMParser().parseFromString(text, "image/svg+xml").querySelector("svg");
+    if (!svg) {
+      throw new Error("No <svg/> element present");
+    }
+    let width = parseFloat(svg.getAttribute("width") || "0");
+    let height = parseFloat(svg.getAttribute("height") || "0");
+    if (!(width && height)) {
+      document.body.appendChild(svg);
+      const box = svg.getBoundingClientRect();
+      document.body.removeChild(svg);
+      width = box.width;
+      height = box.height;
+    }
+    const asset = await editor.getAssetForExternalContent({
+      type: "file",
+      file: new File([text], "asset.svg", { type: "image/svg+xml" })
+    });
+    if (!asset)
+      throw Error("Could not create an asset");
+    createShapesForAssets(editor, [asset], position);
+  });
+  editor.registerExternalContentHandler("embed", ({ point, url, embed }) => {
+    const position = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter());
+    const { width, height } = embed;
+    const id = (0, import_editor.createShapeId)();
+    const shapePartial = {
+      id,
+      type: "embed",
+      x: position.x - (width || 450) / 2,
+      y: position.y - (height || 450) / 2,
+      props: {
+        w: width,
+        h: height,
+        url
+      }
+    };
+    editor.createShapes([shapePartial]).select(id);
+  });
+  editor.registerExternalContentHandler("files", async ({ point, files }) => {
+    const position = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter());
+    const pagePoint = new import_editor.Vec2d(position.x, position.y);
+    const assets = [];
+    await Promise.all(
+      files.map(async (file, i) => {
+        if (file.size > maxAssetSize) {
+          console.warn(
+            `File size too big: ${(file.size / 1024).toFixed()}kb > ${(maxAssetSize / 1024).toFixed()}kb`
+          );
+          return null;
+        }
+        if (!file.type) {
+          throw new Error("No mime type");
+        }
+        if (!acceptedImageMimeTypes.concat(acceptedVideoMimeTypes).includes(file.type)) {
+          console.warn(`${file.name} not loaded - Extension not allowed.`);
+          return null;
+        }
+        try {
+          const asset = await editor.getAssetForExternalContent({ type: "file", file });
+          if (!asset) {
+            throw Error("Could not create an asset");
+          }
+          assets[i] = asset;
+        } catch (error) {
+          console.error(error);
+          return null;
+        }
+      })
+    );
+    createShapesForAssets(editor, (0, import_editor.compact)(assets), pagePoint);
+  });
+  editor.registerExternalContentHandler("text", async ({ point, text }) => {
+    const p = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter());
+    const defaultProps = editor.getShapeUtil("text").getDefaultProps();
+    const textToPaste = (0, import_text.cleanupText)(text);
+    let w;
+    let h;
+    let autoSize;
+    let align = "middle";
+    const isMultiLine = textToPaste.split("\n").length > 1;
+    const isRtl = (0, import_text.isRightToLeftLanguage)(textToPaste);
+    if (isMultiLine) {
+      align = isMultiLine ? isRtl ? "end" : "start" : "middle";
+    }
+    const rawSize = editor.textMeasure.measureText(textToPaste, {
+      ...import_default_shape_constants.TEXT_PROPS,
+      fontFamily: import_default_shape_constants.FONT_FAMILIES[defaultProps.font],
+      fontSize: import_default_shape_constants.FONT_SIZES[defaultProps.size],
+      maxWidth: null
+    });
+    const minWidth = Math.min(
+      isMultiLine ? editor.getViewportPageBounds().width * 0.9 : 920,
+      Math.max(200, editor.getViewportPageBounds().width * 0.9)
+    );
+    if (rawSize.w > minWidth) {
+      const shrunkSize = editor.textMeasure.measureText(textToPaste, {
+        ...import_default_shape_constants.TEXT_PROPS,
+        fontFamily: import_default_shape_constants.FONT_FAMILIES[defaultProps.font],
+        fontSize: import_default_shape_constants.FONT_SIZES[defaultProps.size],
+        maxWidth: minWidth
+      });
+      w = shrunkSize.w;
+      h = shrunkSize.h;
+      autoSize = false;
+      align = isRtl ? "end" : "start";
+    } else {
+      w = rawSize.w;
+      h = rawSize.h;
+      autoSize = true;
+    }
+    if (p.y - h / 2 < editor.getViewportPageBounds().minY + 40) {
+      p.y = editor.getViewportPageBounds().minY + 40 + h / 2;
+    }
+    editor.createShapes([
+      {
+        id: (0, import_editor.createShapeId)(),
+        type: "text",
+        x: p.x - w / 2,
+        y: p.y - h / 2,
+        props: {
+          text: textToPaste,
+          // if the text has more than one line, align it to the left
+          align,
+          autoSize,
+          w
+        }
+      }
+    ]);
+  });
+  editor.registerExternalContentHandler("url", async ({ point, url }) => {
+    const embedInfo = (0, import_embeds.getEmbedInfo)(url);
+    if (embedInfo) {
+      return editor.putExternalContent({
+        type: "embed",
+        url: embedInfo.url,
+        point,
+        embed: embedInfo.definition
+      });
+    }
+    const position = point ?? (editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter());
+    const assetId = import_editor.AssetRecordType.createId((0, import_editor.getHashForString)(url));
+    const shape = createEmptyBookmarkShape(editor, url, position);
+    let asset = editor.getAsset(assetId);
+    let shouldAlsoCreateAsset = false;
+    if (!asset) {
+      shouldAlsoCreateAsset = true;
+      const bookmarkAsset = await editor.getAssetForExternalContent({ type: "url", url });
+      if (!bookmarkAsset)
+        throw Error("Could not create an asset");
+      asset = bookmarkAsset;
+    }
+    editor.batch(() => {
+      if (shouldAlsoCreateAsset) {
+        editor.createAssets([asset]);
+      }
+      editor.updateShapes([
+        {
+          id: shape.id,
+          type: shape.type,
+          props: {
+            assetId: asset.id
+          }
+        }
+      ]);
+    });
+  });
+}
+async function createShapesForAssets(editor, assets, position) {
+  if (!assets.length)
+    return [];
+  const currentPoint = import_editor.Vec2d.From(position);
+  const partials = [];
+  for (const asset of assets) {
+    switch (asset.type) {
+      case "bookmark": {
+        partials.push({
+          id: (0, import_editor.createShapeId)(),
+          type: "bookmark",
+          x: currentPoint.x - 150,
+          y: currentPoint.y - 160,
+          opacity: 1,
+          props: {
+            assetId: asset.id,
+            url: asset.props.src
+          }
+        });
+        currentPoint.x += 300;
+        break;
+      }
+      case "image": {
+        partials.push({
+          id: (0, import_editor.createShapeId)(),
+          type: "image",
+          x: currentPoint.x - asset.props.w / 2,
+          y: currentPoint.y - asset.props.h / 2,
+          opacity: 1,
+          props: {
+            assetId: asset.id,
+            w: asset.props.w,
+            h: asset.props.h
+          }
+        });
+        currentPoint.x += asset.props.w;
+        break;
+      }
+      case "video": {
+        partials.push({
+          id: (0, import_editor.createShapeId)(),
+          type: "video",
+          x: currentPoint.x - asset.props.w / 2,
+          y: currentPoint.y - asset.props.h / 2,
+          opacity: 1,
+          props: {
+            assetId: asset.id,
+            w: asset.props.w,
+            h: asset.props.h
+          }
+        });
+        currentPoint.x += asset.props.w;
+      }
+    }
+  }
+  editor.batch(() => {
+    const assetsToCreate = assets.filter((asset) => !editor.getAsset(asset.id));
+    if (assetsToCreate.length) {
+      editor.createAssets(assetsToCreate);
+    }
+    editor.createShapes(partials).select(...partials.map((p) => p.id));
+    centerSelectionAroundPoint(editor, position);
+  });
+  return partials.map((p) => p.id);
+}
+function centerSelectionAroundPoint(editor, position) {
+  const viewportPageBounds = editor.getViewportPageBounds();
+  let selectionPageBounds = editor.getSelectionPageBounds();
+  if (selectionPageBounds) {
+    const offset = selectionPageBounds.center.sub(position);
+    editor.updateShapes(
+      editor.getSelectedShapes().map((shape) => {
+        const localRotation = editor.getShapeParentTransform(shape).decompose().rotation;
+        const localDelta = import_editor.Vec2d.Rot(offset, -localRotation);
+        return {
+          id: shape.id,
+          type: shape.type,
+          x: shape.x - localDelta.x,
+          y: shape.y - localDelta.y
+        };
+      })
+    );
+  }
+  selectionPageBounds = editor.getSelectionPageBounds();
+  if (selectionPageBounds && !viewportPageBounds.contains(selectionPageBounds)) {
+    editor.zoomToSelection();
+  }
+}
+function createEmptyBookmarkShape(editor, url, position) {
+  const partial = {
+    id: (0, import_editor.createShapeId)(),
+    type: "bookmark",
+    x: position.x - 150,
+    y: position.y - 160,
+    opacity: 1,
+    props: {
+      assetId: null,
+      url
+    }
+  };
+  editor.batch(() => {
+    editor.createShapes([partial]).select(partial.id);
+    centerSelectionAroundPoint(editor, position);
+  });
+  return editor.getShape(partial.id);
+}
+//# sourceMappingURL=defaultExternalContentHandlers.js.map

package/dist-cjs/lib/defaultExternalContentHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lib/defaultExternalContentHandlers.ts"],
+  "sourcesContent": ["import {\n\tAssetRecordType,\n\tEditor,\n\tMediaHelpers,\n\tTLAsset,\n\tTLAssetId,\n\tTLBookmarkShape,\n\tTLEmbedShape,\n\tTLShapeId,\n\tTLShapePartial,\n\tTLTextShape,\n\tTLTextShapeProps,\n\tVec2d,\n\tVecLike,\n\tcompact,\n\tcreateShapeId,\n\tgetHashForString,\n} from '@bigbluebutton/editor'\nimport { FONT_FAMILIES, FONT_SIZES, TEXT_PROPS } from './shapes/shared/default-shape-constants'\nimport { containBoxSize, getResizedImageDataUrl, isGifAnimated } from './utils/assets/assets'\nimport { getEmbedInfo } from './utils/embeds/embeds'\nimport { cleanupText, isRightToLeftLanguage, truncateStringWithEllipsis } from './utils/text/text'\n\n/** @public */\nexport type TLExternalContentProps = {\n\t// The maximum dimension (width or height) of an image. Images larger than this will be rescaled to fit. Defaults to infinity.\n\tmaxImageDimension: number\n\t// The maximum size (in bytes) of an asset. Assets larger than this will be rejected. Defaults to 10mb (10 * 1024 * 1024).\n\tmaxAssetSize: number\n\t// The mime types of images that are allowed to be handled. Defaults to ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml'].\n\tacceptedImageMimeTypes: string[]\n\t// The mime types of videos that are allowed to be handled. Defaults to ['video/mp4', 'video/webm', 'video/quicktime'].\n\tacceptedVideoMimeTypes: string[]\n}\n\nexport function registerDefaultExternalContentHandlers(\n\teditor: Editor,\n\t{\n\t\tmaxImageDimension,\n\t\tmaxAssetSize,\n\t\tacceptedImageMimeTypes,\n\t\tacceptedVideoMimeTypes,\n\t}: TLExternalContentProps\n) {\n\t// files -> asset\n\teditor.registerExternalAssetHandler('file', async ({ file }) => {\n\t\treturn await new Promise((resolve, reject) => {\n\t\t\tif (\n\t\t\t\t!acceptedImageMimeTypes.includes(file.type) &&\n\t\t\t\t!acceptedVideoMimeTypes.includes(file.type)\n\t\t\t) {\n\t\t\t\tconsole.warn(`File type not allowed: ${file.type}`)\n\t\t\t\treject()\n\t\t\t}\n\n\t\t\tif (file.size > maxAssetSize) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`File size too big: ${(file.size / 1024).toFixed()}kb > ${(\n\t\t\t\t\t\tmaxAssetSize / 1024\n\t\t\t\t\t).toFixed()}kb`\n\t\t\t\t)\n\t\t\t\treject()\n\t\t\t}\n\n\t\t\tconst reader = new FileReader()\n\t\t\treader.onerror = () => reject(reader.error)\n\t\t\treader.onload = async () => {\n\t\t\t\tlet dataUrl = reader.result as string\n\n\t\t\t\t// Hack to make .mov videos work via dataURL.\n\t\t\t\tif (file.type === 'video/quicktime' && dataUrl.includes('video/quicktime')) {\n\t\t\t\t\tdataUrl = dataUrl.replace('video/quicktime', 'video/mp4')\n\t\t\t\t}\n\n\t\t\t\tconst isImageType = acceptedImageMimeTypes.includes(file.type)\n\n\t\t\t\tlet size: {\n\t\t\t\t\tw: number\n\t\t\t\t\th: number\n\t\t\t\t}\n\t\t\t\tlet isAnimated: boolean\n\n\t\t\t\tif (isImageType) {\n\t\t\t\t\tsize = await MediaHelpers.getImageSizeFromSrc(dataUrl)\n\t\t\t\t\tisAnimated = file.type === 'image/gif' && (await isGifAnimated(file))\n\t\t\t\t} else {\n\t\t\t\t\tisAnimated = true\n\t\t\t\t\tsize = await MediaHelpers.getVideoSizeFromSrc(dataUrl)\n\t\t\t\t}\n\n\t\t\t\tif (isFinite(maxImageDimension)) {\n\t\t\t\t\tconst resizedSize = containBoxSize(size, { w: maxImageDimension, h: maxImageDimension })\n\t\t\t\t\tif (size !== resizedSize && (file.type === 'image/jpeg' || file.type === 'image/png')) {\n\t\t\t\t\t\tsize = resizedSize\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Always rescale the image\n\t\t\t\tif (file.type === 'image/jpeg' || file.type === 'image/png') {\n\t\t\t\t\tdataUrl = await getResizedImageDataUrl(dataUrl, size.w, size.h, {\n\t\t\t\t\t\ttype: file.type,\n\t\t\t\t\t\tquality: 0.92,\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\tconst assetId: TLAssetId = AssetRecordType.createId(getHashForString(dataUrl))\n\n\t\t\t\tconst asset = AssetRecordType.create({\n\t\t\t\t\tid: assetId,\n\t\t\t\t\ttype: isImageType ? 'image' : 'video',\n\t\t\t\t\ttypeName: 'asset',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tname: file.name,\n\t\t\t\t\t\tsrc: dataUrl,\n\t\t\t\t\t\tw: size.w,\n\t\t\t\t\t\th: size.h,\n\t\t\t\t\t\tmimeType: file.type,\n\t\t\t\t\t\tisAnimated,\n\t\t\t\t\t},\n\t\t\t\t})\n\n\t\t\t\tresolve(asset)\n\t\t\t}\n\n\t\t\treader.readAsDataURL(file)\n\t\t})\n\t})\n\n\t// urls -> bookmark asset\n\teditor.registerExternalAssetHandler('url', async ({ url }) => {\n\t\tlet meta: { image: string; title: string; description: string }\n\n\t\ttry {\n\t\t\tconst resp = await fetch(url, { method: 'GET', mode: 'no-cors' })\n\t\t\tconst html = await resp.text()\n\t\t\tconst doc = new DOMParser().parseFromString(html, 'text/html')\n\t\t\tmeta = {\n\t\t\t\timage: doc.head.querySelector('meta[property=\"og:image\"]')?.getAttribute('content') ?? '',\n\t\t\t\ttitle:\n\t\t\t\t\tdoc.head.querySelector('meta[property=\"og:title\"]')?.getAttribute('content') ??\n\t\t\t\t\ttruncateStringWithEllipsis(url, 32),\n\t\t\t\tdescription:\n\t\t\t\t\tdoc.head.querySelector('meta[property=\"og:description\"]')?.getAttribute('content') ?? '',\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error(error)\n\t\t\tmeta = { image: '', title: truncateStringWithEllipsis(url, 32), description: '' }\n\t\t}\n\n\t\t// Create the bookmark asset from the meta\n\t\treturn {\n\t\t\tid: AssetRecordType.createId(getHashForString(url)),\n\t\t\ttypeName: 'asset',\n\t\t\ttype: 'bookmark',\n\t\t\tprops: {\n\t\t\t\tsrc: url,\n\t\t\t\tdescription: meta.description,\n\t\t\t\timage: meta.image,\n\t\t\t\ttitle: meta.title,\n\t\t\t},\n\t\t\tmeta: {},\n\t\t}\n\t})\n\n\t// svg text\n\teditor.registerExternalContentHandler('svg-text', async ({ point, text }) => {\n\t\tconst position =\n\t\t\tpoint ??\n\t\t\t(editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter())\n\n\t\tconst svg = new DOMParser().parseFromString(text, 'image/svg+xml').querySelector('svg')\n\t\tif (!svg) {\n\t\t\tthrow new Error('No <svg/> element present')\n\t\t}\n\n\t\tlet width = parseFloat(svg.getAttribute('width') || '0')\n\t\tlet height = parseFloat(svg.getAttribute('height') || '0')\n\n\t\tif (!(width && height)) {\n\t\t\tdocument.body.appendChild(svg)\n\t\t\tconst box = svg.getBoundingClientRect()\n\t\t\tdocument.body.removeChild(svg)\n\n\t\t\twidth = box.width\n\t\t\theight = box.height\n\t\t}\n\n\t\tconst asset = await editor.getAssetForExternalContent({\n\t\t\ttype: 'file',\n\t\t\tfile: new File([text], 'asset.svg', { type: 'image/svg+xml' }),\n\t\t})\n\n\t\tif (!asset) throw Error('Could not create an asset')\n\n\t\tcreateShapesForAssets(editor, [asset], position)\n\t})\n\n\t// embeds\n\teditor.registerExternalContentHandler('embed', ({ point, url, embed }) => {\n\t\tconst position =\n\t\t\tpoint ??\n\t\t\t(editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter())\n\n\t\tconst { width, height } = embed\n\n\t\tconst id = createShapeId()\n\n\t\tconst shapePartial: TLShapePartial<TLEmbedShape> = {\n\t\t\tid,\n\t\t\ttype: 'embed',\n\t\t\tx: position.x - (width || 450) / 2,\n\t\t\ty: position.y - (height || 450) / 2,\n\t\t\tprops: {\n\t\t\t\tw: width,\n\t\t\t\th: height,\n\t\t\t\turl,\n\t\t\t},\n\t\t}\n\n\t\teditor.createShapes([shapePartial]).select(id)\n\t})\n\n\t// files\n\teditor.registerExternalContentHandler('files', async ({ point, files }) => {\n\t\tconst position =\n\t\t\tpoint ??\n\t\t\t(editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter())\n\n\t\tconst pagePoint = new Vec2d(position.x, position.y)\n\n\t\tconst assets: TLAsset[] = []\n\n\t\tawait Promise.all(\n\t\t\tfiles.map(async (file, i) => {\n\t\t\t\tif (file.size > maxAssetSize) {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`File size too big: ${(file.size / 1024).toFixed()}kb > ${(\n\t\t\t\t\t\t\tmaxAssetSize / 1024\n\t\t\t\t\t\t).toFixed()}kb`\n\t\t\t\t\t)\n\t\t\t\t\treturn null\n\t\t\t\t}\n\n\t\t\t\t// Use mime type instead of file ext, this is because\n\t\t\t\t// window.navigator.clipboard does not preserve file names\n\t\t\t\t// of copied files.\n\t\t\t\tif (!file.type) {\n\t\t\t\t\tthrow new Error('No mime type')\n\t\t\t\t}\n\n\t\t\t\t// We can only accept certain extensions (either images or a videos)\n\t\t\t\tif (!acceptedImageMimeTypes.concat(acceptedVideoMimeTypes).includes(file.type)) {\n\t\t\t\t\tconsole.warn(`${file.name} not loaded - Extension not allowed.`)\n\t\t\t\t\treturn null\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tconst asset = await editor.getAssetForExternalContent({ type: 'file', file })\n\n\t\t\t\t\tif (!asset) {\n\t\t\t\t\t\tthrow Error('Could not create an asset')\n\t\t\t\t\t}\n\n\t\t\t\t\tassets[i] = asset\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.error(error)\n\t\t\t\t\treturn null\n\t\t\t\t}\n\t\t\t})\n\t\t)\n\n\t\tcreateShapesForAssets(editor, compact(assets), pagePoint)\n\t})\n\n\t// text\n\teditor.registerExternalContentHandler('text', async ({ point, text }) => {\n\t\tconst p =\n\t\t\tpoint ??\n\t\t\t(editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter())\n\n\t\tconst defaultProps = editor.getShapeUtil<TLTextShape>('text').getDefaultProps()\n\n\t\tconst textToPaste = cleanupText(text)\n\n\t\t// Measure the text with default values\n\t\tlet w: number\n\t\tlet h: number\n\t\tlet autoSize: boolean\n\t\tlet align = 'middle' as TLTextShapeProps['align']\n\n\t\tconst isMultiLine = textToPaste.split('\\n').length > 1\n\n\t\t// check whether the text contains the most common characters in RTL languages\n\t\tconst isRtl = isRightToLeftLanguage(textToPaste)\n\n\t\tif (isMultiLine) {\n\t\t\talign = isMultiLine ? (isRtl ? 'end' : 'start') : 'middle'\n\t\t}\n\n\t\tconst rawSize = editor.textMeasure.measureText(textToPaste, {\n\t\t\t...TEXT_PROPS,\n\t\t\tfontFamily: FONT_FAMILIES[defaultProps.font],\n\t\t\tfontSize: FONT_SIZES[defaultProps.size],\n\t\t\tmaxWidth: null,\n\t\t})\n\n\t\tconst minWidth = Math.min(\n\t\t\tisMultiLine ? editor.getViewportPageBounds().width * 0.9 : 920,\n\t\t\tMath.max(200, editor.getViewportPageBounds().width * 0.9)\n\t\t)\n\n\t\tif (rawSize.w > minWidth) {\n\t\t\tconst shrunkSize = editor.textMeasure.measureText(textToPaste, {\n\t\t\t\t...TEXT_PROPS,\n\t\t\t\tfontFamily: FONT_FAMILIES[defaultProps.font],\n\t\t\t\tfontSize: FONT_SIZES[defaultProps.size],\n\t\t\t\tmaxWidth: minWidth,\n\t\t\t})\n\t\t\tw = shrunkSize.w\n\t\t\th = shrunkSize.h\n\t\t\tautoSize = false\n\t\t\talign = isRtl ? 'end' : 'start'\n\t\t} else {\n\t\t\t// autosize is fine\n\t\t\tw = rawSize.w\n\t\t\th = rawSize.h\n\t\t\tautoSize = true\n\t\t}\n\n\t\tif (p.y - h / 2 < editor.getViewportPageBounds().minY + 40) {\n\t\t\tp.y = editor.getViewportPageBounds().minY + 40 + h / 2\n\t\t}\n\n\t\teditor.createShapes<TLTextShape>([\n\t\t\t{\n\t\t\t\tid: createShapeId(),\n\t\t\t\ttype: 'text',\n\t\t\t\tx: p.x - w / 2,\n\t\t\t\ty: p.y - h / 2,\n\t\t\t\tprops: {\n\t\t\t\t\ttext: textToPaste,\n\t\t\t\t\t// if the text has more than one line, align it to the left\n\t\t\t\t\talign,\n\t\t\t\t\tautoSize,\n\t\t\t\t\tw,\n\t\t\t\t},\n\t\t\t},\n\t\t])\n\t})\n\n\t// url\n\teditor.registerExternalContentHandler('url', async ({ point, url }) => {\n\t\t// try to paste as an embed first\n\t\tconst embedInfo = getEmbedInfo(url)\n\n\t\tif (embedInfo) {\n\t\t\treturn editor.putExternalContent({\n\t\t\t\ttype: 'embed',\n\t\t\t\turl: embedInfo.url,\n\t\t\t\tpoint,\n\t\t\t\tembed: embedInfo.definition,\n\t\t\t})\n\t\t}\n\n\t\tconst position =\n\t\t\tpoint ??\n\t\t\t(editor.inputs.shiftKey ? editor.inputs.currentPagePoint : editor.getViewportPageCenter())\n\n\t\tconst assetId: TLAssetId = AssetRecordType.createId(getHashForString(url))\n\t\tconst shape = createEmptyBookmarkShape(editor, url, position)\n\n\t\t// Use an existing asset if we have one, or else else create a new one\n\t\tlet asset = editor.getAsset(assetId) as TLAsset\n\t\tlet shouldAlsoCreateAsset = false\n\t\tif (!asset) {\n\t\t\tshouldAlsoCreateAsset = true\n\t\t\tconst bookmarkAsset = await editor.getAssetForExternalContent({ type: 'url', url })\n\t\t\tif (!bookmarkAsset) throw Error('Could not create an asset')\n\t\t\tasset = bookmarkAsset\n\t\t}\n\n\t\teditor.batch(() => {\n\t\t\tif (shouldAlsoCreateAsset) {\n\t\t\t\teditor.createAssets([asset])\n\t\t\t}\n\n\t\t\teditor.updateShapes([\n\t\t\t\t{\n\t\t\t\t\tid: shape.id,\n\t\t\t\t\ttype: shape.type,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tassetId: asset.id,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t])\n\t\t})\n\t})\n}\n\nexport async function createShapesForAssets(\n\teditor: Editor,\n\tassets: TLAsset[],\n\tposition: VecLike\n): Promise<TLShapeId[]> {\n\tif (!assets.length) return []\n\n\tconst currentPoint = Vec2d.From(position)\n\tconst partials: TLShapePartial[] = []\n\n\tfor (const asset of assets) {\n\t\tswitch (asset.type) {\n\t\t\tcase 'bookmark': {\n\t\t\t\tpartials.push({\n\t\t\t\t\tid: createShapeId(),\n\t\t\t\t\ttype: 'bookmark',\n\t\t\t\t\tx: currentPoint.x - 150,\n\t\t\t\t\ty: currentPoint.y - 160,\n\t\t\t\t\topacity: 1,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tassetId: asset.id,\n\t\t\t\t\t\turl: asset.props.src,\n\t\t\t\t\t},\n\t\t\t\t})\n\n\t\t\t\tcurrentPoint.x += 300\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'image': {\n\t\t\t\tpartials.push({\n\t\t\t\t\tid: createShapeId(),\n\t\t\t\t\ttype: 'image',\n\t\t\t\t\tx: currentPoint.x - asset.props.w / 2,\n\t\t\t\t\ty: currentPoint.y - asset.props.h / 2,\n\t\t\t\t\topacity: 1,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tassetId: asset.id,\n\t\t\t\t\t\tw: asset.props.w,\n\t\t\t\t\t\th: asset.props.h,\n\t\t\t\t\t},\n\t\t\t\t})\n\n\t\t\t\tcurrentPoint.x += asset.props.w\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'video': {\n\t\t\t\tpartials.push({\n\t\t\t\t\tid: createShapeId(),\n\t\t\t\t\ttype: 'video',\n\t\t\t\t\tx: currentPoint.x - asset.props.w / 2,\n\t\t\t\t\ty: currentPoint.y - asset.props.h / 2,\n\t\t\t\t\topacity: 1,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tassetId: asset.id,\n\t\t\t\t\t\tw: asset.props.w,\n\t\t\t\t\t\th: asset.props.h,\n\t\t\t\t\t},\n\t\t\t\t})\n\n\t\t\t\tcurrentPoint.x += asset.props.w\n\t\t\t}\n\t\t}\n\t}\n\n\teditor.batch(() => {\n\t\t// Create any assets\n\t\tconst assetsToCreate = assets.filter((asset) => !editor.getAsset(asset.id))\n\t\tif (assetsToCreate.length) {\n\t\t\teditor.createAssets(assetsToCreate)\n\t\t}\n\n\t\t// Create the shapes\n\t\teditor.createShapes(partials).select(...partials.map((p) => p.id))\n\n\t\t// Re-position shapes so that the center of the group is at the provided point\n\t\tcenterSelectionAroundPoint(editor, position)\n\t})\n\n\treturn partials.map((p) => p.id)\n}\n\nfunction centerSelectionAroundPoint(editor: Editor, position: VecLike) {\n\t// Re-position shapes so that the center of the group is at the provided point\n\tconst viewportPageBounds = editor.getViewportPageBounds()\n\tlet selectionPageBounds = editor.getSelectionPageBounds()\n\n\tif (selectionPageBounds) {\n\t\tconst offset = selectionPageBounds!.center.sub(position)\n\n\t\teditor.updateShapes(\n\t\t\teditor.getSelectedShapes().map((shape) => {\n\t\t\t\tconst localRotation = editor.getShapeParentTransform(shape).decompose().rotation\n\t\t\t\tconst localDelta = Vec2d.Rot(offset, -localRotation)\n\t\t\t\treturn {\n\t\t\t\t\tid: shape.id,\n\t\t\t\t\ttype: shape.type,\n\t\t\t\t\tx: shape.x! - localDelta.x,\n\t\t\t\t\ty: shape.y! - localDelta.y,\n\t\t\t\t}\n\t\t\t})\n\t\t)\n\t}\n\n\t// Zoom out to fit the shapes, if necessary\n\tselectionPageBounds = editor.getSelectionPageBounds()\n\tif (selectionPageBounds && !viewportPageBounds.contains(selectionPageBounds)) {\n\t\teditor.zoomToSelection()\n\t}\n}\n\nexport function createEmptyBookmarkShape(\n\teditor: Editor,\n\turl: string,\n\tposition: VecLike\n): TLBookmarkShape {\n\tconst partial: TLShapePartial = {\n\t\tid: createShapeId(),\n\t\ttype: 'bookmark',\n\t\tx: position.x - 150,\n\t\ty: position.y - 160,\n\t\topacity: 1,\n\t\tprops: {\n\t\t\tassetId: null,\n\t\t\turl,\n\t\t},\n\t}\n\n\teditor.batch(() => {\n\t\teditor.createShapes([partial]).select(partial.id)\n\t\tcenterSelectionAroundPoint(editor, position)\n\t})\n\n\treturn editor.getShape(partial.id) as TLBookmarkShape\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAiBO;AACP,qCAAsD;AACtD,oBAAsE;AACtE,oBAA6B;AAC7B,kBAA+E;AAcxE,SAAS,uCACf,QACA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GACC;AAED,SAAO,6BAA6B,QAAQ,OAAO,EAAE,KAAK,MAAM;AAC/D,WAAO,MAAM,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC7C,UACC,CAAC,uBAAuB,SAAS,KAAK,IAAI,KAC1C,CAAC,uBAAuB,SAAS,KAAK,IAAI,GACzC;AACD,gBAAQ,KAAK,0BAA0B,KAAK,IAAI,EAAE;AAClD,eAAO;AAAA,MACR;AAEA,UAAI,KAAK,OAAO,cAAc;AAC7B,gBAAQ;AAAA,UACP,uBAAuB,KAAK,OAAO,MAAM,QAAQ,CAAC,SACjD,eAAe,MACd,QAAQ,CAAC;AAAA,QACZ;AACA,eAAO;AAAA,MACR;AAEA,YAAM,SAAS,IAAI,WAAW;AAC9B,aAAO,UAAU,MAAM,OAAO,OAAO,KAAK;AAC1C,aAAO,SAAS,YAAY;AAC3B,YAAI,UAAU,OAAO;AAGrB,YAAI,KAAK,SAAS,qBAAqB,QAAQ,SAAS,iBAAiB,GAAG;AAC3E,oBAAU,QAAQ,QAAQ,mBAAmB,WAAW;AAAA,QACzD;AAEA,cAAM,cAAc,uBAAuB,SAAS,KAAK,IAAI;AAE7D,YAAI;AAIJ,YAAI;AAEJ,YAAI,aAAa;AAChB,iBAAO,MAAM,2BAAa,oBAAoB,OAAO;AACrD,uBAAa,KAAK,SAAS,eAAgB,UAAM,6BAAc,IAAI;AAAA,QACpE,OAAO;AACN,uBAAa;AACb,iBAAO,MAAM,2BAAa,oBAAoB,OAAO;AAAA,QACtD;AAEA,YAAI,SAAS,iBAAiB,GAAG;AAChC,gBAAM,kBAAc,8BAAe,MAAM,EAAE,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AACvF,cAAI,SAAS,gBAAgB,KAAK,SAAS,gBAAgB,KAAK,SAAS,cAAc;AACtF,mBAAO;AAAA,UACR;AAAA,QACD;AAGA,YAAI,KAAK,SAAS,gBAAgB,KAAK,SAAS,aAAa;AAC5D,oBAAU,UAAM,sCAAuB,SAAS,KAAK,GAAG,KAAK,GAAG;AAAA,YAC/D,MAAM,KAAK;AAAA,YACX,SAAS;AAAA,UACV,CAAC;AAAA,QACF;AAEA,cAAM,UAAqB,8BAAgB,aAAS,gCAAiB,OAAO,CAAC;AAE7E,cAAM,QAAQ,8BAAgB,OAAO;AAAA,UACpC,IAAI;AAAA,UACJ,MAAM,cAAc,UAAU;AAAA,UAC9B,UAAU;AAAA,UACV,OAAO;AAAA,YACN,MAAM,KAAK;AAAA,YACX,KAAK;AAAA,YACL,GAAG,KAAK;AAAA,YACR,GAAG,KAAK;AAAA,YACR,UAAU,KAAK;AAAA,YACf;AAAA,UACD;AAAA,QACD,CAAC;AAED,gBAAQ,KAAK;AAAA,MACd;AAEA,aAAO,cAAc,IAAI;AAAA,IAC1B,CAAC;AAAA,EACF,CAAC;AAGD,SAAO,6BAA6B,OAAO,OAAO,EAAE,IAAI,MAAM;AAC7D,QAAI;AAEJ,QAAI;AACH,YAAM,OAAO,MAAM,MAAM,KAAK,EAAE,QAAQ,OAAO,MAAM,UAAU,CAAC;AAChE,YAAM,OAAO,MAAM,KAAK,KAAK;AAC7B,YAAM,MAAM,IAAI,UAAU,EAAE,gBAAgB,MAAM,WAAW;AAC7D,aAAO;AAAA,QACN,OAAO,IAAI,KAAK,cAAc,2BAA2B,GAAG,aAAa,SAAS,KAAK;AAAA,QACvF,OACC,IAAI,KAAK,cAAc,2BAA2B,GAAG,aAAa,SAAS,SAC3E,wCAA2B,KAAK,EAAE;AAAA,QACnC,aACC,IAAI,KAAK,cAAc,iCAAiC,GAAG,aAAa,SAAS,KAAK;AAAA,MACxF;AAAA,IACD,SAAS,OAAO;AACf,cAAQ,MAAM,KAAK;AACnB,aAAO,EAAE,OAAO,IAAI,WAAO,wCAA2B,KAAK,EAAE,GAAG,aAAa,GAAG;AAAA,IACjF;AAGA,WAAO;AAAA,MACN,IAAI,8BAAgB,aAAS,gCAAiB,GAAG,CAAC;AAAA,MAClD,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,QACN,KAAK;AAAA,QACL,aAAa,KAAK;AAAA,QAClB,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,MACb;AAAA,MACA,MAAM,CAAC;AAAA,IACR;AAAA,EACD,CAAC;AAGD,SAAO,+BAA+B,YAAY,OAAO,EAAE,OAAO,KAAK,MAAM;AAC5E,UAAM,WACL,UACC,OAAO,OAAO,WAAW,OAAO,OAAO,mBAAmB,OAAO,sBAAsB;AAEzF,UAAM,MAAM,IAAI,UAAU,EAAE,gBAAgB,MAAM,eAAe,EAAE,cAAc,KAAK;AACtF,QAAI,CAAC,KAAK;AACT,YAAM,IAAI,MAAM,2BAA2B;AAAA,IAC5C;AAEA,QAAI,QAAQ,WAAW,IAAI,aAAa,OAAO,KAAK,GAAG;AACvD,QAAI,SAAS,WAAW,IAAI,aAAa,QAAQ,KAAK,GAAG;AAEzD,QAAI,EAAE,SAAS,SAAS;AACvB,eAAS,KAAK,YAAY,GAAG;AAC7B,YAAM,MAAM,IAAI,sBAAsB;AACtC,eAAS,KAAK,YAAY,GAAG;AAE7B,cAAQ,IAAI;AACZ,eAAS,IAAI;AAAA,IACd;AAEA,UAAM,QAAQ,MAAM,OAAO,2BAA2B;AAAA,MACrD,MAAM;AAAA,MACN,MAAM,IAAI,KAAK,CAAC,IAAI,GAAG,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAAA,IAC9D,CAAC;AAED,QAAI,CAAC;AAAO,YAAM,MAAM,2BAA2B;AAEnD,0BAAsB,QAAQ,CAAC,KAAK,GAAG,QAAQ;AAAA,EAChD,CAAC;AAGD,SAAO,+BAA+B,SAAS,CAAC,EAAE,OAAO,KAAK,MAAM,MAAM;AACzE,UAAM,WACL,UACC,OAAO,OAAO,WAAW,OAAO,OAAO,mBAAmB,OAAO,sBAAsB;AAEzF,UAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,UAAM,SAAK,6BAAc;AAEzB,UAAM,eAA6C;AAAA,MAClD;AAAA,MACA,MAAM;AAAA,MACN,GAAG,SAAS,KAAK,SAAS,OAAO;AAAA,MACjC,GAAG,SAAS,KAAK,UAAU,OAAO;AAAA,MAClC,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAEA,WAAO,aAAa,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE;AAAA,EAC9C,CAAC;AAGD,SAAO,+BAA+B,SAAS,OAAO,EAAE,OAAO,MAAM,MAAM;AAC1E,UAAM,WACL,UACC,OAAO,OAAO,WAAW,OAAO,OAAO,mBAAmB,OAAO,sBAAsB;AAEzF,UAAM,YAAY,IAAI,oBAAM,SAAS,GAAG,SAAS,CAAC;AAElD,UAAM,SAAoB,CAAC;AAE3B,UAAM,QAAQ;AAAA,MACb,MAAM,IAAI,OAAO,MAAM,MAAM;AAC5B,YAAI,KAAK,OAAO,cAAc;AAC7B,kBAAQ;AAAA,YACP,uBAAuB,KAAK,OAAO,MAAM,QAAQ,CAAC,SACjD,eAAe,MACd,QAAQ,CAAC;AAAA,UACZ;AACA,iBAAO;AAAA,QACR;AAKA,YAAI,CAAC,KAAK,MAAM;AACf,gBAAM,IAAI,MAAM,cAAc;AAAA,QAC/B;AAGA,YAAI,CAAC,uBAAuB,OAAO,sBAAsB,EAAE,SAAS,KAAK,IAAI,GAAG;AAC/E,kBAAQ,KAAK,GAAG,KAAK,IAAI,sCAAsC;AAC/D,iBAAO;AAAA,QACR;AAEA,YAAI;AACH,gBAAM,QAAQ,MAAM,OAAO,2BAA2B,EAAE,MAAM,QAAQ,KAAK,CAAC;AAE5E,cAAI,CAAC,OAAO;AACX,kBAAM,MAAM,2BAA2B;AAAA,UACxC;AAEA,iBAAO,CAAC,IAAI;AAAA,QACb,SAAS,OAAO;AACf,kBAAQ,MAAM,KAAK;AACnB,iBAAO;AAAA,QACR;AAAA,MACD,CAAC;AAAA,IACF;AAEA,0BAAsB,YAAQ,uBAAQ,MAAM,GAAG,SAAS;AAAA,EACzD,CAAC;AAGD,SAAO,+BAA+B,QAAQ,OAAO,EAAE,OAAO,KAAK,MAAM;AACxE,UAAM,IACL,UACC,OAAO,OAAO,WAAW,OAAO,OAAO,mBAAmB,OAAO,sBAAsB;AAEzF,UAAM,eAAe,OAAO,aAA0B,MAAM,EAAE,gBAAgB;AAE9E,UAAM,kBAAc,yBAAY,IAAI;AAGpC,QAAI;AACJ,QAAI;AACJ,QAAI;AACJ,QAAI,QAAQ;AAEZ,UAAM,cAAc,YAAY,MAAM,IAAI,EAAE,SAAS;AAGrD,UAAM,YAAQ,mCAAsB,WAAW;AAE/C,QAAI,aAAa;AAChB,cAAQ,cAAe,QAAQ,QAAQ,UAAW;AAAA,IACnD;AAEA,UAAM,UAAU,OAAO,YAAY,YAAY,aAAa;AAAA,MAC3D,GAAG;AAAA,MACH,YAAY,6CAAc,aAAa,IAAI;AAAA,MAC3C,UAAU,0CAAW,aAAa,IAAI;AAAA,MACtC,UAAU;AAAA,IACX,CAAC;AAED,UAAM,WAAW,KAAK;AAAA,MACrB,cAAc,OAAO,sBAAsB,EAAE,QAAQ,MAAM;AAAA,MAC3D,KAAK,IAAI,KAAK,OAAO,sBAAsB,EAAE,QAAQ,GAAG;AAAA,IACzD;AAEA,QAAI,QAAQ,IAAI,UAAU;AACzB,YAAM,aAAa,OAAO,YAAY,YAAY,aAAa;AAAA,QAC9D,GAAG;AAAA,QACH,YAAY,6CAAc,aAAa,IAAI;AAAA,QAC3C,UAAU,0CAAW,aAAa,IAAI;AAAA,QACtC,UAAU;AAAA,MACX,CAAC;AACD,UAAI,WAAW;AACf,UAAI,WAAW;AACf,iBAAW;AACX,cAAQ,QAAQ,QAAQ;AAAA,IACzB,OAAO;AAEN,UAAI,QAAQ;AACZ,UAAI,QAAQ;AACZ,iBAAW;AAAA,IACZ;AAEA,QAAI,EAAE,IAAI,IAAI,IAAI,OAAO,sBAAsB,EAAE,OAAO,IAAI;AAC3D,QAAE,IAAI,OAAO,sBAAsB,EAAE,OAAO,KAAK,IAAI;AAAA,IACtD;AAEA,WAAO,aAA0B;AAAA,MAChC;AAAA,QACC,QAAI,6BAAc;AAAA,QAClB,MAAM;AAAA,QACN,GAAG,EAAE,IAAI,IAAI;AAAA,QACb,GAAG,EAAE,IAAI,IAAI;AAAA,QACb,OAAO;AAAA,UACN,MAAM;AAAA;AAAA,UAEN;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAC;AAAA,EACF,CAAC;AAGD,SAAO,+BAA+B,OAAO,OAAO,EAAE,OAAO,IAAI,MAAM;AAEtE,UAAM,gBAAY,4BAAa,GAAG;AAElC,QAAI,WAAW;AACd,aAAO,OAAO,mBAAmB;AAAA,QAChC,MAAM;AAAA,QACN,KAAK,UAAU;AAAA,QACf;AAAA,QACA,OAAO,UAAU;AAAA,MAClB,CAAC;AAAA,IACF;AAEA,UAAM,WACL,UACC,OAAO,OAAO,WAAW,OAAO,OAAO,mBAAmB,OAAO,sBAAsB;AAEzF,UAAM,UAAqB,8BAAgB,aAAS,gCAAiB,GAAG,CAAC;AACzE,UAAM,QAAQ,yBAAyB,QAAQ,KAAK,QAAQ;AAG5D,QAAI,QAAQ,OAAO,SAAS,OAAO;AACnC,QAAI,wBAAwB;AAC5B,QAAI,CAAC,OAAO;AACX,8BAAwB;AACxB,YAAM,gBAAgB,MAAM,OAAO,2BAA2B,EAAE,MAAM,OAAO,IAAI,CAAC;AAClF,UAAI,CAAC;AAAe,cAAM,MAAM,2BAA2B;AAC3D,cAAQ;AAAA,IACT;AAEA,WAAO,MAAM,MAAM;AAClB,UAAI,uBAAuB;AAC1B,eAAO,aAAa,CAAC,KAAK,CAAC;AAAA,MAC5B;AAEA,aAAO,aAAa;AAAA,QACnB;AAAA,UACC,IAAI,MAAM;AAAA,UACV,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,YACN,SAAS,MAAM;AAAA,UAChB;AAAA,QACD;AAAA,MACD,CAAC;AAAA,IACF,CAAC;AAAA,EACF,CAAC;AACF;AAEA,eAAsB,sBACrB,QACA,QACA,UACuB;AACvB,MAAI,CAAC,OAAO;AAAQ,WAAO,CAAC;AAE5B,QAAM,eAAe,oBAAM,KAAK,QAAQ;AACxC,QAAM,WAA6B,CAAC;AAEpC,aAAW,SAAS,QAAQ;AAC3B,YAAQ,MAAM,MAAM;AAAA,MACnB,KAAK,YAAY;AAChB,iBAAS,KAAK;AAAA,UACb,QAAI,6BAAc;AAAA,UAClB,MAAM;AAAA,UACN,GAAG,aAAa,IAAI;AAAA,UACpB,GAAG,aAAa,IAAI;AAAA,UACpB,SAAS;AAAA,UACT,OAAO;AAAA,YACN,SAAS,MAAM;AAAA,YACf,KAAK,MAAM,MAAM;AAAA,UAClB;AAAA,QACD,CAAC;AAED,qBAAa,KAAK;AAClB;AAAA,MACD;AAAA,MACA,KAAK,SAAS;AACb,iBAAS,KAAK;AAAA,UACb,QAAI,6BAAc;AAAA,UAClB,MAAM;AAAA,UACN,GAAG,aAAa,IAAI,MAAM,MAAM,IAAI;AAAA,UACpC,GAAG,aAAa,IAAI,MAAM,MAAM,IAAI;AAAA,UACpC,SAAS;AAAA,UACT,OAAO;AAAA,YACN,SAAS,MAAM;AAAA,YACf,GAAG,MAAM,MAAM;AAAA,YACf,GAAG,MAAM,MAAM;AAAA,UAChB;AAAA,QACD,CAAC;AAED,qBAAa,KAAK,MAAM,MAAM;AAC9B;AAAA,MACD;AAAA,MACA,KAAK,SAAS;AACb,iBAAS,KAAK;AAAA,UACb,QAAI,6BAAc;AAAA,UAClB,MAAM;AAAA,UACN,GAAG,aAAa,IAAI,MAAM,MAAM,IAAI;AAAA,UACpC,GAAG,aAAa,IAAI,MAAM,MAAM,IAAI;AAAA,UACpC,SAAS;AAAA,UACT,OAAO;AAAA,YACN,SAAS,MAAM;AAAA,YACf,GAAG,MAAM,MAAM;AAAA,YACf,GAAG,MAAM,MAAM;AAAA,UAChB;AAAA,QACD,CAAC;AAED,qBAAa,KAAK,MAAM,MAAM;AAAA,MAC/B;AAAA,IACD;AAAA,EACD;AAEA,SAAO,MAAM,MAAM;AAElB,UAAM,iBAAiB,OAAO,OAAO,CAAC,UAAU,CAAC,OAAO,SAAS,MAAM,EAAE,CAAC;AAC1E,QAAI,eAAe,QAAQ;AAC1B,aAAO,aAAa,cAAc;AAAA,IACnC;AAGA,WAAO,aAAa,QAAQ,EAAE,OAAO,GAAG,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AAGjE,+BAA2B,QAAQ,QAAQ;AAAA,EAC5C,CAAC;AAED,SAAO,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE;AAChC;AAEA,SAAS,2BAA2B,QAAgB,UAAmB;AAEtE,QAAM,qBAAqB,OAAO,sBAAsB;AACxD,MAAI,sBAAsB,OAAO,uBAAuB;AAExD,MAAI,qBAAqB;AACxB,UAAM,SAAS,oBAAqB,OAAO,IAAI,QAAQ;AAEvD,WAAO;AAAA,MACN,OAAO,kBAAkB,EAAE,IAAI,CAAC,UAAU;AACzC,cAAM,gBAAgB,OAAO,wBAAwB,KAAK,EAAE,UAAU,EAAE;AACxE,cAAM,aAAa,oBAAM,IAAI,QAAQ,CAAC,aAAa;AACnD,eAAO;AAAA,UACN,IAAI,MAAM;AAAA,UACV,MAAM,MAAM;AAAA,UACZ,GAAG,MAAM,IAAK,WAAW;AAAA,UACzB,GAAG,MAAM,IAAK,WAAW;AAAA,QAC1B;AAAA,MACD,CAAC;AAAA,IACF;AAAA,EACD;AAGA,wBAAsB,OAAO,uBAAuB;AACpD,MAAI,uBAAuB,CAAC,mBAAmB,SAAS,mBAAmB,GAAG;AAC7E,WAAO,gBAAgB;AAAA,EACxB;AACD;AAEO,SAAS,yBACf,QACA,KACA,UACkB;AAClB,QAAM,UAA0B;AAAA,IAC/B,QAAI,6BAAc;AAAA,IAClB,MAAM;AAAA,IACN,GAAG,SAAS,IAAI;AAAA,IAChB,GAAG,SAAS,IAAI;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,MACN,SAAS;AAAA,MACT;AAAA,IACD;AAAA,EACD;AAEA,SAAO,MAAM,MAAM;AAClB,WAAO,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE;AAChD,+BAA2B,QAAQ,QAAQ;AAAA,EAC5C,CAAC;AAED,SAAO,OAAO,SAAS,QAAQ,EAAE;AAClC;",
+  "names": []
+}

package/dist-cjs/lib/defaultShapeTools.js

@@ -0,0 +1,42 @@
+"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 defaultShapeTools_exports = {};
+__export(defaultShapeTools_exports, {
+  defaultShapeTools: () => defaultShapeTools
+});
+module.exports = __toCommonJS(defaultShapeTools_exports);
+var import_ArrowShapeTool = require("./shapes/arrow/ArrowShapeTool");
+var import_DrawShapeTool = require("./shapes/draw/DrawShapeTool");
+var import_FrameShapeTool = require("./shapes/frame/FrameShapeTool");
+var import_GeoShapeTool = require("./shapes/geo/GeoShapeTool");
+var import_HighlightShapeTool = require("./shapes/highlight/HighlightShapeTool");
+var import_LineShapeTool = require("./shapes/line/LineShapeTool");
+var import_NoteShapeTool = require("./shapes/note/NoteShapeTool");
+var import_TextShapeTool = require("./shapes/text/TextShapeTool");
+const defaultShapeTools = [
+  import_TextShapeTool.TextShapeTool,
+  import_DrawShapeTool.DrawShapeTool,
+  import_GeoShapeTool.GeoShapeTool,
+  import_NoteShapeTool.NoteShapeTool,
+  import_LineShapeTool.LineShapeTool,
+  import_FrameShapeTool.FrameShapeTool,
+  import_ArrowShapeTool.ArrowShapeTool,
+  import_HighlightShapeTool.HighlightShapeTool
+];
+//# sourceMappingURL=defaultShapeTools.js.map

package/dist-cjs/lib/defaultShapeTools.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lib/defaultShapeTools.ts"],
+  "sourcesContent": ["import { ArrowShapeTool } from './shapes/arrow/ArrowShapeTool'\nimport { DrawShapeTool } from './shapes/draw/DrawShapeTool'\nimport { FrameShapeTool } from './shapes/frame/FrameShapeTool'\nimport { GeoShapeTool } from './shapes/geo/GeoShapeTool'\nimport { HighlightShapeTool } from './shapes/highlight/HighlightShapeTool'\nimport { LineShapeTool } from './shapes/line/LineShapeTool'\nimport { NoteShapeTool } from './shapes/note/NoteShapeTool'\nimport { TextShapeTool } from './shapes/text/TextShapeTool'\n\n/** @public */\nexport const defaultShapeTools = [\n\tTextShapeTool,\n\tDrawShapeTool,\n\tGeoShapeTool,\n\tNoteShapeTool,\n\tLineShapeTool,\n\tFrameShapeTool,\n\tArrowShapeTool,\n\tHighlightShapeTool,\n]\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,2BAA8B;AAC9B,4BAA+B;AAC/B,0BAA6B;AAC7B,gCAAmC;AACnC,2BAA8B;AAC9B,2BAA8B;AAC9B,2BAA8B;AAGvB,MAAM,oBAAoB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "names": []
+}

package/dist-cjs/lib/defaultShapeUtils.js

@@ -0,0 +1,50 @@
+"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 defaultShapeUtils_exports = {};
+__export(defaultShapeUtils_exports, {
+  defaultShapeUtils: () => defaultShapeUtils
+});
+module.exports = __toCommonJS(defaultShapeUtils_exports);
+var import_ArrowShapeUtil = require("./shapes/arrow/ArrowShapeUtil");
+var import_BookmarkShapeUtil = require("./shapes/bookmark/BookmarkShapeUtil");
+var import_DrawShapeUtil = require("./shapes/draw/DrawShapeUtil");
+var import_EmbedShapeUtil = require("./shapes/embed/EmbedShapeUtil");
+var import_FrameShapeUtil = require("./shapes/frame/FrameShapeUtil");
+var import_GeoShapeUtil = require("./shapes/geo/GeoShapeUtil");
+var import_HighlightShapeUtil = require("./shapes/highlight/HighlightShapeUtil");
+var import_ImageShapeUtil = require("./shapes/image/ImageShapeUtil");
+var import_LineShapeUtil = require("./shapes/line/LineShapeUtil");
+var import_NoteShapeUtil = require("./shapes/note/NoteShapeUtil");
+var import_TextShapeUtil = require("./shapes/text/TextShapeUtil");
+var import_VideoShapeUtil = require("./shapes/video/VideoShapeUtil");
+const defaultShapeUtils = [
+  import_TextShapeUtil.TextShapeUtil,
+  import_BookmarkShapeUtil.BookmarkShapeUtil,
+  import_DrawShapeUtil.DrawShapeUtil,
+  import_GeoShapeUtil.GeoShapeUtil,
+  import_NoteShapeUtil.NoteShapeUtil,
+  import_LineShapeUtil.LineShapeUtil,
+  import_FrameShapeUtil.FrameShapeUtil,
+  import_ArrowShapeUtil.ArrowShapeUtil,
+  import_HighlightShapeUtil.HighlightShapeUtil,
+  import_EmbedShapeUtil.EmbedShapeUtil,
+  import_ImageShapeUtil.ImageShapeUtil,
+  import_VideoShapeUtil.VideoShapeUtil
+];
+//# sourceMappingURL=defaultShapeUtils.js.map

package/dist-cjs/lib/defaultShapeUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lib/defaultShapeUtils.ts"],
+  "sourcesContent": ["import { TLAnyShapeUtilConstructor } from '@bigbluebutton/editor'\nimport { ArrowShapeUtil } from './shapes/arrow/ArrowShapeUtil'\nimport { BookmarkShapeUtil } from './shapes/bookmark/BookmarkShapeUtil'\nimport { DrawShapeUtil } from './shapes/draw/DrawShapeUtil'\nimport { EmbedShapeUtil } from './shapes/embed/EmbedShapeUtil'\nimport { FrameShapeUtil } from './shapes/frame/FrameShapeUtil'\nimport { GeoShapeUtil } from './shapes/geo/GeoShapeUtil'\nimport { HighlightShapeUtil } from './shapes/highlight/HighlightShapeUtil'\nimport { ImageShapeUtil } from './shapes/image/ImageShapeUtil'\nimport { LineShapeUtil } from './shapes/line/LineShapeUtil'\nimport { NoteShapeUtil } from './shapes/note/NoteShapeUtil'\nimport { TextShapeUtil } from './shapes/text/TextShapeUtil'\nimport { VideoShapeUtil } from './shapes/video/VideoShapeUtil'\n\n/** @public */\nexport const defaultShapeUtils: TLAnyShapeUtilConstructor[] = [\n\tTextShapeUtil,\n\tBookmarkShapeUtil,\n\tDrawShapeUtil,\n\tGeoShapeUtil,\n\tNoteShapeUtil,\n\tLineShapeUtil,\n\tFrameShapeUtil,\n\tArrowShapeUtil,\n\tHighlightShapeUtil,\n\tEmbedShapeUtil,\n\tImageShapeUtil,\n\tVideoShapeUtil,\n]\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAA+B;AAC/B,+BAAkC;AAClC,2BAA8B;AAC9B,4BAA+B;AAC/B,4BAA+B;AAC/B,0BAA6B;AAC7B,gCAAmC;AACnC,4BAA+B;AAC/B,2BAA8B;AAC9B,2BAA8B;AAC9B,2BAA8B;AAC9B,4BAA+B;AAGxB,MAAM,oBAAiD;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "names": []
+}

package/dist-cjs/lib/defaultSideEffects.js

@@ -0,0 +1,69 @@
+"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 defaultSideEffects_exports = {};
+__export(defaultSideEffects_exports, {
+  registerDefaultSideEffects: () => registerDefaultSideEffects
+});
+module.exports = __toCommonJS(defaultSideEffects_exports);
+function registerDefaultSideEffects(editor) {
+  return [
+    editor.sideEffects.registerAfterChangeHandler("instance", (prev, next) => {
+      if (prev.isFocused !== next.isFocused) {
+        if (next.isFocused) {
+          editor.getContainer().focus();
+          editor.updateViewportScreenBounds();
+        } else {
+          editor.complete();
+          editor.getContainer().blur();
+          editor.updateViewportScreenBounds();
+        }
+      }
+    }),
+    editor.sideEffects.registerAfterChangeHandler("instance_page_state", (prev, next) => {
+      if (prev.croppingShapeId !== next.croppingShapeId) {
+        const isInCroppingState = editor.isInAny(
+          "select.crop",
+          "select.pointing_crop_handle",
+          "select.cropping"
+        );
+        if (!prev.croppingShapeId && next.croppingShapeId) {
+          if (!isInCroppingState) {
+            editor.setCurrentTool("select.crop.idle");
+          }
+        } else if (prev.croppingShapeId && !next.croppingShapeId) {
+          if (isInCroppingState) {
+            editor.setCurrentTool("select.idle");
+          }
+        }
+      }
+      if (prev.editingShapeId !== next.editingShapeId) {
+        if (!prev.editingShapeId && next.editingShapeId) {
+          if (!editor.isIn("select.editing_shape")) {
+            editor.setCurrentTool("select.editing_shape");
+          }
+        } else if (prev.editingShapeId && !next.editingShapeId) {
+          if (editor.isIn("select.editing_shape")) {
+            editor.setCurrentTool("select.idle");
+          }
+        }
+      }
+    })
+  ];
+}
+//# sourceMappingURL=defaultSideEffects.js.map

package/dist-cjs/lib/defaultSideEffects.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lib/defaultSideEffects.ts"],
+  "sourcesContent": ["import { Editor } from '@bigbluebutton/editor'\n\nexport function registerDefaultSideEffects(editor: Editor) {\n\treturn [\n\t\teditor.sideEffects.registerAfterChangeHandler('instance', (prev, next) => {\n\t\t\tif (prev.isFocused !== next.isFocused) {\n\t\t\t\tif (next.isFocused) {\n\t\t\t\t\teditor.getContainer().focus()\n\t\t\t\t\teditor.updateViewportScreenBounds()\n\t\t\t\t} else {\n\t\t\t\t\teditor.complete() // stop any interaction\n\t\t\t\t\teditor.getContainer().blur() // blur the container\n\t\t\t\t\teditor.updateViewportScreenBounds()\n\t\t\t\t}\n\t\t\t}\n\t\t}),\n\t\teditor.sideEffects.registerAfterChangeHandler('instance_page_state', (prev, next) => {\n\t\t\tif (prev.croppingShapeId !== next.croppingShapeId) {\n\t\t\t\tconst isInCroppingState = editor.isInAny(\n\t\t\t\t\t'select.crop',\n\t\t\t\t\t'select.pointing_crop_handle',\n\t\t\t\t\t'select.cropping'\n\t\t\t\t)\n\t\t\t\tif (!prev.croppingShapeId && next.croppingShapeId) {\n\t\t\t\t\tif (!isInCroppingState) {\n\t\t\t\t\t\teditor.setCurrentTool('select.crop.idle')\n\t\t\t\t\t}\n\t\t\t\t} else if (prev.croppingShapeId && !next.croppingShapeId) {\n\t\t\t\t\tif (isInCroppingState) {\n\t\t\t\t\t\teditor.setCurrentTool('select.idle')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (prev.editingShapeId !== next.editingShapeId) {\n\t\t\t\tif (!prev.editingShapeId && next.editingShapeId) {\n\t\t\t\t\tif (!editor.isIn('select.editing_shape')) {\n\t\t\t\t\t\teditor.setCurrentTool('select.editing_shape')\n\t\t\t\t\t}\n\t\t\t\t} else if (prev.editingShapeId && !next.editingShapeId) {\n\t\t\t\t\tif (editor.isIn('select.editing_shape')) {\n\t\t\t\t\t\teditor.setCurrentTool('select.idle')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}),\n\t]\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,2BAA2B,QAAgB;AAC1D,SAAO;AAAA,IACN,OAAO,YAAY,2BAA2B,YAAY,CAAC,MAAM,SAAS;AACzE,UAAI,KAAK,cAAc,KAAK,WAAW;AACtC,YAAI,KAAK,WAAW;AACnB,iBAAO,aAAa,EAAE,MAAM;AAC5B,iBAAO,2BAA2B;AAAA,QACnC,OAAO;AACN,iBAAO,SAAS;AAChB,iBAAO,aAAa,EAAE,KAAK;AAC3B,iBAAO,2BAA2B;AAAA,QACnC;AAAA,MACD;AAAA,IACD,CAAC;AAAA,IACD,OAAO,YAAY,2BAA2B,uBAAuB,CAAC,MAAM,SAAS;AACpF,UAAI,KAAK,oBAAoB,KAAK,iBAAiB;AAClD,cAAM,oBAAoB,OAAO;AAAA,UAChC;AAAA,UACA;AAAA,UACA;AAAA,QACD;AACA,YAAI,CAAC,KAAK,mBAAmB,KAAK,iBAAiB;AAClD,cAAI,CAAC,mBAAmB;AACvB,mBAAO,eAAe,kBAAkB;AAAA,UACzC;AAAA,QACD,WAAW,KAAK,mBAAmB,CAAC,KAAK,iBAAiB;AACzD,cAAI,mBAAmB;AACtB,mBAAO,eAAe,aAAa;AAAA,UACpC;AAAA,QACD;AAAA,MACD;AAEA,UAAI,KAAK,mBAAmB,KAAK,gBAAgB;AAChD,YAAI,CAAC,KAAK,kBAAkB,KAAK,gBAAgB;AAChD,cAAI,CAAC,OAAO,KAAK,sBAAsB,GAAG;AACzC,mBAAO,eAAe,sBAAsB;AAAA,UAC7C;AAAA,QACD,WAAW,KAAK,kBAAkB,CAAC,KAAK,gBAAgB;AACvD,cAAI,OAAO,KAAK,sBAAsB,GAAG;AACxC,mBAAO,eAAe,aAAa;AAAA,UACpC;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAC;AAAA,EACF;AACD;",
+  "names": []
+}