@opentiny/fluent-editor 4.0.0-beta.1 → 4.0.0

package/es/modules/flow-chart/modules/control-panel.es.js

@@ -1,286 +0,0 @@
-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);
-import "../../../config/index.es.js";
-import { I18N } from "../../i18n.es.js";
-import { registerFlowChartI18N } from "../i18n/index.es.js";
-import { lineIcon, contractIcon, screenTypeIcon, fitIcon, zoomInIcon, zoomOutIcon, forwardIcon, backIcon, polyLineIcon, bezierIcon, screenReduceIcon } from "../icons.es.js";
-import { CHANGE_LANGUAGE_EVENT } from "../../../config/editor.config.es.js";
-class FlowChartControlPanelHandler {
-  constructor(quill, blot) {
-    __publicField(this, "texts");
-    __publicField(this, "lang");
-    this.quill = quill;
-    this.blot = blot;
-    const i18nModule = this.quill.getModule("i18n");
-    registerFlowChartI18N(I18N);
-    this.lang = i18nModule.options.lang;
-    this.texts = this.resolveTexts();
-    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang) => {
-      this.lang = lang;
-      this.texts = this.resolveTexts();
-      this.updateControlPanelTexts();
-    });
-  }
-  getText(key) {
-    return this.texts[key];
-  }
-  resolveTexts() {
-    return {
-      exportTitle: I18N.parserText("flowChart.controlPanel.exportTitle", this.lang),
-      zoomOutTitle: I18N.parserText("flowChart.controlPanel.zoomOutTitle", this.lang),
-      zoomInTitle: I18N.parserText("flowChart.controlPanel.zoomInTitle", this.lang),
-      fitTitle: I18N.parserText("flowChart.controlPanel.fitTitle", this.lang),
-      backTitle: I18N.parserText("flowChart.controlPanel.backTitle", this.lang),
-      forwardTitle: I18N.parserText("flowChart.controlPanel.forwardTitle", this.lang),
-      setEdgeTypeTitle: I18N.parserText("flowChart.controlPanel.setEdgeTypeTitle", this.lang),
-      panelStatusTitle: I18N.parserText("flowChart.controlPanel.panelStatusTitle", this.lang),
-      screenTypeTitle: I18N.parserText("flowChart.controlPanel.screenTypeTitle", this.lang)
-    };
-  }
-  updateControlPanelTexts() {
-    const controlItems = this.blot.domNode.querySelectorAll(".ql-flow-chart-control-item");
-    const controlItemMap = {
-      "zoom-out": "zoomOutTitle",
-      "zoom-in": "zoomInTitle",
-      "fit": "fitTitle",
-      "back": "backTitle",
-      "forward": "forwardTitle",
-      "set-edge-type": "setEdgeTypeTitle",
-      "panel-status": "panelStatusTitle",
-      "screen-type": "screenTypeTitle"
-    };
-    controlItems.forEach((item) => {
-      const controlType = item.dataset.controlType;
-      if (controlType && controlItemMap[controlType] && this.texts[controlItemMap[controlType]]) {
-        item.title = this.texts[controlItemMap[controlType]];
-      }
-    });
-  }
-}
-const controlPanelHandlers = /* @__PURE__ */ new WeakMap();
-const DISABLED_OPACITY = "0.5";
-const ENABLED_OPACITY = "1";
-function createControlPanel(blot, quill) {
-  const controlPanel = document.createElement("div");
-  controlPanel.className = "ql-flow-chart-control";
-  const controlRightUpPanel = document.createElement("div");
-  controlRightUpPanel.className = "ql-flow-chart-right-up-control";
-  const handler = new FlowChartControlPanelHandler(quill, blot);
-  controlPanelHandlers.set(blot, handler);
-  const zoomOutBtn = createControlItem("zoom-out", handler.getText("zoomOutTitle"), () => handleZoomOut(blot));
-  const zoomInBtn = createControlItem("zoom-in", handler.getText("zoomInTitle"), () => handleZoomIn(blot));
-  const resetBtn = createControlItem("fit", handler.getText("fitTitle"), () => handleResetZoom(blot));
-  const backBtn = createControlItem("back", handler.getText("backTitle"), () => handleUndo(blot));
-  const forwardBtn = createControlItem("forward", handler.getText("forwardTitle"), () => handleRedo(blot));
-  const setEdgeTypeBtn = createControlItem("set-edge-type", handler.getText("setEdgeTypeTitle"), () => handleSetEdgeType(blot));
-  const panelStatusBtn = createControlItem("panel-status", handler.getText("panelStatusTitle"));
-  const screenTypeBtn = createControlItem("screen-type", handler.getText("screenTypeTitle"), () => handleScreenTypeBtn(blot));
-  const updateButtonState = (historyData) => {
-    if (!historyData.data) {
-      backBtn.style.opacity = DISABLED_OPACITY;
-      backBtn.style.cursor = "not-allowed";
-      forwardBtn.style.opacity = DISABLED_OPACITY;
-      forwardBtn.style.cursor = "not-allowed";
-      return;
-    }
-    const isUndoAvailable = historyData.data.undoAble || historyData.data.undos.length < 0;
-    const isRedoAvailable = historyData.data.redoAble || historyData.data.redos.length > 0;
-    if (backBtn) {
-      backBtn.style.opacity = isUndoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY;
-      backBtn.style.cursor = isUndoAvailable ? "pointer" : "not-allowed";
-    }
-    if (forwardBtn) {
-      forwardBtn.style.opacity = isRedoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY;
-      forwardBtn.style.cursor = isRedoAvailable ? "pointer" : "not-allowed";
-    }
-  };
-  updateButtonState(blot.flowChart.history);
-  blot.flowChart.on("history:change", (data) => {
-    updateButtonState(data);
-  });
-  setTimeout(() => {
-    const controlLeftUpPanel = blot.domNode.querySelector(".lf-dndpanel");
-    controlLeftUpPanel.append(setEdgeTypeBtn);
-  }, 0);
-  controlRightUpPanel.append(panelStatusBtn);
-  blot.domNode.appendChild(controlRightUpPanel);
-  controlPanel.append(zoomOutBtn, zoomInBtn, resetBtn, screenTypeBtn, backBtn, forwardBtn);
-  blot.domNode.appendChild(controlPanel);
-}
-function handleUndo(blot) {
-  if (blot.flowChart) {
-    blot.flowChart.undo();
-  }
-}
-function handleRedo(blot) {
-  if (blot.flowChart) {
-    blot.flowChart.redo();
-  }
-}
-function handleZoomIn(blot) {
-  if (blot.flowChart) {
-    blot.flowChart.zoom(true);
-  }
-}
-function handleZoomOut(blot) {
-  if (blot.flowChart) {
-    blot.flowChart.zoom(false);
-  }
-}
-function handleResetZoom(blot) {
-  if (blot.flowChart) {
-    blot.flowChart.resetZoom();
-  }
-}
-function createControlItem(iconClass, title, onClick, disabled = false) {
-  const controlItem = document.createElement("div");
-  controlItem.className = "ql-flow-chart-control-item";
-  controlItem.title = title;
-  controlItem.dataset.controlType = iconClass;
-  controlItem.style.cursor = disabled ? "not-allowed" : "pointer";
-  const iconMap = {
-    "back": backIcon,
-    "forward": forwardIcon,
-    "zoom-out": zoomOutIcon,
-    "zoom-in": zoomInIcon,
-    "fit": fitIcon,
-    "screen-type": screenTypeIcon,
-    "panel-status": contractIcon,
-    "set-edge-type": lineIcon
-  };
-  const icon = document.createElement("i");
-  icon.innerHTML = iconMap[iconClass] || "";
-  controlItem.appendChild(icon);
-  if (!disabled) {
-    controlItem.addEventListener("click", onClick);
-  }
-  return controlItem;
-}
-function handleSetEdgeType(blot) {
-  const controlLeftUpPanel = blot.domNode.querySelector(".lf-dndpanel");
-  if (!controlLeftUpPanel) return;
-  let edgeTypePanel = controlLeftUpPanel.querySelector(".ql-flow-chart-edge-panel");
-  if (!edgeTypePanel) {
-    edgeTypePanel = document.createElement("div");
-    edgeTypePanel.className = "ql-flow-chart-edge-panel";
-    edgeTypePanel.style.display = "flex";
-    edgeTypePanel.style.justifyContent = "space-around";
-    edgeTypePanel.style.flexWrap = "nowrap";
-    edgeTypePanel.style.width = "auto";
-    edgeTypePanel.style.minWidth = "100%";
-    edgeTypePanel.style.padding = "8px";
-    edgeTypePanel.style.boxSizing = "border-box";
-    edgeTypePanel.style.position = "absolute";
-    edgeTypePanel.style.top = "170px";
-    controlLeftUpPanel.appendChild(edgeTypePanel);
-    const edgeTypes = [
-      {
-        name: "line",
-        displayName: "直线",
-        icon: lineIcon
-      },
-      {
-        name: "polyline",
-        displayName: "折线",
-        icon: polyLineIcon
-      },
-      {
-        name: "bezier",
-        displayName: "贝塞尔曲线",
-        icon: bezierIcon
-      }
-    ];
-    edgeTypes.forEach((edgeType) => {
-      const edgeItem = document.createElement("div");
-      edgeItem.className = "ql-flow-chart-edge-item";
-      edgeItem.style.padding = "8px";
-      edgeItem.style.cursor = "pointer";
-      edgeItem.style.textAlign = "center";
-      const edgeIcon = document.createElement("div");
-      edgeIcon.className = `ql-flow-chart-edge-type-icon`;
-      edgeIcon.style.width = "24px";
-      edgeIcon.style.height = "24px";
-      edgeIcon.style.margin = "0 auto";
-      if (edgeType.icon) {
-        edgeIcon.innerHTML = edgeType.icon;
-      }
-      edgeItem.appendChild(edgeIcon);
-      edgeItem.addEventListener("click", () => {
-        const { edges = [] } = blot.flowChart.getSelectElements();
-        if (edges.length > 0) {
-          edges.forEach((edge) => {
-            blot.flowChart.changeEdgeType(edge.id, edgeType.name);
-          });
-          blot.data = blot.flowChart.getGraphData();
-          blot.domNode.setAttribute("data-flow-chart", JSON.stringify(blot.data));
-        }
-        edgeTypePanel.style.display = "none";
-      });
-      edgeTypePanel.appendChild(edgeItem);
-    });
-  } else {
-    edgeTypePanel.style.display = "flex";
-    edgeTypePanel.style.justifyContent = "space-around";
-    edgeTypePanel.style.flexWrap = "nowrap";
-  }
-  const handleOutsideClick = (e) => {
-    let setEdgeTypeBtn = null;
-    const controlItems = controlLeftUpPanel.querySelectorAll(".ql-flow-chart-control-item");
-    controlItems.forEach((item) => {
-      const iconEl = item.querySelector("i");
-      if (iconEl && iconEl.className.includes("set-edge-type")) {
-        setEdgeTypeBtn = item;
-      }
-    });
-    if (!edgeTypePanel.contains(e.target) && (!setEdgeTypeBtn || !setEdgeTypeBtn.contains(e.target))) {
-      edgeTypePanel.style.display = "none";
-      document.removeEventListener("click", handleOutsideClick);
-    }
-  };
-  document.removeEventListener("click", handleOutsideClick);
-  setTimeout(() => {
-    document.addEventListener("click", handleOutsideClick);
-  }, 0);
-}
-function handleScreenTypeBtn(blot) {
-  const screenTypeBtn = blot.domNode.querySelector('[data-control-type="screen-type"]');
-  if (!screenTypeBtn || !blot.domNode) return;
-  const flowChartContainer = blot.domNode;
-  const isFullscreen = flowChartContainer.style.position === "fixed";
-  if (isFullscreen) {
-    const originalPosition = flowChartContainer.getAttribute("data-original-position");
-    const originalWidth = flowChartContainer.getAttribute("data-original-width");
-    const originalHeight = flowChartContainer.getAttribute("data-original-height");
-    if (originalWidth && originalHeight) {
-      flowChartContainer.style.position = originalPosition;
-      flowChartContainer.style.width = originalWidth;
-      flowChartContainer.style.height = originalHeight;
-      flowChartContainer.style.zIndex = "0";
-    }
-    const iconElement = screenTypeBtn.querySelector("i");
-    if (iconElement) {
-      iconElement.innerHTML = screenTypeIcon;
-    }
-  } else {
-    flowChartContainer.setAttribute("data-original-position", flowChartContainer.style.position || "");
-    flowChartContainer.setAttribute("data-original-width", flowChartContainer.style.width || "");
-    flowChartContainer.setAttribute("data-original-height", flowChartContainer.style.height || "");
-    flowChartContainer.style.position = "fixed";
-    flowChartContainer.style.top = "0";
-    flowChartContainer.style.left = "0";
-    flowChartContainer.style.width = "100vw";
-    flowChartContainer.style.height = "100vh";
-    flowChartContainer.style.zIndex = "100";
-    const iconElement = screenTypeBtn.querySelector("i");
-    if (iconElement) {
-      iconElement.innerHTML = screenReduceIcon;
-    }
-  }
-  blot.flowChart.resize();
-  blot.flowChart.translateCenter();
-}
-export {
-  createControlPanel
-};
-//# sourceMappingURL=control-panel.es.js.map

