@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/shapes/geo/components/DrawStylePolygon.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/DrawStylePolygon.tsx"],
+  "sourcesContent": ["import { TLDefaultColorTheme, TLGeoShape, VecLike } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\nimport { getRoundedInkyPolygonPath, getRoundedPolygonPoints } from '../../shared/polygon-helpers'\n\nexport const DrawStylePolygon = React.memo(function DrawStylePolygon({\n\tid,\n\toutline,\n\tlines,\n\tfill,\n\tcolor,\n\tstrokeWidth,\n}: Pick<TLGeoShape['props'], 'fill' | 'color'> & {\n\tid: TLGeoShape['id']\n\toutline: VecLike[]\n\tstrokeWidth: number\n\tlines?: VecLike[][]\n}) {\n\tconst theme = useDefaultColorTheme()\n\tconst polygonPoints = getRoundedPolygonPoints(id, outline, strokeWidth / 3, strokeWidth * 2, 2)\n\tlet strokePathData = getRoundedInkyPolygonPath(polygonPoints)\n\n\tif (lines) {\n\t\tfor (const [A, B] of lines) {\n\t\t\tstrokePathData += `M${A.x},${A.y}L${B.x},${B.y}`\n\t\t}\n\t}\n\n\tconst innerPolygonPoints = getRoundedPolygonPoints(id, outline, 0, strokeWidth * 2, 1)\n\tconst innerPathData = getRoundedInkyPolygonPath(innerPolygonPoints)\n\n\treturn (\n\t\t<>\n\t\t\t<ShapeFill d={innerPathData} fill={fill} color={color} theme={theme} />\n\t\t\t<path d={strokePathData} stroke={theme[color].solid} strokeWidth={strokeWidth} fill=\"none\" />\n\t\t</>\n\t)\n})\n\nexport function DrawStylePolygonSvg({\n\tid,\n\toutline,\n\tlines,\n\tfill,\n\tcolor,\n\ttheme,\n\tstrokeWidth,\n}: Pick<TLGeoShape['props'], 'fill' | 'color'> & {\n\tid: TLGeoShape['id']\n\toutline: VecLike[]\n\tlines?: VecLike[][]\n\tstrokeWidth: number\n\ttheme: TLDefaultColorTheme\n}) {\n\tconst polygonPoints = getRoundedPolygonPoints(id, outline, strokeWidth / 3, strokeWidth * 2, 2)\n\n\tlet strokePathData = getRoundedInkyPolygonPath(polygonPoints)\n\n\tif (lines) {\n\t\tfor (const [A, B] of lines) {\n\t\t\tstrokePathData += `M${A.x},${A.y}L${B.x},${B.y}`\n\t\t}\n\t}\n\n\tconst innerPolygonPoints = getRoundedPolygonPoints(id, outline, 0, strokeWidth * 2, 1)\n\tconst innerPathData = getRoundedInkyPolygonPath(innerPolygonPoints)\n\n\tconst strokeElement = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\tstrokeElement.setAttribute('d', strokePathData)\n\tstrokeElement.setAttribute('fill', 'none')\n\tstrokeElement.setAttribute('stroke', theme[color].solid)\n\tstrokeElement.setAttribute('stroke-width', strokeWidth.toString())\n\n\t// Get the fill element, if any\n\tconst fillElement = getShapeFillSvg({\n\t\td: innerPathData,\n\t\tfill,\n\t\tcolor,\n\t\ttheme,\n\t})\n\n\treturn getSvgWithShapeFill(strokeElement, fillElement)\n}\n\n// function getPolygonDrawPoints(id: string, outline: VecLike[], strokeWidth: number) {\n// \tconst points: Vec2d[] = []\n\n// \tconst getRandom = rng(id)\n\n// \tconst start = Math.round(Math.abs(getRandom()) * outline.length)\n\n// \tconst corners = outline.map((p) =>\n// \t\tVec2d.AddXY(p, (getRandom() * strokeWidth) / 4, (getRandom() * strokeWidth) / 4)\n// \t)\n\n// \tconst len = corners.length\n\n// \tfor (let i = 0, n = len + 1; i < n; i++) {\n// \t\tconst At = corners[(start + i) % len]\n// \t\tconst Bt = corners[(start + i + 1) % len]\n\n// \t\tconst dist = Math.min(Vec2d.Dist(At, Bt) / 2, strokeWidth / 2)\n// \t\tconst A = Vec2d.Nudge(At, Bt, dist)\n\n// \t\tconst D = Vec2d.Med(At, Bt)\n\n// \t\tif (i === 0) {\n// \t\t\tBt.z = 0.7\n// \t\t\tpoints.push(new Vec2d(D.x, D.y, 0.7), Bt)\n// \t\t} else if (i === outline.length) {\n// \t\t\tconst lastSegPoints = Vec2d.PointsBetween(A, D, 4)\n// \t\t\tlastSegPoints.forEach((p) => (p.z = 0.7))\n// \t\t\tpoints.push(...lastSegPoints)\n// \t\t} else {\n// \t\t\tpoints.push(...Vec2d.PointsBetween(A, Bt, 6))\n// \t\t}\n// \t}\n\n// \treturn points\n// }\n\n// export function getPolygonIndicatorPath(id: string, outline: VecLike[], strokeWidth: number) {\n// \tconst points = getPolygonDrawPoints(id, outline, strokeWidth)\n// \tconst options = getPolygonStrokeOptions(strokeWidth)\n// \tconst strokePoints = getStrokePoints(points, options)\n\n// \treturn getSvgPathFromStrokePoints(strokePoints, true)\n// }\n\n// function getPolygonStrokeOptions(strokeWidth: number) {\n// \treturn {\n// \t\tsize: 1 + strokeWidth * 0.618,\n// \t\tlast: true,\n// \t\tsimulatePressure: false,\n// \t\tstreamline: 0.25,\n// \t\tthinning: 0.9,\n// \t}\n// }\n\n// function getPolygonstrokePathData(id: string, outline: VecLike[], strokeWidth: number) {\n// \t// draw a line between all of the points\n// \tlet d = `M${outline[0].x},${outline[0].y}`\n// \td += 'Z'\n\n// \tfor (const { x, y } of outline) {\n// \t\td += `${x},${y}`\n// \t}\n\n// \treturn d\n// }\n\n// function SimpleInkyPolygon(id: string, outline: VecLike[], offset: number) {\n// \tconst random = rng(id)\n// \tlet p = outline[0]\n\n// \tlet ox = random() * offset\n// \tlet oy = random() * offset\n\n// \tlet polylineA = `M${p.x - ox},${p.y - oy}L`\n// \tlet polylineB = `${p.x + ox},${p.y + oy} `\n\n// \tfor (let i = 1, n = outline.length; i < n; i++) {\n// \t\tp = outline[i]\n// \t\tox = random() * offset\n// \t\toy = random() * offset\n\n// \t\tpolylineA += `${p.x - ox},${p.y - oy} `\n// \t\tpolylineB += `${p.x + ox},${p.y + oy} `\n// \t}\n\n// \tpolylineB += 'Z'\n\n// \tpolylineA += polylineB\n\n// \treturn polylineA\n// }\n\n// function CubicInkyPolygon(id: string, outline: VecLike[], offset: number) {\n// \tconst random = rng(id)\n// \tlet p0 = outline[0]\n// \tlet p1 = p0\n\n// \tlet ox: number\n// \tlet oy: number\n\n// \tlet polylineA = `M${p0.x},${p0.y} L`\n// \tlet polylineB = `M${p0.x},${p0.y}`\n\n// \tfor (let i = 0, n = outline.length; i < n; i++) {\n// \t\tp0 = outline[i]\n// \t\tp1 = outline[(i + 1) % n]\n\n// \t\tpolylineA += `${p1.x},${p1.y} `\n\n// \t\tox = random() * offset\n// \t\toy = random() * offset\n// \t\tconst c1 = Vec2d.Lrp(p0, p1, 0.25)\n// \t\tconst c2 = Vec2d.Lrp(p0, p1, 0.75)\n\n// \t\tpolylineB += `C${c1.x + ox},${c1.y + oy} ${c2.x - ox},${c2.y - oy} ${p1.x},${p1.y}`\n// \t}\n\n// \tpolylineB += 'Z'\n\n// \tpolylineA += polylineB\n\n// \treturn polylineA\n// }\n\n// function QuadraticInkyPolygon(id: string, outline: VecLike[], offset: number) {\n// \tconst random = rng(id)\n// \tlet p0 = outline[0]\n// \tlet p1 = p0\n\n// \tlet polylineA = `M${p0.x},${p0.y} Q`\n\n// \tconst len = outline.length\n\n// \tfor (let i = 0, n = len * 2; i < n; i++) {\n// \t\tp0 = outline[i % len]\n// \t\tp1 = outline[(i + 1) % len]\n// \t\tconst dist = Vec2d.Dist(p0, p1)\n\n// \t\tconst c1 = Vec2d.Lrp(p0, p1, 0.5 + random() / 2)\n// \t\tpolylineA += `${c1.x + random() * Math.min(dist / 10, offset)},${\n// \t\t\tc1.y + random() * Math.min(dist / 10, offset)\n// \t\t} ${p1.x + (random() * offset) / 2},${p1.y + (random() * offset) / 2} `\n// \t}\n\n// \tpolylineA += 'Z'\n\n// \treturn polylineA\n// }\n\n// function GlobyInkyPolygon(id: string, outline: VecLike[], offset: number) {\n// \tconst random = rng(id)\n// \tlet p0 = outline[0]\n// \tlet p1 = p0\n\n// \tlet polylineA = `M${p0.x},${p0.y} Q`\n\n// \tconst len = outline.length\n\n// \tfor (let i = 0, n = len * 2; i < n; i++) {\n// \t\tp0 = outline[i % len]\n// \t\tp1 = outline[(i + 1) % len]\n// \t\tconst dist = Vec2d.Dist(p0, p1)\n\n// \t\tconst c1 = Vec2d.Lrp(p0, p1, 0.5 + random() / 2)\n// \t\tpolylineA += `${c1.x + random() * Math.min(dist / 10, offset)},${\n// \t\t\tc1.y + random() * Math.min(dist / 10, offset)\n// \t\t} ${p1.x + (random() * offset) / 2},${p1.y + (random() * offset) / 2} `\n// \t}\n\n// \tpolylineA += 'Z'\n\n// \treturn polylineA\n// }\n"],
+  "mappings": "AAqCE,mBACC,KADD;AApCF,YAAY,WAAW;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,2BAA2B,+BAA+B;AAE5D,MAAM,mBAAmB,MAAM,KAAK,SAASA,kBAAiB;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAKG;AACF,QAAM,QAAQ,qBAAqB;AACnC,QAAM,gBAAgB,wBAAwB,IAAI,SAAS,cAAc,GAAG,cAAc,GAAG,CAAC;AAC9F,MAAI,iBAAiB,0BAA0B,aAAa;AAE5D,MAAI,OAAO;AACV,eAAW,CAAC,GAAG,CAAC,KAAK,OAAO;AAC3B,wBAAkB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AAAA,IAC/C;AAAA,EACD;AAEA,QAAM,qBAAqB,wBAAwB,IAAI,SAAS,GAAG,cAAc,GAAG,CAAC;AACrF,QAAM,gBAAgB,0BAA0B,kBAAkB;AAElE,SACC,iCACC;AAAA,wBAAC,aAAU,GAAG,eAAe,MAAY,OAAc,OAAc;AAAA,IACrE,oBAAC,UAAK,GAAG,gBAAgB,QAAQ,MAAM,KAAK,EAAE,OAAO,aAA0B,MAAK,QAAO;AAAA,KAC5F;AAEF,CAAC;AAEM,SAAS,oBAAoB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,gBAAgB,wBAAwB,IAAI,SAAS,cAAc,GAAG,cAAc,GAAG,CAAC;AAE9F,MAAI,iBAAiB,0BAA0B,aAAa;AAE5D,MAAI,OAAO;AACV,eAAW,CAAC,GAAG,CAAC,KAAK,OAAO;AAC3B,wBAAkB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AAAA,IAC/C;AAAA,EACD;AAEA,QAAM,qBAAqB,wBAAwB,IAAI,SAAS,GAAG,cAAc,GAAG,CAAC;AACrF,QAAM,gBAAgB,0BAA0B,kBAAkB;AAElE,QAAM,gBAAgB,SAAS,gBAAgB,8BAA8B,MAAM;AACnF,gBAAc,aAAa,KAAK,cAAc;AAC9C,gBAAc,aAAa,QAAQ,MAAM;AACzC,gBAAc,aAAa,UAAU,MAAM,KAAK,EAAE,KAAK;AACvD,gBAAc,aAAa,gBAAgB,YAAY,SAAS,CAAC;AAGjE,QAAM,cAAc,gBAAgB;AAAA,IACnC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,SAAO,oBAAoB,eAAe,WAAW;AACtD;",
+  "names": ["DrawStylePolygon"]
+}

