@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/shapes/shared/resizeBox.js

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resizeBox_exports = {};
+__export(resizeBox_exports, {
+  resizeBox: () => resizeBox
+});
+module.exports = __toCommonJS(resizeBox_exports);
+var import_editor = require("@bigbluebutton/editor");
+function resizeBox(shape, info, opts = {}) {
+  const { newPoint, handle, scaleX, scaleY } = info;
+  const { minWidth = 1, maxWidth = Infinity, minHeight = 1, maxHeight = Infinity } = opts;
+  let w = shape.props.w * scaleX;
+  let h = shape.props.h * scaleY;
+  const offset = new import_editor.Vec2d(0, 0);
+  if (w > 0) {
+    if (w < minWidth) {
+      switch (handle) {
+        case "top_left":
+        case "left":
+        case "bottom_left": {
+          offset.x = w - minWidth;
+          break;
+        }
+        case "top":
+        case "bottom": {
+          offset.x = (w - minWidth) / 2;
+          break;
+        }
+        default: {
+          offset.x = 0;
+        }
+      }
+      w = minWidth;
+    }
+  } else {
+    offset.x = w;
+    w = -w;
+    if (w < minWidth) {
+      switch (handle) {
+        case "top_left":
+        case "left":
+        case "bottom_left": {
+          offset.x = -w;
+          break;
+        }
+        default: {
+          offset.x = -minWidth;
+        }
+      }
+      w = minWidth;
+    }
+  }
+  if (h > 0) {
+    if (h < minHeight) {
+      switch (handle) {
+        case "top_left":
+        case "top":
+        case "top_right": {
+          offset.y = h - minHeight;
+          break;
+        }
+        case "right":
+        case "left": {
+          offset.y = (h - minHeight) / 2;
+          break;
+        }
+        default: {
+          offset.y = 0;
+        }
+      }
+      h = minHeight;
+    }
+  } else {
+    offset.y = h;
+    h = -h;
+    if (h < minHeight) {
+      switch (handle) {
+        case "top_left":
+        case "top":
+        case "top_right": {
+          offset.y = -h;
+          break;
+        }
+        default: {
+          offset.y = -minHeight;
+        }
+      }
+      h = minHeight;
+    }
+  }
+  const { x, y } = offset.rot(shape.rotation).add(newPoint);
+  return {
+    x,
+    y,
+    props: {
+      w: Math.min(maxWidth, w),
+      h: Math.min(maxHeight, h)
+    }
+  };
+}
+//# sourceMappingURL=resizeBox.js.map