package/es/modules/flow-chart/modules/control-panel.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"control-panel.es.js","sources":["../../../../../src/modules/flow-chart/modules/control-panel.ts"],"sourcesContent":["import type FluentEditor from '../../../core/fluent-editor'\nimport type FlowChartPlaceholderBlot from '../formats/flow-chart-blot'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport { I18N } from '../../../modules/i18n'\nimport { registerFlowChartI18N } from '../i18n'\nimport { backIcon, bezierIcon, contractIcon, fitIcon, forwardIcon, lineIcon, polyLineIcon, screenReduceIcon, screenTypeIcon, zoomInIcon, zoomOutIcon } from '../icons'\n\nclass FlowChartControlPanelHandler {\n  private texts: Record<string, string>\n  private lang: string\n  getText(key: keyof Record<string, string>): string {\n    return this.texts[key]\n  }\n\n  constructor(private quill: FluentEditor, private blot: FlowChartPlaceholderBlot) {\n    const i18nModule = this.quill.getModule('i18n') as I18N\n    registerFlowChartI18N(I18N)\n    this.lang = i18nModule.options.lang\n    this.texts = this.resolveTexts()\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang: string) => {\n      this.lang = lang\n      this.texts = this.resolveTexts()\n      this.updateControlPanelTexts()\n    })\n  }\n\n  resolveTexts() {\n    return {\n      exportTitle: I18N.parserText('flowChart.controlPanel.exportTitle', this.lang),\n      zoomOutTitle: I18N.parserText('flowChart.controlPanel.zoomOutTitle', this.lang),\n      zoomInTitle: I18N.parserText('flowChart.controlPanel.zoomInTitle', this.lang),\n      fitTitle: I18N.parserText('flowChart.controlPanel.fitTitle', this.lang),\n      backTitle: I18N.parserText('flowChart.controlPanel.backTitle', this.lang),\n      forwardTitle: I18N.parserText('flowChart.controlPanel.forwardTitle', this.lang),\n      setEdgeTypeTitle: I18N.parserText('flowChart.controlPanel.setEdgeTypeTitle', this.lang),\n      panelStatusTitle: I18N.parserText('flowChart.controlPanel.panelStatusTitle', this.lang),\n      screenTypeTitle: I18N.parserText('flowChart.controlPanel.screenTypeTitle', this.lang),\n    }\n  }\n\n  updateControlPanelTexts() {\n    const controlItems = this.blot.domNode.querySelectorAll('.ql-flow-chart-control-item')\n\n    const controlItemMap: Record<string, string> = {\n      'zoom-out': 'zoomOutTitle',\n      'zoom-in': 'zoomInTitle',\n      'fit': 'fitTitle',\n      'back': 'backTitle',\n      'forward': 'forwardTitle',\n      'set-edge-type': 'setEdgeTypeTitle',\n      'panel-status': 'panelStatusTitle',\n      'screen-type': 'screenTypeTitle',\n    }\n\n    controlItems.forEach((item) => {\n      const controlType = (item as HTMLElement).dataset.controlType\n      if (controlType && controlItemMap[controlType] && this.texts[controlItemMap[controlType]]) {\n        (item as HTMLElement).title = this.texts[controlItemMap[controlType]]\n      }\n    })\n  }\n}\n\nconst controlPanelHandlers = new WeakMap<FlowChartPlaceholderBlot, FlowChartControlPanelHandler>()\n\nconst DISABLED_OPACITY = '0.5'\nconst ENABLED_OPACITY = '1'\nexport function createControlPanel(blot: FlowChartPlaceholderBlot, quill: FluentEditor): void {\n  // 中间的控制面板\n  const controlPanel = document.createElement('div')\n  controlPanel.className = 'ql-flow-chart-control'\n  // 右上的控制面板\n  const controlRightUpPanel = document.createElement('div')\n  controlRightUpPanel.className = 'ql-flow-chart-right-up-control'\n\n  const handler = new FlowChartControlPanelHandler(quill, blot)\n  controlPanelHandlers.set(blot, handler)\n  const zoomOutBtn = createControlItem('zoom-out', handler.getText('zoomOutTitle'), () => handleZoomOut(blot))\n  const zoomInBtn = createControlItem('zoom-in', handler.getText('zoomInTitle'), () => handleZoomIn(blot))\n  const resetBtn = createControlItem('fit', handler.getText('fitTitle'), () => handleResetZoom(blot))\n  const backBtn = createControlItem('back', handler.getText('backTitle'), () => handleUndo(blot))\n  const forwardBtn = createControlItem('forward', handler.getText('forwardTitle'), () => handleRedo(blot))\n  const setEdgeTypeBtn = createControlItem('set-edge-type', handler.getText('setEdgeTypeTitle'), () => handleSetEdgeType(blot))\n  const panelStatusBtn = createControlItem('panel-status', handler.getText('panelStatusTitle'))\n  const screenTypeBtn = createControlItem('screen-type', handler.getText('screenTypeTitle'), () => handleScreenTypeBtn(blot))\n\n  const updateButtonState = (historyData: any) => {\n    if (!historyData.data) {\n      backBtn.style.opacity = DISABLED_OPACITY\n      backBtn.style.cursor = 'not-allowed'\n      forwardBtn.style.opacity = DISABLED_OPACITY\n      forwardBtn.style.cursor = 'not-allowed'\n      return\n    }\n    const isUndoAvailable = historyData.data.undoAble || historyData.data.undos.length < 0\n    const isRedoAvailable = historyData.data.redoAble || historyData.data.redos.length > 0\n\n    if (backBtn) {\n      backBtn.style.opacity = isUndoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY\n      backBtn.style.cursor = isUndoAvailable ? 'pointer' : 'not-allowed'\n    }\n\n    if (forwardBtn) {\n      forwardBtn.style.opacity = isRedoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY\n      forwardBtn.style.cursor = isRedoAvailable ? 'pointer' : 'not-allowed'\n    }\n  }\n  updateButtonState(blot.flowChart.history)\n  blot.flowChart.on('history:change', (data: any) => {\n    updateButtonState(data)\n  })\n\n  setTimeout(() => {\n    const controlLeftUpPanel = blot.domNode.querySelector('.lf-dndpanel') as HTMLElement | null\n    controlLeftUpPanel.append(setEdgeTypeBtn)\n  }, 0)\n  controlRightUpPanel.append(panelStatusBtn)\n  blot.domNode.appendChild(controlRightUpPanel)\n  controlPanel.append(zoomOutBtn, zoomInBtn, resetBtn, screenTypeBtn, backBtn, forwardBtn)\n  blot.domNode.appendChild(controlPanel)\n}\n\nfunction handleUndo(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.undo()\n  }\n}\n\nfunction handleRedo(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.redo()\n  }\n}\n\nfunction handleZoomIn(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.zoom(true)\n  }\n}\n\nfunction handleZoomOut(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.zoom(false)\n  }\n}\n\nfunction handleResetZoom(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.resetZoom()\n  }\n}\n\nfunction createControlItem(iconClass: string, title: string, onClick?: () => void, disabled = false) {\n  const controlItem = document.createElement('div')\n  controlItem.className = 'ql-flow-chart-control-item'\n  controlItem.title = title\n  controlItem.dataset.controlType = iconClass\n  controlItem.style.cursor = disabled ? 'not-allowed' : 'pointer'\n\n  const iconMap: Record<string, string> = {\n    'back': backIcon,\n    'forward': forwardIcon,\n    'zoom-out': zoomOutIcon,\n    'zoom-in': zoomInIcon,\n    'fit': fitIcon,\n    'screen-type': screenTypeIcon,\n    'panel-status': contractIcon,\n    'set-edge-type': lineIcon,\n  }\n\n  const icon = document.createElement('i')\n  icon.innerHTML = iconMap[iconClass] || ''\n  controlItem.appendChild(icon)\n\n  if (!disabled) {\n    controlItem.addEventListener('click', onClick)\n  }\n\n  return controlItem\n}\n\nfunction handleSetEdgeType(blot: FlowChartPlaceholderBlot): void {\n  const controlLeftUpPanel = blot.domNode.querySelector('.lf-dndpanel') as HTMLElement | null\n  if (!controlLeftUpPanel) return\n  let edgeTypePanel = controlLeftUpPanel.querySelector('.ql-flow-chart-edge-panel') as HTMLElement\n  if (!edgeTypePanel) {\n    edgeTypePanel = document.createElement('div')\n    edgeTypePanel.className = 'ql-flow-chart-edge-panel'\n    edgeTypePanel.style.display = 'flex'\n    edgeTypePanel.style.justifyContent = 'space-around'\n    edgeTypePanel.style.flexWrap = 'nowrap'\n    edgeTypePanel.style.width = 'auto'\n    edgeTypePanel.style.minWidth = '100%'\n    edgeTypePanel.style.padding = '8px'\n    edgeTypePanel.style.boxSizing = 'border-box'\n    edgeTypePanel.style.position = 'absolute'\n    edgeTypePanel.style.top = '170px'\n    controlLeftUpPanel.appendChild(edgeTypePanel)\n\n    const edgeTypes = [\n      {\n        name: 'line',\n        displayName: '直线',\n        icon: lineIcon,\n      },\n      {\n        name: 'polyline',\n        displayName: '折线',\n        icon: polyLineIcon,\n      },\n      {\n        name: 'bezier',\n        displayName: '贝塞尔曲线',\n        icon: bezierIcon,\n      },\n    ]\n\n    edgeTypes.forEach((edgeType) => {\n      const edgeItem = document.createElement('div')\n      edgeItem.className = 'ql-flow-chart-edge-item'\n      edgeItem.style.padding = '8px'\n      edgeItem.style.cursor = 'pointer'\n      edgeItem.style.textAlign = 'center'\n\n      const edgeIcon = document.createElement('div')\n      edgeIcon.className = `ql-flow-chart-edge-type-icon`\n      edgeIcon.style.width = '24px'\n      edgeIcon.style.height = '24px'\n      edgeIcon.style.margin = '0 auto'\n      if (edgeType.icon) {\n        edgeIcon.innerHTML = edgeType.icon\n      }\n\n      edgeItem.appendChild(edgeIcon)\n\n      edgeItem.addEventListener('click', () => {\n        const { edges = [] } = blot.flowChart.getSelectElements()\n        if (edges.length > 0) {\n          edges.forEach((edge) => {\n            blot.flowChart.changeEdgeType(edge.id, edgeType.name)\n          })\n          blot.data = blot.flowChart.getGraphData()\n          blot.domNode.setAttribute('data-flow-chart', JSON.stringify(blot.data))\n        }\n\n        edgeTypePanel.style.display = 'none'\n      })\n      edgeTypePanel.appendChild(edgeItem)\n    })\n  }\n  else {\n    edgeTypePanel.style.display = 'flex'\n    edgeTypePanel.style.justifyContent = 'space-around'\n    edgeTypePanel.style.flexWrap = 'nowrap'\n  }\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    let setEdgeTypeBtn: HTMLElement | null = null\n    const controlItems = controlLeftUpPanel.querySelectorAll('.ql-flow-chart-control-item')\n    controlItems.forEach((item) => {\n      const iconEl = item.querySelector('i')\n      if (iconEl && iconEl.className.includes('set-edge-type')) {\n        setEdgeTypeBtn = item as HTMLElement\n      }\n    })\n    if (!edgeTypePanel.contains(e.target as Node)\n      && (!setEdgeTypeBtn || !setEdgeTypeBtn.contains(e.target as Node))) {\n      edgeTypePanel.style.display = 'none'\n      document.removeEventListener('click', handleOutsideClick)\n    }\n  }\n\n  document.removeEventListener('click', handleOutsideClick)\n  setTimeout(() => {\n    document.addEventListener('click', handleOutsideClick)\n  }, 0)\n}\n\nfunction handleScreenTypeBtn(blot: FlowChartPlaceholderBlot): void {\n  const screenTypeBtn = blot.domNode.querySelector('[data-control-type=\"screen-type\"]') as HTMLElement | null\n  if (!screenTypeBtn || !blot.domNode) return\n\n  const flowChartContainer = blot.domNode\n  const isFullscreen = flowChartContainer.style.position === 'fixed'\n\n  if (isFullscreen) {\n    const originalPosition = flowChartContainer.getAttribute('data-original-position')\n    const originalWidth = flowChartContainer.getAttribute('data-original-width')\n    const originalHeight = flowChartContainer.getAttribute('data-original-height')\n    if (originalWidth && originalHeight) {\n      flowChartContainer.style.position = originalPosition\n      flowChartContainer.style.width = originalWidth\n      flowChartContainer.style.height = originalHeight\n      flowChartContainer.style.zIndex = '0'\n    }\n    const iconElement = screenTypeBtn.querySelector('i')\n    if (iconElement) {\n      iconElement.innerHTML = screenTypeIcon\n    }\n  }\n  else {\n    flowChartContainer.setAttribute('data-original-position', flowChartContainer.style.position || '')\n    flowChartContainer.setAttribute('data-original-width', flowChartContainer.style.width || '')\n    flowChartContainer.setAttribute('data-original-height', flowChartContainer.style.height || '')\n    flowChartContainer.style.position = 'fixed'\n    flowChartContainer.style.top = '0'\n    flowChartContainer.style.left = '0'\n    flowChartContainer.style.width = '100vw'\n    flowChartContainer.style.height = '100vh'\n    flowChartContainer.style.zIndex = '100'\n    const iconElement = screenTypeBtn.querySelector('i')\n    if (iconElement) {\n      iconElement.innerHTML = screenReduceIcon\n    }\n  }\n  blot.flowChart.resize()\n  blot.flowChart.translateCenter()\n}\n"],"names":[],"mappings":"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"}