package/dist-esm/lib/shapes/geo/components/SolidStyleCloud.mjs

@@ -0,0 +1,54 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  ShapeFill,
+  getShapeFillSvg,
+  getSvgWithShapeFill,
+  useDefaultColorTheme
+} from "../../shared/ShapeFill.mjs";
+import { cloudSvgPath } from "../cloudOutline.mjs";
+const SolidStyleCloud = React.memo(function SolidStyleCloud2({
+  fill,
+  color,
+  strokeWidth,
+  w,
+  h,
+  id,
+  size
+}) {
+  const theme = useDefaultColorTheme();
+  const path = cloudSvgPath(w, h, id, size);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ShapeFill, { theme, d: path, fill, color }),
+    /* @__PURE__ */ jsx("path", { d: path, stroke: theme[color].solid, strokeWidth, fill: "none" })
+  ] });
+});
+function SolidStyleCloudSvg({
+  fill,
+  color,
+  strokeWidth,
+  theme,
+  w,
+  h,
+  id,
+  size
+}) {
+  const pathData = cloudSvgPath(w, h, id, size);
+  const strokeElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  strokeElement.setAttribute("d", pathData);
+  strokeElement.setAttribute("stroke-width", strokeWidth.toString());
+  strokeElement.setAttribute("stroke", theme[color].solid);
+  strokeElement.setAttribute("fill", "none");
+  const fillElement = getShapeFillSvg({
+    d: pathData,
+    fill,
+    color,
+    theme
+  });
+  return getSvgWithShapeFill(strokeElement, fillElement);
+}
+export {
+  SolidStyleCloud,
+  SolidStyleCloudSvg
+};
+//# sourceMappingURL=SolidStyleCloud.mjs.map