package/dist-cjs/lib/shapes/shared/resizeBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/resizeBox.ts"],
+  "sourcesContent": ["import {\n\tBox2d,\n\tTLBaseBoxShape,\n\tTLResizeHandle,\n\tTLResizeMode,\n\tVec2d,\n\tVec2dModel,\n} from '@bigbluebutton/editor'\n\n/** @public */\nexport type ResizeBoxOptions = Partial<{\n\tminWidth: number\n\tmaxWidth: number\n\tminHeight: number\n\tmaxHeight: number\n}>\n\n/** @public */\nexport function resizeBox(\n\tshape: TLBaseBoxShape,\n\tinfo: {\n\t\tnewPoint: Vec2dModel\n\t\thandle: TLResizeHandle\n\t\tmode: TLResizeMode\n\t\tscaleX: number\n\t\tscaleY: number\n\t\tinitialBounds: Box2d\n\t\tinitialShape: TLBaseBoxShape\n\t},\n\topts = {} as ResizeBoxOptions\n) {\n\tconst { newPoint, handle, scaleX, scaleY } = info\n\tconst { minWidth = 1, maxWidth = Infinity, minHeight = 1, maxHeight = Infinity } = opts\n\n\tlet w = shape.props.w * scaleX\n\tlet h = shape.props.h * scaleY\n\n\tconst offset = new Vec2d(0, 0)\n\n\tif (w > 0) {\n\t\tif (w < minWidth) {\n\t\t\tswitch (handle) {\n\t\t\t\tcase 'top_left':\n\t\t\t\tcase 'left':\n\t\t\t\tcase 'bottom_left': {\n\t\t\t\t\toffset.x = w - minWidth\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tcase 'top':\n\t\t\t\tcase 'bottom': {\n\t\t\t\t\toffset.x = (w - minWidth) / 2\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\toffset.x = 0\n\t\t\t\t}\n\t\t\t}\n\t\t\tw = minWidth\n\t\t}\n\t} else {\n\t\toffset.x = w\n\t\tw = -w\n\t\tif (w < minWidth) {\n\t\t\tswitch (handle) {\n\t\t\t\tcase 'top_left':\n\t\t\t\tcase 'left':\n\t\t\t\tcase 'bottom_left': {\n\t\t\t\t\toffset.x = -w\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\toffset.x = -minWidth\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tw = minWidth\n\t\t}\n\t}\n\n\tif (h > 0) {\n\t\tif (h < minHeight) {\n\t\t\tswitch (handle) {\n\t\t\t\tcase 'top_left':\n\t\t\t\tcase 'top':\n\t\t\t\tcase 'top_right': {\n\t\t\t\t\toffset.y = h - minHeight\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tcase 'right':\n\t\t\t\tcase 'left': {\n\t\t\t\t\toffset.y = (h - minHeight) / 2\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\toffset.y = 0\n\t\t\t\t}\n\t\t\t}\n\n\t\t\th = minHeight\n\t\t}\n\t} else {\n\t\toffset.y = h\n\t\th = -h\n\t\tif (h < minHeight) {\n\t\t\tswitch (handle) {\n\t\t\t\tcase 'top_left':\n\t\t\t\tcase 'top':\n\t\t\t\tcase 'top_right': {\n\t\t\t\t\toffset.y = -h\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\toffset.y = -minHeight\n\t\t\t\t}\n\t\t\t}\n\t\t\th = minHeight\n\t\t}\n\t}\n\n\tconst { x, y } = offset.rot(shape.rotation).add(newPoint)\n\n\treturn {\n\t\tx,\n\t\ty,\n\t\tprops: {\n\t\t\tw: Math.min(maxWidth, w),\n\t\t\th: Math.min(maxHeight, h),\n\t\t},\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOO;AAWA,SAAS,UACf,OACA,MASA,OAAO,CAAC,GACP;AACD,QAAM,EAAE,UAAU,QAAQ,QAAQ,OAAO,IAAI;AAC7C,QAAM,EAAE,WAAW,GAAG,WAAW,UAAU,YAAY,GAAG,YAAY,SAAS,IAAI;AAEnF,MAAI,IAAI,MAAM,MAAM,IAAI;AACxB,MAAI,IAAI,MAAM,MAAM,IAAI;AAExB,QAAM,SAAS,IAAI,oBAAM,GAAG,CAAC;AAE7B,MAAI,IAAI,GAAG;AACV,QAAI,IAAI,UAAU;AACjB,cAAQ,QAAQ;AAAA,QACf,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK,eAAe;AACnB,iBAAO,IAAI,IAAI;AACf;AAAA,QACD;AAAA,QACA,KAAK;AAAA,QACL,KAAK,UAAU;AACd,iBAAO,KAAK,IAAI,YAAY;AAC5B;AAAA,QACD;AAAA,QACA,SAAS;AACR,iBAAO,IAAI;AAAA,QACZ;AAAA,MACD;AACA,UAAI;AAAA,IACL;AAAA,EACD,OAAO;AACN,WAAO,IAAI;AACX,QAAI,CAAC;AACL,QAAI,IAAI,UAAU;AACjB,cAAQ,QAAQ;AAAA,QACf,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK,eAAe;AACnB,iBAAO,IAAI,CAAC;AACZ;AAAA,QACD;AAAA,QACA,SAAS;AACR,iBAAO,IAAI,CAAC;AAAA,QACb;AAAA,MACD;AAEA,UAAI;AAAA,IACL;AAAA,EACD;AAEA,MAAI,IAAI,GAAG;AACV,QAAI,IAAI,WAAW;AAClB,cAAQ,QAAQ;AAAA,QACf,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK,aAAa;AACjB,iBAAO,IAAI,IAAI;AACf;AAAA,QACD;AAAA,QACA,KAAK;AAAA,QACL,KAAK,QAAQ;AACZ,iBAAO,KAAK,IAAI,aAAa;AAC7B;AAAA,QACD;AAAA,QACA,SAAS;AACR,iBAAO,IAAI;AAAA,QACZ;AAAA,MACD;AAEA,UAAI;AAAA,IACL;AAAA,EACD,OAAO;AACN,WAAO,IAAI;AACX,QAAI,CAAC;AACL,QAAI,IAAI,WAAW;AAClB,cAAQ,QAAQ;AAAA,QACf,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK,aAAa;AACjB,iBAAO,IAAI,CAAC;AACZ;AAAA,QACD;AAAA,QACA,SAAS;AACR,iBAAO,IAAI,CAAC;AAAA,QACb;AAAA,MACD;AACA,UAAI;AAAA,IACL;AAAA,EACD;AAEA,QAAM,EAAE,GAAG,EAAE,IAAI,OAAO,IAAI,MAAM,QAAQ,EAAE,IAAI,QAAQ;AAExD,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACN,GAAG,KAAK,IAAI,UAAU,CAAC;AAAA,MACvB,GAAG,KAAK,IAAI,WAAW,CAAC;AAAA,IACzB;AAAA,EACD;AACD;",
+  "names": []
+}