package/es/modules/flow-chart/modules/custom-resize-action.es.js

@@ -1,150 +0,0 @@
-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);
-const MIN_WIDTH = 350;
-const MIN_HEIGHT = 290;
-class FlowChartResizeAction {
-  constructor(blot) {
-    __publicField(this, "topLeftHandle");
-    __publicField(this, "topRightHandle");
-    __publicField(this, "bottomRightHandle");
-    __publicField(this, "bottomLeftHandle");
-    __publicField(this, "dragHandle", null);
-    __publicField(this, "dragStartX", 0);
-    __publicField(this, "dragStartY", 0);
-    __publicField(this, "preDragWidth", 0);
-    __publicField(this, "preDragHeight", 0);
-    __publicField(this, "targetRatio", 0);
-    __publicField(this, "blot");
-    this.blot = blot;
-    this.topLeftHandle = this.createHandle("top-left", "nwse-resize");
-    this.topRightHandle = this.createHandle("top-right", "nesw-resize");
-    this.bottomRightHandle = this.createHandle("bottom-right", "nwse-resize");
-    this.bottomLeftHandle = this.createHandle("bottom-left", "nesw-resize");
-    this.init();
-  }
-  isFullscreen() {
-    const container = this.blot.domNode;
-    return container.style.position === "fixed" && container.style.width === "100vw" && container.style.height === "100vh";
-  }
-  init() {
-    const container = this.blot.domNode;
-    container.style.position = "relative";
-    container.appendChild(this.topLeftHandle);
-    container.appendChild(this.topRightHandle);
-    container.appendChild(this.bottomRightHandle);
-    container.appendChild(this.bottomLeftHandle);
-    this.repositionHandles();
-  }
-  createHandle(position, cursor) {
-    const box = document.createElement("div");
-    box.classList.add("ql-flow-chart-resize-handle");
-    box.setAttribute("data-position", position);
-    Object.assign(box.style, {
-      cursor,
-      position: "absolute",
-      width: "10px",
-      height: "10px",
-      background: "#4285f4",
-      border: "1px solid white",
-      borderRadius: "50%",
-      zIndex: "99",
-      userSelect: "none"
-    });
-    box.addEventListener("mousedown", this.onMouseDown.bind(this));
-    return box;
-  }
-  repositionHandles() {
-    const container = this.blot.domNode;
-    const rect = container.getBoundingClientRect();
-    Object.assign(this.topLeftHandle.style, {
-      left: "-5px",
-      top: "-5px"
-    });
-    Object.assign(this.topRightHandle.style, {
-      right: "-5px",
-      top: "-5px"
-    });
-    Object.assign(this.bottomRightHandle.style, {
-      right: "-5px",
-      bottom: "-5px"
-    });
-    Object.assign(this.bottomLeftHandle.style, {
-      left: "-5px",
-      bottom: "-5px"
-    });
-  }
-  onMouseDown(event) {
-    if (this.isFullscreen()) {
-      return;
-    }
-    if (!(event.target instanceof HTMLElement)) {
-      return;
-    }
-    this.dragHandle = event.target;
-    document.body.style.cursor = this.dragHandle.style.cursor;
-    const container = this.blot.domNode;
-    const rect = container.getBoundingClientRect();
-    this.dragStartX = event.clientX;
-    this.dragStartY = event.clientY;
-    this.preDragWidth = rect.width;
-    this.preDragHeight = rect.height;
-    this.targetRatio = rect.height / rect.width;
-    event.preventDefault();
-    document.addEventListener("mousemove", this.onDrag.bind(this));
-    document.addEventListener("mouseup", this.onMouseUp.bind(this));
-  }
-  onDrag(event) {
-    if (!this.dragHandle) return;
-    const container = this.blot.domNode;
-    let newWidth = this.preDragWidth;
-    let newHeight = this.preDragHeight;
-    const deltaX = event.clientX - this.dragStartX;
-    const deltaY = event.clientY - this.dragStartY;
-    switch (this.dragHandle.dataset.position) {
-      case "top-left":
-        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX);
-        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY);
-        break;
-      case "top-right":
-        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX);
-        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY);
-        break;
-      case "bottom-right":
-        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX);
-        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY);
-        break;
-      case "bottom-left":
-        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX);
-        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY);
-        break;
-    }
-    container.style.width = `${newWidth}px`;
-    container.style.height = `${newHeight}px`;
-    container.setAttribute("width", String(newWidth));
-    container.setAttribute("height", String(newHeight));
-    if (this.blot.flowChart) {
-      this.blot.flowChart.resize(newWidth, newHeight);
-    }
-    this.blot.data.width = newWidth;
-    this.blot.data.height = newHeight;
-    container.setAttribute("data-flow-chart", JSON.stringify(this.blot.data));
-  }
-  onMouseUp() {
-    document.body.style.cursor = "";
-    document.removeEventListener("mousemove", this.onDrag.bind(this));
-    document.removeEventListener("mouseup", this.onMouseUp.bind(this));
-    this.dragHandle = null;
-  }
-  destroy() {
-    const container = this.blot.domNode;
-    container.removeChild(this.topLeftHandle);
-    container.removeChild(this.topRightHandle);
-    container.removeChild(this.bottomRightHandle);
-    container.removeChild(this.bottomLeftHandle);
-  }
-}
-export {
-  FlowChartResizeAction
-};
-//# sourceMappingURL=custom-resize-action.es.js.map