package/dist-esm/lib/shapes/geo/components/SolidStyleCloud.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/SolidStyleCloud.tsx"],
+  "sourcesContent": ["import { TLDefaultColorTheme, TLGeoShape, TLShapeId } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\nimport { cloudSvgPath } from '../cloudOutline'\n\nexport const SolidStyleCloud = React.memo(function SolidStyleCloud({\n\tfill,\n\tcolor,\n\tstrokeWidth,\n\tw,\n\th,\n\tid,\n\tsize,\n}: Pick<TLGeoShape['props'], 'fill' | 'color' | 'w' | 'h' | 'size'> & {\n\tstrokeWidth: number\n\tid: TLShapeId\n}) {\n\tconst theme = useDefaultColorTheme()\n\tconst path = cloudSvgPath(w, h, id, size)\n\n\treturn (\n\t\t<>\n\t\t\t<ShapeFill theme={theme} d={path} fill={fill} color={color} />\n\t\t\t<path d={path} stroke={theme[color].solid} strokeWidth={strokeWidth} fill=\"none\" />\n\t\t</>\n\t)\n})\n\nexport function SolidStyleCloudSvg({\n\tfill,\n\tcolor,\n\tstrokeWidth,\n\ttheme,\n\tw,\n\th,\n\tid,\n\tsize,\n}: Pick<TLGeoShape['props'], 'fill' | 'color' | 'w' | 'h' | 'size'> & {\n\tstrokeWidth: number\n\ttheme: TLDefaultColorTheme\n\tid: TLShapeId\n}) {\n\tconst pathData = cloudSvgPath(w, h, id, size)\n\n\tconst strokeElement = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\tstrokeElement.setAttribute('d', pathData)\n\tstrokeElement.setAttribute('stroke-width', strokeWidth.toString())\n\tstrokeElement.setAttribute('stroke', theme[color].solid)\n\tstrokeElement.setAttribute('fill', 'none')\n\n\t// Get the fill element, if any\n\tconst fillElement = getShapeFillSvg({\n\t\td: pathData,\n\t\tfill,\n\t\tcolor,\n\t\ttheme,\n\t})\n\n\treturn getSvgWithShapeFill(strokeElement, fillElement)\n}\n"],
+  "mappings": "AA0BE,mBACC,KADD;AAzBF,YAAY,WAAW;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,oBAAoB;AAEtB,MAAM,kBAAkB,MAAM,KAAK,SAASA,iBAAgB;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAGG;AACF,QAAM,QAAQ,qBAAqB;AACnC,QAAM,OAAO,aAAa,GAAG,GAAG,IAAI,IAAI;AAExC,SACC,iCACC;AAAA,wBAAC,aAAU,OAAc,GAAG,MAAM,MAAY,OAAc;AAAA,IAC5D,oBAAC,UAAK,GAAG,MAAM,QAAQ,MAAM,KAAK,EAAE,OAAO,aAA0B,MAAK,QAAO;AAAA,KAClF;AAEF,CAAC;AAEM,SAAS,mBAAmB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,WAAW,aAAa,GAAG,GAAG,IAAI,IAAI;AAE5C,QAAM,gBAAgB,SAAS,gBAAgB,8BAA8B,MAAM;AACnF,gBAAc,aAAa,KAAK,QAAQ;AACxC,gBAAc,aAAa,gBAAgB,YAAY,SAAS,CAAC;AACjE,gBAAc,aAAa,UAAU,MAAM,KAAK,EAAE,KAAK;AACvD,gBAAc,aAAa,QAAQ,MAAM;AAGzC,QAAM,cAAc,gBAAgB;AAAA,IACnC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,SAAO,oBAAoB,eAAe,WAAW;AACtD;",
+  "names": ["SolidStyleCloud"]
+}

package/dist-esm/lib/shapes/geo/components/SolidStyleEllipse.mjs

@@ -0,0 +1,59 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  ShapeFill,
+  getShapeFillSvg,
+  getSvgWithShapeFill,
+  useDefaultColorTheme
+} from "../../shared/ShapeFill.mjs";
+const SolidStyleEllipse = React.memo(function SolidStyleEllipse2({
+  w,
+  h,
+  strokeWidth: sw,
+  fill,
+  color
+}) {
+  const theme = useDefaultColorTheme();
+  const cx = w / 2;
+  const cy = h / 2;
+  const rx = Math.max(0, cx);
+  const ry = Math.max(0, cy);
+  const d = `M${cx - rx},${cy}a${rx},${ry},0,1,1,${rx * 2},0a${rx},${ry},0,1,1,-${rx * 2},0`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ShapeFill, { d, color, fill, theme }),
+    /* @__PURE__ */ jsx("path", { d, stroke: theme[color].solid, strokeWidth: sw, fill: "none" })
+  ] });
+});
+function SolidStyleEllipseSvg({
+  w,
+  h,
+  strokeWidth: sw,
+  fill,
+  color,
+  theme
+}) {
+  const cx = w / 2;
+  const cy = h / 2;
+  const rx = Math.max(0, cx);
+  const ry = Math.max(0, cy);
+  const d = `M${cx - rx},${cy}a${rx},${ry},0,1,1,${rx * 2},0a${rx},${ry},0,1,1,-${rx * 2},0`;
+  const strokeElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  strokeElement.setAttribute("d", d);
+  strokeElement.setAttribute("stroke-width", sw.toString());
+  strokeElement.setAttribute("width", w.toString());
+  strokeElement.setAttribute("height", h.toString());
+  strokeElement.setAttribute("fill", "none");
+  strokeElement.setAttribute("stroke", theme[color].solid);
+  const fillElement = getShapeFillSvg({
+    d,
+    fill,
+    color,
+    theme
+  });
+  return getSvgWithShapeFill(strokeElement, fillElement);
+}
+export {
+  SolidStyleEllipse,
+  SolidStyleEllipseSvg
+};
+//# sourceMappingURL=SolidStyleEllipse.mjs.map