package/dist-cjs/lib/shapes/shared/resizeScaled.js

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resizeScaled_exports = {};
+__export(resizeScaled_exports, {
+  resizeScaled: () => resizeScaled
+});
+module.exports = __toCommonJS(resizeScaled_exports);
+var import_editor = require("@bigbluebutton/editor");
+function resizeScaled(shape, {
+  initialBounds,
+  scaleX,
+  scaleY,
+  newPoint
+}) {
+  const scaleDelta = Math.max(0.01, Math.min(Math.abs(scaleX), Math.abs(scaleY)));
+  const offset = new import_editor.Vec2d(0, 0);
+  if (scaleX < 0) {
+    offset.x = -(initialBounds.width * scaleDelta);
+  }
+  if (scaleY < 0) {
+    offset.y = -(initialBounds.height * scaleDelta);
+  }
+  const { x, y } = import_editor.Vec2d.Add(newPoint, offset.rot(shape.rotation));
+  return {
+    x,
+    y,
+    props: {
+      scale: scaleDelta * shape.props.scale
+    }
+  };
+}
+//# sourceMappingURL=resizeScaled.js.map

package/dist-cjs/lib/shapes/shared/resizeScaled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/resizeScaled.ts"],
+  "sourcesContent": ["import { Box2d, TLShape, Vec2d, Vec2dModel } from '@bigbluebutton/editor'\n\nexport function resizeScaled(\n\tshape: Extract<TLShape, { props: { scale: number } }>,\n\t{\n\t\tinitialBounds,\n\t\tscaleX,\n\t\tscaleY,\n\t\tnewPoint,\n\t}: {\n\t\tnewPoint: Vec2dModel\n\t\tinitialBounds: Box2d\n\t\tscaleX: number\n\t\tscaleY: number\n\t}\n) {\n\t// Compute the new scale (to apply to the scale prop)\n\tconst scaleDelta = Math.max(0.01, Math.min(Math.abs(scaleX), Math.abs(scaleY)))\n\n\t// Compute the offset (if flipped X or flipped Y)\n\tconst offset = new Vec2d(0, 0)\n\n\tif (scaleX < 0) {\n\t\toffset.x = -(initialBounds.width * scaleDelta)\n\t}\n\tif (scaleY < 0) {\n\t\toffset.y = -(initialBounds.height * scaleDelta)\n\t}\n\n\t// Apply the offset to the new point\n\tconst { x, y } = Vec2d.Add(newPoint, offset.rot(shape.rotation))\n\n\treturn {\n\t\tx,\n\t\ty,\n\t\tprops: {\n\t\t\tscale: scaleDelta * shape.props.scale,\n\t\t},\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkD;AAE3C,SAAS,aACf,OACA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMC;AAED,QAAM,aAAa,KAAK,IAAI,MAAM,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC;AAG9E,QAAM,SAAS,IAAI,oBAAM,GAAG,CAAC;AAE7B,MAAI,SAAS,GAAG;AACf,WAAO,IAAI,EAAE,cAAc,QAAQ;AAAA,EACpC;AACA,MAAI,SAAS,GAAG;AACf,WAAO,IAAI,EAAE,cAAc,SAAS;AAAA,EACrC;AAGA,QAAM,EAAE,GAAG,EAAE,IAAI,oBAAM,IAAI,UAAU,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE/D,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACN,OAAO,aAAa,MAAM,MAAM;AAAA,IACjC;AAAA,EACD;AACD;",
+  "names": []
+}

package/dist-cjs/lib/shapes/shared/rotated-box-shadow.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rotated_box_shadow_exports = {};
+__export(rotated_box_shadow_exports, {
+  getRotatedBoxShadow: () => getRotatedBoxShadow
+});
+module.exports = __toCommonJS(rotated_box_shadow_exports);
+var import_editor = require("@bigbluebutton/editor");
+const ROTATING_BOX_SHADOWS = [
+  {
+    offsetX: 0,
+    offsetY: 2,
+    blur: 4,
+    spread: 0,
+    color: "#00000029"
+  },
+  {
+    offsetX: 0,
+    offsetY: 3,
+    blur: 6,
+    spread: 0,
+    color: "#0000001f"
+  }
+];
+function getRotatedBoxShadow(rotation) {
+  const cssStrings = ROTATING_BOX_SHADOWS.map((shadow) => {
+    const { offsetX, offsetY, blur, spread, color } = shadow;
+    const vec = new import_editor.Vec2d(offsetX, offsetY);
+    const { x, y } = vec.rot(-rotation);
+    return `${x}px ${y}px ${blur}px ${spread}px ${color}`;
+  });
+  return cssStrings.join(", ");
+}
+//# sourceMappingURL=rotated-box-shadow.js.map

