@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/shapes/shared/ShapeFill.mjs

@@ -0,0 +1,93 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  HASH_PATTERN_ZOOM_NAMES,
+  getDefaultColorTheme,
+  useEditor,
+  useIsDarkMode,
+  useValue
+} from "@bigbluebutton/editor";
+import React from "react";
+function useDefaultColorTheme() {
+  return getDefaultColorTheme({ isDarkMode: useIsDarkMode() });
+}
+const ShapeFill = React.memo(function ShapeFill2({ theme, d, color, fill }) {
+  switch (fill) {
+    case "none": {
+      return null;
+    }
+    case "solid": {
+      return /* @__PURE__ */ jsx("path", { fill: theme[color].semi, d });
+    }
+    case "semi": {
+      return /* @__PURE__ */ jsx("path", { fill: theme.solid, d });
+    }
+    case "pattern": {
+      return /* @__PURE__ */ jsx(PatternFill, { theme, color, fill, d });
+    }
+  }
+});
+const PatternFill = function PatternFill2({ d, color, theme }) {
+  const editor = useEditor();
+  const zoomLevel = useValue("zoomLevel", () => editor.getZoomLevel(), [editor]);
+  const intZoom = Math.ceil(zoomLevel);
+  const teenyTiny = editor.getZoomLevel() <= 0.18;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { fill: theme[color].pattern, d }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: teenyTiny ? theme[color].semi : `url(#${HASH_PATTERN_ZOOM_NAMES[`${intZoom}_${theme.id}`]})`,
+        d
+      }
+    )
+  ] });
+};
+function getShapeFillSvg({ d, color, fill, theme }) {
+  if (fill === "none") {
+    return;
+  }
+  if (fill === "pattern") {
+    const gEl = document.createElementNS("http://www.w3.org/2000/svg", "g");
+    const path1El = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path1El.setAttribute("d", d);
+    path1El.setAttribute("fill", theme[color].pattern);
+    const path2El = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path2El.setAttribute("d", d);
+    path2El.setAttribute("fill", `url(#hash_pattern)`);
+    gEl.appendChild(path1El);
+    gEl.appendChild(path2El);
+    return gEl;
+  }
+  const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  path.setAttribute("d", d);
+  switch (fill) {
+    case "semi": {
+      path.setAttribute("fill", theme.solid);
+      break;
+    }
+    case "solid": {
+      {
+        path.setAttribute("fill", theme[color].semi);
+      }
+      break;
+    }
+  }
+  return path;
+}
+function getSvgWithShapeFill(foregroundPath, backgroundPath) {
+  if (backgroundPath) {
+    const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
+    g.appendChild(backgroundPath);
+    g.appendChild(foregroundPath);
+    return g;
+  } else {
+    return foregroundPath;
+  }
+}
+export {
+  ShapeFill,
+  getShapeFillSvg,
+  getSvgWithShapeFill,
+  useDefaultColorTheme
+};
+//# sourceMappingURL=ShapeFill.mjs.map

package/dist-esm/lib/shapes/shared/ShapeFill.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/ShapeFill.tsx"],
+  "sourcesContent": ["import {\n\tHASH_PATTERN_ZOOM_NAMES,\n\tTLDefaultColorStyle,\n\tTLDefaultColorTheme,\n\tTLDefaultFillStyle,\n\tgetDefaultColorTheme,\n\tuseEditor,\n\tuseIsDarkMode,\n\tuseValue,\n} from '@bigbluebutton/editor'\nimport React from 'react'\n\nexport interface ShapeFillProps {\n\td: string\n\tfill: TLDefaultFillStyle\n\tcolor: TLDefaultColorStyle\n\ttheme: TLDefaultColorTheme\n}\n\nexport function useDefaultColorTheme() {\n\treturn getDefaultColorTheme({ isDarkMode: useIsDarkMode() })\n}\n\nexport const ShapeFill = React.memo(function ShapeFill({ theme, d, color, fill }: ShapeFillProps) {\n\tswitch (fill) {\n\t\tcase 'none': {\n\t\t\treturn null\n\t\t}\n\t\tcase 'solid': {\n\t\t\treturn <path fill={theme[color].semi} d={d} />\n\t\t}\n\t\tcase 'semi': {\n\t\t\treturn <path fill={theme.solid} d={d} />\n\t\t}\n\t\tcase 'pattern': {\n\t\t\treturn <PatternFill theme={theme} color={color} fill={fill} d={d} />\n\t\t}\n\t}\n})\n\nconst PatternFill = function PatternFill({ d, color, theme }: ShapeFillProps) {\n\tconst editor = useEditor()\n\tconst zoomLevel = useValue('zoomLevel', () => editor.getZoomLevel(), [editor])\n\n\tconst intZoom = Math.ceil(zoomLevel)\n\tconst teenyTiny = editor.getZoomLevel() <= 0.18\n\n\treturn (\n\t\t<>\n\t\t\t<path fill={theme[color].pattern} d={d} />\n\t\t\t<path\n\t\t\t\tfill={\n\t\t\t\t\tteenyTiny\n\t\t\t\t\t\t? theme[color].semi\n\t\t\t\t\t\t: `url(#${HASH_PATTERN_ZOOM_NAMES[`${intZoom}_${theme.id}`]})`\n\t\t\t\t}\n\t\t\t\td={d}\n\t\t\t/>\n\t\t</>\n\t)\n}\n\nexport function getShapeFillSvg({ d, color, fill, theme }: ShapeFillProps) {\n\tif (fill === 'none') {\n\t\treturn\n\t}\n\n\tif (fill === 'pattern') {\n\t\tconst gEl = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n\t\tconst path1El = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\t\tpath1El.setAttribute('d', d)\n\t\tpath1El.setAttribute('fill', theme[color].pattern)\n\n\t\tconst path2El = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\t\tpath2El.setAttribute('d', d)\n\t\tpath2El.setAttribute('fill', `url(#hash_pattern)`)\n\n\t\tgEl.appendChild(path1El)\n\t\tgEl.appendChild(path2El)\n\t\treturn gEl\n\t}\n\n\tconst path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\tpath.setAttribute('d', d)\n\n\tswitch (fill) {\n\t\tcase 'semi': {\n\t\t\tpath.setAttribute('fill', theme.solid)\n\t\t\tbreak\n\t\t}\n\t\tcase 'solid': {\n\t\t\t{\n\t\t\t\tpath.setAttribute('fill', theme[color].semi)\n\t\t\t}\n\t\t\tbreak\n\t\t}\n\t}\n\n\treturn path\n}\n\nexport function getSvgWithShapeFill(foregroundPath: SVGElement, backgroundPath?: SVGElement) {\n\tif (backgroundPath) {\n\t\t// If there is a fill element, return a group containing the fill and the path\n\t\tconst g = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n\t\tg.appendChild(backgroundPath)\n\t\tg.appendChild(foregroundPath)\n\t\treturn g\n\t} else {\n\t\t// Otherwise, just return the path\n\t\treturn foregroundPath\n\t}\n}\n"],
+  "mappings": "AA6BU,SAmBR,UAnBQ,KAmBR,YAnBQ;AA7BV;AAAA,EACC;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,WAAW;AASX,SAAS,uBAAuB;AACtC,SAAO,qBAAqB,EAAE,YAAY,cAAc,EAAE,CAAC;AAC5D;AAEO,MAAM,YAAY,MAAM,KAAK,SAASA,WAAU,EAAE,OAAO,GAAG,OAAO,KAAK,GAAmB;AACjG,UAAQ,MAAM;AAAA,IACb,KAAK,QAAQ;AACZ,aAAO;AAAA,IACR;AAAA,IACA,KAAK,SAAS;AACb,aAAO,oBAAC,UAAK,MAAM,MAAM,KAAK,EAAE,MAAM,GAAM;AAAA,IAC7C;AAAA,IACA,KAAK,QAAQ;AACZ,aAAO,oBAAC,UAAK,MAAM,MAAM,OAAO,GAAM;AAAA,IACvC;AAAA,IACA,KAAK,WAAW;AACf,aAAO,oBAAC,eAAY,OAAc,OAAc,MAAY,GAAM;AAAA,IACnE;AAAA,EACD;AACD,CAAC;AAED,MAAM,cAAc,SAASC,aAAY,EAAE,GAAG,OAAO,MAAM,GAAmB;AAC7E,QAAM,SAAS,UAAU;AACzB,QAAM,YAAY,SAAS,aAAa,MAAM,OAAO,aAAa,GAAG,CAAC,MAAM,CAAC;AAE7E,QAAM,UAAU,KAAK,KAAK,SAAS;AACnC,QAAM,YAAY,OAAO,aAAa,KAAK;AAE3C,SACC,iCACC;AAAA,wBAAC,UAAK,MAAM,MAAM,KAAK,EAAE,SAAS,GAAM;AAAA,IACxC;AAAA,MAAC;AAAA;AAAA,QACA,MACC,YACG,MAAM,KAAK,EAAE,OACb,QAAQ,wBAAwB,GAAG,OAAO,IAAI,MAAM,EAAE,EAAE,CAAC;AAAA,QAE7D;AAAA;AAAA,IACD;AAAA,KACD;AAEF;AAEO,SAAS,gBAAgB,EAAE,GAAG,OAAO,MAAM,MAAM,GAAmB;AAC1E,MAAI,SAAS,QAAQ;AACpB;AAAA,EACD;AAEA,MAAI,SAAS,WAAW;AACvB,UAAM,MAAM,SAAS,gBAAgB,8BAA8B,GAAG;AACtE,UAAM,UAAU,SAAS,gBAAgB,8BAA8B,MAAM;AAC7E,YAAQ,aAAa,KAAK,CAAC;AAC3B,YAAQ,aAAa,QAAQ,MAAM,KAAK,EAAE,OAAO;AAEjD,UAAM,UAAU,SAAS,gBAAgB,8BAA8B,MAAM;AAC7E,YAAQ,aAAa,KAAK,CAAC;AAC3B,YAAQ,aAAa,QAAQ,oBAAoB;AAEjD,QAAI,YAAY,OAAO;AACvB,QAAI,YAAY,OAAO;AACvB,WAAO;AAAA,EACR;AAEA,QAAM,OAAO,SAAS,gBAAgB,8BAA8B,MAAM;AAC1E,OAAK,aAAa,KAAK,CAAC;AAExB,UAAQ,MAAM;AAAA,IACb,KAAK,QAAQ;AACZ,WAAK,aAAa,QAAQ,MAAM,KAAK;AACrC;AAAA,IACD;AAAA,IACA,KAAK,SAAS;AACb;AACC,aAAK,aAAa,QAAQ,MAAM,KAAK,EAAE,IAAI;AAAA,MAC5C;AACA;AAAA,IACD;AAAA,EACD;AAEA,SAAO;AACR;AAEO,SAAS,oBAAoB,gBAA4B,gBAA6B;AAC5F,MAAI,gBAAgB;AAEnB,UAAM,IAAI,SAAS,gBAAgB,8BAA8B,GAAG;AACpE,MAAE,YAAY,cAAc;AAC5B,MAAE,YAAY,cAAc;AAC5B,WAAO;AAAA,EACR,OAAO;AAEN,WAAO;AAAA,EACR;AACD;",
+  "names": ["ShapeFill", "PatternFill"]
+}