package/dist-esm/lib/shapes/geo/components/SolidStyleEllipse.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/SolidStyleEllipse.tsx"],
+  "sourcesContent": ["import { TLDefaultColorTheme, TLGeoShape } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\n\nexport const SolidStyleEllipse = React.memo(function SolidStyleEllipse({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tfill,\n\tcolor,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'fill' | 'color'> & { strokeWidth: number }) {\n\tconst theme = useDefaultColorTheme()\n\tconst cx = w / 2\n\tconst cy = h / 2\n\tconst rx = Math.max(0, cx)\n\tconst ry = Math.max(0, cy)\n\n\tconst d = `M${cx - rx},${cy}a${rx},${ry},0,1,1,${rx * 2},0a${rx},${ry},0,1,1,-${rx * 2},0`\n\n\treturn (\n\t\t<>\n\t\t\t<ShapeFill d={d} color={color} fill={fill} theme={theme} />\n\t\t\t<path d={d} stroke={theme[color].solid} strokeWidth={sw} fill=\"none\" />\n\t\t</>\n\t)\n})\n\nexport function SolidStyleEllipseSvg({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tfill,\n\tcolor,\n\ttheme,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'fill' | 'color'> & {\n\tstrokeWidth: number\n\ttheme: TLDefaultColorTheme\n}) {\n\tconst cx = w / 2\n\tconst cy = h / 2\n\tconst rx = Math.max(0, cx)\n\tconst ry = Math.max(0, cy)\n\n\tconst d = `M${cx - rx},${cy}a${rx},${ry},0,1,1,${rx * 2},0a${rx},${ry},0,1,1,-${rx * 2},0`\n\n\tconst strokeElement = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\tstrokeElement.setAttribute('d', d)\n\tstrokeElement.setAttribute('stroke-width', sw.toString())\n\tstrokeElement.setAttribute('width', w.toString())\n\tstrokeElement.setAttribute('height', h.toString())\n\tstrokeElement.setAttribute('fill', 'none')\n\tstrokeElement.setAttribute('stroke', theme[color].solid)\n\n\t// Get the fill element, if any\n\tconst fillElement = getShapeFillSvg({\n\t\td,\n\t\tfill,\n\t\tcolor,\n\t\ttheme,\n\t})\n\n\treturn getSvgWithShapeFill(strokeElement, fillElement)\n}\n"],
+  "mappings": "AAyBE,mBACC,KADD;AAxBF,YAAY,WAAW;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,MAAM,oBAAoB,MAAM,KAAK,SAASA,mBAAkB;AAAA,EACtE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACD,GAAsF;AACrF,QAAM,QAAQ,qBAAqB;AACnC,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,KAAK,IAAI,GAAG,EAAE;AACzB,QAAM,KAAK,KAAK,IAAI,GAAG,EAAE;AAEzB,QAAM,IAAI,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,CAAC;AAEtF,SACC,iCACC;AAAA,wBAAC,aAAU,GAAM,OAAc,MAAY,OAAc;AAAA,IACzD,oBAAC,UAAK,GAAM,QAAQ,MAAM,KAAK,EAAE,OAAO,aAAa,IAAI,MAAK,QAAO;AAAA,KACtE;AAEF,CAAC;AAEM,SAAS,qBAAqB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACD,GAGG;AACF,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,KAAK,IAAI,GAAG,EAAE;AACzB,QAAM,KAAK,KAAK,IAAI,GAAG,EAAE;AAEzB,QAAM,IAAI,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,CAAC;AAEtF,QAAM,gBAAgB,SAAS,gBAAgB,8BAA8B,MAAM;AACnF,gBAAc,aAAa,KAAK,CAAC;AACjC,gBAAc,aAAa,gBAAgB,GAAG,SAAS,CAAC;AACxD,gBAAc,aAAa,SAAS,EAAE,SAAS,CAAC;AAChD,gBAAc,aAAa,UAAU,EAAE,SAAS,CAAC;AACjD,gBAAc,aAAa,QAAQ,MAAM;AACzC,gBAAc,aAAa,UAAU,MAAM,KAAK,EAAE,KAAK;AAGvD,QAAM,cAAc,gBAAgB;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,SAAO,oBAAoB,eAAe,WAAW;AACtD;",
+  "names": ["SolidStyleEllipse"]
+}

package/dist-esm/lib/shapes/geo/components/SolidStyleOval.mjs

@@ -0,0 +1,74 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  ShapeFill,
+  getShapeFillSvg,
+  getSvgWithShapeFill,
+  useDefaultColorTheme
+} from "../../shared/ShapeFill.mjs";
+const SolidStyleOval = React.memo(function SolidStyleOval2({
+  w,
+  h,
+  strokeWidth: sw,
+  fill,
+  color
+}) {
+  const theme = useDefaultColorTheme();
+  const d = getOvalIndicatorPath(w, h);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ShapeFill, { d, color, fill, theme }),
+    /* @__PURE__ */ jsx("path", { d, stroke: theme[color].solid, strokeWidth: sw, fill: "none" })
+  ] });
+});
+function SolidStyleOvalSvg({
+  w,
+  h,
+  strokeWidth: sw,
+  fill,
+  color,
+  theme
+}) {
+  const d = getOvalIndicatorPath(w, h);
+  const strokeElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  strokeElement.setAttribute("d", d);
+  strokeElement.setAttribute("stroke-width", sw.toString());
+  strokeElement.setAttribute("width", w.toString());
+  strokeElement.setAttribute("height", h.toString());
+  strokeElement.setAttribute("fill", "none");
+  strokeElement.setAttribute("stroke", theme[color].solid);
+  const fillElement = getShapeFillSvg({
+    d,
+    fill,
+    color,
+    theme
+  });
+  return getSvgWithShapeFill(strokeElement, fillElement);
+}
+function getOvalIndicatorPath(w, h) {
+  let d;
+  if (h > w) {
+    const offset = w / 2;
+    d = `
+    M0,${offset}
+    a${offset},${offset},0,1,1,${offset * 2},0
+    L${w},${h - offset}
+    a${offset},${offset},0,1,1,-${offset * 2},0
+    Z`;
+  } else {
+    const offset = h / 2;
+    d = `
+    M${offset},0
+    L${w - offset},0
+    a${offset},${offset},0,1,1,0,${offset * 2}
+    L${offset},${h}
+    a${offset},${offset},0,1,1,0,${-offset * 2}
+    Z`;
+  }
+  return d;
+}
+export {
+  SolidStyleOval,
+  SolidStyleOvalSvg,
+  getOvalIndicatorPath
+};
+//# sourceMappingURL=SolidStyleOval.mjs.map

package/dist-esm/lib/shapes/geo/components/SolidStyleOval.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/SolidStyleOval.tsx"],
+  "sourcesContent": ["import { TLDefaultColorTheme, TLGeoShape } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\n\nexport const SolidStyleOval = React.memo(function SolidStyleOval({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tfill,\n\tcolor,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'fill' | 'color'> & {\n\tstrokeWidth: number\n}) {\n\tconst theme = useDefaultColorTheme()\n\tconst d = getOvalIndicatorPath(w, h)\n\treturn (\n\t\t<>\n\t\t\t<ShapeFill d={d} color={color} fill={fill} theme={theme} />\n\t\t\t<path d={d} stroke={theme[color].solid} strokeWidth={sw} fill=\"none\" />\n\t\t</>\n\t)\n})\n\nexport function SolidStyleOvalSvg({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tfill,\n\tcolor,\n\ttheme,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'fill' | 'color'> & {\n\tstrokeWidth: number\n\ttheme: TLDefaultColorTheme\n}) {\n\tconst d = getOvalIndicatorPath(w, h)\n\tconst strokeElement = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\tstrokeElement.setAttribute('d', d)\n\tstrokeElement.setAttribute('stroke-width', sw.toString())\n\tstrokeElement.setAttribute('width', w.toString())\n\tstrokeElement.setAttribute('height', h.toString())\n\tstrokeElement.setAttribute('fill', 'none')\n\tstrokeElement.setAttribute('stroke', theme[color].solid)\n\n\t// Get the fill element, if any\n\tconst fillElement = getShapeFillSvg({\n\t\td,\n\t\tfill,\n\t\tcolor,\n\t\ttheme,\n\t})\n\n\treturn getSvgWithShapeFill(strokeElement, fillElement)\n}\n\nexport function getOvalIndicatorPath(w: number, h: number) {\n\tlet d: string\n\n\tif (h > w) {\n\t\tconst offset = w / 2\n\t\td = `\n    M0,${offset}\n    a${offset},${offset},0,1,1,${offset * 2},0\n    L${w},${h - offset}\n    a${offset},${offset},0,1,1,-${offset * 2},0\n    Z`\n\t} else {\n\t\tconst offset = h / 2\n\t\td = `\n    M${offset},0\n    L${w - offset},0\n    a${offset},${offset},0,1,1,0,${offset * 2}\n    L${offset},${h}\n    a${offset},${offset},0,1,1,0,${-offset * 2}\n    Z`\n\t}\n\n\treturn d\n}\n"],
+  "mappings": "AAqBE,mBACC,KADD;AApBF,YAAY,WAAW;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,MAAM,iBAAiB,MAAM,KAAK,SAASA,gBAAe;AAAA,EAChE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACD,GAEG;AACF,QAAM,QAAQ,qBAAqB;AACnC,QAAM,IAAI,qBAAqB,GAAG,CAAC;AACnC,SACC,iCACC;AAAA,wBAAC,aAAU,GAAM,OAAc,MAAY,OAAc;AAAA,IACzD,oBAAC,UAAK,GAAM,QAAQ,MAAM,KAAK,EAAE,OAAO,aAAa,IAAI,MAAK,QAAO;AAAA,KACtE;AAEF,CAAC;AAEM,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACD,GAGG;AACF,QAAM,IAAI,qBAAqB,GAAG,CAAC;AACnC,QAAM,gBAAgB,SAAS,gBAAgB,8BAA8B,MAAM;AACnF,gBAAc,aAAa,KAAK,CAAC;AACjC,gBAAc,aAAa,gBAAgB,GAAG,SAAS,CAAC;AACxD,gBAAc,aAAa,SAAS,EAAE,SAAS,CAAC;AAChD,gBAAc,aAAa,UAAU,EAAE,SAAS,CAAC;AACjD,gBAAc,aAAa,QAAQ,MAAM;AACzC,gBAAc,aAAa,UAAU,MAAM,KAAK,EAAE,KAAK;AAGvD,QAAM,cAAc,gBAAgB;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,SAAO,oBAAoB,eAAe,WAAW;AACtD;AAEO,SAAS,qBAAqB,GAAW,GAAW;AAC1D,MAAI;AAEJ,MAAI,IAAI,GAAG;AACV,UAAM,SAAS,IAAI;AACnB,QAAI;AAAA,SACG,MAAM;AAAA,OACR,MAAM,IAAI,MAAM,UAAU,SAAS,CAAC;AAAA,OACpC,CAAC,IAAI,IAAI,MAAM;AAAA,OACf,MAAM,IAAI,MAAM,WAAW,SAAS,CAAC;AAAA;AAAA,EAE3C,OAAO;AACN,UAAM,SAAS,IAAI;AACnB,QAAI;AAAA,OACC,MAAM;AAAA,OACN,IAAI,MAAM;AAAA,OACV,MAAM,IAAI,MAAM,YAAY,SAAS,CAAC;AAAA,OACtC,MAAM,IAAI,CAAC;AAAA,OACX,MAAM,IAAI,MAAM,YAAY,CAAC,SAAS,CAAC;AAAA;AAAA,EAE7C;AAEA,SAAO;AACR;",
+  "names": ["SolidStyleOval"]
+}