package/dist-cjs/lib/shapes/shared/rotated-box-shadow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/rotated-box-shadow.ts"],
+  "sourcesContent": ["import { Vec2d } from '@bigbluebutton/editor'\n\nconst ROTATING_BOX_SHADOWS = [\n\t{\n\t\toffsetX: 0,\n\t\toffsetY: 2,\n\t\tblur: 4,\n\t\tspread: 0,\n\t\tcolor: '#00000029',\n\t},\n\t{\n\t\toffsetX: 0,\n\t\toffsetY: 3,\n\t\tblur: 6,\n\t\tspread: 0,\n\t\tcolor: '#0000001f',\n\t},\n]\n\n/** @public */\nexport function getRotatedBoxShadow(rotation: number) {\n\tconst cssStrings = ROTATING_BOX_SHADOWS.map((shadow) => {\n\t\tconst { offsetX, offsetY, blur, spread, color } = shadow\n\t\tconst vec = new Vec2d(offsetX, offsetY)\n\t\tconst { x, y } = vec.rot(-rotation)\n\t\treturn `${x}px ${y}px ${blur}px ${spread}px ${color}`\n\t})\n\treturn cssStrings.join(', ')\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAsB;AAEtB,MAAM,uBAAuB;AAAA,EAC5B;AAAA,IACC,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACR;AACD;AAGO,SAAS,oBAAoB,UAAkB;AACrD,QAAM,aAAa,qBAAqB,IAAI,CAAC,WAAW;AACvD,UAAM,EAAE,SAAS,SAAS,MAAM,QAAQ,MAAM,IAAI;AAClD,UAAM,MAAM,IAAI,oBAAM,SAAS,OAAO;AACtC,UAAM,EAAE,GAAG,EAAE,IAAI,IAAI,IAAI,CAAC,QAAQ;AAClC,WAAO,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,MAAM,MAAM,KAAK;AAAA,EACpD,CAAC;AACD,SAAO,WAAW,KAAK,IAAI;AAC5B;",
+  "names": []
+}

package/dist-cjs/lib/shapes/shared/useColorSpace.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useColorSpace_exports = {};
+__export(useColorSpace_exports, {
+  useColorSpace: () => useColorSpace
+});
+module.exports = __toCommonJS(useColorSpace_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+function useColorSpace() {
+  const [supportsP3, setSupportsP3] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const supportsSyntax = CSS.supports("color", "color(display-p3 1 1 1)");
+    const query = matchMedia("(color-gamut: p3)");
+    setSupportsP3(supportsSyntax && query.matches);
+    const onChange = () => setSupportsP3(supportsSyntax && query.matches);
+    query.addEventListener("change", onChange);
+    return () => query.removeEventListener("change", onChange);
+  }, []);
+  const forceSrgb = (0, import_editor.useValue)(import_editor.debugFlags.forceSrgb);
+  return forceSrgb || !supportsP3 ? "srgb" : "p3";
+}
+//# sourceMappingURL=useColorSpace.js.map

package/dist-cjs/lib/shapes/shared/useColorSpace.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/useColorSpace.tsx"],
+  "sourcesContent": ["import { debugFlags, useValue } from '@bigbluebutton/editor'\nimport { useEffect, useState } from 'react'\n\nexport function useColorSpace(): 'srgb' | 'p3' {\n\tconst [supportsP3, setSupportsP3] = useState(false)\n\n\tuseEffect(() => {\n\t\tconst supportsSyntax = CSS.supports('color', 'color(display-p3 1 1 1)')\n\t\tconst query = matchMedia('(color-gamut: p3)')\n\t\tsetSupportsP3(supportsSyntax && query.matches)\n\n\t\tconst onChange = () => setSupportsP3(supportsSyntax && query.matches)\n\n\t\tquery.addEventListener('change', onChange)\n\t\treturn () => query.removeEventListener('change', onChange)\n\t}, [])\n\n\tconst forceSrgb = useValue(debugFlags.forceSrgb)\n\n\treturn forceSrgb || !supportsP3 ? 'srgb' : 'p3'\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;AACrC,mBAAoC;AAE7B,SAAS,gBAA+B;AAC9C,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,8BAAU,MAAM;AACf,UAAM,iBAAiB,IAAI,SAAS,SAAS,yBAAyB;AACtE,UAAM,QAAQ,WAAW,mBAAmB;AAC5C,kBAAc,kBAAkB,MAAM,OAAO;AAE7C,UAAM,WAAW,MAAM,cAAc,kBAAkB,MAAM,OAAO;AAEpE,UAAM,iBAAiB,UAAU,QAAQ;AACzC,WAAO,MAAM,MAAM,oBAAoB,UAAU,QAAQ;AAAA,EAC1D,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAY,wBAAS,yBAAW,SAAS;AAE/C,SAAO,aAAa,CAAC,aAAa,SAAS;AAC5C;",
+  "names": []
+}

