@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/shapes/geo/components/DashStyleEllipse.js

@@ -0,0 +1,123 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DashStyleEllipse_exports = {};
+__export(DashStyleEllipse_exports, {
+  DashStyleEllipse: () => DashStyleEllipse,
+  DashStyleEllipseSvg: () => DashStyleEllipseSvg
+});
+module.exports = __toCommonJS(DashStyleEllipse_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var React = __toESM(require("react"));
+var import_ShapeFill = require("../../shared/ShapeFill");
+var import_getPerfectDashProps = require("../../shared/getPerfectDashProps");
+const DashStyleEllipse = React.memo(function DashStyleEllipse2({
+  w,
+  h,
+  strokeWidth: sw,
+  dash,
+  color,
+  fill
+}) {
+  const theme = (0, import_ShapeFill.useDefaultColorTheme)();
+  const cx = w / 2;
+  const cy = h / 2;
+  const rx = Math.max(0, cx);
+  const ry = Math.max(0, cy);
+  const perimeter = (0, import_editor.perimeterOfEllipse)(rx, ry);
+  const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(
+    perimeter < 64 ? perimeter * 2 : perimeter,
+    sw,
+    {
+      style: dash,
+      snap: 4,
+      closed: true
+    }
+  );
+  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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShapeFill.ShapeFill, { theme, d, color, fill }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d,
+        strokeWidth: sw,
+        width: (0, import_editor.toDomPrecision)(w),
+        height: (0, import_editor.toDomPrecision)(h),
+        fill: "none",
+        stroke: theme[color].solid,
+        strokeDasharray,
+        strokeDashoffset,
+        pointerEvents: "all"
+      }
+    )
+  ] });
+});
+function DashStyleEllipseSvg({
+  w,
+  h,
+  strokeWidth: sw,
+  dash,
+  color,
+  theme,
+  fill
+}) {
+  const cx = w / 2;
+  const cy = h / 2;
+  const rx = Math.max(0, cx - sw / 2);
+  const ry = Math.max(0, cy - sw / 2);
+  const perimeter = (0, import_editor.perimeterOfEllipse)(rx, ry);
+  const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(
+    perimeter < 64 ? perimeter * 2 : perimeter,
+    sw,
+    {
+      style: dash,
+      snap: 4,
+      closed: true
+    }
+  );
+  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);
+  strokeElement.setAttribute("stroke-dasharray", strokeDasharray);
+  strokeElement.setAttribute("stroke-dashoffset", strokeDashoffset);
+  const fillElement = (0, import_ShapeFill.getShapeFillSvg)({
+    d,
+    fill,
+    color,
+    theme
+  });
+  return (0, import_ShapeFill.getSvgWithShapeFill)(strokeElement, fillElement);
+}
+//# sourceMappingURL=DashStyleEllipse.js.map