package/dist-esm/lib/shapes/shared/TextHelpers.mjs

@@ -0,0 +1,208 @@
+const INDENT = "  ";
+class TextHelpers {
+  static insertTextFirefox(field, text) {
+    field.setRangeText(
+      text,
+      field.selectionStart || 0,
+      field.selectionEnd || 0,
+      "end"
+      // Without this, the cursor is either at the beginning or text remains selected
+    );
+    field.dispatchEvent(
+      new InputEvent("input", {
+        data: text,
+        inputType: "insertText",
+        isComposing: false
+        // TODO: fix @types/jsdom, this shouldn't be required
+      })
+    );
+  }
+  /**
+   * Inserts text at the cursor’s position, replacing any selection, with **undo** support and by
+   * firing the input event.
+   */
+  static insert(field, text) {
+    const document = field.ownerDocument;
+    const initialFocus = document.activeElement;
+    if (initialFocus !== field) {
+      field.focus();
+    }
+    if (!document.execCommand("insertText", false, text)) {
+      TextHelpers.insertTextFirefox(field, text);
+    }
+    if (initialFocus === document.body) {
+      field.blur();
+    } else if (initialFocus instanceof HTMLElement && initialFocus !== field) {
+      initialFocus.focus();
+    }
+  }
+  /**
+   * Replaces the entire content, equivalent to field.value = text but with **undo** support and by
+   * firing the input event.
+   */
+  static set(field, text) {
+    field.select();
+    TextHelpers.insert(field, text);
+  }
+  /** Get the selected text in a field or an empty string if nothing is selected. */
+  static getSelection(field) {
+    const { selectionStart, selectionEnd } = field;
+    return field.value.slice(
+      selectionStart ? selectionStart : void 0,
+      selectionEnd ? selectionEnd : void 0
+    );
+  }
+  /**
+   * Adds the wrappingText before and after field’s selection (or cursor). If endWrappingText is
+   * provided, it will be used instead of wrappingText at on the right.
+   */
+  static wrapSelection(field, wrap, wrapEnd) {
+    const { selectionStart, selectionEnd } = field;
+    const selection = TextHelpers.getSelection(field);
+    TextHelpers.insert(field, wrap + selection + (wrapEnd ?? wrap));
+    field.selectionStart = (selectionStart || 0) + wrap.length;
+    field.selectionEnd = (selectionEnd || 0) + wrap.length;
+  }
+  /** Finds and replaces strings and regex in the field’s value. */
+  static replace(field, searchValue, replacer) {
+    let drift = 0;
+    field.value.replace(searchValue, (...args) => {
+      const matchStart = drift + args[args.length - 2];
+      const matchLength = args[0].length;
+      field.selectionStart = matchStart;
+      field.selectionEnd = matchStart + matchLength;
+      const replacement = typeof replacer === "string" ? replacer : replacer(...args);
+      TextHelpers.insert(field, replacement);
+      field.selectionStart = matchStart;
+      drift += replacement.length - matchLength;
+      return replacement;
+    });
+  }
+  static findLineEnd(value, currentEnd) {
+    const lastLineStart = value.lastIndexOf("\n", currentEnd - 1) + 1;
+    if (value.charAt(lastLineStart) !== "	") {
+      return currentEnd;
+    }
+    return lastLineStart + 1;
+  }
+  static indent(element) {
+    const { selectionStart, selectionEnd, value } = element;
+    const selectedContrast = value.slice(selectionStart, selectionEnd);
+    const lineBreakCount = /\n/g.exec(selectedContrast)?.length;
+    if (lineBreakCount && lineBreakCount > 0) {
+      const firstLineStart = value.lastIndexOf("\n", selectionStart - 1) + 1;
+      const newSelection = element.value.slice(firstLineStart, selectionEnd - 1);
+      const indentedText = newSelection.replace(
+        /^|\n/g,
+        // Match all line starts
+        `$&${INDENT}`
+      );
+      const replacementsCount = indentedText.length - newSelection.length;
+      element.setSelectionRange(firstLineStart, selectionEnd - 1);
+      TextHelpers.insert(element, indentedText);
+      element.setSelectionRange(selectionStart + 1, selectionEnd + replacementsCount);
+    } else {
+      TextHelpers.insert(element, INDENT);
+    }
+  }
+  // The first line should always be unindented
+  // The last line should only be unindented if the selection includes any characters after \n
+  static unindent(element) {
+    const { selectionStart, selectionEnd, value } = element;
+    const firstLineStart = value.lastIndexOf("\n", selectionStart - 1) + 1;
+    const minimumSelectionEnd = TextHelpers.findLineEnd(value, selectionEnd);
+    const newSelection = element.value.slice(firstLineStart, minimumSelectionEnd);
+    const indentedText = newSelection.replace(/(^|\n)(\t| {1,2})/g, "$1");
+    const replacementsCount = newSelection.length - indentedText.length;
+    element.setSelectionRange(firstLineStart, minimumSelectionEnd);
+    TextHelpers.insert(element, indentedText);
+    const firstLineIndentation = /\t| {1,2}/.exec(value.slice(firstLineStart, selectionStart));
+    const difference = firstLineIndentation ? firstLineIndentation[0].length : 0;
+    const newSelectionStart = selectionStart - difference;
+    element.setSelectionRange(
+      selectionStart - difference,
+      Math.max(newSelectionStart, selectionEnd - replacementsCount)
+    );
+  }
+  static indentCE(element) {
+    const selection = window.getSelection();
+    const value = element.innerText;
+    const selectionStart = getCaretIndex(element) ?? 0;
+    const selectionEnd = getCaretIndex(element) ?? 0;
+    const selectedContrast = value.slice(selectionStart, selectionEnd);
+    const lineBreakCount = /\n/g.exec(selectedContrast)?.length;
+    if (lineBreakCount && lineBreakCount > 0) {
+      const firstLineStart = value.lastIndexOf("\n", selectionStart - 1) + 1;
+      const newSelection = value.slice(firstLineStart, selectionEnd - 1);
+      const indentedText = newSelection.replace(
+        /^|\n/g,
+        // Match all line starts
+        `$&${INDENT}`
+      );
+      const replacementsCount = indentedText.length - newSelection.length;
+      if (selection) {
+        selection.setBaseAndExtent(
+          element,
+          selectionStart + 1,
+          element,
+          selectionEnd + replacementsCount
+        );
+      }
+    } else {
+      const selection2 = window.getSelection();
+      element.innerText = value.slice(0, selectionStart) + INDENT + value.slice(selectionStart);
+      selection2?.setBaseAndExtent(element, selectionStart + 1, element, selectionStart + 2);
+    }
+  }
+  static unindentCE(element) {
+    const selection = window.getSelection();
+    const value = element.innerText;
+    const selectionStart = getCaretIndex(element) ?? 0;
+    const selectionEnd = getCaretIndex(element) ?? 0;
+    const firstLineStart = value.lastIndexOf("\n", selectionStart - 1) + 1;
+    const minimumSelectionEnd = TextHelpers.findLineEnd(value, selectionEnd);
+    const newSelection = value.slice(firstLineStart, minimumSelectionEnd);
+    const indentedText = newSelection.replace(/(^|\n)(\t| {1,2})/g, "$1");
+    const replacementsCount = newSelection.length - indentedText.length;
+    if (selection) {
+      selection.setBaseAndExtent(element, firstLineStart, element, minimumSelectionEnd);
+      const firstLineIndentation = /\t| {1,2}/.exec(value.slice(firstLineStart, selectionStart));
+      const difference = firstLineIndentation ? firstLineIndentation[0].length : 0;
+      const newSelectionStart = selectionStart - difference;
+      selection.setBaseAndExtent(
+        element,
+        selectionStart - difference,
+        element,
+        Math.max(newSelectionStart, selectionEnd - replacementsCount)
+      );
+    }
+  }
+  static fixNewLines = /\r?\n|\r/g;
+  static normalizeText(text) {
+    return text.replace(TextHelpers.fixNewLines, "\n");
+  }
+  static normalizeTextForDom(text) {
+    return text.replace(TextHelpers.fixNewLines, "\n").split("\n").map((x) => x || " ").join("\n");
+  }
+}
+function getCaretIndex(element) {
+  if (typeof window.getSelection === "undefined")
+    return;
+  const selection = window.getSelection();
+  if (!selection)
+    return;
+  let position = 0;
+  if (selection.rangeCount !== 0) {
+    const range = selection.getRangeAt(0);
+    const preCaretRange = range.cloneRange();
+    preCaretRange.selectNodeContents(element);
+    preCaretRange.setEnd(range.endContainer, range.endOffset);
+    position = preCaretRange.toString().length;
+  }
+  return position;
+}
+export {
+  INDENT,
+  TextHelpers
+};
+//# sourceMappingURL=TextHelpers.mjs.map