package/dist-cjs/lib/shapes/shared/useEditableText.js

@@ -0,0 +1,179 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useEditableText_exports = {};
+__export(useEditableText_exports, {
+  useEditableText: () => useEditableText
+});
+module.exports = __toCommonJS(useEditableText_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_TextHelpers = require("./TextHelpers");
+function useEditableText(id, type, text) {
+  const editor = (0, import_editor.useEditor)();
+  const rInput = (0, import_react.useRef)(null);
+  const rSkipSelectOnFocus = (0, import_react.useRef)(false);
+  const rSelectionRanges = (0, import_react.useRef)();
+  const isEditing = (0, import_editor.useValue)("isEditing", () => editor.getEditingShapeId() === id, [editor, id]);
+  (0, import_react.useEffect)(() => {
+    const elm = rInput.current;
+    if (elm && isEditing && document.activeElement !== elm) {
+      elm.focus();
+    }
+  }, [isEditing]);
+  const handleFocus = (0, import_react.useCallback)(() => {
+    const skipSelect = rSkipSelectOnFocus.current;
+    rSkipSelectOnFocus.current = false;
+    requestAnimationFrame(() => {
+      const elm = rInput.current;
+      if (!elm)
+        return;
+      const shape = editor.getShape(id);
+      if (shape) {
+        elm.value = shape.props.text;
+        if (elm.value.length && !skipSelect) {
+          elm.select();
+        }
+      }
+    });
+  }, [editor, id]);
+  const handleBlur = (0, import_react.useCallback)(() => {
+    const ranges = rSelectionRanges.current;
+    requestAnimationFrame(() => {
+      const elm = rInput.current;
+      const editingShapeId = editor.getEditingShapeId();
+      if (elm && editingShapeId) {
+        if (editingShapeId === id) {
+          if (ranges) {
+            if (!ranges.length) {
+              elm.focus();
+            } else {
+              rSkipSelectOnFocus.current = true;
+              elm.focus();
+              const selection = window.getSelection();
+              if (selection) {
+                ranges.forEach((range) => selection.addRange(range));
+              }
+            }
+          } else {
+            elm.focus();
+          }
+        }
+      } else {
+        window.getSelection()?.removeAllRanges();
+        editor.complete();
+      }
+    });
+  }, [editor, id]);
+  const handleKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (!isEditing)
+        return;
+      if (e.ctrlKey || e.metaKey)
+        (0, import_editor.stopEventPropagation)(e);
+      switch (e.key) {
+        case "Enter": {
+          if (e.ctrlKey || e.metaKey) {
+            editor.complete();
+          }
+          break;
+        }
+        case "Tab": {
+          (0, import_editor.preventDefault)(e);
+          if (e.shiftKey) {
+            import_TextHelpers.TextHelpers.unindent(e.currentTarget);
+          } else {
+            import_TextHelpers.TextHelpers.indent(e.currentTarget);
+          }
+          break;
+        }
+      }
+    },
+    [editor, isEditing]
+  );
+  const handleChange = (0, import_react.useCallback)(
+    (e) => {
+      if (!isEditing)
+        return;
+      let text2 = import_TextHelpers.TextHelpers.normalizeText(e.currentTarget.value);
+      const untabbedText = text2.replace(/\t/g, import_TextHelpers.INDENT);
+      if (untabbedText !== text2) {
+        const selectionStart = e.currentTarget.selectionStart;
+        e.currentTarget.value = untabbedText;
+        e.currentTarget.selectionStart = selectionStart + (untabbedText.length - text2.length);
+        e.currentTarget.selectionEnd = selectionStart + (untabbedText.length - text2.length);
+        text2 = untabbedText;
+      }
+      editor.updateShapes([
+        { id, type, props: { text: text2 } }
+      ]);
+    },
+    [editor, id, type, isEditing]
+  );
+  const isEmpty = text.trim().length === 0;
+  (0, import_react.useEffect)(() => {
+    if (!isEditing)
+      return;
+    const elm = rInput.current;
+    if (elm) {
+      let updateSelection2 = function() {
+        const selection = window.getSelection?.();
+        if (selection && selection.type !== "None") {
+          const ranges = [];
+          if (selection) {
+            for (let i = 0; i < selection.rangeCount; i++) {
+              ranges.push(selection.getRangeAt?.(i));
+            }
+          }
+          rSelectionRanges.current = ranges;
+        }
+      };
+      var updateSelection = updateSelection2;
+      document.addEventListener("selectionchange", updateSelection2);
+      return () => {
+        document.removeEventListener("selectionchange", updateSelection2);
+      };
+    }
+  }, [isEditing]);
+  const handleInputPointerDown = (0, import_react.useCallback)(
+    (e) => {
+      editor.dispatch({
+        ...(0, import_editor.getPointerInfo)(e),
+        type: "pointer",
+        name: "pointer_down",
+        target: "shape",
+        shape: editor.getShape(id)
+      });
+      (0, import_editor.stopEventPropagation)(e);
+    },
+    [editor, id]
+  );
+  const handleDoubleClick = import_editor.stopEventPropagation;
+  return {
+    rInput,
+    isEditing,
+    handleFocus,
+    handleBlur,
+    handleKeyDown,
+    handleChange,
+    handleInputPointerDown,
+    handleDoubleClick,
+    isEmpty
+  };
+}
+//# sourceMappingURL=useEditableText.js.map