package/dist-cjs/lib/shapes/geo/components/DashStyleEllipse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/DashStyleEllipse.tsx"],
+  "sourcesContent": ["import {\n\tTLDefaultColorTheme,\n\tTLGeoShape,\n\tTLShapeId,\n\tperimeterOfEllipse,\n\ttoDomPrecision,\n} from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\nimport { getPerfectDashProps } from '../../shared/getPerfectDashProps'\n\nexport const DashStyleEllipse = React.memo(function DashStyleEllipse({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tdash,\n\tcolor,\n\tfill,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'dash' | 'color' | 'fill'> & {\n\tstrokeWidth: number\n\tid: TLShapeId\n}) {\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 perimeter = perimeterOfEllipse(rx, ry)\n\n\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(\n\t\tperimeter < 64 ? perimeter * 2 : perimeter,\n\t\tsw,\n\t\t{\n\t\t\tstyle: dash,\n\t\t\tsnap: 4,\n\t\t\tclosed: true,\n\t\t}\n\t)\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 theme={theme} d={d} color={color} fill={fill} />\n\t\t\t<path\n\t\t\t\td={d}\n\t\t\t\tstrokeWidth={sw}\n\t\t\t\twidth={toDomPrecision(w)}\n\t\t\t\theight={toDomPrecision(h)}\n\t\t\t\tfill=\"none\"\n\t\t\t\tstroke={theme[color].solid}\n\t\t\t\tstrokeDasharray={strokeDasharray}\n\t\t\t\tstrokeDashoffset={strokeDashoffset}\n\t\t\t\tpointerEvents=\"all\"\n\t\t\t/>\n\t\t</>\n\t)\n})\n\nexport function DashStyleEllipseSvg({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tdash,\n\tcolor,\n\ttheme,\n\tfill,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'dash' | 'color' | 'fill'> & {\n\tstrokeWidth: number\n\tid: TLShapeId\n\ttheme: TLDefaultColorTheme\n}) {\n\tconst cx = w / 2\n\tconst cy = h / 2\n\tconst rx = Math.max(0, cx - sw / 2)\n\tconst ry = Math.max(0, cy - sw / 2)\n\n\tconst perimeter = perimeterOfEllipse(rx, ry)\n\n\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(\n\t\tperimeter < 64 ? perimeter * 2 : perimeter,\n\t\tsw,\n\t\t{\n\t\t\tstyle: dash,\n\t\t\tsnap: 4,\n\t\t\tclosed: true,\n\t\t}\n\t)\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\tstrokeElement.setAttribute('stroke-dasharray', strokeDasharray)\n\tstrokeElement.setAttribute('stroke-dashoffset', strokeDashoffset)\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDE;AAhDF,oBAMO;AACP,YAAuB;AACvB,uBAKO;AACP,iCAAoC;AAE7B,MAAM,mBAAmB,MAAM,KAAK,SAASA,kBAAiB;AAAA,EACpE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACD,GAGG;AACF,QAAM,YAAQ,uCAAqB;AACnC,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,KAAK,IAAI,GAAG,EAAE;AACzB,QAAM,KAAK,KAAK,IAAI,GAAG,EAAE;AAEzB,QAAM,gBAAY,kCAAmB,IAAI,EAAE;AAE3C,QAAM,EAAE,iBAAiB,iBAAiB,QAAI;AAAA,IAC7C,YAAY,KAAK,YAAY,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,IACT;AAAA,EACD;AAEA,QAAM,IAAI,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,CAAC;AAEtF,SACC,4EACC;AAAA,gDAAC,8BAAU,OAAc,GAAM,OAAc,MAAY;AAAA,IACzD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb,WAAO,8BAAe,CAAC;AAAA,QACvB,YAAQ,8BAAe,CAAC;AAAA,QACxB,MAAK;AAAA,QACL,QAAQ,MAAM,KAAK,EAAE;AAAA,QACrB;AAAA,QACA;AAAA,QACA,eAAc;AAAA;AAAA,IACf;AAAA,KACD;AAEF,CAAC;AAEM,SAAS,oBAAoB;AAAA,EACnC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,KAAK,IAAI,GAAG,KAAK,KAAK,CAAC;AAClC,QAAM,KAAK,KAAK,IAAI,GAAG,KAAK,KAAK,CAAC;AAElC,QAAM,gBAAY,kCAAmB,IAAI,EAAE;AAE3C,QAAM,EAAE,iBAAiB,iBAAiB,QAAI;AAAA,IAC7C,YAAY,KAAK,YAAY,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,IACT;AAAA,EACD;AAEA,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;AACvD,gBAAc,aAAa,oBAAoB,eAAe;AAC9D,gBAAc,aAAa,qBAAqB,gBAAgB;AAGhE,QAAM,kBAAc,kCAAgB;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,aAAO,sCAAoB,eAAe,WAAW;AACtD;",
+  "names": ["DashStyleEllipse"]
+}

package/dist-cjs/lib/shapes/geo/components/DashStyleOval.js