package/dist-esm/lib/shapes/shared/TextHelpers.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/TextHelpers.ts"],
+  "sourcesContent": ["// Adapted (mostly copied) the work of https://github.com/fregante\n// Copyright (c) Federico Brigante <opensource@bfred.it> (bfred.it)\n\n// TODO: Most of this file can be moved into a DOM utils library.\n\n/** @internal */\nexport type ReplacerCallback = (substring: string, ...args: unknown[]) => string\n\n/**\t@public */\nexport const INDENT = '  '\n\n/** @internal */\nexport class TextHelpers {\n\tstatic insertTextFirefox(field: HTMLTextAreaElement | HTMLInputElement, text: string): void {\n\t\t// Found on https://www.everythingfrontend.com/blog/insert-text-into-textarea-at-cursor-position.html \uD83C\uDF88\n\t\tfield.setRangeText(\n\t\t\ttext,\n\t\t\tfield.selectionStart || 0,\n\t\t\tfield.selectionEnd || 0,\n\t\t\t'end' // Without this, the cursor is either at the beginning or text remains selected\n\t\t)\n\n\t\tfield.dispatchEvent(\n\t\t\tnew InputEvent('input', {\n\t\t\t\tdata: text,\n\t\t\t\tinputType: 'insertText',\n\t\t\t\tisComposing: false, // TODO: fix @types/jsdom, this shouldn't be required\n\t\t\t})\n\t\t)\n\t}\n\n\t/**\n\t * Inserts text at the cursor\u2019s position, replacing any selection, with **undo** support and by\n\t * firing the input event.\n\t */\n\tstatic insert(field: HTMLTextAreaElement | HTMLInputElement, text: string): void {\n\t\tconst document = field.ownerDocument\n\t\tconst initialFocus = document.activeElement\n\t\tif (initialFocus !== field) {\n\t\t\tfield.focus()\n\t\t}\n\n\t\t// eslint-disable-next-line deprecation/deprecation\n\t\tif (!document.execCommand('insertText', false, text)) {\n\t\t\tTextHelpers.insertTextFirefox(field, text)\n\t\t}\n\n\t\tif (initialFocus === document.body) {\n\t\t\tfield.blur()\n\t\t} else if (initialFocus instanceof HTMLElement && initialFocus !== field) {\n\t\t\tinitialFocus.focus()\n\t\t}\n\t}\n\n\t/**\n\t * Replaces the entire content, equivalent to field.value = text but with **undo** support and by\n\t * firing the input event.\n\t */\n\tstatic set(field: HTMLTextAreaElement | HTMLInputElement, text: string): void {\n\t\tfield.select()\n\t\tTextHelpers.insert(field, text)\n\t}\n\n\t/** Get the selected text in a field or an empty string if nothing is selected. */\n\tstatic getSelection(field: HTMLTextAreaElement | HTMLInputElement): string {\n\t\tconst { selectionStart, selectionEnd } = field\n\t\treturn field.value.slice(\n\t\t\tselectionStart ? selectionStart : undefined,\n\t\t\tselectionEnd ? selectionEnd : undefined\n\t\t)\n\t}\n\n\t/**\n\t * Adds the wrappingText before and after field\u2019s selection (or cursor). If endWrappingText is\n\t * provided, it will be used instead of wrappingText at on the right.\n\t */\n\tstatic wrapSelection(\n\t\tfield: HTMLTextAreaElement | HTMLInputElement,\n\t\twrap: string,\n\t\twrapEnd?: string\n\t): void {\n\t\tconst { selectionStart, selectionEnd } = field\n\t\tconst selection = TextHelpers.getSelection(field)\n\t\tTextHelpers.insert(field, wrap + selection + (wrapEnd ?? wrap))\n\n\t\t// Restore the selection around the previously-selected text\n\t\tfield.selectionStart = (selectionStart || 0) + wrap.length\n\t\tfield.selectionEnd = (selectionEnd || 0) + wrap.length\n\t}\n\n\t/** Finds and replaces strings and regex in the field\u2019s value. */\n\tstatic replace(\n\t\tfield: HTMLTextAreaElement | HTMLInputElement,\n\t\tsearchValue: string | RegExp,\n\t\treplacer: string | ReplacerCallback\n\t): void {\n\t\t/** Remembers how much each match offset should be adjusted */\n\t\tlet drift = 0\n\t\tfield.value.replace(searchValue, (...args): string => {\n\t\t\t// Select current match to replace it later\n\t\t\tconst matchStart = drift + (args[args.length - 2] as number)\n\t\t\tconst matchLength = args[0].length\n\t\t\tfield.selectionStart = matchStart\n\t\t\tfield.selectionEnd = matchStart + matchLength\n\t\t\tconst replacement = typeof replacer === 'string' ? replacer : replacer(...args)\n\t\t\tTextHelpers.insert(field, replacement)\n\t\t\t// Select replacement. Without this, the cursor would be after the replacement\n\t\t\tfield.selectionStart = matchStart\n\t\t\tdrift += replacement.length - matchLength\n\t\t\treturn replacement\n\t\t})\n\t}\n\n\tstatic findLineEnd(value: string, currentEnd: number): number {\n\t\t// Go to the beginning of the last line\n\t\tconst lastLineStart = value.lastIndexOf('\\n', currentEnd - 1) + 1\n\t\t// There's nothing to unindent after the last cursor, so leave it as is\n\t\tif (value.charAt(lastLineStart) !== '\\t') {\n\t\t\treturn currentEnd\n\t\t}\n\t\treturn lastLineStart + 1 // Include the first character, which will be a tab\n\t}\n\n\tstatic indent(element: HTMLTextAreaElement): void {\n\t\tconst { selectionStart, selectionEnd, value } = element\n\t\tconst selectedContrast = value.slice(selectionStart, selectionEnd)\n\t\t// The first line should be indented, even if it starts with \\n\n\t\t// The last line should only be indented if includes any character after \\n\n\t\tconst lineBreakCount = /\\n/g.exec(selectedContrast)?.length\n\n\t\tif (lineBreakCount && lineBreakCount > 0) {\n\t\t\t// Select full first line to replace everything at once\n\t\t\tconst firstLineStart = value.lastIndexOf('\\n', selectionStart - 1) + 1\n\n\t\t\tconst newSelection = element.value.slice(firstLineStart, selectionEnd - 1)\n\t\t\tconst indentedText = newSelection.replace(\n\t\t\t\t/^|\\n/g, // Match all line starts\n\t\t\t\t`$&${INDENT}`\n\t\t\t)\n\t\t\tconst replacementsCount = indentedText.length - newSelection.length\n\n\t\t\t// Replace newSelection with indentedText\n\t\t\telement.setSelectionRange(firstLineStart, selectionEnd - 1)\n\t\t\tTextHelpers.insert(element, indentedText)\n\n\t\t\t// Restore selection position, including the indentation\n\t\t\telement.setSelectionRange(selectionStart + 1, selectionEnd + replacementsCount)\n\t\t} else {\n\t\t\tTextHelpers.insert(element, INDENT)\n\t\t}\n\t}\n\n\t// The first line should always be unindented\n\t// The last line should only be unindented if the selection includes any characters after \\n\n\tstatic unindent(element: HTMLTextAreaElement): void {\n\t\tconst { selectionStart, selectionEnd, value } = element\n\n\t\t// Select the whole first line because it might contain \\t\n\t\tconst firstLineStart = value.lastIndexOf('\\n', selectionStart - 1) + 1\n\t\tconst minimumSelectionEnd = TextHelpers.findLineEnd(value, selectionEnd)\n\n\t\tconst newSelection = element.value.slice(firstLineStart, minimumSelectionEnd)\n\t\tconst indentedText = newSelection.replace(/(^|\\n)(\\t| {1,2})/g, '$1')\n\t\tconst replacementsCount = newSelection.length - indentedText.length\n\n\t\t// Replace newSelection with indentedText\n\t\telement.setSelectionRange(firstLineStart, minimumSelectionEnd)\n\t\tTextHelpers.insert(element, indentedText)\n\n\t\t// Restore selection position, including the indentation\n\t\tconst firstLineIndentation = /\\t| {1,2}/.exec(value.slice(firstLineStart, selectionStart))\n\n\t\tconst difference = firstLineIndentation ? firstLineIndentation[0].length : 0\n\n\t\tconst newSelectionStart = selectionStart - difference\n\t\telement.setSelectionRange(\n\t\t\tselectionStart - difference,\n\t\t\tMath.max(newSelectionStart, selectionEnd - replacementsCount)\n\t\t)\n\t}\n\n\tstatic indentCE(element: HTMLElement): void {\n\t\tconst selection = window.getSelection()\n\t\tconst value = element.innerText\n\t\tconst selectionStart = getCaretIndex(element) ?? 0\n\t\tconst selectionEnd = getCaretIndex(element) ?? 0\n\t\tconst selectedContrast = value.slice(selectionStart, selectionEnd)\n\t\t// The first line should be indented, even if it starts with \\n\n\t\t// The last line should only be indented if includes any character after \\n\n\t\tconst lineBreakCount = /\\n/g.exec(selectedContrast)?.length\n\n\t\tif (lineBreakCount && lineBreakCount > 0) {\n\t\t\t// Select full first line to replace everything at once\n\t\t\tconst firstLineStart = value.lastIndexOf('\\n', selectionStart - 1) + 1\n\n\t\t\tconst newSelection = value.slice(firstLineStart, selectionEnd - 1)\n\t\t\tconst indentedText = newSelection.replace(\n\t\t\t\t/^|\\n/g, // Match all line starts\n\t\t\t\t`$&${INDENT}`\n\t\t\t)\n\t\t\tconst replacementsCount = indentedText.length - newSelection.length\n\n\t\t\t// Replace newSelection with indentedText\n\n\t\t\tif (selection) {\n\t\t\t\tselection.setBaseAndExtent(\n\t\t\t\t\telement,\n\t\t\t\t\tselectionStart + 1,\n\t\t\t\t\telement,\n\t\t\t\t\tselectionEnd + replacementsCount\n\t\t\t\t)\n\t\t\t\t// element.setSelectionRange(firstLineStart, selectionEnd - 1)\n\t\t\t\t// TextHelpers.insert(element, indentedText)\n\n\t\t\t\t// Restore selection position, including the indentation\n\t\t\t\t// element.setSelectionRange(selectionStart + 1, selectionEnd + replacementsCount)\n\t\t\t}\n\t\t} else {\n\t\t\tconst selection = window.getSelection()\n\t\t\telement.innerText = value.slice(0, selectionStart) + INDENT + value.slice(selectionStart)\n\t\t\tselection?.setBaseAndExtent(element, selectionStart + 1, element, selectionStart + 2)\n\t\t\t// TextHelpers.insert(element, INDENT)\n\t\t}\n\t}\n\n\tstatic unindentCE(element: HTMLElement): void {\n\t\tconst selection = window.getSelection()\n\t\tconst value = element.innerText\n\t\t// const { selectionStart, selectionEnd } = element\n\t\tconst selectionStart = getCaretIndex(element) ?? 0\n\t\tconst selectionEnd = getCaretIndex(element) ?? 0\n\n\t\t// Select the whole first line because it might contain \\t\n\t\tconst firstLineStart = value.lastIndexOf('\\n', selectionStart - 1) + 1\n\t\tconst minimumSelectionEnd = TextHelpers.findLineEnd(value, selectionEnd)\n\n\t\tconst newSelection = value.slice(firstLineStart, minimumSelectionEnd)\n\t\tconst indentedText = newSelection.replace(/(^|\\n)(\\t| {1,2})/g, '$1')\n\t\tconst replacementsCount = newSelection.length - indentedText.length\n\n\t\tif (selection) {\n\t\t\t// Replace newSelection with indentedText\n\t\t\tselection.setBaseAndExtent(element, firstLineStart, element, minimumSelectionEnd)\n\t\t\t// TextHelpers.insert(element, indentedText)\n\n\t\t\t// Restore selection position, including the indentation\n\t\t\tconst firstLineIndentation = /\\t| {1,2}/.exec(value.slice(firstLineStart, selectionStart))\n\n\t\t\tconst difference = firstLineIndentation ? firstLineIndentation[0].length : 0\n\n\t\t\tconst newSelectionStart = selectionStart - difference\n\t\t\tselection.setBaseAndExtent(\n\t\t\t\telement,\n\t\t\t\tselectionStart - difference,\n\t\t\t\telement,\n\t\t\t\tMath.max(newSelectionStart, selectionEnd - replacementsCount)\n\t\t\t)\n\t\t}\n\t}\n\n\tstatic fixNewLines = /\\r?\\n|\\r/g\n\n\tstatic normalizeText(text: string) {\n\t\treturn text.replace(TextHelpers.fixNewLines, '\\n')\n\t}\n\n\tstatic normalizeTextForDom(text: string) {\n\t\treturn text\n\t\t\t.replace(TextHelpers.fixNewLines, '\\n')\n\t\t\t.split('\\n')\n\t\t\t.map((x) => x || ' ')\n\t\t\t.join('\\n')\n\t}\n}\n\nfunction getCaretIndex(element: HTMLElement) {\n\tif (typeof window.getSelection === 'undefined') return\n\tconst selection = window.getSelection()\n\tif (!selection) return\n\tlet position = 0\n\tif (selection.rangeCount !== 0) {\n\t\tconst range = selection.getRangeAt(0)\n\t\tconst preCaretRange = range.cloneRange()\n\t\tpreCaretRange.selectNodeContents(element)\n\t\tpreCaretRange.setEnd(range.endContainer, range.endOffset)\n\t\tposition = preCaretRange.toString().length\n\t}\n\treturn position\n}\n"],
+  "mappings": "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",
+  "names": ["selection"]
+}