package/dist-esm/lib/shapes/geo/components/SolidStylePolygon.mjs

@@ -0,0 +1,61 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  ShapeFill,
+  getShapeFillSvg,
+  getSvgWithShapeFill,
+  useDefaultColorTheme
+} from "../../shared/ShapeFill.mjs";
+const SolidStylePolygon = React.memo(function SolidStylePolygon2({
+  outline,
+  lines,
+  fill,
+  color,
+  strokeWidth
+}) {
+  const theme = useDefaultColorTheme();
+  let path = "M" + outline[0] + "L" + outline.slice(1) + "Z";
+  if (lines) {
+    for (const [A, B] of lines) {
+      path += `M${A.x},${A.y}L${B.x},${B.y}`;
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ShapeFill, { d: path, fill, color, theme }),
+    /* @__PURE__ */ jsx("path", { d: path, stroke: theme[color].solid, strokeWidth, fill: "none" })
+  ] });
+});
+function SolidStylePolygonSvg({
+  outline,
+  lines,
+  fill,
+  color,
+  strokeWidth,
+  theme
+}) {
+  const pathData = "M" + outline[0] + "L" + outline.slice(1) + "Z";
+  const fillPathData = pathData;
+  let strokePathData = pathData;
+  if (lines) {
+    for (const [A, B] of lines) {
+      strokePathData += `M${A.x},${A.y}L${B.x},${B.y}`;
+    }
+  }
+  const strokeElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  strokeElement.setAttribute("d", strokePathData);
+  strokeElement.setAttribute("stroke-width", strokeWidth.toString());
+  strokeElement.setAttribute("stroke", theme[color].solid);
+  strokeElement.setAttribute("fill", "none");
+  const fillElement = getShapeFillSvg({
+    d: fillPathData,
+    fill,
+    color,
+    theme
+  });
+  return getSvgWithShapeFill(strokeElement, fillElement);
+}
+export {
+  SolidStylePolygon,
+  SolidStylePolygonSvg
+};
+//# sourceMappingURL=SolidStylePolygon.mjs.map

package/dist-esm/lib/shapes/geo/components/SolidStylePolygon.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/SolidStylePolygon.tsx"],
+  "sourcesContent": ["import { TLDefaultColorTheme, TLGeoShape, VecLike } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\n\nexport const SolidStylePolygon = React.memo(function SolidStylePolygon({\n\toutline,\n\tlines,\n\tfill,\n\tcolor,\n\tstrokeWidth,\n}: Pick<TLGeoShape['props'], 'fill' | 'color'> & {\n\toutline: VecLike[]\n\tlines?: VecLike[][]\n\tstrokeWidth: number\n}) {\n\tconst theme = useDefaultColorTheme()\n\tlet path = 'M' + outline[0] + 'L' + outline.slice(1) + 'Z'\n\n\tif (lines) {\n\t\tfor (const [A, B] of lines) {\n\t\t\tpath += `M${A.x},${A.y}L${B.x},${B.y}`\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ShapeFill d={path} fill={fill} color={color} theme={theme} />\n\t\t\t<path d={path} stroke={theme[color].solid} strokeWidth={strokeWidth} fill=\"none\" />\n\t\t</>\n\t)\n})\n\nexport function SolidStylePolygonSvg({\n\toutline,\n\tlines,\n\tfill,\n\tcolor,\n\tstrokeWidth,\n\ttheme,\n}: Pick<TLGeoShape['props'], 'fill' | 'color'> & {\n\toutline: VecLike[]\n\tstrokeWidth: number\n\ttheme: TLDefaultColorTheme\n\tlines?: VecLike[][]\n}) {\n\tconst pathData = 'M' + outline[0] + 'L' + outline.slice(1) + 'Z'\n\n\tconst fillPathData = pathData\n\tlet strokePathData = pathData\n\n\tif (lines) {\n\t\tfor (const [A, B] of lines) {\n\t\t\tstrokePathData += `M${A.x},${A.y}L${B.x},${B.y}`\n\t\t}\n\t}\n\n\tconst strokeElement = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\tstrokeElement.setAttribute('d', strokePathData)\n\tstrokeElement.setAttribute('stroke-width', strokeWidth.toString())\n\tstrokeElement.setAttribute('stroke', theme[color].solid)\n\tstrokeElement.setAttribute('fill', 'none')\n\n\t// Get the fill element, if any\n\tconst fillElement = getShapeFillSvg({\n\t\td: fillPathData,\n\t\tfill,\n\t\tcolor,\n\t\ttheme,\n\t})\n\n\treturn getSvgWithShapeFill(strokeElement, fillElement)\n}\n"],
+  "mappings": "AA8BE,mBACC,KADD;AA7BF,YAAY,WAAW;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,MAAM,oBAAoB,MAAM,KAAK,SAASA,mBAAkB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,QAAQ,qBAAqB;AACnC,MAAI,OAAO,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,MAAM,CAAC,IAAI;AAEvD,MAAI,OAAO;AACV,eAAW,CAAC,GAAG,CAAC,KAAK,OAAO;AAC3B,cAAQ,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AAAA,IACrC;AAAA,EACD;AAEA,SACC,iCACC;AAAA,wBAAC,aAAU,GAAG,MAAM,MAAY,OAAc,OAAc;AAAA,IAC5D,oBAAC,UAAK,GAAG,MAAM,QAAQ,MAAM,KAAK,EAAE,OAAO,aAA0B,MAAK,QAAO;AAAA,KAClF;AAEF,CAAC;AAEM,SAAS,qBAAqB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAKG;AACF,QAAM,WAAW,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,MAAM,CAAC,IAAI;AAE7D,QAAM,eAAe;AACrB,MAAI,iBAAiB;AAErB,MAAI,OAAO;AACV,eAAW,CAAC,GAAG,CAAC,KAAK,OAAO;AAC3B,wBAAkB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AAAA,IAC/C;AAAA,EACD;AAEA,QAAM,gBAAgB,SAAS,gBAAgB,8BAA8B,MAAM;AACnF,gBAAc,aAAa,KAAK,cAAc;AAC9C,gBAAc,aAAa,gBAAgB,YAAY,SAAS,CAAC;AACjE,gBAAc,aAAa,UAAU,MAAM,KAAK,EAAE,KAAK;AACvD,gBAAc,aAAa,QAAQ,MAAM;AAGzC,QAAM,cAAc,gBAAgB;AAAA,IACnC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,SAAO,oBAAoB,eAAe,WAAW;AACtD;",
+  "names": ["SolidStylePolygon"]
+}