@@ -0,0 +1,118 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DashStyleOval_exports = {};
+__export(DashStyleOval_exports, {
+  DashStyleOval: () => DashStyleOval,
+  DashStyleOvalSvg: () => DashStyleOvalSvg
+});
+module.exports = __toCommonJS(DashStyleOval_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var React = __toESM(require("react"));
+var import_ShapeFill = require("../../shared/ShapeFill");
+var import_getPerfectDashProps = require("../../shared/getPerfectDashProps");
+var import_helpers = require("../helpers");
+const DashStyleOval = React.memo(function DashStyleOval2({
+  w,
+  h,
+  strokeWidth: sw,
+  dash,
+  color,
+  fill
+}) {
+  const theme = (0, import_ShapeFill.useDefaultColorTheme)();
+  const d = (0, import_helpers.getOvalSolidPath)(w, h);
+  const perimeter = (0, import_helpers.getOvalPerimeter)(w, h);
+  const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(
+    perimeter < 64 ? perimeter * 2 : perimeter,
+    sw,
+    {
+      style: dash,
+      snap: 4,
+      start: "outset",
+      end: "outset",
+      closed: true
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShapeFill.ShapeFill, { theme, d, color, fill }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d,
+        strokeWidth: sw,
+        width: (0, import_editor.toDomPrecision)(w),
+        height: (0, import_editor.toDomPrecision)(h),
+        fill: "none",
+        stroke: theme[color].solid,
+        strokeDasharray,
+        strokeDashoffset,
+        pointerEvents: "all"
+      }
+    )
+  ] });
+});
+function DashStyleOvalSvg({
+  w,
+  h,
+  strokeWidth: sw,
+  dash,
+  color,
+  theme,
+  fill
+}) {
+  const d = (0, import_helpers.getOvalSolidPath)(w, h);
+  const perimeter = (0, import_helpers.getOvalPerimeter)(w, h);
+  const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(
+    perimeter < 64 ? perimeter * 2 : perimeter,
+    sw,
+    {
+      style: dash,
+      snap: 4,
+      closed: true
+    }
+  );
+  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);
+  strokeElement.setAttribute("stroke-dasharray", strokeDasharray);
+  strokeElement.setAttribute("stroke-dashoffset", strokeDashoffset);
+  const fillElement = (0, import_ShapeFill.getShapeFillSvg)({
+    d,
+    fill,
+    color,
+    theme
+  });
+  return (0, import_ShapeFill.getSvgWithShapeFill)(strokeElement, fillElement);
+}
+//# sourceMappingURL=DashStyleOval.js.map