package/dist-cjs/lib/shapes/shared/useEditableText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/useEditableText.ts"],
+  "sourcesContent": ["/* eslint-disable no-inner-declarations */\n\nimport {\n\tTLShape,\n\tTLUnknownShape,\n\tgetPointerInfo,\n\tpreventDefault,\n\tstopEventPropagation,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\nimport React, { useCallback, useEffect, useRef } from 'react'\nimport { INDENT, TextHelpers } from './TextHelpers'\n\nexport function useEditableText<T extends Extract<TLShape, { props: { text: string } }>>(\n\tid: T['id'],\n\ttype: T['type'],\n\ttext: string\n) {\n\tconst editor = useEditor()\n\n\tconst rInput = useRef<HTMLTextAreaElement>(null)\n\tconst rSkipSelectOnFocus = useRef(false)\n\tconst rSelectionRanges = useRef<Range[] | null>()\n\n\tconst isEditing = useValue('isEditing', () => editor.getEditingShapeId() === id, [editor, id])\n\n\t// If the shape is editing but the input element not focused, focus the element\n\tuseEffect(() => {\n\t\tconst elm = rInput.current\n\t\tif (elm && isEditing && document.activeElement !== elm) {\n\t\t\telm.focus()\n\t\t}\n\t}, [isEditing])\n\n\t// When the label receives focus, set the value to the most  recent text value and select all of the text\n\tconst handleFocus = useCallback(() => {\n\t\t// Store and turn off the skipSelectOnFocus flag\n\t\tconst skipSelect = rSkipSelectOnFocus.current\n\t\trSkipSelectOnFocus.current = false\n\n\t\t// On the next frame, if we're not skipping select AND we have text in the element, then focus the text\n\t\trequestAnimationFrame(() => {\n\t\t\tconst elm = rInput.current\n\t\t\tif (!elm) return\n\n\t\t\tconst shape = editor.getShape<TLShape & { props: { text: string } }>(id)\n\n\t\t\tif (shape) {\n\t\t\t\telm.value = shape.props.text\n\t\t\t\tif (elm.value.length && !skipSelect) {\n\t\t\t\t\telm.select()\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}, [editor, id])\n\n\t// When the label blurs, deselect all of the text and complete.\n\t// This makes it so that the canvas does not have to be focused\n\t// in order to exit the editing state and complete the editing state\n\tconst handleBlur = useCallback(() => {\n\t\tconst ranges = rSelectionRanges.current\n\n\t\trequestAnimationFrame(() => {\n\t\t\tconst elm = rInput.current\n\t\t\tconst editingShapeId = editor.getEditingShapeId()\n\t\t\t// Did we move to a different shape?\n\t\t\tif (elm && editingShapeId) {\n\t\t\t\t// important! these ^v are two different things\n\t\t\t\t// is that shape OUR shape?\n\t\t\t\tif (editingShapeId === id) {\n\t\t\t\t\tif (ranges) {\n\t\t\t\t\t\tif (!ranges.length) {\n\t\t\t\t\t\t\t// If we don't have any ranges, restore selection\n\t\t\t\t\t\t\t// and select all of the text\n\t\t\t\t\t\t\telm.focus()\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Otherwise, skip the select-all-on-focus behavior\n\t\t\t\t\t\t\t// and restore the selection\n\t\t\t\t\t\t\trSkipSelectOnFocus.current = true\n\t\t\t\t\t\t\telm.focus()\n\t\t\t\t\t\t\tconst selection = window.getSelection()\n\t\t\t\t\t\t\tif (selection) {\n\t\t\t\t\t\t\t\tranges.forEach((range) => selection.addRange(range))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\telm.focus()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\twindow.getSelection()?.removeAllRanges()\n\t\t\t\teditor.complete()\n\t\t\t}\n\t\t})\n\t}, [editor, id])\n\n\t// When the user presses ctrl / meta enter, complete the editing state.\n\t// When the user presses tab, indent or unindent the text.\n\tconst handleKeyDown = useCallback(\n\t\t(e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\t\tif (!isEditing) return\n\n\t\t\tif (e.ctrlKey || e.metaKey) stopEventPropagation(e)\n\n\t\t\tswitch (e.key) {\n\t\t\t\tcase 'Enter': {\n\t\t\t\t\tif (e.ctrlKey || e.metaKey) {\n\t\t\t\t\t\teditor.complete()\n\t\t\t\t\t}\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tcase 'Tab': {\n\t\t\t\t\tpreventDefault(e)\n\t\t\t\t\tif (e.shiftKey) {\n\t\t\t\t\t\tTextHelpers.unindent(e.currentTarget)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tTextHelpers.indent(e.currentTarget)\n\t\t\t\t\t}\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[editor, isEditing]\n\t)\n\n\t// When the text changes, update the text value.\n\tconst handleChange = useCallback(\n\t\t(e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\t\tif (!isEditing) return\n\n\t\t\tlet text = TextHelpers.normalizeText(e.currentTarget.value)\n\n\t\t\t// ------- Bug fix ------------\n\t\t\t// Replace tabs with spaces when pasting\n\t\t\tconst untabbedText = text.replace(/\\t/g, INDENT)\n\t\t\tif (untabbedText !== text) {\n\t\t\t\tconst selectionStart = e.currentTarget.selectionStart\n\t\t\t\te.currentTarget.value = untabbedText\n\t\t\t\te.currentTarget.selectionStart = selectionStart + (untabbedText.length - text.length)\n\t\t\t\te.currentTarget.selectionEnd = selectionStart + (untabbedText.length - text.length)\n\t\t\t\ttext = untabbedText\n\t\t\t}\n\t\t\t// ----------------------------\n\n\t\t\teditor.updateShapes<TLUnknownShape & { props: { text: string } }>([\n\t\t\t\t{ id, type, props: { text } },\n\t\t\t])\n\t\t},\n\t\t[editor, id, type, isEditing]\n\t)\n\n\tconst isEmpty = text.trim().length === 0\n\n\tuseEffect(() => {\n\t\tif (!isEditing) return\n\n\t\tconst elm = rInput.current\n\t\tif (elm) {\n\t\t\tfunction updateSelection() {\n\t\t\t\tconst selection = window.getSelection?.()\n\t\t\t\tif (selection && selection.type !== 'None') {\n\t\t\t\t\tconst ranges: Range[] = []\n\n\t\t\t\t\tif (selection) {\n\t\t\t\t\t\tfor (let i = 0; i < selection.rangeCount; i++) {\n\t\t\t\t\t\t\tranges.push(selection.getRangeAt?.(i))\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\trSelectionRanges.current = ranges\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tdocument.addEventListener('selectionchange', updateSelection)\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener('selectionchange', updateSelection)\n\t\t\t}\n\t\t}\n\t}, [isEditing])\n\n\tconst handleInputPointerDown = useCallback(\n\t\t(e: React.PointerEvent) => {\n\t\t\teditor.dispatch({\n\t\t\t\t...getPointerInfo(e),\n\t\t\t\ttype: 'pointer',\n\t\t\t\tname: 'pointer_down',\n\t\t\t\ttarget: 'shape',\n\t\t\t\tshape: editor.getShape(id)!,\n\t\t\t})\n\n\t\t\tstopEventPropagation(e) // we need to prevent blurring the input\n\t\t},\n\t\t[editor, id]\n\t)\n\n\tconst handleDoubleClick = stopEventPropagation\n\n\treturn {\n\t\trInput,\n\t\tisEditing,\n\t\thandleFocus,\n\t\thandleBlur,\n\t\thandleKeyDown,\n\t\thandleChange,\n\t\thandleInputPointerDown,\n\t\thandleDoubleClick,\n\t\tisEmpty,\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["text", "updateSelection"]
+}