package/dist-esm/lib/shapes/geo/helpers.mjs

@@ -0,0 +1,33 @@
+import { perimeterOfEllipse } from "@bigbluebutton/editor";
+function getOvalSolidPath(w, h) {
+  if (h > w) {
+    const offset2 = w / 2;
+    return `
+    M0,${offset2}
+    a${offset2},${offset2},0,1,1,${offset2 * 2},0
+    L${w},${h - offset2}
+    a${offset2},${offset2},0,1,1,-${offset2 * 2},0
+    Z`;
+  }
+  const offset = h / 2;
+  return `
+    M${offset},0
+    L${w - offset},0
+    a${offset},${offset},0,1,1,0,${offset * 2}
+    L${offset},${h}
+    a${offset},${offset},0,1,1,0,${-offset * 2}
+    Z`;
+}
+function getOvalPerimeter(h, w) {
+  if (h > w) {
+    const offset2 = w / 2;
+    return perimeterOfEllipse(offset2, offset2) + (h - offset2 * 2) * 2;
+  }
+  const offset = h / 2;
+  return perimeterOfEllipse(offset, offset) + (w - offset * 2) * 2;
+}
+export {
+  getOvalPerimeter,
+  getOvalSolidPath
+};
+//# sourceMappingURL=helpers.mjs.map

package/dist-esm/lib/shapes/geo/helpers.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/geo/helpers.ts"],
+  "sourcesContent": ["import { perimeterOfEllipse } from '@bigbluebutton/editor'\n\nexport function getOvalSolidPath(w: number, h: number) {\n\tif (h > w) {\n\t\tconst offset = w / 2\n\n\t\treturn `\n    M0,${offset}\n    a${offset},${offset},0,1,1,${offset * 2},0\n    L${w},${h - offset}\n    a${offset},${offset},0,1,1,-${offset * 2},0\n    Z`\n\t}\n\n\tconst offset = h / 2\n\n\treturn `\n    M${offset},0\n    L${w - offset},0\n    a${offset},${offset},0,1,1,0,${offset * 2}\n    L${offset},${h}\n    a${offset},${offset},0,1,1,0,${-offset * 2}\n    Z`\n}\n\nexport function getOvalPerimeter(h: number, w: number) {\n\tif (h > w) {\n\t\tconst offset = w / 2\n\t\treturn perimeterOfEllipse(offset, offset) + (h - offset * 2) * 2\n\t}\n\n\tconst offset = h / 2\n\treturn perimeterOfEllipse(offset, offset) + (w - offset * 2) * 2\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AAE5B,SAAS,iBAAiB,GAAW,GAAW;AACtD,MAAI,IAAI,GAAG;AACV,UAAMA,UAAS,IAAI;AAEnB,WAAO;AAAA,SACAA,OAAM;AAAA,OACRA,OAAM,IAAIA,OAAM,UAAUA,UAAS,CAAC;AAAA,OACpC,CAAC,IAAI,IAAIA,OAAM;AAAA,OACfA,OAAM,IAAIA,OAAM,WAAWA,UAAS,CAAC;AAAA;AAAA,EAE3C;AAEA,QAAM,SAAS,IAAI;AAEnB,SAAO;AAAA,OACD,MAAM;AAAA,OACN,IAAI,MAAM;AAAA,OACV,MAAM,IAAI,MAAM,YAAY,SAAS,CAAC;AAAA,OACtC,MAAM,IAAI,CAAC;AAAA,OACX,MAAM,IAAI,MAAM,YAAY,CAAC,SAAS,CAAC;AAAA;AAE9C;AAEO,SAAS,iBAAiB,GAAW,GAAW;AACtD,MAAI,IAAI,GAAG;AACV,UAAMA,UAAS,IAAI;AACnB,WAAO,mBAAmBA,SAAQA,OAAM,KAAK,IAAIA,UAAS,KAAK;AAAA,EAChE;AAEA,QAAM,SAAS,IAAI;AACnB,SAAO,mBAAmB,QAAQ,MAAM,KAAK,IAAI,SAAS,KAAK;AAChE;",
+  "names": ["offset"]
+}

package/dist-esm/lib/shapes/geo/toolStates/Idle.mjs

@@ -0,0 +1,33 @@
+import { StateNode } from "@bigbluebutton/editor";
+class Idle extends StateNode {
+  static id = "idle";
+  onPointerDown = (info) => {
+    this.parent.transition("pointing", info);
+  };
+  onEnter = () => {
+    this.editor.setCursor({ type: "cross", rotation: 0 });
+  };
+  onKeyUp = (info) => {
+    if (info.key === "Enter") {
+      if (this.editor.getInstanceState().isReadonly)
+        return null;
+      const onlySelectedShape = this.editor.getOnlySelectedShape();
+      if (onlySelectedShape && this.editor.getShapeUtil(onlySelectedShape).canEdit(onlySelectedShape)) {
+        this.editor.setCurrentTool("select");
+        this.editor.setEditingShape(onlySelectedShape.id);
+        this.editor.root.getCurrent()?.transition("editing_shape", {
+          ...info,
+          target: "shape",
+          shape: onlySelectedShape
+        });
+      }
+    }
+  };
+  onCancel = () => {
+    this.editor.setCurrentTool("select");
+  };
+}
+export {
+  Idle
+};
+//# sourceMappingURL=Idle.mjs.map