package/dist-cjs/lib/shapes/geo/components/DashStyleOval.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/DashStyleOval.tsx"],
+  "sourcesContent": ["import { TLDefaultColorTheme, TLGeoShape, TLShapeId, toDomPrecision } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\nimport { getPerfectDashProps } from '../../shared/getPerfectDashProps'\nimport { getOvalPerimeter, getOvalSolidPath } from '../helpers'\n\nexport const DashStyleOval = React.memo(function DashStyleOval({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tdash,\n\tcolor,\n\tfill,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'dash' | 'color' | 'fill'> & {\n\tstrokeWidth: number\n\tid: TLShapeId\n}) {\n\tconst theme = useDefaultColorTheme()\n\tconst d = getOvalSolidPath(w, h)\n\tconst perimeter = getOvalPerimeter(w, h)\n\n\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(\n\t\tperimeter < 64 ? perimeter * 2 : perimeter,\n\t\tsw,\n\t\t{\n\t\t\tstyle: dash,\n\t\t\tsnap: 4,\n\t\t\tstart: 'outset',\n\t\t\tend: 'outset',\n\t\t\tclosed: true,\n\t\t}\n\t)\n\n\treturn (\n\t\t<>\n\t\t\t<ShapeFill theme={theme} d={d} color={color} fill={fill} />\n\t\t\t<path\n\t\t\t\td={d}\n\t\t\t\tstrokeWidth={sw}\n\t\t\t\twidth={toDomPrecision(w)}\n\t\t\t\theight={toDomPrecision(h)}\n\t\t\t\tfill=\"none\"\n\t\t\t\tstroke={theme[color].solid}\n\t\t\t\tstrokeDasharray={strokeDasharray}\n\t\t\t\tstrokeDashoffset={strokeDashoffset}\n\t\t\t\tpointerEvents=\"all\"\n\t\t\t/>\n\t\t</>\n\t)\n})\n\nexport function DashStyleOvalSvg({\n\tw,\n\th,\n\tstrokeWidth: sw,\n\tdash,\n\tcolor,\n\ttheme,\n\tfill,\n}: Pick<TLGeoShape['props'], 'w' | 'h' | 'dash' | 'color' | 'fill'> & {\n\tstrokeWidth: number\n\tid: TLShapeId\n\ttheme: TLDefaultColorTheme\n}) {\n\tconst d = getOvalSolidPath(w, h)\n\tconst perimeter = getOvalPerimeter(w, h)\n\n\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(\n\t\tperimeter < 64 ? perimeter * 2 : perimeter,\n\t\tsw,\n\t\t{\n\t\t\tstyle: dash,\n\t\t\tsnap: 4,\n\t\t\tclosed: true,\n\t\t}\n\t)\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\tstrokeElement.setAttribute('stroke-dasharray', strokeDasharray)\n\tstrokeElement.setAttribute('stroke-dashoffset', strokeDashoffset)\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCE;AAvCF,oBAA2E;AAC3E,YAAuB;AACvB,uBAKO;AACP,iCAAoC;AACpC,qBAAmD;AAE5C,MAAM,gBAAgB,MAAM,KAAK,SAASA,eAAc;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACD,GAGG;AACF,QAAM,YAAQ,uCAAqB;AACnC,QAAM,QAAI,iCAAiB,GAAG,CAAC;AAC/B,QAAM,gBAAY,iCAAiB,GAAG,CAAC;AAEvC,QAAM,EAAE,iBAAiB,iBAAiB,QAAI;AAAA,IAC7C,YAAY,KAAK,YAAY,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,IACT;AAAA,EACD;AAEA,SACC,4EACC;AAAA,gDAAC,8BAAU,OAAc,GAAM,OAAc,MAAY;AAAA,IACzD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb,WAAO,8BAAe,CAAC;AAAA,QACvB,YAAQ,8BAAe,CAAC;AAAA,QACxB,MAAK;AAAA,QACL,QAAQ,MAAM,KAAK,EAAE;AAAA,QACrB;AAAA,QACA;AAAA,QACA,eAAc;AAAA;AAAA,IACf;AAAA,KACD;AAEF,CAAC;AAEM,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,QAAI,iCAAiB,GAAG,CAAC;AAC/B,QAAM,gBAAY,iCAAiB,GAAG,CAAC;AAEvC,QAAM,EAAE,iBAAiB,iBAAiB,QAAI;AAAA,IAC7C,YAAY,KAAK,YAAY,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,IACT;AAAA,EACD;AAEA,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;AACvD,gBAAc,aAAa,oBAAoB,eAAe;AAC9D,gBAAc,aAAa,qBAAqB,gBAAgB;AAGhE,QAAM,kBAAc,kCAAgB;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,aAAO,sCAAoB,eAAe,WAAW;AACtD;",
+  "names": ["DashStyleOval"]
+}

package/dist-cjs/lib/shapes/geo/components/DashStylePolygon.js

