@opentiny/fluent-editor 4.0.0-alpha.10 → 4.0.0-alpha.11

package/lib/modules/flow-chart/config-utils.cjs.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getGridConfig(quill) {
+  var _a, _b, _c;
+  const defaultGrid = {
+    size: 20,
+    visible: true,
+    type: "dot",
+    config: {
+      color: "#ababab",
+      thickness: 1
+    }
+  };
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return defaultGrid;
+  }
+  if ("grid" in flowChartModule) {
+    const grid = flowChartModule.grid;
+    if (grid === false || grid === void 0) {
+      return null;
+    }
+    if (typeof grid === "object" && grid !== null) {
+      const typedGrid = grid;
+      const gridConfig = {
+        size: typedGrid.size || defaultGrid.size,
+        visible: typedGrid.visible !== void 0 ? typedGrid.visible : defaultGrid.visible,
+        type: typedGrid.type || defaultGrid.type,
+        config: {
+          color: ((_b = typedGrid.config) == null ? void 0 : _b.color) || defaultGrid.config.color,
+          thickness: ((_c = typedGrid.config) == null ? void 0 : _c.thickness) || defaultGrid.config.thickness
+        }
+      };
+      return gridConfig;
+    }
+  }
+  return defaultGrid;
+}
+function getBackgroundConfig(quill) {
+  var _a;
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return false;
+  }
+  if ("background" in flowChartModule) {
+    const background = flowChartModule.background;
+    if (background === false || background === void 0) {
+      return false;
+    }
+    if (typeof background === "object" && background !== null) {
+      const typedBackground = background;
+      const backgroundConfig = {};
+      if (typedBackground.color) {
+        backgroundConfig.backgroundColor = typedBackground.color;
+      }
+      if (typedBackground.image) {
+        backgroundConfig.backgroundImage = typedBackground.image;
+      }
+      if (typedBackground.repeat) {
+        backgroundConfig.backgroundRepeat = typedBackground.repeat;
+      }
+      if (typedBackground.position) {
+        backgroundConfig.backgroundPosition = typedBackground.position;
+      }
+      if (typedBackground.size) {
+        backgroundConfig.backgroundSize = typedBackground.size;
+      }
+      if (typedBackground.opacity) {
+        backgroundConfig.opacity = typedBackground.opacity;
+      }
+      return backgroundConfig;
+    }
+  }
+  return false;
+}
+function getResizeConfig(quill) {
+  var _a;
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return false;
+  }
+  if ("resize" in flowChartModule) {
+    const resize = flowChartModule.resize;
+    return resize === true;
+  }
+  return false;
+}
+function getAllConfigs(quill) {
+  var _a, _b;
+  const deps = (_b = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"]) == null ? void 0 : _b.deps;
+  return {
+    gridConfig: getGridConfig(quill),
+    backgroundConfig: getBackgroundConfig(quill),
+    resizeConfig: getResizeConfig(quill),
+    deps
+  };
+}
+exports.getAllConfigs = getAllConfigs;
+exports.getBackgroundConfig = getBackgroundConfig;
+exports.getGridConfig = getGridConfig;
+exports.getResizeConfig = getResizeConfig;
+//# sourceMappingURL=config-utils.cjs.js.map

package/lib/modules/flow-chart/config-utils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-utils.cjs.js","sources":["../../../../src/modules/flow-chart/config-utils.ts"],"sourcesContent":["import type Quill from 'quill'\nimport type { BackgroundConfig, GridOptions } from './options'\n\nexport function getGridConfig(quill: Quill | null): any {\n  const defaultGrid = {\n    size: 20,\n    visible: true,\n    type: 'dot',\n    config: {\n      color: '#ababab',\n      thickness: 1,\n    },\n  }\n\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return defaultGrid\n  }\n\n  if ('grid' in flowChartModule) {\n    const grid = flowChartModule.grid as GridOptions | boolean | undefined\n    if (grid === false || grid === undefined) {\n      return null\n    }\n\n    if (typeof grid === 'object' && grid !== null) {\n      const typedGrid = grid as GridOptions\n      const gridConfig = {\n        size: typedGrid.size || defaultGrid.size,\n        visible: typedGrid.visible !== undefined ? typedGrid.visible : defaultGrid.visible,\n        type: typedGrid.type || defaultGrid.type,\n        config: {\n          color: typedGrid.config?.color || defaultGrid.config.color,\n          thickness: typedGrid.config?.thickness || defaultGrid.config.thickness,\n        },\n      }\n\n      return gridConfig\n    }\n  }\n\n  return defaultGrid\n}\n\nexport function getBackgroundConfig(quill: Quill | null): false | object {\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return false\n  }\n  if ('background' in flowChartModule) {\n    const background = flowChartModule.background as BackgroundConfig | boolean | undefined\n\n    if (background === false || background === undefined) {\n      return false\n    }\n    if (typeof background === 'object' && background !== null) {\n      const typedBackground = background as BackgroundConfig\n      const backgroundConfig: any = {}\n\n      if (typedBackground.color) {\n        backgroundConfig.backgroundColor = typedBackground.color\n      }\n      if (typedBackground.image) {\n        backgroundConfig.backgroundImage = typedBackground.image\n      }\n      if (typedBackground.repeat) {\n        backgroundConfig.backgroundRepeat = typedBackground.repeat\n      }\n      if (typedBackground.position) {\n        backgroundConfig.backgroundPosition = typedBackground.position\n      }\n      if (typedBackground.size) {\n        backgroundConfig.backgroundSize = typedBackground.size\n      }\n      if (typedBackground.opacity) {\n        backgroundConfig.opacity = typedBackground.opacity\n      }\n      return backgroundConfig\n    }\n  }\n  return false\n}\n\nexport function getResizeConfig(quill: Quill | null): boolean {\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return false\n  }\n  if ('resize' in flowChartModule) {\n    const resize = (flowChartModule as any).resize as boolean | undefined\n    return resize === true\n  }\n  return false\n}\n\nexport function getAllConfigs(quill: Quill | null): {\n  gridConfig: any\n  backgroundConfig: false | object\n  resizeConfig: boolean\n  deps?: any\n} {\n  const deps = (quill?.options.modules?.['flow-chart'] as any)?.deps\n  return {\n    gridConfig: getGridConfig(quill),\n    backgroundConfig: getBackgroundConfig(quill),\n    resizeConfig: getResizeConfig(quill),\n    deps,\n  }\n}\n"],"names":[],"mappings":";;AAGO,SAAS,cAAc,OAA0B;;AACtD,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAGF,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,iBAAiB;AAC7B,UAAM,OAAO,gBAAgB;AAC7B,QAAI,SAAS,SAAS,SAAS,QAAW;AACxC,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,SAAS,YAAY,SAAS,MAAM;AAC7C,YAAM,YAAY;AAClB,YAAM,aAAa;AAAA,QACjB,MAAM,UAAU,QAAQ,YAAY;AAAA,QACpC,SAAS,UAAU,YAAY,SAAY,UAAU,UAAU,YAAY;AAAA,QAC3E,MAAM,UAAU,QAAQ,YAAY;AAAA,QACpC,QAAQ;AAAA,UACN,SAAO,eAAU,WAAV,mBAAkB,UAAS,YAAY,OAAO;AAAA,UACrD,aAAW,eAAU,WAAV,mBAAkB,cAAa,YAAY,OAAO;AAAA,QAAA;AAAA,MAC/D;AAGF,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,oBAAoB,OAAqC;;AACvE,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,iBAAiB;AACnC,UAAM,aAAa,gBAAgB;AAEnC,QAAI,eAAe,SAAS,eAAe,QAAW;AACpD,aAAO;AAAA,IACT;AACA,QAAI,OAAO,eAAe,YAAY,eAAe,MAAM;AACzD,YAAM,kBAAkB;AACxB,YAAM,mBAAwB,CAAA;AAE9B,UAAI,gBAAgB,OAAO;AACzB,yBAAiB,kBAAkB,gBAAgB;AAAA,MACrD;AACA,UAAI,gBAAgB,OAAO;AACzB,yBAAiB,kBAAkB,gBAAgB;AAAA,MACrD;AACA,UAAI,gBAAgB,QAAQ;AAC1B,yBAAiB,mBAAmB,gBAAgB;AAAA,MACtD;AACA,UAAI,gBAAgB,UAAU;AAC5B,yBAAiB,qBAAqB,gBAAgB;AAAA,MACxD;AACA,UAAI,gBAAgB,MAAM;AACxB,yBAAiB,iBAAiB,gBAAgB;AAAA,MACpD;AACA,UAAI,gBAAgB,SAAS;AAC3B,yBAAiB,UAAU,gBAAgB;AAAA,MAC7C;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA8B;;AAC5D,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AACA,MAAI,YAAY,iBAAiB;AAC/B,UAAM,SAAU,gBAAwB;AACxC,WAAO,WAAW;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAK5B;;AACA,QAAM,QAAQ,0CAAO,QAAQ,YAAf,mBAAyB,kBAAzB,mBAAgD;AAC9D,SAAO;AAAA,IACL,YAAY,cAAc,KAAK;AAAA,IAC/B,kBAAkB,oBAAoB,KAAK;AAAA,IAC3C,cAAc,gBAAgB,KAAK;AAAA,IACnC;AAAA,EAAA;AAEJ;;;;;"}