package/dist-esm/lib/shapes/shared/TextLabel.mjs

@@ -0,0 +1,112 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  stopEventPropagation
+} from "@bigbluebutton/editor";
+import React from "react";
+import { useDefaultColorTheme } from "./ShapeFill.mjs";
+import { TextHelpers } from "./TextHelpers.mjs";
+import { LABEL_FONT_SIZES, TEXT_PROPS } from "./default-shape-constants.mjs";
+import { isLegacyAlign } from "./legacyProps.mjs";
+import { useEditableText } from "./useEditableText.mjs";
+const TextLabel = React.memo(function TextLabel2({
+  id,
+  type,
+  text,
+  size,
+  labelColor,
+  font,
+  align,
+  verticalAlign,
+  wrap,
+  bounds
+}) {
+  const {
+    rInput,
+    isEmpty,
+    isEditing,
+    handleFocus,
+    handleChange,
+    handleKeyDown,
+    handleBlur,
+    handleInputPointerDown,
+    handleDoubleClick
+  } = useEditableText(id, type, text);
+  const finalText = TextHelpers.normalizeTextForDom(text);
+  const hasText = finalText.length > 0;
+  const legacyAlign = isLegacyAlign(align);
+  const theme = useDefaultColorTheme();
+  if (!isEditing && !hasText) {
+    return null;
+  }
+  return (
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "tl-text-label",
+        "data-font": font,
+        "data-align": align,
+        "data-hastext": !isEmpty,
+        "data-isediting": isEditing,
+        "data-textwrap": !!wrap,
+        style: {
+          justifyContent: align === "middle" || legacyAlign ? "center" : align,
+          alignItems: verticalAlign === "middle" ? "center" : verticalAlign,
+          ...(bounds ? {
+            top: bounds.minY,
+            left: bounds.minX,
+            width: bounds.width,
+            height: bounds.height,
+            position: "absolute"
+          } : {})
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "tl-text-label__inner",
+            style: {
+              fontSize: LABEL_FONT_SIZES[size],
+              lineHeight: LABEL_FONT_SIZES[size] * TEXT_PROPS.lineHeight + "px",
+              minHeight: TEXT_PROPS.lineHeight + 32,
+              minWidth: 0,
+              color: theme[labelColor].solid
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "tl-text tl-text-content", dir: "ltr", children: finalText }),
+              isEditing && /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  ref: rInput,
+                  className: "tl-text tl-text-input",
+                  name: "text",
+                  tabIndex: -1,
+                  autoComplete: "false",
+                  autoCapitalize: "false",
+                  autoCorrect: "false",
+                  autoSave: "false",
+                  autoFocus: true,
+                  placeholder: "",
+                  spellCheck: "true",
+                  wrap: "off",
+                  dir: "auto",
+                  datatype: "wysiwyg",
+                  defaultValue: text,
+                  onFocus: handleFocus,
+                  onChange: handleChange,
+                  onKeyDown: handleKeyDown,
+                  onBlur: handleBlur,
+                  onContextMenu: stopEventPropagation,
+                  onPointerDown: handleInputPointerDown,
+                  onDoubleClick: handleDoubleClick
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  );
+});
+export {
+  TextLabel
+};
+//# sourceMappingURL=TextLabel.mjs.map