package/dist-cjs/lib/shapes/shared/useForceSolid.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useForceSolid_exports = {};
+__export(useForceSolid_exports, {
+  useForceSolid: () => useForceSolid
+});
+module.exports = __toCommonJS(useForceSolid_exports);
+var import_editor = require("@bigbluebutton/editor");
+function useForceSolid() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)("zoom", () => editor.getZoomLevel() < 0.35, [editor]);
+}
+//# sourceMappingURL=useForceSolid.js.map

package/dist-cjs/lib/shapes/shared/useForceSolid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/useForceSolid.ts"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\n\nexport function useForceSolid() {\n\tconst editor = useEditor()\n\treturn useValue('zoom', () => editor.getZoomLevel() < 0.35, [editor])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAE7B,SAAS,gBAAgB;AAC/B,QAAM,aAAS,yBAAU;AACzB,aAAO,wBAAS,QAAQ,MAAM,OAAO,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC;AACrE;",
+  "names": []
+}

package/dist-cjs/lib/shapes/shared/usePrefersReducedMotion.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePrefersReducedMotion_exports = {};
+__export(usePrefersReducedMotion_exports, {
+  usePrefersReducedMotion: () => usePrefersReducedMotion
+});
+module.exports = __toCommonJS(usePrefersReducedMotion_exports);
+var import_react = require("react");
+function usePrefersReducedMotion() {
+  const [prefersReducedMotion, setPrefersReducedMotion] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const handler = () => {
+      setPrefersReducedMotion(mql.matches);
+    };
+    handler();
+    mql.addEventListener("change", handler);
+    return () => mql.removeEventListener("change", handler);
+  }, []);
+  return prefersReducedMotion;
+}
+//# sourceMappingURL=usePrefersReducedMotion.js.map