@@ -0,0 +1,155 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DashStylePolygon_exports = {};
+__export(DashStylePolygon_exports, {
+  DashStylePolygon: () => DashStylePolygon,
+  DashStylePolygonSvg: () => DashStylePolygonSvg
+});
+module.exports = __toCommonJS(DashStylePolygon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var React = __toESM(require("react"));
+var import_ShapeFill = require("../../shared/ShapeFill");
+var import_getPerfectDashProps = require("../../shared/getPerfectDashProps");
+const DashStylePolygon = React.memo(function DashStylePolygon2({
+  dash,
+  fill,
+  color,
+  strokeWidth,
+  outline,
+  lines
+}) {
+  const theme = (0, import_ShapeFill.useDefaultColorTheme)();
+  const innerPath = "M" + outline[0] + "L" + outline.slice(1) + "Z";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShapeFill.ShapeFill, { theme, d: innerPath, fill, color }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { strokeWidth, stroke: theme[color].solid, fill: "none", pointerEvents: "all", children: [
+      Array.from(Array(outline.length)).map((_, i) => {
+        const A = outline[i];
+        const B = outline[(i + 1) % outline.length];
+        const dist = import_editor.Vec2d.Dist(A, B);
+        const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(dist, strokeWidth, {
+          style: dash,
+          start: "outset",
+          end: "outset"
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "line",
+          {
+            x1: A.x,
+            y1: A.y,
+            x2: B.x,
+            y2: B.y,
+            strokeDasharray,
+            strokeDashoffset
+          },
+          i
+        );
+      }),
+      lines && lines.map(([A, B], i) => {
+        const dist = import_editor.Vec2d.Dist(A, B);
+        const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(dist, strokeWidth, {
+          style: dash,
+          start: "skip",
+          end: "outset",
+          snap: dash === "dotted" ? 4 : void 0
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: `M${A.x},${A.y}L${B.x},${B.y}`,
+            stroke: theme[color].solid,
+            strokeWidth,
+            fill: "none",
+            strokeDasharray,
+            strokeDashoffset
+          },
+          `line_fg_${i}`
+        );
+      })
+    ] })
+  ] });
+});
+function DashStylePolygonSvg({
+  dash,
+  fill,
+  color,
+  theme,
+  strokeWidth,
+  outline,
+  lines
+}) {
+  const strokeElement = document.createElementNS("http://www.w3.org/2000/svg", "g");
+  strokeElement.setAttribute("stroke-width", strokeWidth.toString());
+  strokeElement.setAttribute("stroke", theme[color].solid);
+  strokeElement.setAttribute("fill", "none");
+  Array.from(Array(outline.length)).forEach((_, i) => {
+    const A = outline[i];
+    const B = outline[(i + 1) % outline.length];
+    const dist = import_editor.Vec2d.Dist(A, B);
+    const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(dist, strokeWidth, {
+      style: dash
+    });
+    const line = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    line.setAttribute("x1", A.x.toString());
+    line.setAttribute("y1", A.y.toString());
+    line.setAttribute("x2", B.x.toString());
+    line.setAttribute("y2", B.y.toString());
+    line.setAttribute("stroke-dasharray", strokeDasharray.toString());
+    line.setAttribute("stroke-dashoffset", strokeDashoffset.toString());
+    strokeElement.appendChild(line);
+  });
+  if (lines) {
+    for (const [A, B] of lines) {
+      const dist = import_editor.Vec2d.Dist(A, B);
+      const { strokeDasharray, strokeDashoffset } = (0, import_getPerfectDashProps.getPerfectDashProps)(dist, strokeWidth, {
+        style: dash,
+        start: "skip",
+        end: "skip",
+        snap: dash === "dotted" ? 4 : 2
+      });
+      const line = document.createElementNS("http://www.w3.org/2000/svg", "line");
+      line.setAttribute("x1", A.x.toString());
+      line.setAttribute("y1", A.y.toString());
+      line.setAttribute("x2", B.x.toString());
+      line.setAttribute("y2", B.y.toString());
+      line.setAttribute("stroke-dasharray", strokeDasharray.toString());
+      line.setAttribute("stroke-dashoffset", strokeDashoffset.toString());
+      strokeElement.appendChild(line);
+    }
+  }
+  const fillElement = (0, import_ShapeFill.getShapeFillSvg)({
+    d: "M" + outline[0] + "L" + outline.slice(1) + "Z",
+    fill,
+    color,
+    theme
+  });
+  return (0, import_ShapeFill.getSvgWithShapeFill)(strokeElement, fillElement);
+}
+//# sourceMappingURL=DashStylePolygon.js.map