package/dist-esm/lib/shapes/shared/TextLabel.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/TextLabel.tsx"],
+  "sourcesContent": ["import {\n\tBox2d,\n\tTLDefaultColorStyle,\n\tTLDefaultFillStyle,\n\tTLDefaultFontStyle,\n\tTLDefaultHorizontalAlignStyle,\n\tTLDefaultSizeStyle,\n\tTLDefaultVerticalAlignStyle,\n\tTLShape,\n\tstopEventPropagation,\n} from '@bigbluebutton/editor'\nimport React from 'react'\nimport { useDefaultColorTheme } from './ShapeFill'\nimport { TextHelpers } from './TextHelpers'\nimport { LABEL_FONT_SIZES, TEXT_PROPS } from './default-shape-constants'\nimport { isLegacyAlign } from './legacyProps'\nimport { useEditableText } from './useEditableText'\n\nexport const TextLabel = React.memo(function TextLabel<\n\tT extends Extract<TLShape, { props: { text: string } }>\n>({\n\tid,\n\ttype,\n\ttext,\n\tsize,\n\tlabelColor,\n\tfont,\n\talign,\n\tverticalAlign,\n\twrap,\n\tbounds,\n}: {\n\tid: T['id']\n\ttype: T['type']\n\tsize: TLDefaultSizeStyle\n\tfont: TLDefaultFontStyle\n\tfill?: TLDefaultFillStyle\n\talign: TLDefaultHorizontalAlignStyle\n\tverticalAlign: TLDefaultVerticalAlignStyle\n\twrap?: boolean\n\ttext: string\n\tlabelColor: TLDefaultColorStyle\n\tbounds?: Box2d\n}) {\n\tconst {\n\t\trInput,\n\t\tisEmpty,\n\t\tisEditing,\n\t\thandleFocus,\n\t\thandleChange,\n\t\thandleKeyDown,\n\t\thandleBlur,\n\t\thandleInputPointerDown,\n\t\thandleDoubleClick,\n\t} = useEditableText(id, type, text)\n\n\tconst finalText = TextHelpers.normalizeTextForDom(text)\n\tconst hasText = finalText.length > 0\n\n\tconst legacyAlign = isLegacyAlign(align)\n\tconst theme = useDefaultColorTheme()\n\n\tif (!isEditing && !hasText) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"tl-text-label\"\n\t\t\tdata-font={font}\n\t\t\tdata-align={align}\n\t\t\tdata-hastext={!isEmpty}\n\t\t\tdata-isediting={isEditing}\n\t\t\tdata-textwrap={!!wrap}\n\t\t\tstyle={{\n\t\t\t\tjustifyContent: align === 'middle' || legacyAlign ? 'center' : align,\n\t\t\t\talignItems: verticalAlign === 'middle' ? 'center' : verticalAlign,\n\t\t\t\t...(bounds\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ttop: bounds.minY,\n\t\t\t\t\t\t\tleft: bounds.minX,\n\t\t\t\t\t\t\twidth: bounds.width,\n\t\t\t\t\t\t\theight: bounds.height,\n\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t  }\n\t\t\t\t\t: {}),\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"tl-text-label__inner\"\n\t\t\t\tstyle={{\n\t\t\t\t\tfontSize: LABEL_FONT_SIZES[size],\n\t\t\t\t\tlineHeight: LABEL_FONT_SIZES[size] * TEXT_PROPS.lineHeight + 'px',\n\t\t\t\t\tminHeight: TEXT_PROPS.lineHeight + 32,\n\t\t\t\t\tminWidth: 0,\n\t\t\t\t\tcolor: theme[labelColor].solid,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"tl-text tl-text-content\" dir=\"ltr\">\n\t\t\t\t\t{finalText}\n\t\t\t\t</div>\n\t\t\t\t{isEditing && (\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tref={rInput}\n\t\t\t\t\t\tclassName=\"tl-text tl-text-input\"\n\t\t\t\t\t\tname=\"text\"\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tautoComplete=\"false\"\n\t\t\t\t\t\tautoCapitalize=\"false\"\n\t\t\t\t\t\tautoCorrect=\"false\"\n\t\t\t\t\t\tautoSave=\"false\"\n\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\tplaceholder=\"\"\n\t\t\t\t\t\tspellCheck=\"true\"\n\t\t\t\t\t\twrap=\"off\"\n\t\t\t\t\t\tdir=\"auto\"\n\t\t\t\t\t\tdatatype=\"wysiwyg\"\n\t\t\t\t\t\tdefaultValue={text}\n\t\t\t\t\t\tonFocus={handleFocus}\n\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\tonContextMenu={stopEventPropagation}\n\t\t\t\t\t\tonPointerDown={handleInputPointerDown}\n\t\t\t\t\t\tonDoubleClick={handleDoubleClick}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t)\n})\n"],
+  "mappings": "AAwFG,SAUC,KAVD;AAxFH;AAAA,EASC;AAAA,OACM;AACP,OAAO,WAAW;AAClB,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB,kBAAkB;AAC7C,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAEzB,MAAM,YAAY,MAAM,KAAK,SAASA,WAE3C;AAAA,EACD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAYG;AACF,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,gBAAgB,IAAI,MAAM,IAAI;AAElC,QAAM,YAAY,YAAY,oBAAoB,IAAI;AACtD,QAAM,UAAU,UAAU,SAAS;AAEnC,QAAM,cAAc,cAAc,KAAK;AACvC,QAAM,QAAQ,qBAAqB;AAEnC,MAAI,CAAC,aAAa,CAAC,SAAS;AAC3B,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,gBAAc,CAAC;AAAA,MACf,kBAAgB;AAAA,MAChB,iBAAe,CAAC,CAAC;AAAA,MACjB,OAAO;AAAA,QACN,gBAAgB,UAAU,YAAY,cAAc,WAAW;AAAA,QAC/D,YAAY,kBAAkB,WAAW,WAAW;AAAA,QACpD,GAAI,SACD;AAAA,UACA,KAAK,OAAO;AAAA,UACZ,MAAM,OAAO;AAAA,UACb,OAAO,OAAO;AAAA,UACd,QAAQ,OAAO;AAAA,UACf,UAAU;AAAA,QACV,IACA,CAAC;AAAA,MACL;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAO;AAAA,YACN,UAAU,iBAAiB,IAAI;AAAA,YAC/B,YAAY,iBAAiB,IAAI,IAAI,WAAW,aAAa;AAAA,YAC7D,WAAW,WAAW,aAAa;AAAA,YACnC,UAAU;AAAA,YACV,OAAO,MAAM,UAAU,EAAE;AAAA,UAC1B;AAAA,UAEA;AAAA,gCAAC,SAAI,WAAU,2BAA0B,KAAI,OAC3C,qBACF;AAAA,YACC,aACA;AAAA,cAAC;AAAA;AAAA,gBACA,KAAK;AAAA,gBACL,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,cAAa;AAAA,gBACb,gBAAe;AAAA,gBACf,aAAY;AAAA,gBACZ,UAAS;AAAA,gBACT,WAAS;AAAA,gBACT,aAAY;AAAA,gBACZ,YAAW;AAAA,gBACX,MAAK;AAAA,gBACL,KAAI;AAAA,gBACJ,UAAS;AAAA,gBACT,cAAc;AAAA,gBACd,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,WAAW;AAAA,gBACX,QAAQ;AAAA,gBACR,eAAe;AAAA,gBACf,eAAe;AAAA,gBACf,eAAe;AAAA;AAAA,YAChB;AAAA;AAAA;AAAA,MAEF;AAAA;AAAA,EACD;AAEF,CAAC;",
+  "names": ["TextLabel"]
+}