package/es/modules/flow-chart/modules/custom-resize-action.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-resize-action.es.js","sources":["../../../../../src/modules/flow-chart/modules/custom-resize-action.ts"],"sourcesContent":["const MIN_WIDTH = 350\nconst MIN_HEIGHT = 290\n\nexport class FlowChartResizeAction {\n  topLeftHandle: HTMLElement\n  topRightHandle: HTMLElement\n  bottomRightHandle: HTMLElement\n  bottomLeftHandle: HTMLElement\n  dragHandle: HTMLElement | null = null\n  dragStartX: number = 0\n  dragStartY: number = 0\n  preDragWidth: number = 0\n  preDragHeight: number = 0\n  targetRatio: number = 0\n  blot: any\n\n  constructor(blot: any) {\n    this.blot = blot\n    this.topLeftHandle = this.createHandle('top-left', 'nwse-resize')\n    this.topRightHandle = this.createHandle('top-right', 'nesw-resize')\n    this.bottomRightHandle = this.createHandle('bottom-right', 'nwse-resize')\n    this.bottomLeftHandle = this.createHandle('bottom-left', 'nesw-resize')\n    this.init()\n  }\n\n  isFullscreen(): boolean {\n    const container = this.blot.domNode\n    return container.style.position === 'fixed' && container.style.width === '100vw' && container.style.height === '100vh'\n  }\n\n  init() {\n    const container = this.blot.domNode\n    container.style.position = 'relative'\n    container.appendChild(this.topLeftHandle)\n    container.appendChild(this.topRightHandle)\n    container.appendChild(this.bottomRightHandle)\n    container.appendChild(this.bottomLeftHandle)\n    this.repositionHandles()\n  }\n\n  createHandle(position: string, cursor: string): HTMLElement {\n    const box = document.createElement('div')\n    box.classList.add('ql-flow-chart-resize-handle')\n    box.setAttribute('data-position', position)\n    Object.assign(box.style, {\n      cursor,\n      position: 'absolute',\n      width: '10px',\n      height: '10px',\n      background: '#4285f4',\n      border: '1px solid white',\n      borderRadius: '50%',\n      zIndex: '99',\n      userSelect: 'none',\n    })\n    box.addEventListener('mousedown', this.onMouseDown.bind(this))\n    return box\n  }\n\n  repositionHandles() {\n    const container = this.blot.domNode\n    const rect = container.getBoundingClientRect()\n\n    Object.assign(this.topLeftHandle.style, {\n      left: '-5px',\n      top: '-5px',\n    })\n    Object.assign(this.topRightHandle.style, {\n      right: '-5px',\n      top: '-5px',\n    })\n    Object.assign(this.bottomRightHandle.style, {\n      right: '-5px',\n      bottom: '-5px',\n    })\n    Object.assign(this.bottomLeftHandle.style, {\n      left: '-5px',\n      bottom: '-5px',\n    })\n  }\n\n  onMouseDown(event: MouseEvent) {\n    if (this.isFullscreen()) {\n      return\n    }\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    this.dragHandle = event.target\n    document.body.style.cursor = this.dragHandle.style.cursor\n\n    const container = this.blot.domNode\n    const rect = container.getBoundingClientRect()\n\n    this.dragStartX = event.clientX\n    this.dragStartY = event.clientY\n    this.preDragWidth = rect.width\n    this.preDragHeight = rect.height\n    this.targetRatio = rect.height / rect.width\n\n    event.preventDefault()\n    document.addEventListener('mousemove', this.onDrag.bind(this))\n    document.addEventListener('mouseup', this.onMouseUp.bind(this))\n  }\n\n  onDrag(event: MouseEvent) {\n    if (!this.dragHandle) return\n\n    const container = this.blot.domNode\n    let newWidth = this.preDragWidth\n    let newHeight = this.preDragHeight\n\n    const deltaX = event.clientX - this.dragStartX\n    const deltaY = event.clientY - this.dragStartY\n\n    switch (this.dragHandle.dataset.position) {\n      case 'top-left':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY)\n        break\n      case 'top-right':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY)\n        break\n      case 'bottom-right':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY)\n        break\n      case 'bottom-left':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY)\n        break\n    }\n\n    container.style.width = `${newWidth}px`\n    container.style.height = `${newHeight}px`\n    container.setAttribute('width', String(newWidth))\n    container.setAttribute('height', String(newHeight))\n\n    if (this.blot.flowChart) {\n      this.blot.flowChart.resize(newWidth, newHeight)\n    }\n\n    this.blot.data.width = newWidth\n    this.blot.data.height = newHeight\n    container.setAttribute('data-flow-chart', JSON.stringify(this.blot.data))\n  }\n\n  onMouseUp() {\n    document.body.style.cursor = ''\n    document.removeEventListener('mousemove', this.onDrag.bind(this))\n    document.removeEventListener('mouseup', this.onMouseUp.bind(this))\n    this.dragHandle = null\n  }\n\n  destroy() {\n    const container = this.blot.domNode\n    container.removeChild(this.topLeftHandle)\n    container.removeChild(this.topRightHandle)\n    container.removeChild(this.bottomRightHandle)\n    container.removeChild(this.bottomLeftHandle)\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/modules/mind-map/config-utils.es.js

@@ -1,108 +0,0 @@
-function getBackgroundConfig(quill) {
-  var _a;
-  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
-  if (!MindMapModule || typeof MindMapModule !== "object") {
-    return false;
-  }
-  if ("background" in MindMapModule) {
-    const background = MindMapModule.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;
-      }
-      return backgroundConfig;
-    }
-  }
-  return false;
-}
-function getLineConfig(quill) {
-  var _a;
-  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
-  if (!MindMapModule || typeof MindMapModule !== "object") {
-    return false;
-  }
-  if ("line" in MindMapModule) {
-    const line = MindMapModule.line;
-    if (line === false || line === void 0) {
-      return false;
-    }
-    if (typeof line === "object" && line !== null) {
-      const typedLine = line;
-      const lineConfig = {};
-      if (typedLine.color) {
-        lineConfig.lineColor = typedLine.color;
-      }
-      if (typedLine.width) {
-        lineConfig.lineWidth = typedLine.width;
-      }
-      if (typedLine.dasharray) {
-        lineConfig.lineDasharray = typedLine.dasharray;
-      }
-      if (typedLine.style) {
-        lineConfig.lineStyle = typedLine.style;
-      }
-      return lineConfig;
-    }
-  }
-  return false;
-}
-function getResizeConfig(quill) {
-  var _a;
-  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
-  if (!MindMapModule || typeof MindMapModule !== "object") {
-    return false;
-  }
-  if ("resize" in MindMapModule) {
-    const resize = MindMapModule.resize;
-    return resize === true;
-  }
-  return false;
-}
-function getThemeConfig(quill) {
-  var _a;
-  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
-  if (!MindMapModule || typeof MindMapModule !== "object") {
-    return "default";
-  }
-  if ("theme" in MindMapModule) {
-    const theme = MindMapModule.theme;
-    return theme || "default";
-  }
-  return "default";
-}
-function getAllConfigs(quill) {
-  var _a, _b;
-  const deps = (_b = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"]) == null ? void 0 : _b.deps;
-  return {
-    backgroundConfig: getBackgroundConfig(quill),
-    resizeConfig: getResizeConfig(quill),
-    lineConfig: getLineConfig(quill),
-    themeConfig: getThemeConfig(quill),
-    deps
-  };
-}
-export {
-  getAllConfigs,
-  getBackgroundConfig,
-  getLineConfig,
-  getResizeConfig,
-  getThemeConfig
-};
-//# sourceMappingURL=config-utils.es.js.map

package/es/modules/mind-map/config-utils.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-utils.es.js","sources":["../../../../src/modules/mind-map/config-utils.ts"],"sourcesContent":["import type Quill from 'quill'\nimport type { BackgroundConfig, LineConfig } from './options'\n\nexport function getBackgroundConfig(quill: Quill | null): false | object {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return false\n  }\n  if ('background' in MindMapModule) {\n    const background = MindMapModule.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      return backgroundConfig\n    }\n  }\n  return false\n}\n\nexport function getLineConfig(quill: Quill | null): false | object {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return false\n  }\n  if ('line' in MindMapModule) {\n    const line = MindMapModule.line as LineConfig | boolean | undefined\n\n    if (line === false || line === undefined) {\n      return false\n    }\n    if (typeof line === 'object' && line !== null) {\n      const typedLine = line as LineConfig\n      const lineConfig: any = {}\n\n      if (typedLine.color) {\n        lineConfig.lineColor = typedLine.color\n      }\n      if (typedLine.width) {\n        lineConfig.lineWidth = typedLine.width\n      }\n      if (typedLine.dasharray) {\n        lineConfig.lineDasharray = typedLine.dasharray\n      }\n      if (typedLine.style) {\n        lineConfig.lineStyle = typedLine.style\n      }\n      return lineConfig\n    }\n  }\n  return false\n}\n\nexport function getResizeConfig(quill: Quill | null): boolean {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return false\n  }\n  if ('resize' in MindMapModule) {\n    const resize = (MindMapModule as any).resize as boolean | undefined\n    return resize === true\n  }\n  return false\n}\n\nexport function getThemeConfig(quill: Quill | null): string {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return 'default'\n  }\n  if ('theme' in MindMapModule) {\n    const theme = MindMapModule.theme as string | undefined\n    return theme || 'default'\n  }\n  return 'default'\n}\n\nexport function getAllConfigs(quill: Quill | null): {\n  backgroundConfig: false | object\n  resizeConfig: boolean\n  lineConfig: false | object\n  themeConfig: string\n  deps?: any\n} {\n  const deps = (quill?.options.modules?.['mind-map'] as any)?.deps\n  return {\n    backgroundConfig: getBackgroundConfig(quill),\n    resizeConfig: getResizeConfig(quill),\n    lineConfig: getLineConfig(quill),\n    themeConfig: getThemeConfig(quill),\n    deps,\n  }\n}\n"],"names":[],"mappings":"AAGO,SAAS,oBAAoB,OAAqC;AAAlE;AACL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,eAAe;AACjC,UAAM,aAAa,cAAc;AAEjC,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,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAAqC;AApC5D;AAqCL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,UAAU,eAAe;AAC3B,UAAM,OAAO,cAAc;AAE3B,QAAI,SAAS,SAAS,SAAS,QAAW;AACxC,aAAO;AAAA,IACT;AACA,QAAI,OAAO,SAAS,YAAY,SAAS,MAAM;AAC7C,YAAM,YAAY;AAClB,YAAM,aAAkB,CAAA;AAExB,UAAI,UAAU,OAAO;AACnB,mBAAW,YAAY,UAAU;AAAA,MACnC;AACA,UAAI,UAAU,OAAO;AACnB,mBAAW,YAAY,UAAU;AAAA,MACnC;AACA,UAAI,UAAU,WAAW;AACvB,mBAAW,gBAAgB,UAAU;AAAA,MACvC;AACA,UAAI,UAAU,OAAO;AACnB,mBAAW,YAAY,UAAU;AAAA,MACnC;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA8B;AArEvD;AAsEL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,YAAY,eAAe;AAC7B,UAAM,SAAU,cAAsB;AACtC,WAAO,WAAW;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,eAAe,OAA6B;AAjFrD;AAkFL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,WAAW,eAAe;AAC5B,UAAM,QAAQ,cAAc;AAC5B,WAAO,SAAS;AAAA,EAClB;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAM5B;AAnGK;AAoGL,QAAM,QAAQ,0CAAO,QAAQ,YAAf,mBAAyB,gBAAzB,mBAA8C;AAC5D,SAAO;AAAA,IACL,kBAAkB,oBAAoB,KAAK;AAAA,IAC3C,cAAc,gBAAgB,KAAK;AAAA,IACnC,YAAY,cAAc,KAAK;AAAA,IAC/B,aAAa,eAAe,KAAK;AAAA,IACjC;AAAA,EAAA;AAEJ;"}