package/dist-cjs/lib/shapes/geo/components/DashStylePolygon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/DashStylePolygon.tsx"],
+  "sourcesContent": ["import { TLDefaultColorTheme, TLGeoShape, Vec2d, VecLike } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport {\n\tShapeFill,\n\tgetShapeFillSvg,\n\tgetSvgWithShapeFill,\n\tuseDefaultColorTheme,\n} from '../../shared/ShapeFill'\nimport { getPerfectDashProps } from '../../shared/getPerfectDashProps'\n\nexport const DashStylePolygon = React.memo(function DashStylePolygon({\n\tdash,\n\tfill,\n\tcolor,\n\tstrokeWidth,\n\toutline,\n\tlines,\n}: Pick<TLGeoShape['props'], 'dash' | 'fill' | 'color'> & {\n\tstrokeWidth: number\n\toutline: VecLike[]\n\tlines?: VecLike[][]\n}) {\n\tconst theme = useDefaultColorTheme()\n\tconst innerPath = 'M' + outline[0] + 'L' + outline.slice(1) + 'Z'\n\n\treturn (\n\t\t<>\n\t\t\t<ShapeFill theme={theme} d={innerPath} fill={fill} color={color} />\n\t\t\t<g strokeWidth={strokeWidth} stroke={theme[color].solid} fill=\"none\" pointerEvents=\"all\">\n\t\t\t\t{Array.from(Array(outline.length)).map((_, i) => {\n\t\t\t\t\tconst A = outline[i]\n\t\t\t\t\tconst B = outline[(i + 1) % outline.length]\n\n\t\t\t\t\tconst dist = Vec2d.Dist(A, B)\n\n\t\t\t\t\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(dist, strokeWidth, {\n\t\t\t\t\t\tstyle: dash,\n\t\t\t\t\t\tstart: 'outset',\n\t\t\t\t\t\tend: 'outset',\n\t\t\t\t\t})\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<line\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\tx1={A.x}\n\t\t\t\t\t\t\ty1={A.y}\n\t\t\t\t\t\t\tx2={B.x}\n\t\t\t\t\t\t\ty2={B.y}\n\t\t\t\t\t\t\tstrokeDasharray={strokeDasharray}\n\t\t\t\t\t\t\tstrokeDashoffset={strokeDashoffset}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t\t{lines &&\n\t\t\t\t\tlines.map(([A, B], i) => {\n\t\t\t\t\t\tconst dist = Vec2d.Dist(A, B)\n\n\t\t\t\t\t\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(dist, strokeWidth, {\n\t\t\t\t\t\t\tstyle: dash,\n\t\t\t\t\t\t\tstart: 'skip',\n\t\t\t\t\t\t\tend: 'outset',\n\t\t\t\t\t\t\tsnap: dash === 'dotted' ? 4 : undefined,\n\t\t\t\t\t\t})\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tkey={`line_fg_${i}`}\n\t\t\t\t\t\t\t\td={`M${A.x},${A.y}L${B.x},${B.y}`}\n\t\t\t\t\t\t\t\tstroke={theme[color].solid}\n\t\t\t\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstrokeDasharray={strokeDasharray}\n\t\t\t\t\t\t\t\tstrokeDashoffset={strokeDashoffset}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t</g>\n\t\t</>\n\t)\n})\n\nexport function DashStylePolygonSvg({\n\tdash,\n\tfill,\n\tcolor,\n\ttheme,\n\tstrokeWidth,\n\toutline,\n\tlines,\n}: Pick<TLGeoShape['props'], 'dash' | 'fill' | 'color'> & {\n\toutline: VecLike[]\n\tstrokeWidth: number\n\ttheme: TLDefaultColorTheme\n\tlines?: VecLike[][]\n}) {\n\tconst strokeElement = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n\tstrokeElement.setAttribute('stroke-width', strokeWidth.toString())\n\tstrokeElement.setAttribute('stroke', theme[color].solid)\n\tstrokeElement.setAttribute('fill', 'none')\n\n\tArray.from(Array(outline.length)).forEach((_, i) => {\n\t\tconst A = outline[i]\n\t\tconst B = outline[(i + 1) % outline.length]\n\n\t\tconst dist = Vec2d.Dist(A, B)\n\t\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(dist, strokeWidth, {\n\t\t\tstyle: dash,\n\t\t})\n\n\t\tconst line = document.createElementNS('http://www.w3.org/2000/svg', 'line')\n\t\tline.setAttribute('x1', A.x.toString())\n\t\tline.setAttribute('y1', A.y.toString())\n\t\tline.setAttribute('x2', B.x.toString())\n\t\tline.setAttribute('y2', B.y.toString())\n\t\tline.setAttribute('stroke-dasharray', strokeDasharray.toString())\n\t\tline.setAttribute('stroke-dashoffset', strokeDashoffset.toString())\n\n\t\tstrokeElement.appendChild(line)\n\t})\n\n\tif (lines) {\n\t\tfor (const [A, B] of lines) {\n\t\t\tconst dist = Vec2d.Dist(A, B)\n\t\t\tconst { strokeDasharray, strokeDashoffset } = getPerfectDashProps(dist, strokeWidth, {\n\t\t\t\tstyle: dash,\n\t\t\t\tstart: 'skip',\n\t\t\t\tend: 'skip',\n\t\t\t\tsnap: dash === 'dotted' ? 4 : 2,\n\t\t\t})\n\n\t\t\tconst line = document.createElementNS('http://www.w3.org/2000/svg', 'line')\n\t\t\tline.setAttribute('x1', A.x.toString())\n\t\t\tline.setAttribute('y1', A.y.toString())\n\t\t\tline.setAttribute('x2', B.x.toString())\n\t\t\tline.setAttribute('y2', B.y.toString())\n\t\t\tline.setAttribute('stroke-dasharray', strokeDasharray.toString())\n\t\t\tline.setAttribute('stroke-dashoffset', strokeDashoffset.toString())\n\n\t\t\tstrokeElement.appendChild(line)\n\t\t}\n\t}\n\n\t// Get the fill element, if any\n\tconst fillElement = getShapeFillSvg({\n\t\td: 'M' + outline[0] + 'L' + outline.slice(1) + 'Z',\n\t\tfill,\n\t\tcolor,\n\t\ttheme,\n\t})\n\n\treturn getSvgWithShapeFill(strokeElement, fillElement)\n}\n"],
+  "mappings": "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",
+  "names": ["DashStylePolygon"]
+}