package/dist-esm/lib/shapes/shared/createTextSvgElementFromSpans.mjs

@@ -0,0 +1,57 @@
+import {
+  Box2d
+} from "@bigbluebutton/editor";
+function correctSpacesToNbsp(input) {
+  return input.replace(/\s/g, "\xA0");
+}
+function createTextSvgElementFromSpans(editor, spans, opts) {
+  const { padding = 0 } = opts;
+  const textElm = document.createElementNS("http://www.w3.org/2000/svg", "text");
+  textElm.setAttribute("font-size", opts.fontSize + "px");
+  textElm.setAttribute("font-family", opts.fontFamily);
+  textElm.setAttribute("font-style", opts.fontStyle);
+  textElm.setAttribute("font-weight", opts.fontWeight);
+  textElm.setAttribute("line-height", opts.lineHeight * opts.fontSize + "px");
+  textElm.setAttribute("dominant-baseline", "mathematical");
+  textElm.setAttribute("alignment-baseline", "mathematical");
+  if (spans.length === 0)
+    return textElm;
+  const bounds = Box2d.From(spans[0].box);
+  for (const { box } of spans) {
+    bounds.union(box);
+  }
+  const offsetX = padding + (opts.offsetX ?? 0);
+  const offsetY = (opts.offsetY ?? 0) + opts.fontSize / 2 + (opts.verticalTextAlign === "start" ? padding : opts.verticalTextAlign === "end" ? opts.height - padding - bounds.height : (Math.ceil(opts.height) - bounds.height) / 2);
+  let currentLineTop = null;
+  for (const { text, box } of spans) {
+    const didBreakLine = currentLineTop !== null && box.y > currentLineTop;
+    if (didBreakLine) {
+      const lineBreakTspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+      lineBreakTspan.setAttribute("alignment-baseline", "mathematical");
+      lineBreakTspan.setAttribute("x", offsetX + "px");
+      lineBreakTspan.setAttribute("y", box.y + offsetY + "px");
+      lineBreakTspan.textContent = "\n";
+      textElm.appendChild(lineBreakTspan);
+    }
+    const tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+    tspan.setAttribute("alignment-baseline", "mathematical");
+    tspan.setAttribute("x", box.x + offsetX + "px");
+    tspan.setAttribute("y", box.y + offsetY + "px");
+    const cleanText = correctSpacesToNbsp(text);
+    tspan.textContent = cleanText;
+    textElm.appendChild(tspan);
+    currentLineTop = box.y;
+  }
+  if (opts.stroke && opts.strokeWidth) {
+    textElm.setAttribute("stroke", opts.stroke);
+    textElm.setAttribute("stroke-width", opts.strokeWidth + "px");
+  }
+  if (opts.fill) {
+    textElm.setAttribute("fill", opts.fill);
+  }
+  return textElm;
+}
+export {
+  createTextSvgElementFromSpans
+};
+//# sourceMappingURL=createTextSvgElementFromSpans.mjs.map