package/dist-cjs/lib/shapes/shared/usePrefersReducedMotion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/usePrefersReducedMotion.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\n/** @public */\nexport function usePrefersReducedMotion() {\n\tconst [prefersReducedMotion, setPrefersReducedMotion] = useState(false)\n\n\tuseEffect(() => {\n\t\tconst mql = window.matchMedia('(prefers-reduced-motion: reduce)')\n\t\tconst handler = () => {\n\t\t\tsetPrefersReducedMotion(mql.matches)\n\t\t}\n\t\thandler()\n\t\tmql.addEventListener('change', handler)\n\t\treturn () => mql.removeEventListener('change', handler)\n\t}, [])\n\n\treturn prefersReducedMotion\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAG7B,SAAS,0BAA0B;AACzC,QAAM,CAAC,sBAAsB,uBAAuB,QAAI,uBAAS,KAAK;AAEtE,8BAAU,MAAM;AACf,UAAM,MAAM,OAAO,WAAW,kCAAkC;AAChE,UAAM,UAAU,MAAM;AACrB,8BAAwB,IAAI,OAAO;AAAA,IACpC;AACA,YAAQ;AACR,QAAI,iBAAiB,UAAU,OAAO;AACtC,WAAO,MAAM,IAAI,oBAAoB,UAAU,OAAO;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,SAAO;AACR;",
+  "names": []
+}

package/dist-cjs/lib/shapes/text/TextShapeTool.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TextShapeTool_exports = {};
+__export(TextShapeTool_exports, {
+  TextShapeTool: () => TextShapeTool
+});
+module.exports = __toCommonJS(TextShapeTool_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_Idle = require("./toolStates/Idle");
+var import_Pointing = require("./toolStates/Pointing");
+class TextShapeTool extends import_editor.StateNode {
+  static id = "text";
+  static initial = "idle";
+  static children = () => [import_Idle.Idle, import_Pointing.Pointing];
+  shapeType = "text";
+}
+//# sourceMappingURL=TextShapeTool.js.map

package/dist-cjs/lib/shapes/text/TextShapeTool.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/text/TextShapeTool.ts"],
+  "sourcesContent": ["import { StateNode } from '@bigbluebutton/editor'\nimport { Idle } from './toolStates/Idle'\nimport { Pointing } from './toolStates/Pointing'\n\n/** @public */\nexport class TextShapeTool extends StateNode {\n\tstatic override id = 'text'\n\tstatic override initial = 'idle'\n\tstatic override children = () => [Idle, Pointing]\n\toverride shapeType = 'text'\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,kBAAqB;AACrB,sBAAyB;AAGlB,MAAM,sBAAsB,wBAAU;AAAA,EAC5C,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM,CAAC,kBAAM,wBAAQ;AAAA,EACvC,YAAY;AACtB;",
+  "names": []
+}