package/dist-cjs/lib/shapes/geo/components/DrawStyleCloud.js

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrawStyleCloud_exports = {};
+__export(DrawStyleCloud_exports, {
+  DrawStyleCloud: () => DrawStyleCloud,
+  DrawStyleCloudSvg: () => DrawStyleCloudSvg
+});
+module.exports = __toCommonJS(DrawStyleCloud_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_ShapeFill = require("../../shared/ShapeFill");
+var import_cloudOutline = require("../cloudOutline");
+const DrawStyleCloud = React.memo(function StyleCloud({
+  fill,
+  color,
+  strokeWidth,
+  w,
+  h,
+  id,
+  size
+}) {
+  const theme = (0, import_ShapeFill.useDefaultColorTheme)();
+  const path = (0, import_cloudOutline.inkyCloudSvgPath)(w, h, id, size);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShapeFill.ShapeFill, { theme, d: path, fill, color }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: path, stroke: theme[color].solid, strokeWidth, fill: "none" })
+  ] });
+});
+function DrawStyleCloudSvg({
+  fill,
+  color,
+  strokeWidth,
+  theme,
+  w,
+  h,
+  id,
+  size
+}) {
+  const pathData = (0, import_cloudOutline.inkyCloudSvgPath)(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 = (0, import_ShapeFill.getShapeFillSvg)({
+    d: pathData,
+    fill,
+    color,
+    theme
+  });
+  return (0, import_ShapeFill.getSvgWithShapeFill)(strokeElement, fillElement);
+}
+//# sourceMappingURL=DrawStyleCloud.js.map

package/dist-cjs/lib/shapes/geo/components/DrawStyleCloud.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/geo/components/DrawStyleCloud.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 { inkyCloudSvgPath } from '../cloudOutline'\n\nexport const DrawStyleCloud = React.memo(function StyleCloud({\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 = inkyCloudSvgPath(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 DrawStyleCloudSvg({\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 = inkyCloudSvgPath(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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BE;AAzBF,YAAuB;AACvB,uBAKO;AACP,0BAAiC;AAE1B,MAAM,iBAAiB,MAAM,KAAK,SAAS,WAAW;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAGG;AACF,QAAM,YAAQ,uCAAqB;AACnC,QAAM,WAAO,sCAAiB,GAAG,GAAG,IAAI,IAAI;AAE5C,SACC,4EACC;AAAA,gDAAC,8BAAU,OAAc,GAAG,MAAM,MAAY,OAAc;AAAA,IAC5D,4CAAC,UAAK,GAAG,MAAM,QAAQ,MAAM,KAAK,EAAE,OAAO,aAA0B,MAAK,QAAO;AAAA,KAClF;AAEF,CAAC;AAEM,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,eAAW,sCAAiB,GAAG,GAAG,IAAI,IAAI;AAEhD,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,kBAAc,kCAAgB;AAAA,IACnC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,aAAO,sCAAoB,eAAe,WAAW;AACtD;",
+  "names": []
+}