package/dist-esm/lib/shapes/shared/createTextSvgElementFromSpans.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/createTextSvgElementFromSpans.ts"],
+  "sourcesContent": ["import {\n\tBox2d,\n\tBox2dModel,\n\tEditor,\n\tTLDefaultHorizontalAlignStyle,\n\tTLDefaultVerticalAlignStyle,\n} from '@bigbluebutton/editor'\n\nfunction correctSpacesToNbsp(input: string) {\n\treturn input.replace(/\\s/g, '\\xa0')\n}\n\n/** Get an SVG element for a text shape. */\nexport function createTextSvgElementFromSpans(\n\teditor: Editor,\n\tspans: { text: string; box: Box2dModel }[],\n\topts: {\n\t\tfontSize: number\n\t\tfontFamily: string\n\t\ttextAlign: TLDefaultHorizontalAlignStyle\n\t\tverticalTextAlign: TLDefaultVerticalAlignStyle\n\t\tfontWeight: string\n\t\tfontStyle: string\n\t\tlineHeight: number\n\t\twidth: number\n\t\theight: number\n\t\tstroke?: string\n\t\tstrokeWidth?: number\n\t\tfill?: string\n\t\tpadding?: number\n\t\toffsetX?: number\n\t\toffsetY?: number\n\t}\n) {\n\tconst { padding = 0 } = opts\n\n\t// Create the text element\n\tconst textElm = document.createElementNS('http://www.w3.org/2000/svg', 'text')\n\ttextElm.setAttribute('font-size', opts.fontSize + 'px')\n\ttextElm.setAttribute('font-family', opts.fontFamily)\n\ttextElm.setAttribute('font-style', opts.fontStyle)\n\ttextElm.setAttribute('font-weight', opts.fontWeight)\n\ttextElm.setAttribute('line-height', opts.lineHeight * opts.fontSize + 'px')\n\ttextElm.setAttribute('dominant-baseline', 'mathematical')\n\ttextElm.setAttribute('alignment-baseline', 'mathematical')\n\n\tif (spans.length === 0) return textElm\n\n\tconst bounds = Box2d.From(spans[0].box)\n\tfor (const { box } of spans) {\n\t\tbounds.union(box)\n\t}\n\n\tconst offsetX = padding + (opts.offsetX ?? 0)\n\t// const offsetY = (Math.ceil(opts.height) - bounds.height + opts.fontSize) / 2 + (opts.offsetY ?? 0)\n\tconst offsetY =\n\t\t(opts.offsetY ?? 0) +\n\t\topts.fontSize / 2 +\n\t\t(opts.verticalTextAlign === 'start'\n\t\t\t? padding\n\t\t\t: opts.verticalTextAlign === 'end'\n\t\t\t? opts.height - padding - bounds.height\n\t\t\t: (Math.ceil(opts.height) - bounds.height) / 2)\n\n\t// Create text span elements for each word\n\tlet currentLineTop = null\n\tfor (const { text, box } of spans) {\n\t\t// if we broke a line, add a line break span. This helps tools like\n\t\t// figma import our exported svg correctly\n\t\tconst didBreakLine = currentLineTop !== null && box.y > currentLineTop\n\t\tif (didBreakLine) {\n\t\t\tconst lineBreakTspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\n\t\t\tlineBreakTspan.setAttribute('alignment-baseline', 'mathematical')\n\t\t\tlineBreakTspan.setAttribute('x', offsetX + 'px')\n\t\t\tlineBreakTspan.setAttribute('y', box.y + offsetY + 'px')\n\t\t\tlineBreakTspan.textContent = '\\n'\n\t\t\ttextElm.appendChild(lineBreakTspan)\n\t\t}\n\n\t\tconst tspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\n\t\ttspan.setAttribute('alignment-baseline', 'mathematical')\n\t\ttspan.setAttribute('x', box.x + offsetX + 'px')\n\t\ttspan.setAttribute('y', box.y + offsetY + 'px')\n\t\tconst cleanText = correctSpacesToNbsp(text)\n\t\ttspan.textContent = cleanText\n\t\ttextElm.appendChild(tspan)\n\n\t\tcurrentLineTop = box.y\n\t}\n\n\tif (opts.stroke && opts.strokeWidth) {\n\t\ttextElm.setAttribute('stroke', opts.stroke)\n\t\ttextElm.setAttribute('stroke-width', opts.strokeWidth + 'px')\n\t}\n\n\tif (opts.fill) {\n\t\ttextElm.setAttribute('fill', opts.fill)\n\t}\n\n\treturn textElm\n}\n"],
+  "mappings": "AAAA;AAAA,EACC;AAAA,OAKM;AAEP,SAAS,oBAAoB,OAAe;AAC3C,SAAO,MAAM,QAAQ,OAAO,MAAM;AACnC;AAGO,SAAS,8BACf,QACA,OACA,MAiBC;AACD,QAAM,EAAE,UAAU,EAAE,IAAI;AAGxB,QAAM,UAAU,SAAS,gBAAgB,8BAA8B,MAAM;AAC7E,UAAQ,aAAa,aAAa,KAAK,WAAW,IAAI;AACtD,UAAQ,aAAa,eAAe,KAAK,UAAU;AACnD,UAAQ,aAAa,cAAc,KAAK,SAAS;AACjD,UAAQ,aAAa,eAAe,KAAK,UAAU;AACnD,UAAQ,aAAa,eAAe,KAAK,aAAa,KAAK,WAAW,IAAI;AAC1E,UAAQ,aAAa,qBAAqB,cAAc;AACxD,UAAQ,aAAa,sBAAsB,cAAc;AAEzD,MAAI,MAAM,WAAW;AAAG,WAAO;AAE/B,QAAM,SAAS,MAAM,KAAK,MAAM,CAAC,EAAE,GAAG;AACtC,aAAW,EAAE,IAAI,KAAK,OAAO;AAC5B,WAAO,MAAM,GAAG;AAAA,EACjB;AAEA,QAAM,UAAU,WAAW,KAAK,WAAW;AAE3C,QAAM,WACJ,KAAK,WAAW,KACjB,KAAK,WAAW,KACf,KAAK,sBAAsB,UACzB,UACA,KAAK,sBAAsB,QAC3B,KAAK,SAAS,UAAU,OAAO,UAC9B,KAAK,KAAK,KAAK,MAAM,IAAI,OAAO,UAAU;AAG/C,MAAI,iBAAiB;AACrB,aAAW,EAAE,MAAM,IAAI,KAAK,OAAO;AAGlC,UAAM,eAAe,mBAAmB,QAAQ,IAAI,IAAI;AACxD,QAAI,cAAc;AACjB,YAAM,iBAAiB,SAAS,gBAAgB,8BAA8B,OAAO;AACrF,qBAAe,aAAa,sBAAsB,cAAc;AAChE,qBAAe,aAAa,KAAK,UAAU,IAAI;AAC/C,qBAAe,aAAa,KAAK,IAAI,IAAI,UAAU,IAAI;AACvD,qBAAe,cAAc;AAC7B,cAAQ,YAAY,cAAc;AAAA,IACnC;AAEA,UAAM,QAAQ,SAAS,gBAAgB,8BAA8B,OAAO;AAC5E,UAAM,aAAa,sBAAsB,cAAc;AACvD,UAAM,aAAa,KAAK,IAAI,IAAI,UAAU,IAAI;AAC9C,UAAM,aAAa,KAAK,IAAI,IAAI,UAAU,IAAI;AAC9C,UAAM,YAAY,oBAAoB,IAAI;AAC1C,UAAM,cAAc;AACpB,YAAQ,YAAY,KAAK;AAEzB,qBAAiB,IAAI;AAAA,EACtB;AAEA,MAAI,KAAK,UAAU,KAAK,aAAa;AACpC,YAAQ,aAAa,UAAU,KAAK,MAAM;AAC1C,YAAQ,aAAa,gBAAgB,KAAK,cAAc,IAAI;AAAA,EAC7D;AAEA,MAAI,KAAK,MAAM;AACd,YAAQ,aAAa,QAAQ,KAAK,IAAI;AAAA,EACvC;AAEA,SAAO;AACR;",
+  "names": []
+}