package/lib/modules/flow-chart/formats/flow-chart-blot.cjs.js

@@ -0,0 +1,369 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Quill = require("quill");
+const configUtils = require("../config-utils.cjs.js");
+const icons = require("../icons.cjs.js");
+const contextMenu = require("../modules/context-menu.cjs.js");
+const controlPanel = require("../modules/control-panel.cjs.js");
+const customResizeAction = require("../modules/custom-resize-action.cjs.js");
+;/* empty css                            */
+const BlockEmbed = Quill.import("blots/embed");
+const _FlowChartPlaceholderBlot = class _FlowChartPlaceholderBlot extends BlockEmbed {
+  constructor(scroll, domNode) {
+    super(scroll, domNode);
+    __publicField(this, "quill", null);
+    __publicField(this, "flowChart", null);
+    __publicField(this, "data");
+    __publicField(this, "contextMenu", null);
+    __publicField(this, "currentElement", null);
+    __publicField(this, "width", 100);
+    __publicField(this, "height", 500);
+    __publicField(this, "parentObserver", null);
+    __publicField(this, "nextPObserver", null);
+    const data = _FlowChartPlaceholderBlot.value(domNode);
+    this.width = data.width || 100;
+    this.height = data.height || 500;
+    this.domNode.style.width = `${this.width}${data.width ? "px" : "%"}`;
+    this.domNode.style.height = `${this.height}px`;
+    this.domNode.style.maxWidth = "100%";
+    this.domNode.style.border = "1px solid #e8e8e8";
+    this.domNode.setAttribute("contenteditable", "false");
+    this.data = _FlowChartPlaceholderBlot.value(this.domNode);
+    this.initFlowChart();
+  }
+  static value(domNode) {
+    const dataStr = JSON.parse(domNode.getAttribute("data-flow-chart"));
+    const value = dataStr.root ? dataStr.root : dataStr;
+    if (domNode.hasAttribute("width")) {
+      value.width = Number.parseInt(domNode.getAttribute("width"), 10);
+    }
+    if (domNode.hasAttribute("height")) {
+      value.height = Number.parseInt(domNode.getAttribute("height"), 10);
+    }
+    return dataStr.root ? dataStr.root : dataStr;
+  }
+  static create(value) {
+    const node = super.create();
+    if (value) {
+      node.setAttribute("data-flow-chart", JSON.stringify(value));
+    }
+    if (value.width) {
+      node.setAttribute("width", String(value.width));
+      node.style.width = `${value.width}%`;
+    }
+    if (value.height) {
+      node.setAttribute("height", String(value.height));
+      node.style.height = `${value.height}px`;
+    }
+    node.setAttribute("contenteditable", "false");
+    return node;
+  }
+  static findQuill(el) {
+    let cur = el;
+    while (cur) {
+      const q = cur.__quillInstance;
+      if (q) return q;
+      cur = cur.parentElement;
+    }
+    return null;
+  }
+  attach() {
+    super.attach();
+    this.quill = _FlowChartPlaceholderBlot.findQuill(this.domNode);
+  }
+  initFlowChart() {
+    if (this.domNode.isConnected) {
+      this.insertFlowChartEditor();
+    } else {
+      const observer = new MutationObserver(() => {
+        if (this.domNode.isConnected) {
+          this.insertFlowChartEditor();
+          observer.disconnect();
+        }
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    }
+  }
+  insertFlowChartEditor() {
+    this.domNode.style.width = `${this.width}${this.data.width ? "px" : "%"}`;
+    this.domNode.style.height = `${this.height}px`;
+    this.updateAlignmentStyle();
+    this.observeParentAlignment();
+    const { gridConfig, backgroundConfig, resizeConfig, deps } = configUtils.getAllConfigs(this.quill);
+    const { LogicFlow, DndPanel, SelectionSelect, Snapshot } = deps || window;
+    this.flowChart = new LogicFlow({
+      container: this.domNode,
+      stopScrollGraph: true,
+      stopZoomGraph: true,
+      allowResize: true,
+      allowRotate: true,
+      editable: true,
+      preventDefaultDoubleClick: true,
+      preventDefault: true,
+      grid: gridConfig,
+      background: backgroundConfig,
+      plugins: [DndPanel, SelectionSelect, Snapshot]
+    });
+    this.flowChart.setPatternItems([
+      {
+        className: "lf-shape-dashed",
+        callback: () => {
+          this.flowChart.openSelectionSelect();
+          this.flowChart.once("selection:selected", () => {
+            this.flowChart.closeSelectionSelect();
+          });
+        }
+      },
+      {
+        type: "rect",
+        text: "矩形",
+        className: "lf-shape-rect"
+      },
+      {
+        type: "circle",
+        text: "圆形",
+        className: "lf-shape-circle"
+      },
+      {
+        type: "ellipse",
+        text: "椭圆",
+        className: "lf-shape-ellipse"
+      },
+      {
+        type: "diamond",
+        text: "菱形",
+        className: "lf-shape-diamond"
+      }
+    ]);
+    if (resizeConfig) {
+      new customResizeAction.FlowChartResizeAction(this);
+    }
+    controlPanel.createControlPanel(this, this.quill);
+    contextMenu.initContextMenu(this, this.quill);
+    this.observeOwnParentChange();
+    this.observeNextPElement();
+    this.addMouseHoverEvents();
+    this.flowChart.render(this.data);
+    this.flowChart.on("graph:updated", () => {
+      this.data = this.flowChart.getGraphData();
+      this.domNode.setAttribute("data-flow-chart", JSON.stringify(this.data));
+    });
+    this.flowChart.on("history:change", () => {
+      this.data = this.flowChart.getGraphData();
+      this.domNode.setAttribute("data-flow-chart", JSON.stringify(this.data));
+    });
+    this.flowChart.on("node:dbclick", this.handleNodeDblClick.bind(this));
+    this.flowChart.on("edge:dbclick", this.handleNodeDblClick.bind(this));
+    this.domNode.addEventListener("click", (e) => {
+      if (this.quill) {
+        const flowChartBlot = Quill.find(this.domNode);
+        const index = this.quill.getIndex(flowChartBlot);
+        if (index && typeof index === "number") {
+          this.quill.setSelection(index + 1, 0);
+        }
+      }
+    });
+  }
+  addMouseHoverEvents() {
+    this.domNode.addEventListener("mouseenter", () => {
+      this.showControlPanel();
+    });
+    this.domNode.addEventListener("mouseleave", () => {
+      var _a;
+      (_a = this.flowChart) == null ? void 0 : _a.clearSelectElements();
+      this.hideControlPanel();
+    });
+  }
+  getControlElements() {
+    const leftUpControl = this.domNode.querySelector(".lf-dndpanel");
+    const control = this.domNode.querySelector(".ql-flow-chart-control");
+    const panelStatusIcon = this.domNode.querySelector('[data-control-type="panel-status"]');
+    return { leftUpControl, control, panelStatusIcon };
+  }
+  showControlPanel() {
+    const { leftUpControl, control, panelStatusIcon } = this.getControlElements();
+    if (!leftUpControl || !control) return;
+    leftUpControl.style.display = "block";
+    control.style.display = "flex";
+    if (panelStatusIcon) {
+      const iconElement = panelStatusIcon.querySelector("i") || panelStatusIcon;
+      iconElement.innerHTML = icons.expandIcon;
+    }
+  }
+  hideControlPanel() {
+    const { leftUpControl, control, panelStatusIcon } = this.getControlElements();
+    if (!leftUpControl || !control) return;
+    leftUpControl.style.display = "none";
+    control.style.display = "none";
+    if (panelStatusIcon) {
+      const iconElement = panelStatusIcon.querySelector("i") || panelStatusIcon;
+      iconElement.innerHTML = icons.contractIcon;
+    }
+  }
+  observeOwnParentChange() {
+    let currentParent = this.domNode.parentElement;
+    const observer = new MutationObserver(() => {
+      if (this.domNode.parentElement !== currentParent) {
+        currentParent = this.domNode.parentElement;
+        this.observeParentAlignment();
+      }
+    });
+    observer.observe(document.body, {
+      attributes: false,
+      childList: true,
+      subtree: true
+    });
+  }
+  observeParentAlignment() {
+    if (this.parentObserver) {
+      this.parentObserver.disconnect();
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.attributeName === "class") {
+          this.updateAlignmentStyle();
+        }
+      });
+    });
+    this.parentObserver = observer;
+    const parent = this.domNode.parentElement;
+    if (parent) {
+      observer.observe(parent, {
+        attributes: true,
+        attributeFilter: ["class"]
+      });
+      this.updateAlignmentStyle();
+    }
+  }
+  updateAlignmentStyle() {
+    const parent = this.domNode.parentElement;
+    if (!parent) return;
+    this.domNode.style.margin = "";
+    this.domNode.style.display = "block";
+    if (parent.classList.contains("ql-align-center")) {
+      this.domNode.style.margin = "0 auto";
+    } else if (parent.classList.contains("ql-align-right")) {
+      this.domNode.style.marginLeft = "auto";
+      this.domNode.style.marginRight = "0";
+    } else {
+      this.domNode.style.marginLeft = "0";
+      this.domNode.style.marginRight = "auto";
+    }
+  }
+  observeNextPElement() {
+    if (this.nextPObserver) {
+      this.nextPObserver.disconnect();
+    }
+    const parentElement = this.domNode.parentElement;
+    if (!parentElement) {
+      return;
+    }
+    const trackedParentElement = parentElement;
+    const parentElementId = parentElement.getAttribute("id") || `flow-chart-parent-${Date.now()}`;
+    parentElement.setAttribute("id", parentElementId);
+    const observer = new MutationObserver(() => {
+      if (!document.contains(trackedParentElement)) {
+        const elementById = document.getElementById(parentElementId);
+        if (!elementById) {
+          this.remove();
+          observer.disconnect();
+        }
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    this.nextPObserver = observer;
+  }
+  // 处理节点双击事件
+  handleNodeDblClick(event) {
+    const { data, position, e } = event;
+    if (data && data.id) {
+      this.createEditInput(data, position, e);
+    }
+  }
+  // 创建编辑输入框
+  createEditInput(nodeData, position, e) {
+    var _a;
+    const input = document.createElement("textarea");
+    input.className = "ql-flow-chart-edit-input";
+    input.value = ((_a = nodeData.text) == null ? void 0 : _a.value) || "";
+    const autoResize = () => {
+      input.style.height = "auto";
+      input.style.height = `${input.scrollHeight}px`;
+    };
+    Object.assign(input.style, {
+      position: "absolute",
+      boxSizing: "border-box",
+      width: "100px",
+      height: "35px",
+      padding: "5px",
+      lineHeight: "1.2",
+      whiteSpace: "pre",
+      textAlign: "center",
+      background: "#fff",
+      border: "1px solid #edefed",
+      borderRadius: "3px",
+      outline: "none",
+      transform: "translate(-50%, -50%)",
+      resize: "none",
+      zIndex: "1000",
+      left: `${e.pageX}px`,
+      top: `${e.pageY}px`,
+      overflow: "hidden"
+    });
+    document.body.appendChild(input);
+    autoResize();
+    input.addEventListener("input", autoResize);
+    input.addEventListener("keydown", (e2) => {
+      if (e2.key === "Enter" && !e2.shiftKey) {
+        this.flowChart.updateText(nodeData.id, input.value);
+        autoResize();
+      }
+    });
+    input.focus();
+    this.flowChart.on("blank:mousedown", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+    this.flowChart.on("node:click", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+    this.flowChart.on("edge:click", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+  }
+  updateText(nodeId, text) {
+    this.flowChart.updateNode(nodeId, {
+      text: { value: text }
+    });
+  }
+  destroyFlowChart() {
+    if (this.flowChart) {
+      this.flowChart.destroy();
+      this.flowChart = null;
+    }
+    const editInputs = document.querySelectorAll(".ql-flow-chart-edit-input");
+    editInputs.forEach((input) => input.remove());
+    if (this.nextPObserver) {
+      this.nextPObserver.disconnect();
+      this.nextPObserver = null;
+    }
+  }
+  remove() {
+    this.destroyFlowChart();
+    super.remove();
+  }
+};
+__publicField(_FlowChartPlaceholderBlot, "blotName", "flow-chart");
+__publicField(_FlowChartPlaceholderBlot, "tagName", "div");
+__publicField(_FlowChartPlaceholderBlot, "className", "ql-flow-chart-item");
+let FlowChartPlaceholderBlot = _FlowChartPlaceholderBlot;
+exports.default = FlowChartPlaceholderBlot;
+//# sourceMappingURL=flow-chart-blot.cjs.js.map

package/lib/modules/flow-chart/formats/flow-chart-blot.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-chart-blot.cjs.js","sources":["../../../../../src/modules/flow-chart/formats/flow-chart-blot.ts"],"sourcesContent":["import type { Root } from 'parchment'\nimport type { BlockEmbed as TypeBlockEmbed } from 'quill/blots/block'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport Quill from 'quill'\nimport { getAllConfigs } from '../config-utils'\nimport { contractIcon, expandIcon } from '../icons'\nimport { initContextMenu } from '../modules/context-menu'\nimport { createControlPanel } from '../modules/control-panel'\nimport { FlowChartResizeAction } from '../modules/custom-resize-action'\nimport '../style/flow-chart.scss'\n\nconst BlockEmbed = Quill.import('blots/embed') as typeof TypeBlockEmbed\nclass FlowChartPlaceholderBlot extends BlockEmbed {\n  static blotName = 'flow-chart'\n  static tagName = 'div'\n  static className = 'ql-flow-chart-item'\n  quill: Quill | null = null\n  flowChart: any | null = null\n  data: any\n  contextMenu: HTMLElement | null = null\n  currentElement: any = null\n  width: number = 100\n  height: number = 500\n  parentObserver: MutationObserver | null = null\n  nextPObserver: MutationObserver | null = null\n\n  constructor(scroll: Root, domNode: HTMLElement) {\n    super(scroll, domNode)\n    const data = FlowChartPlaceholderBlot.value(domNode)\n    this.width = data.width || 100\n    this.height = data.height || 500\n    this.domNode.style.width = `${this.width}${data.width ? 'px' : '%'}`\n    this.domNode.style.height = `${this.height}px`\n    this.domNode.style.maxWidth = '100%'\n    this.domNode.style.border = '1px solid #e8e8e8'\n    this.domNode.setAttribute('contenteditable', 'false')\n    this.data = FlowChartPlaceholderBlot.value(this.domNode)\n    this.initFlowChart()\n  }\n\n  static value(domNode: HTMLElement): any {\n    const dataStr = JSON.parse(domNode.getAttribute('data-flow-chart'))\n    const value = dataStr.root ? dataStr.root : dataStr\n    if (domNode.hasAttribute('width')) {\n      value.width = Number.parseInt(domNode.getAttribute('width'), 10)\n    }\n    if (domNode.hasAttribute('height')) {\n      value.height = Number.parseInt(domNode.getAttribute('height'), 10)\n    }\n    return dataStr.root ? dataStr.root : dataStr\n  }\n\n  static create(value: any): HTMLElement {\n    const node = super.create() as HTMLElement\n    if (value) {\n      node.setAttribute('data-flow-chart', JSON.stringify(value))\n    }\n    if (value.width) {\n      node.setAttribute('width', String(value.width))\n      node.style.width = `${value.width}%`\n    }\n    if (value.height) {\n      node.setAttribute('height', String(value.height))\n      node.style.height = `${value.height}px`\n    }\n    node.setAttribute('contenteditable', 'false')\n    return node\n  }\n\n  private static findQuill(el: HTMLElement): Quill | null {\n    let cur: HTMLElement | null = el\n    while (cur) {\n      const q = (cur as any).__quillInstance\n      if (q) return q\n      cur = cur.parentElement\n    }\n    return null\n  }\n\n  attach() {\n    super.attach()\n    this.quill = FlowChartPlaceholderBlot.findQuill(this.domNode)\n  }\n\n  initFlowChart(): void {\n    if (this.domNode.isConnected) {\n      this.insertFlowChartEditor()\n    }\n    else {\n      const observer = new MutationObserver(() => {\n        if (this.domNode.isConnected) {\n          this.insertFlowChartEditor()\n          observer.disconnect()\n        }\n      })\n      observer.observe(document.body, { childList: true, subtree: true })\n    }\n  }\n\n  insertFlowChartEditor(): void {\n    this.domNode.style.width = `${this.width}${this.data.width ? 'px' : '%'}`\n    this.domNode.style.height = `${this.height}px`\n    this.updateAlignmentStyle()\n    this.observeParentAlignment()\n    const { gridConfig, backgroundConfig, resizeConfig, deps } = getAllConfigs(this.quill)\n    const { LogicFlow, DndPanel, SelectionSelect, Snapshot } = deps || window as any\n    this.flowChart = new LogicFlow({\n      container: this.domNode,\n      stopScrollGraph: true,\n      stopZoomGraph: true,\n      allowResize: true,\n      allowRotate: true,\n      editable: true,\n      preventDefaultDoubleClick: true,\n      preventDefault: true,\n      grid: gridConfig,\n      background: backgroundConfig,\n      plugins: [DndPanel, SelectionSelect, Snapshot],\n    })\n    this.flowChart.setPatternItems([\n      {\n        className: 'lf-shape-dashed',\n        callback: () => {\n          this.flowChart.openSelectionSelect()\n          this.flowChart.once('selection:selected', () => {\n            this.flowChart.closeSelectionSelect()\n          })\n        },\n      },\n      {\n        type: 'rect',\n        text: '矩形',\n        className: 'lf-shape-rect',\n      },\n      {\n        type: 'circle',\n        text: '圆形',\n        className: 'lf-shape-circle',\n      },\n      {\n        type: 'ellipse',\n        text: '椭圆',\n        className: 'lf-shape-ellipse',\n      },\n      {\n        type: 'diamond',\n        text: '菱形',\n        className: 'lf-shape-diamond',\n      },\n    ])\n    if (resizeConfig) {\n      new FlowChartResizeAction(this)\n    }\n    createControlPanel(this, this.quill as FluentEditor) // 创建控制面板\n    initContextMenu(this, this.quill as FluentEditor) // 初始化右键菜单\n    this.observeOwnParentChange()\n    this.observeNextPElement()\n    this.addMouseHoverEvents()\n    this.flowChart.render(this.data)\n    this.flowChart.on('graph:updated', () => {\n      this.data = this.flowChart.getGraphData()\n      this.domNode.setAttribute('data-flow-chart', JSON.stringify(this.data))\n    })\n    this.flowChart.on('history:change', () => {\n      this.data = this.flowChart.getGraphData()\n      this.domNode.setAttribute('data-flow-chart', JSON.stringify(this.data))\n    })\n    this.flowChart.on('node:dbclick', this.handleNodeDblClick.bind(this))\n    this.flowChart.on('edge:dbclick', this.handleNodeDblClick.bind(this))\n    this.domNode.addEventListener('click', (e) => {\n      if (this.quill) {\n        const flowChartBlot = Quill.find(this.domNode)\n        const index = this.quill.getIndex(flowChartBlot as FlowChartPlaceholderBlot)\n        if (index && typeof index === 'number') {\n          this.quill.setSelection(index + 1, 0)\n        }\n      }\n    })\n  }\n\n  addMouseHoverEvents(): void {\n    this.domNode.addEventListener('mouseenter', () => {\n      this.showControlPanel()\n    })\n\n    this.domNode.addEventListener('mouseleave', () => {\n      this.flowChart?.clearSelectElements()\n      this.hideControlPanel()\n    })\n  }\n\n  getControlElements(): { leftUpControl: HTMLElement | null, control: HTMLElement | null, panelStatusIcon: HTMLElement | null } {\n    const leftUpControl = this.domNode.querySelector('.lf-dndpanel') as HTMLElement | null\n    const control = this.domNode.querySelector('.ql-flow-chart-control') as HTMLElement | null\n    const panelStatusIcon = this.domNode.querySelector('[data-control-type=\"panel-status\"]') as HTMLElement | null\n    return { leftUpControl, control, panelStatusIcon }\n  }\n\n  showControlPanel(): void {\n    const { leftUpControl, control, panelStatusIcon } = this.getControlElements()\n    if (!leftUpControl || !control) return\n\n    leftUpControl.style.display = 'block'\n    control.style.display = 'flex'\n    if (panelStatusIcon) {\n      const iconElement = panelStatusIcon.querySelector('i') || panelStatusIcon\n      iconElement.innerHTML = expandIcon\n    }\n  }\n\n  hideControlPanel(): void {\n    const { leftUpControl, control, panelStatusIcon } = this.getControlElements()\n    if (!leftUpControl || !control) return\n\n    leftUpControl.style.display = 'none'\n    control.style.display = 'none'\n    if (panelStatusIcon) {\n      const iconElement = panelStatusIcon.querySelector('i') || panelStatusIcon\n      iconElement.innerHTML = contractIcon\n    }\n  }\n\n  observeOwnParentChange(): void {\n    let currentParent = this.domNode.parentElement\n    const observer = new MutationObserver(() => {\n      if (this.domNode.parentElement !== currentParent) {\n        currentParent = this.domNode.parentElement\n        this.observeParentAlignment()\n      }\n    })\n\n    observer.observe(document.body, {\n      attributes: false,\n      childList: true,\n      subtree: true,\n    })\n  }\n\n  observeParentAlignment(): void {\n    if (this.parentObserver) {\n      this.parentObserver.disconnect()\n    }\n\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'class') {\n          this.updateAlignmentStyle()\n        }\n      })\n    })\n\n    this.parentObserver = observer\n\n    const parent = this.domNode.parentElement\n    if (parent) {\n      observer.observe(parent, {\n        attributes: true,\n        attributeFilter: ['class'],\n      })\n      this.updateAlignmentStyle()\n    }\n  }\n\n  updateAlignmentStyle(): void {\n    const parent = this.domNode.parentElement\n    if (!parent) return\n\n    this.domNode.style.margin = ''\n    this.domNode.style.display = 'block'\n\n    if (parent.classList.contains('ql-align-center')) {\n      this.domNode.style.margin = '0 auto'\n    }\n    else if (parent.classList.contains('ql-align-right')) {\n      this.domNode.style.marginLeft = 'auto'\n      this.domNode.style.marginRight = '0'\n    }\n    else {\n      this.domNode.style.marginLeft = '0'\n      this.domNode.style.marginRight = 'auto'\n    }\n  }\n\n  observeNextPElement(): void {\n    if (this.nextPObserver) {\n      this.nextPObserver.disconnect()\n    }\n\n    const parentElement = this.domNode.parentElement\n    if (!parentElement) {\n      return\n    }\n\n    const trackedParentElement = parentElement\n\n    const parentElementId = parentElement.getAttribute('id') || `flow-chart-parent-${Date.now()}`\n    parentElement.setAttribute('id', parentElementId)\n\n    const observer = new MutationObserver(() => {\n      if (!document.contains(trackedParentElement)) {\n        const elementById = document.getElementById(parentElementId)\n        if (!elementById) {\n          this.remove()\n          observer.disconnect()\n        }\n      }\n    })\n\n    observer.observe(document.body, {\n      childList: true,\n      subtree: true,\n    })\n\n    this.nextPObserver = observer\n  }\n\n  // 处理节点双击事件\n  handleNodeDblClick(event: any) {\n    const { data, position, e } = event\n    if (data && data.id) {\n      this.createEditInput(data, position, e)\n    }\n  }\n\n  // 创建编辑输入框\n  createEditInput(nodeData: any, position: any, e: any) {\n    const input = document.createElement('textarea')\n    input.className = 'ql-flow-chart-edit-input'\n    input.value = nodeData.text?.value || ''\n    const autoResize = () => {\n      input.style.height = 'auto'\n      input.style.height = `${input.scrollHeight}px`\n    }\n    Object.assign(input.style, {\n      position: 'absolute',\n      boxSizing: 'border-box',\n      width: '100px',\n      height: '35px',\n      padding: '5px',\n      lineHeight: '1.2',\n      whiteSpace: 'pre',\n      textAlign: 'center',\n      background: '#fff',\n      border: '1px solid #edefed',\n      borderRadius: '3px',\n      outline: 'none',\n      transform: 'translate(-50%, -50%)',\n      resize: 'none',\n      zIndex: '1000',\n      left: `${e.pageX}px`,\n      top: `${e.pageY}px`,\n      overflow: 'hidden',\n    })\n    document.body.appendChild(input)\n    autoResize()\n    input.addEventListener('input', autoResize)\n    input.addEventListener('keydown', (e) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\n        this.flowChart.updateText(nodeData.id, input.value)\n        autoResize()\n      }\n    })\n    input.focus()\n\n    this.flowChart.on('blank:mousedown', () => {\n      this.flowChart.updateText(nodeData.id, input.value)\n      input.remove()\n    })\n\n    this.flowChart.on('node:click', () => {\n      this.flowChart.updateText(nodeData.id, input.value)\n      input.remove()\n    })\n\n    this.flowChart.on('edge:click', () => {\n      this.flowChart.updateText(nodeData.id, input.value)\n      input.remove()\n    })\n  }\n\n  updateText(nodeId: string, text: string) {\n    this.flowChart.updateNode(nodeId, {\n      text: { value: text },\n    })\n  }\n\n  destroyFlowChart() {\n    if (this.flowChart) {\n      this.flowChart.destroy()\n      this.flowChart = null\n    }\n    const editInputs = document.querySelectorAll('.ql-flow-chart-edit-input')\n    editInputs.forEach(input => input.remove())\n    if (this.nextPObserver) {\n      this.nextPObserver.disconnect()\n      this.nextPObserver = null\n    }\n  }\n\n  remove() {\n    this.destroyFlowChart()\n    super.remove()\n  }\n}\n\nexport default FlowChartPlaceholderBlot\n"],"names":["getAllConfigs","FlowChartResizeAction","createControlPanel","initContextMenu","expandIcon","contractIcon","e"],"mappings":"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"}

package/lib/modules/flow-chart/i18n/en-us.cjs.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const FLOW_CHART_EN_US = {
+  "flowChart.controlPanel.export": "Export",
+  "flowChart.controlPanel.import": "Import",
+  "flowChart.controlPanel.setEdgeTypeTitle": "Set Edge Type",
+  "flowChart.dndPanel.selection": "Selection",
+  "flowChart.dndPanel.rectangle": "Rectangle",
+  "flowChart.dndPanel.circle": "Circle",
+  "flowChart.dndPanel.ellipse": "Ellipse",
+  "flowChart.dndPanel.diamond": "Diamond",
+  "flowChart.controlPanel.zoomOut": "Out",
+  "flowChart.controlPanel.zoomIn": "In",
+  "flowChart.controlPanel.fit": "Fit",
+  "flowChart.controlPanel.back": "Back",
+  "flowChart.controlPanel.forward": "Forward",
+  "flowChart.controlPanel.zoomOutTitle": "Zoom Out View",
+  "flowChart.controlPanel.zoomInTitle": "Zoom In View",
+  "flowChart.controlPanel.fitTitle": "Fit View Size",
+  "flowChart.controlPanel.backTitle": "Step Back",
+  "flowChart.controlPanel.forwardTitle": "Step Forward",
+  "flowChart.contextMenu.copy": "Copy",
+  "flowChart.contextMenu.deleteContent": "Delete",
+  "flowChart.contextMenu.deleteNode": "Delete Node",
+  "flowChart.contextMenu.deleteEdge": "Delete Edge",
+  "flowChart.controlPanel.panelStatusTitle": "Panel Status",
+  "flowChart.controlPanel.screenTypeTitle": "Screen Type"
+};
+exports.FLOW_CHART_EN_US = FLOW_CHART_EN_US;
+//# sourceMappingURL=en-us.cjs.js.map

package/lib/modules/flow-chart/i18n/en-us.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-us.cjs.js","sources":["../../../../../src/modules/flow-chart/i18n/en-us.ts"],"sourcesContent":["export const FLOW_CHART_EN_US = {\n  'flowChart.controlPanel.export': 'Export',\n  'flowChart.controlPanel.import': 'Import',\n  'flowChart.controlPanel.setEdgeTypeTitle': 'Set Edge Type',\n  'flowChart.dndPanel.selection': 'Selection',\n  'flowChart.dndPanel.rectangle': 'Rectangle',\n  'flowChart.dndPanel.circle': 'Circle',\n  'flowChart.dndPanel.ellipse': 'Ellipse',\n  'flowChart.dndPanel.diamond': 'Diamond',\n  'flowChart.controlPanel.zoomOut': 'Out',\n  'flowChart.controlPanel.zoomIn': 'In',\n  'flowChart.controlPanel.fit': 'Fit',\n  'flowChart.controlPanel.back': 'Back',\n  'flowChart.controlPanel.forward': 'Forward',\n  'flowChart.controlPanel.zoomOutTitle': 'Zoom Out View',\n  'flowChart.controlPanel.zoomInTitle': 'Zoom In View',\n  'flowChart.controlPanel.fitTitle': 'Fit View Size',\n  'flowChart.controlPanel.backTitle': 'Step Back',\n  'flowChart.controlPanel.forwardTitle': 'Step Forward',\n  'flowChart.contextMenu.copy': 'Copy',\n  'flowChart.contextMenu.deleteContent': 'Delete',\n  'flowChart.contextMenu.deleteNode': 'Delete Node',\n  'flowChart.contextMenu.deleteEdge': 'Delete Edge',\n  'flowChart.controlPanel.panelStatusTitle': 'Panel Status',\n  'flowChart.controlPanel.screenTypeTitle': 'Screen Type',\n}\n"],"names":[],"mappings":";;AAAO,MAAM,mBAAmB;AAAA,EAC9B,iCAAiC;AAAA,EACjC,iCAAiC;AAAA,EACjC,2CAA2C;AAAA,EAC3C,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAC9B,8BAA8B;AAAA,EAC9B,kCAAkC;AAAA,EAClC,iCAAiC;AAAA,EACjC,8BAA8B;AAAA,EAC9B,+BAA+B;AAAA,EAC/B,kCAAkC;AAAA,EAClC,uCAAuC;AAAA,EACvC,sCAAsC;AAAA,EACtC,mCAAmC;AAAA,EACnC,oCAAoC;AAAA,EACpC,uCAAuC;AAAA,EACvC,8BAA8B;AAAA,EAC9B,uCAAuC;AAAA,EACvC,oCAAoC;AAAA,EACpC,oCAAoC;AAAA,EACpC,2CAA2C;AAAA,EAC3C,0CAA0C;AAC5C;;"}

package/lib/modules/flow-chart/i18n/index.cjs.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const enUs = require("./en-us.cjs.js");
+const zhCn = require("./zh-cn.cjs.js");
+function registerFlowChartI18N(I18N) {
+  I18N.register({
+    "en-US": enUs.FLOW_CHART_EN_US,
+    "zh-CN": zhCn.FLOW_CHART_ZH_CN
+  }, false);
+}
+exports.registerFlowChartI18N = registerFlowChartI18N;
+//# sourceMappingURL=index.cjs.js.map

package/lib/modules/flow-chart/i18n/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../../src/modules/flow-chart/i18n/index.ts"],"sourcesContent":["import { FLOW_CHART_EN_US } from './en-us'\nimport { FLOW_CHART_ZH_CN } from './zh-cn'\n\nexport function registerFlowChartI18N(I18N: any) {\n  I18N.register({\n    'en-US': FLOW_CHART_EN_US,\n    'zh-CN': FLOW_CHART_ZH_CN,\n  }, false)\n}\n"],"names":["FLOW_CHART_EN_US","FLOW_CHART_ZH_CN"],"mappings":";;;;AAGO,SAAS,sBAAsB,MAAW;AAC/C,OAAK,SAAS;AAAA,IACZ,SAASA,KAAAA;AAAAA,IACT,SAASC,KAAAA;AAAAA,EAAA,GACR,KAAK;AACV;;"}

package/lib/modules/flow-chart/i18n/zh-cn.cjs.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const FLOW_CHART_ZH_CN = {
+  "flowChart.controlPanel.export": "导出",
+  "flowChart.controlPanel.import": "导入",
+  "flowChart.controlPanel.setEdgeTypeTitle": "设置边类型",
+  "flowChart.dndPanel.selection": "选区",
+  "flowChart.dndPanel.rectangle": "矩形",
+  "flowChart.dndPanel.circle": "圆形",
+  "flowChart.dndPanel.ellipse": "椭圆",
+  "flowChart.dndPanel.diamond": "菱形",
+  "flowChart.controlPanel.zoomOut": "缩小",
+  "flowChart.controlPanel.zoomIn": "放大",
+  "flowChart.controlPanel.fit": "适应",
+  "flowChart.controlPanel.back": "上一步",
+  "flowChart.controlPanel.forward": "下一步",
+  "flowChart.controlPanel.zoomOutTitle": "缩小视图",
+  "flowChart.controlPanel.zoomInTitle": "放大视图",
+  "flowChart.controlPanel.fitTitle": "适应视图大小",
+  "flowChart.controlPanel.backTitle": "上一步",
+  "flowChart.controlPanel.forwardTitle": "下一步",
+  "flowChart.contextMenu.copy": "复制",
+  "flowChart.contextMenu.deleteContent": "删除",
+  "flowChart.contextMenu.deleteNode": "删除节点",
+  "flowChart.contextMenu.deleteEdge": "删除边",
+  "flowChart.controlPanel.panelStatusTitle": "面板状态",
+  "flowChart.controlPanel.screenTypeTitle": "屏幕类型"
+};
+exports.FLOW_CHART_ZH_CN = FLOW_CHART_ZH_CN;
+//# sourceMappingURL=zh-cn.cjs.js.map

package/lib/modules/flow-chart/i18n/zh-cn.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-cn.cjs.js","sources":["../../../../../src/modules/flow-chart/i18n/zh-cn.ts"],"sourcesContent":["export const FLOW_CHART_ZH_CN = {\n  'flowChart.controlPanel.export': '导出',\n  'flowChart.controlPanel.import': '导入',\n  'flowChart.controlPanel.setEdgeTypeTitle': '设置边类型',\n  'flowChart.dndPanel.selection': '选区',\n  'flowChart.dndPanel.rectangle': '矩形',\n  'flowChart.dndPanel.circle': '圆形',\n  'flowChart.dndPanel.ellipse': '椭圆',\n  'flowChart.dndPanel.diamond': '菱形',\n  'flowChart.controlPanel.zoomOut': '缩小',\n  'flowChart.controlPanel.zoomIn': '放大',\n  'flowChart.controlPanel.fit': '适应',\n  'flowChart.controlPanel.back': '上一步',\n  'flowChart.controlPanel.forward': '下一步',\n  'flowChart.controlPanel.zoomOutTitle': '缩小视图',\n  'flowChart.controlPanel.zoomInTitle': '放大视图',\n  'flowChart.controlPanel.fitTitle': '适应视图大小',\n  'flowChart.controlPanel.backTitle': '上一步',\n  'flowChart.controlPanel.forwardTitle': '下一步',\n  'flowChart.contextMenu.copy': '复制',\n  'flowChart.contextMenu.deleteContent': '删除',\n  'flowChart.contextMenu.deleteNode': '删除节点',\n  'flowChart.contextMenu.deleteEdge': '删除边',\n  'flowChart.controlPanel.panelStatusTitle': '面板状态',\n  'flowChart.controlPanel.screenTypeTitle': '屏幕类型',\n}\n"],"names":[],"mappings":";;AAAO,MAAM,mBAAmB;AAAA,EAC9B,iCAAiC;AAAA,EACjC,iCAAiC;AAAA,EACjC,2CAA2C;AAAA,EAC3C,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAC9B,8BAA8B;AAAA,EAC9B,kCAAkC;AAAA,EAClC,iCAAiC;AAAA,EACjC,8BAA8B;AAAA,EAC9B,+BAA+B;AAAA,EAC/B,kCAAkC;AAAA,EAClC,uCAAuC;AAAA,EACvC,sCAAsC;AAAA,EACtC,mCAAmC;AAAA,EACnC,oCAAoC;AAAA,EACpC,uCAAuC;AAAA,EACvC,8BAA8B;AAAA,EAC9B,uCAAuC;AAAA,EACvC,oCAAoC;AAAA,EACpC,oCAAoC;AAAA,EACpC,2CAA2C;AAAA,EAC3C,0CAA0C;AAC5C;;"}