package/dist-esm/lib/shapes/geo/toolStates/Idle.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/toolStates/Idle.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers } from '@bigbluebutton/editor'\n\nexport class Idle extends StateNode {\n\tstatic override id = 'idle'\n\n\toverride onPointerDown: TLEventHandlers['onPointerDown'] = (info) => {\n\t\tthis.parent.transition('pointing', info)\n\t}\n\n\toverride onEnter = () => {\n\t\tthis.editor.setCursor({ type: 'cross', rotation: 0 })\n\t}\n\n\toverride onKeyUp: TLEventHandlers['onKeyUp'] = (info) => {\n\t\tif (info.key === 'Enter') {\n\t\t\tif (this.editor.getInstanceState().isReadonly) return null\n\n\t\t\tconst onlySelectedShape = this.editor.getOnlySelectedShape()\n\t\t\t// If the only selected shape is editable, start editing it\n\t\t\tif (\n\t\t\t\tonlySelectedShape &&\n\t\t\t\tthis.editor.getShapeUtil(onlySelectedShape).canEdit(onlySelectedShape)\n\t\t\t) {\n\t\t\t\tthis.editor.setCurrentTool('select')\n\t\t\t\tthis.editor.setEditingShape(onlySelectedShape.id)\n\t\t\t\tthis.editor.root.getCurrent()?.transition('editing_shape', {\n\t\t\t\t\t...info,\n\t\t\t\t\ttarget: 'shape',\n\t\t\t\t\tshape: onlySelectedShape,\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\toverride onCancel = () => {\n\t\tthis.editor.setCurrentTool('select')\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAkC;AAEpC,MAAM,aAAa,UAAU;AAAA,EACnC,OAAgB,KAAK;AAAA,EAEZ,gBAAkD,CAAC,SAAS;AACpE,SAAK,OAAO,WAAW,YAAY,IAAI;AAAA,EACxC;AAAA,EAES,UAAU,MAAM;AACxB,SAAK,OAAO,UAAU,EAAE,MAAM,SAAS,UAAU,EAAE,CAAC;AAAA,EACrD;AAAA,EAES,UAAsC,CAAC,SAAS;AACxD,QAAI,KAAK,QAAQ,SAAS;AACzB,UAAI,KAAK,OAAO,iBAAiB,EAAE;AAAY,eAAO;AAEtD,YAAM,oBAAoB,KAAK,OAAO,qBAAqB;AAE3D,UACC,qBACA,KAAK,OAAO,aAAa,iBAAiB,EAAE,QAAQ,iBAAiB,GACpE;AACD,aAAK,OAAO,eAAe,QAAQ;AACnC,aAAK,OAAO,gBAAgB,kBAAkB,EAAE;AAChD,aAAK,OAAO,KAAK,WAAW,GAAG,WAAW,iBAAiB;AAAA,UAC1D,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,OAAO;AAAA,QACR,CAAC;AAAA,MACF;AAAA,IACD;AAAA,EACD;AAAA,EAES,WAAW,MAAM;AACzB,SAAK,OAAO,eAAe,QAAQ;AAAA,EACpC;AACD;",
+  "names": []
+}

package/dist-esm/lib/shapes/geo/toolStates/Pointing.mjs

@@ -0,0 +1,104 @@
+import {
+  Box2d,
+  GeoShapeGeoStyle,
+  StateNode,
+  createShapeId,
+  getStarBounds
+} from "@bigbluebutton/editor";
+class Pointing extends StateNode {
+  static id = "pointing";
+  markId = "";
+  onPointerUp = () => {
+    this.complete();
+  };
+  onPointerMove = (info) => {
+    if (this.editor.inputs.isDragging) {
+      const { originPagePoint } = this.editor.inputs;
+      const id = createShapeId();
+      this.markId = `creating:${id}`;
+      this.editor.mark(this.markId);
+      this.editor.createShapes([
+        {
+          id,
+          type: "geo",
+          x: originPagePoint.x,
+          y: originPagePoint.y,
+          props: {
+            w: 1,
+            h: 1,
+            geo: this.editor.getStyleForNextShape(GeoShapeGeoStyle)
+          }
+        }
+      ]).select(id).setCurrentTool("select.resizing", {
+        ...info,
+        target: "selection",
+        handle: "bottom_right",
+        isCreating: true,
+        creationCursorOffset: { x: 1, y: 1 },
+        onInteractionEnd: "geo"
+      });
+    }
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  complete() {
+    const { originPagePoint } = this.editor.inputs;
+    const id = createShapeId();
+    this.markId = `creating:${id}`;
+    this.editor.mark(this.markId);
+    this.editor.createShapes([
+      {
+        id,
+        type: "geo",
+        x: originPagePoint.x,
+        y: originPagePoint.y,
+        props: {
+          geo: this.editor.getStyleForNextShape(GeoShapeGeoStyle),
+          w: 1,
+          h: 1
+        }
+      }
+    ]);
+    const shape = this.editor.getShape(id);
+    if (!shape)
+      return;
+    const bounds = shape.props.geo === "star" ? getStarBounds(5, 200, 200) : shape.props.geo === "cloud" ? new Box2d(0, 0, 300, 180) : new Box2d(0, 0, 200, 200);
+    const delta = bounds.center;
+    const parentTransform = this.editor.getShapeParentTransform(shape);
+    if (parentTransform)
+      delta.rot(-parentTransform.rotation());
+    this.editor.select(id);
+    this.editor.updateShapes([
+      {
+        id: shape.id,
+        type: "geo",
+        x: shape.x - delta.x,
+        y: shape.y - delta.y,
+        props: {
+          geo: this.editor.getStyleForNextShape(GeoShapeGeoStyle),
+          w: bounds.width,
+          h: bounds.height
+        }
+      }
+    ]);
+    if (this.editor.getInstanceState().isToolLocked) {
+      this.parent.transition("idle");
+    } else {
+      this.editor.setCurrentTool("select", {});
+    }
+  }
+  cancel() {
+    this.parent.transition("idle");
+  }
+}
+export {
+  Pointing
+};
+//# sourceMappingURL=Pointing.mjs.map

package/dist-esm/lib/shapes/geo/toolStates/Pointing.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/toolStates/Pointing.ts"],
+  "sourcesContent": ["import {\n\tBox2d,\n\tGeoShapeGeoStyle,\n\tStateNode,\n\tTLEventHandlers,\n\tTLGeoShape,\n\tcreateShapeId,\n\tgetStarBounds,\n} from '@bigbluebutton/editor'\n\nexport class Pointing extends StateNode {\n\tstatic override id = 'pointing'\n\n\tmarkId = ''\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = (info) => {\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tconst { originPagePoint } = this.editor.inputs\n\n\t\t\tconst id = createShapeId()\n\n\t\t\tthis.markId = `creating:${id}`\n\n\t\t\tthis.editor.mark(this.markId)\n\n\t\t\tthis.editor\n\t\t\t\t.createShapes<TLGeoShape>([\n\t\t\t\t\t{\n\t\t\t\t\t\tid,\n\t\t\t\t\t\ttype: 'geo',\n\t\t\t\t\t\tx: originPagePoint.x,\n\t\t\t\t\t\ty: originPagePoint.y,\n\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\tw: 1,\n\t\t\t\t\t\t\th: 1,\n\t\t\t\t\t\t\tgeo: this.editor.getStyleForNextShape(GeoShapeGeoStyle),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t])\n\t\t\t\t.select(id)\n\t\t\t\t.setCurrentTool('select.resizing', {\n\t\t\t\t\t...info,\n\t\t\t\t\ttarget: 'selection',\n\t\t\t\t\thandle: 'bottom_right',\n\t\t\t\t\tisCreating: true,\n\t\t\t\t\tcreationCursorOffset: { x: 1, y: 1 },\n\t\t\t\t\tonInteractionEnd: 'geo',\n\t\t\t\t})\n\t\t}\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onInterrupt: TLEventHandlers['onInterrupt'] = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate complete() {\n\t\tconst { originPagePoint } = this.editor.inputs\n\n\t\tconst id = createShapeId()\n\n\t\tthis.markId = `creating:${id}`\n\n\t\tthis.editor.mark(this.markId)\n\n\t\tthis.editor.createShapes<TLGeoShape>([\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\ttype: 'geo',\n\t\t\t\tx: originPagePoint.x,\n\t\t\t\ty: originPagePoint.y,\n\t\t\t\tprops: {\n\t\t\t\t\tgeo: this.editor.getStyleForNextShape(GeoShapeGeoStyle),\n\t\t\t\t\tw: 1,\n\t\t\t\t\th: 1,\n\t\t\t\t},\n\t\t\t},\n\t\t])\n\n\t\tconst shape = this.editor.getShape<TLGeoShape>(id)!\n\t\tif (!shape) return\n\n\t\tconst bounds =\n\t\t\tshape.props.geo === 'star'\n\t\t\t\t? getStarBounds(5, 200, 200)\n\t\t\t\t: shape.props.geo === 'cloud'\n\t\t\t\t? new Box2d(0, 0, 300, 180)\n\t\t\t\t: new Box2d(0, 0, 200, 200)\n\n\t\tconst delta = bounds.center\n\t\tconst parentTransform = this.editor.getShapeParentTransform(shape)\n\t\tif (parentTransform) delta.rot(-parentTransform.rotation())\n\n\t\tthis.editor.select(id)\n\t\tthis.editor.updateShapes<TLGeoShape>([\n\t\t\t{\n\t\t\t\tid: shape.id,\n\t\t\t\ttype: 'geo',\n\t\t\t\tx: shape.x - delta.x,\n\t\t\t\ty: shape.y - delta.y,\n\t\t\t\tprops: {\n\t\t\t\t\tgeo: this.editor.getStyleForNextShape(GeoShapeGeoStyle),\n\t\t\t\t\tw: bounds.width,\n\t\t\t\t\th: bounds.height,\n\t\t\t\t},\n\t\t\t},\n\t\t])\n\n\t\tif (this.editor.getInstanceState().isToolLocked) {\n\t\t\tthis.parent.transition('idle')\n\t\t} else {\n\t\t\tthis.editor.setCurrentTool('select', {})\n\t\t}\n\t}\n\n\tprivate cancel() {\n\t\t// we should not have created any shapes yet, so no need to bail\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": "AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,OACM;AAEA,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EAErB,SAAS;AAAA,EAEA,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,gBAAkD,CAAC,SAAS;AACpE,QAAI,KAAK,OAAO,OAAO,YAAY;AAClC,YAAM,EAAE,gBAAgB,IAAI,KAAK,OAAO;AAExC,YAAM,KAAK,cAAc;AAEzB,WAAK,SAAS,YAAY,EAAE;AAE5B,WAAK,OAAO,KAAK,KAAK,MAAM;AAE5B,WAAK,OACH,aAAyB;AAAA,QACzB;AAAA,UACC;AAAA,UACA,MAAM;AAAA,UACN,GAAG,gBAAgB;AAAA,UACnB,GAAG,gBAAgB;AAAA,UACnB,OAAO;AAAA,YACN,GAAG;AAAA,YACH,GAAG;AAAA,YACH,KAAK,KAAK,OAAO,qBAAqB,gBAAgB;AAAA,UACvD;AAAA,QACD;AAAA,MACD,CAAC,EACA,OAAO,EAAE,EACT,eAAe,mBAAmB;AAAA,QAClC,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,sBAAsB,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,QACnC,kBAAkB;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACD;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,WAAW;AAClB,UAAM,EAAE,gBAAgB,IAAI,KAAK,OAAO;AAExC,UAAM,KAAK,cAAc;AAEzB,SAAK,SAAS,YAAY,EAAE;AAE5B,SAAK,OAAO,KAAK,KAAK,MAAM;AAE5B,SAAK,OAAO,aAAyB;AAAA,MACpC;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,GAAG,gBAAgB;AAAA,QACnB,GAAG,gBAAgB;AAAA,QACnB,OAAO;AAAA,UACN,KAAK,KAAK,OAAO,qBAAqB,gBAAgB;AAAA,UACtD,GAAG;AAAA,UACH,GAAG;AAAA,QACJ;AAAA,MACD;AAAA,IACD,CAAC;AAED,UAAM,QAAQ,KAAK,OAAO,SAAqB,EAAE;AACjD,QAAI,CAAC;AAAO;AAEZ,UAAM,SACL,MAAM,MAAM,QAAQ,SACjB,cAAc,GAAG,KAAK,GAAG,IACzB,MAAM,MAAM,QAAQ,UACpB,IAAI,MAAM,GAAG,GAAG,KAAK,GAAG,IACxB,IAAI,MAAM,GAAG,GAAG,KAAK,GAAG;AAE5B,UAAM,QAAQ,OAAO;AACrB,UAAM,kBAAkB,KAAK,OAAO,wBAAwB,KAAK;AACjE,QAAI;AAAiB,YAAM,IAAI,CAAC,gBAAgB,SAAS,CAAC;AAE1D,SAAK,OAAO,OAAO,EAAE;AACrB,SAAK,OAAO,aAAyB;AAAA,MACpC;AAAA,QACC,IAAI,MAAM;AAAA,QACV,MAAM;AAAA,QACN,GAAG,MAAM,IAAI,MAAM;AAAA,QACnB,GAAG,MAAM,IAAI,MAAM;AAAA,QACnB,OAAO;AAAA,UACN,KAAK,KAAK,OAAO,qBAAqB,gBAAgB;AAAA,UACtD,GAAG,OAAO;AAAA,UACV,GAAG,OAAO;AAAA,QACX;AAAA,MACD;AAAA,IACD,CAAC;AAED,QAAI,KAAK,OAAO,iBAAiB,EAAE,cAAc;AAChD,WAAK,OAAO,WAAW,MAAM;AAAA,IAC9B,OAAO;AACN,WAAK,OAAO,eAAe,UAAU,CAAC,CAAC;AAAA,IACxC;AAAA,EACD;AAAA,EAEQ,SAAS;AAEhB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "names": []
+}

package/dist-esm/lib/shapes/highlight/HighlightShapeTool.mjs

@@ -0,0 +1,17 @@
+import { StateNode } from "@bigbluebutton/editor";
+import { Drawing } from "../draw/toolStates/Drawing.mjs";
+import { Idle } from "../draw/toolStates/Idle.mjs";
+class HighlightShapeTool extends StateNode {
+  static id = "highlight";
+  static initial = "idle";
+  static children = () => [Idle, Drawing];
+  shapeType = "highlight";
+  onExit = () => {
+    const drawingState = this.children["drawing"];
+    drawingState.initialShape = void 0;
+  };
+}
+export {
+  HighlightShapeTool
+};
+//# sourceMappingURL=HighlightShapeTool.mjs.map

package/dist-esm/lib/shapes/highlight/HighlightShapeTool.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/highlight/HighlightShapeTool.ts"],
+  "sourcesContent": ["// shared custody\nimport { StateNode } from '@bigbluebutton/editor'\nimport { Drawing } from '../draw/toolStates/Drawing'\nimport { Idle } from '../draw/toolStates/Idle'\n\n/** @public */\nexport class HighlightShapeTool extends StateNode {\n\tstatic override id = 'highlight'\n\tstatic override initial = 'idle'\n\tstatic override children = () => [Idle, Drawing]\n\toverride shapeType = 'highlight'\n\n\toverride onExit = () => {\n\t\tconst drawingState = this.children!['drawing'] as Drawing\n\t\tdrawingState.initialShape = undefined\n\t}\n}\n"],
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,YAAY;AAGd,MAAM,2BAA2B,UAAU;AAAA,EACjD,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM,CAAC,MAAM,OAAO;AAAA,EACtC,YAAY;AAAA,EAEZ,SAAS,MAAM;AACvB,UAAM,eAAe,KAAK,SAAU,SAAS;AAC7C,iBAAa,eAAe;AAAA,EAC7B;AACD;",
+  "names": []
+}