package/dist-esm/lib/shapes/shared/default-shape-constants.mjs

@@ -0,0 +1,52 @@
+const TEXT_PROPS = {
+  lineHeight: 1.35,
+  fontWeight: "normal",
+  fontVariant: "normal",
+  fontStyle: "normal",
+  padding: "0px"
+};
+const STROKE_SIZES = {
+  s: 2,
+  m: 3.5,
+  l: 5,
+  xl: 10
+};
+const FONT_SIZES = {
+  s: 18,
+  m: 24,
+  l: 36,
+  xl: 44
+};
+const LABEL_FONT_SIZES = {
+  s: 18,
+  m: 22,
+  l: 26,
+  xl: 32
+};
+const ARROW_LABEL_FONT_SIZES = {
+  s: 18,
+  m: 20,
+  l: 24,
+  xl: 28
+};
+const FONT_FAMILIES = {
+  draw: "var(--tl-font-draw)",
+  sans: "var(--tl-font-sans)",
+  serif: "var(--tl-font-serif)",
+  mono: "var(--tl-font-mono)"
+};
+const MIN_ARROW_LENGTH = 48;
+const BOUND_ARROW_OFFSET = 10;
+const WAY_TOO_BIG_ARROW_BEND_FACTOR = 10;
+export {
+  ARROW_LABEL_FONT_SIZES,
+  BOUND_ARROW_OFFSET,
+  FONT_FAMILIES,
+  FONT_SIZES,
+  LABEL_FONT_SIZES,
+  MIN_ARROW_LENGTH,
+  STROKE_SIZES,
+  TEXT_PROPS,
+  WAY_TOO_BIG_ARROW_BEND_FACTOR
+};
+//# sourceMappingURL=default-shape-constants.mjs.map

package/dist-esm/lib/shapes/shared/default-shape-constants.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/default-shape-constants.ts"],
+  "sourcesContent": ["import { TLDefaultFontStyle, TLDefaultSizeStyle } from '@bigbluebutton/editor'\n\n/** @public */\nexport const TEXT_PROPS = {\n\tlineHeight: 1.35,\n\tfontWeight: 'normal',\n\tfontVariant: 'normal',\n\tfontStyle: 'normal',\n\tpadding: '0px',\n}\n\n/** @public */\nexport const STROKE_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 2,\n\tm: 3.5,\n\tl: 5,\n\txl: 10,\n}\n\n/** @public */\nexport const FONT_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 18,\n\tm: 24,\n\tl: 36,\n\txl: 44,\n}\n\n/** @public */\nexport const LABEL_FONT_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 18,\n\tm: 22,\n\tl: 26,\n\txl: 32,\n}\n\n/** @public */\nexport const ARROW_LABEL_FONT_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 18,\n\tm: 20,\n\tl: 24,\n\txl: 28,\n}\n\n/** @public */\nexport const FONT_FAMILIES: Record<TLDefaultFontStyle, string> = {\n\tdraw: 'var(--tl-font-draw)',\n\tsans: 'var(--tl-font-sans)',\n\tserif: 'var(--tl-font-serif)',\n\tmono: 'var(--tl-font-mono)',\n}\n\n/** @internal */\nexport const MIN_ARROW_LENGTH = 48\n/** @internal */\nexport const BOUND_ARROW_OFFSET = 10\n/** @internal */\nexport const WAY_TOO_BIG_ARROW_BEND_FACTOR = 10\n"],
+  "mappings": "AAGO,MAAM,aAAa;AAAA,EACzB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AACV;AAGO,MAAM,eAAmD;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,aAAiD;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,mBAAuD;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,yBAA6D;AAAA,EACzE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,gBAAoD;AAAA,EAChE,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACP;AAGO,MAAM,mBAAmB;AAEzB,MAAM,qBAAqB;AAE3B,MAAM,gCAAgC;",
+  "names": []
+}