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

package/lib/modules/flow-chart/modules/control-panel.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.cjs.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":["registerFlowChartI18N","I18N","CHANGE_LANGUAGE_EVENT","backIcon","forwardIcon","zoomOutIcon","zoomInIcon","fitIcon","screenTypeIcon","contractIcon","lineIcon","polyLineIcon","bezierIcon","screenReduceIcon"],"mappings":"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"}

package/lib/modules/flow-chart/modules/custom-resize-action.cjs.js

@@ -0,0 +1,150 @@
+"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.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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);
+  }
+}
+exports.FlowChartResizeAction = FlowChartResizeAction;
+//# sourceMappingURL=custom-resize-action.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-resize-action.cjs.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/lib/modules/flow-chart/style/flow-chart.css

@@ -0,0 +1,185 @@
+.ql-flow-chart-item {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.ql-flow-chart-control {
+  position: absolute;
+  top: 8px;
+  right: 50px;
+  display: none;
+  gap: 6px;
+  white-space: nowrap;
+  pointer-events: auto;
+  padding: 5px 5px;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 8px;
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
+}
+.ql-flow-chart-control .ql-flow-chart-control-item {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 5px 5px;
+  border-radius: inherit;
+  transition: all 0.2s ease;
+}
+
+.ql-flow-chart-item .lf-dndpanel {
+  display: none;
+  top: 15%;
+}
+.ql-flow-chart-item .lf-dndpanel .ql-flow-chart-control-item {
+  height: 35.99px;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 5px 5px;
+  border-radius: inherit;
+  transition: all 0.2s ease;
+}
+
+.ql-flow-chart-control-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ql-flow-chart-control-item i {
+  background-size: cover;
+  display: inline-block;
+  height: 20px;
+  vertical-align: middle;
+  width: 20px;
+}
+
+.ql-flow-chart-control-item.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.ql-flow-chart-control-item:hover {
+  background-color: #efefef;
+}
+
+.ql-flow-chart .lf-dndpanel .lf-dnd-text {
+  font-size: 12px;
+}
+
+.ql-flow-chart-edge-panel {
+  width: 130px;
+  position: absolute;
+  left: 50px;
+  top: 220px;
+  padding: 3px;
+  z-index: 1000;
+  max-height: 400px;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 8px;
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
+}
+.ql-flow-chart-edge-panel .ql-flow-chart-edge-item {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: 1px solid #eee;
+  border-radius: inherit;
+  padding: 2px;
+  transition: box-shadow 0.3s ease;
+}
+.ql-flow-chart-edge-panel .ql-flow-chart-edge-item .ql-flow-chart-edge-type-icon {
+  width: 20px;
+  height: 20px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.ql-flow-chart-edge-panel .ql-flow-chart-edge-item:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.ql-flow-chart-item .lf-text-input {
+  display: none !important;
+}
+
+.ql-flow-chart-right-up-control {
+  position: absolute;
+  top: 8px;
+  right: 6px;
+  display: inline-flex;
+  gap: 6px;
+  white-space: nowrap;
+  pointer-events: auto;
+  padding: 5px 5px;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 8px;
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
+}
+.ql-flow-chart-right-up-control .ql-flow-chart-control-item {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 5px 5px;
+  border-radius: inherit;
+  transition: all 0.2s ease;
+}
+
+.lf-shape-dashed {
+  margin: 10px auto 0px auto;
+  width: 20px;
+  height: 20px;
+  background-color: transparent;
+  border: 1.5px dashed #000;
+  border-radius: 2px;
+}
+
+.lf-shape-rect {
+  margin: 10px auto 0px auto;
+  width: 20px;
+  height: 20px;
+  background-color: transparent;
+  border: 1.5px solid #000;
+  border-radius: 2px;
+}
+
+.lf-shape-circle {
+  margin: 10px auto 0px auto;
+  width: 20px;
+  height: 20px;
+  background-color: transparent;
+  border: 1.5px solid #000;
+  border-radius: 50%;
+}
+
+.lf-shape-ellipse {
+  margin: 10px auto 0px 3px;
+  width: 26px;
+  height: 20px;
+  background-color: transparent;
+  border: 1.5px solid #000;
+  border-radius: 50%;
+}
+
+.lf-shape-diamond {
+  margin: 10px auto 10px auto;
+  width: 20px;
+  height: 20px;
+  background-color: transparent;
+  border: 1.5px solid #000;
+  transform: rotate(45deg);
+}

package/lib/modules/i18n.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.cjs.js","sources":["../../../src/modules/i18n.ts"],"sourcesContent":["import type FluentEditor from '../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT, defaultLanguage } from '../config'\r\nimport { isUndefined } from '../utils/is'\r\n\r\nconst langs: Record<string, Record<string, string>> = {}\r\n\r\nexport interface I18NOptions {\r\n  lang: string\r\n}\r\nexport class I18N {\r\n  static register(inputLangs: Record<string, Record<string, string>>, isCover: boolean = true) {\r\n    for (const lang in inputLangs) {\r\n      const texts = inputLangs[lang]\r\n      if (isCover) {\r\n        langs[lang] = texts\r\n      }\r\n      else {\r\n        if (!langs[lang]) langs[lang] = {}\r\n        Object.assign(langs[lang], texts)\r\n      }\r\n    }\r\n  }\r\n\r\n  static parserText(text: string, lang: string): string {\r\n    const i18nPattern = /^_i18n\"([^\"]*)\"/\r\n    const match = text.match(i18nPattern)\r\n    let key = text\r\n    if (match) {\r\n      key = match[1]\r\n    }\r\n    return langs[lang]?.[key] || key\r\n  }\r\n\r\n  options: I18NOptions = {\r\n    lang: '',\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<I18NOptions>) {\r\n    this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}))\r\n    // wait until all module registed\r\n    Promise.resolve().then(() => this.changeLanguage(this.options, true))\r\n  }\r\n\r\n  resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n    if (isUndefined(options.lang)) {\r\n      options.lang = defaultLanguage\r\n    }\r\n    if (!(options.lang in langs)) {\r\n      console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n      options.lang = defaultLanguage\r\n    }\r\n    return {\r\n      lang: options.lang,\r\n    }\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>, force: boolean = false) {\r\n    const currentLang = this.options.lang\r\n    const langOps = this.resolveLanguageOption(options)\r\n    if (langOps.lang === currentLang && !force) return\r\n    this.options.lang = langOps.lang\r\n    this.quill.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, langs[langOps.lang])\r\n  }\r\n}\r\n\r\nexport default I18N\r\n"],"names":["isUndefined","defaultLanguage","CHANGE_LANGUAGE_EVENT"],"mappings":";;;;;;;;AAIA,MAAM,QAAgD,CAAC;AAKhD,MAAM,KAAK;AAAA,EA4BhB,YAAmB,OAAqB,SAA+B;AAJvE,mCAAuB;AAAA,MACrB,MAAM;AAAA,IACR;AAEmB,SAAA,QAAA;AACZ,SAAA,UAAU,OAAO,OAAO,CAAC,GAAG,SAAS,KAAK,sBAAsB,WAAW,CAAA,CAAE,CAAC;AAE3E,YAAA,UAAU,KAAK,MAAM,KAAK,eAAe,KAAK,SAAS,IAAI,CAAC;AAAA,EAAA;AAAA,EA9BtE,OAAO,SAAS,YAAoD,UAAmB,MAAM;AAC3F,eAAW,QAAQ,YAAY;AACvB,YAAA,QAAQ,WAAW,IAAI;AAC7B,UAAI,SAAS;AACX,cAAM,IAAI,IAAI;AAAA,MAAA,OAEX;AACH,YAAI,CAAC,MAAM,IAAI,EAAS,OAAA,IAAI,IAAI,CAAC;AACjC,eAAO,OAAO,MAAM,IAAI,GAAG,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,EACF;AAAA,EAGF,OAAO,WAAW,MAAc,MAAsB;;AACpD,UAAM,cAAc;AACd,UAAA,QAAQ,KAAK,MAAM,WAAW;AACpC,QAAI,MAAM;AACV,QAAI,OAAO;AACT,YAAM,MAAM,CAAC;AAAA,IAAA;AAEf,aAAO,WAAM,IAAI,MAAV,mBAAc,SAAQ;AAAA,EAAA;AAAA,EAa/B,sBAAsB,SAA4C;AAC5D,QAAAA,GAAA,YAAY,QAAQ,IAAI,GAAG;AAC7B,cAAQ,OAAOC,cAAA;AAAA,IAAA;AAEb,QAAA,EAAE,QAAQ,QAAQ,QAAQ;AAC5B,cAAQ,KAAK,gBAAgB,QAAQ,IAAI,gDAAgDA,cAAe,eAAA,EAAE;AAC1G,cAAQ,OAAOA,cAAA;AAAA,IAAA;AAEV,WAAA;AAAA,MACL,MAAM,QAAQ;AAAA,IAChB;AAAA,EAAA;AAAA,EAGF,eAAe,SAA+B,QAAiB,OAAO;AAC9D,UAAA,cAAc,KAAK,QAAQ;AAC3B,UAAA,UAAU,KAAK,sBAAsB,OAAO;AAClD,QAAI,QAAQ,SAAS,eAAe,CAAC,MAAO;AACvC,SAAA,QAAQ,OAAO,QAAQ;AACvB,SAAA,MAAM,QAAQ,KAAKC,cAAAA,uBAAuB,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,CAAC;AAAA,EAAA;AAEzF;;;"}
+{"version":3,"file":"i18n.cjs.js","sources":["../../../src/modules/i18n.ts"],"sourcesContent":["import type FluentEditor from '../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT, defaultLanguage } from '../config'\r\nimport { isUndefined } from '../utils/is'\r\n\r\nconst langs: Record<string, Record<string, string>> = {}\r\n\r\nexport interface I18NOptions {\r\n  lang: string\r\n}\r\nexport class I18N {\r\n  static register(inputLangs: Record<string, Record<string, string>>, isCover: boolean = true) {\r\n    for (const lang in inputLangs) {\r\n      const texts = inputLangs[lang]\r\n      if (isCover) {\r\n        langs[lang] = texts\r\n      }\r\n      else {\r\n        if (!langs[lang]) langs[lang] = {}\r\n        Object.assign(langs[lang], texts)\r\n      }\r\n    }\r\n  }\r\n\r\n  static parserText(text: string, lang: string): string {\r\n    const i18nPattern = /^_i18n\"([^\"]*)\"/\r\n    const match = text.match(i18nPattern)\r\n    let key = text\r\n    if (match) {\r\n      key = match[1]\r\n    }\r\n    return langs[lang]?.[key] || key\r\n  }\r\n\r\n  options: I18NOptions = {\r\n    lang: '',\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<I18NOptions>) {\r\n    this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}))\r\n    // wait until all module registed\r\n    Promise.resolve().then(() => this.changeLanguage(this.options, true))\r\n  }\r\n\r\n  resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n    if (isUndefined(options.lang)) {\r\n      options.lang = defaultLanguage\r\n    }\r\n    if (!(options.lang in langs)) {\r\n      console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n      options.lang = defaultLanguage\r\n    }\r\n    return {\r\n      lang: options.lang,\r\n    }\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>, force: boolean = false) {\r\n    const currentLang = this.options.lang\r\n    const langOps = this.resolveLanguageOption(options)\r\n    if (langOps.lang === currentLang && !force) return\r\n    this.options.lang = langOps.lang\r\n    this.quill.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, langs[langOps.lang])\r\n  }\r\n}\r\n\r\nexport default I18N\r\n"],"names":["isUndefined","defaultLanguage","CHANGE_LANGUAGE_EVENT"],"mappings":";;;;;;;;AAIA,MAAM,QAAgD,CAAA;AAK/C,MAAM,KAAK;AAAA,EA4BhB,YAAmB,OAAqB,SAA+B;AAJvE,mCAAuB;AAAA,MACrB,MAAM;AAAA,IAAA;AAGW,SAAA,QAAA;AACjB,SAAK,UAAU,OAAO,OAAO,CAAA,GAAI,SAAS,KAAK,sBAAsB,WAAW,CAAA,CAAE,CAAC;AAEnF,YAAQ,UAAU,KAAK,MAAM,KAAK,eAAe,KAAK,SAAS,IAAI,CAAC;AAAA,EACtE;AAAA,EA/BA,OAAO,SAAS,YAAoD,UAAmB,MAAM;AAC3F,eAAW,QAAQ,YAAY;AAC7B,YAAM,QAAQ,WAAW,IAAI;AAC7B,UAAI,SAAS;AACX,cAAM,IAAI,IAAI;AAAA,MAChB,OACK;AACH,YAAI,CAAC,MAAM,IAAI,EAAG,OAAM,IAAI,IAAI,CAAA;AAChC,eAAO,OAAO,MAAM,IAAI,GAAG,KAAK;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO,WAAW,MAAc,MAAsB;;AACpD,UAAM,cAAc;AACpB,UAAM,QAAQ,KAAK,MAAM,WAAW;AACpC,QAAI,MAAM;AACV,QAAI,OAAO;AACT,YAAM,MAAM,CAAC;AAAA,IACf;AACA,aAAO,WAAM,IAAI,MAAV,mBAAc,SAAQ;AAAA,EAC/B;AAAA,EAYA,sBAAsB,SAA4C;AAChE,QAAIA,GAAAA,YAAY,QAAQ,IAAI,GAAG;AAC7B,cAAQ,OAAOC,cAAAA;AAAAA,IACjB;AACA,QAAI,EAAE,QAAQ,QAAQ,QAAQ;AAC5B,cAAQ,KAAK,gBAAgB,QAAQ,IAAI,gDAAgDA,cAAAA,eAAe,EAAE;AAC1G,cAAQ,OAAOA,cAAAA;AAAAA,IACjB;AACA,WAAO;AAAA,MACL,MAAM,QAAQ;AAAA,IAAA;AAAA,EAElB;AAAA,EAEA,eAAe,SAA+B,QAAiB,OAAO;AACpE,UAAM,cAAc,KAAK,QAAQ;AACjC,UAAM,UAAU,KAAK,sBAAsB,OAAO;AAClD,QAAI,QAAQ,SAAS,eAAe,CAAC,MAAO;AAC5C,SAAK,QAAQ,OAAO,QAAQ;AAC5B,SAAK,MAAM,QAAQ,KAAKC,cAAAA,uBAAuB,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,CAAC;AAAA,EACvF;AACF;;;"}

package/lib/modules/index.cjs.js

@@ -8,20 +8,24 @@ const customUploader = require("./custom-uploader.cjs.js");
 const divider = require("./divider.cjs.js");
 const emoji = require("./emoji.cjs.js");
 require("./file/index.cjs.js");
+const index = require("./flow-chart/index.cjs.js");
 const i18n = require("./i18n.cjs.js");
 require("./link/index.cjs.js");
 require("./mathlive/index.cjs.js");
 require("./mention/index.cjs.js");
-const index = require("./shortcut-key/index.cjs.js");
+const index$1 = require("./mind-map/index.cjs.js");
+const index$2 = require("./shortcut-key/index.cjs.js");
 require("./syntax.cjs.js");
-const index$1 = require("./table-up/index.cjs.js");
+const index$3 = require("./table-up/index.cjs.js");
 require("./toolbar/index.cjs.js");
 exports.CustomClipboard = customClipboard.CustomClipboard;
 exports.FileUploader = customUploader.FileUploader;
 exports.DividerBlot = divider.DividerBlot;
 exports.EmojiModule = emoji.EmojiModule;
+exports.FlowChartModule = index.FlowChartModule;
 exports.I18N = i18n.I18N;
-exports.ShortCutKey = index.ShortCutKey;
-exports.shortKey = index.shortKey;
-exports.generateTableUp = index$1.generateTableUp;
+exports.MindMapModule = index$1.MindMapModule;
+exports.ShortCutKey = index$2.ShortCutKey;
+exports.shortKey = index$2.shortKey;
+exports.generateTableUp = index$3.generateTableUp;
 //# sourceMappingURL=index.cjs.js.map

package/lib/modules/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/modules/link/formats/link.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs.js","sources":["../../../../../src/modules/link/formats/link.ts"],"sourcesContent":["import type TypeInline from 'quill/blots/inline'\nimport Quill from 'quill'\nimport { hadProtocol, sanitize } from '../../../config/editor.utils'\n\nconst Inline = Quill.import('blots/inline') as typeof TypeInline\n\nexport class LinkBlot extends Inline {\n  static blotName = 'link'\n  static tagName = 'A'\n  static SANITIZED_URL = 'about:blank'\n  static PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\n  static className = 'ql-normal-link'\n\n  static autoProtocol: string = ''\n  static create(value: string) {\n    const node = super.create(value)\n    let href = value\n    if (!hadProtocol(href) && this.autoProtocol) {\n      href = `${this.autoProtocol}://${value}`\n    }\n    href = this.sanitize(href)\n    node.setAttribute('href', href)\n    node.setAttribute('target', '_blank')\n    return node\n  }\n\n  static formats(domNode: HTMLElement): string | null {\n    return domNode.getAttribute('href')\n  }\n\n  static sanitize(url: string) {\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\n  }\n\n  format(name: string, value: any) {\n    if (name !== this.statics.blotName || [false, null].includes(value)) {\n      super.format(name, value)\n    }\n    else {\n      this.domNode.setAttribute('href', LinkBlot.sanitize(value))\n    }\n  }\n}\n"],"names":["hadProtocol","sanitize"],"mappings":";;;;;;;AAIA,MAAM,SAAS,MAAM,OAAO,cAAc;AAEnC,MAAM,YAAN,MAAM,kBAAiB,OAAO;AAAA,EAQnC,OAAO,OAAO,OAAe;AACrB,UAAA,OAAO,MAAM,OAAO,KAAK;AAC/B,QAAI,OAAO;AACX,QAAI,CAACA,aAAAA,YAAY,IAAI,KAAK,KAAK,cAAc;AAC3C,aAAO,GAAG,KAAK,YAAY,MAAM,KAAK;AAAA,IAAA;AAEjC,WAAA,KAAK,SAAS,IAAI;AACpB,SAAA,aAAa,QAAQ,IAAI;AACzB,SAAA,aAAa,UAAU,QAAQ;AAC7B,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,QAAQ,SAAqC;AAC3C,WAAA,QAAQ,aAAa,MAAM;AAAA,EAAA;AAAA,EAGpC,OAAO,SAAS,KAAa;AAC3B,WAAOC,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAAA;AAAA,EAG7D,OAAO,MAAc,OAAY;AAC3B,QAAA,SAAS,KAAK,QAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,SAAS,KAAK,GAAG;AAC7D,YAAA,OAAO,MAAM,KAAK;AAAA,IAAA,OAErB;AACH,WAAK,QAAQ,aAAa,QAAQ,UAAS,SAAS,KAAK,CAAC;AAAA,IAAA;AAAA,EAC5D;AAEJ;AAnCE,cADW,WACJ,YAAW;AAClB,cAFW,WAEJ,WAAU;AACjB,cAHW,WAGJ,iBAAgB;AACvB,cAJW,WAIJ,sBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC7D,cALW,WAKJ,aAAY;AAEnB,cAPW,WAOJ,gBAAuB;AAPzB,IAAM,WAAN;;"}
+{"version":3,"file":"link.cjs.js","sources":["../../../../../src/modules/link/formats/link.ts"],"sourcesContent":["import type TypeInline from 'quill/blots/inline'\nimport Quill from 'quill'\nimport { hadProtocol, sanitize } from '../../../config/editor.utils'\n\nconst Inline = Quill.import('blots/inline') as typeof TypeInline\n\nexport class LinkBlot extends Inline {\n  static blotName = 'link'\n  static tagName = 'A'\n  static SANITIZED_URL = 'about:blank'\n  static PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\n  static className = 'ql-normal-link'\n\n  static autoProtocol: string = ''\n  static create(value: string) {\n    const node = super.create(value)\n    let href = value\n    if (!hadProtocol(href) && this.autoProtocol) {\n      href = `${this.autoProtocol}://${value}`\n    }\n    href = this.sanitize(href)\n    node.setAttribute('href', href)\n    node.setAttribute('target', '_blank')\n    return node\n  }\n\n  static formats(domNode: HTMLElement): string | null {\n    return domNode.getAttribute('href')\n  }\n\n  static sanitize(url: string) {\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\n  }\n\n  format(name: string, value: any) {\n    if (name !== this.statics.blotName || [false, null].includes(value)) {\n      super.format(name, value)\n    }\n    else {\n      this.domNode.setAttribute('href', LinkBlot.sanitize(value))\n    }\n  }\n}\n"],"names":["hadProtocol","sanitize"],"mappings":";;;;;;;AAIA,MAAM,SAAS,MAAM,OAAO,cAAc;AAEnC,MAAM,YAAN,MAAM,kBAAiB,OAAO;AAAA,EAQnC,OAAO,OAAO,OAAe;AAC3B,UAAM,OAAO,MAAM,OAAO,KAAK;AAC/B,QAAI,OAAO;AACX,QAAI,CAACA,aAAAA,YAAY,IAAI,KAAK,KAAK,cAAc;AAC3C,aAAO,GAAG,KAAK,YAAY,MAAM,KAAK;AAAA,IACxC;AACA,WAAO,KAAK,SAAS,IAAI;AACzB,SAAK,aAAa,QAAQ,IAAI;AAC9B,SAAK,aAAa,UAAU,QAAQ;AACpC,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,QAAQ,SAAqC;AAClD,WAAO,QAAQ,aAAa,MAAM;AAAA,EACpC;AAAA,EAEA,OAAO,SAAS,KAAa;AAC3B,WAAOC,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAC7D;AAAA,EAEA,OAAO,MAAc,OAAY;AAC/B,QAAI,SAAS,KAAK,QAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,SAAS,KAAK,GAAG;AACnE,YAAM,OAAO,MAAM,KAAK;AAAA,IAC1B,OACK;AACH,WAAK,QAAQ,aAAa,QAAQ,UAAS,SAAS,KAAK,CAAC;AAAA,IAC5D;AAAA,EACF;AACF;AAnCE,cADW,WACJ,YAAW;AAClB,cAFW,WAEJ,WAAU;AACjB,cAHW,WAGJ,iBAAgB;AACvB,cAJW,WAIJ,sBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC7D,cALW,WAKJ,aAAY;AAEnB,cAPW,WAOJ,gBAAuB;AAPzB,IAAM,WAAN;;"}

package/lib/modules/link/modules/tooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs.js","sources":["../../../../../src/modules/link/modules/tooltip.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport Quill, { Range } from 'quill'\nimport Emitter from 'quill/core/emitter'\nimport { BaseTooltip } from 'quill/themes/base'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport { hadProtocol, isNullOrUndefined } from '../../../config/editor.utils'\nimport { EN_US } from '../../../config/i18n/en-us'\nimport { debounce } from '../../../utils/debounce'\nimport { LinkBlot } from '../formats/link'\n\nexport class LinkTooltip extends BaseTooltip {\n  static TEMPLATE: string = [\n    `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${EN_US.linkplaceholder}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n    '<span class=\"ql-split\"></span>',\n    '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n    '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n  ].join('')\n\n  isInputFocus: boolean\n  isHover: boolean\n  debouncedHideToolTip: any\n  debouncedShowToolTip: any\n  options: { autoProtocol: string } = {\n    autoProtocol: 'https',\n  }\n\n  constructor(public quill: FluentEditor, bounds) {\n    super(quill, bounds)\n    this.setTemplate()\n    this.isInputFocus = false\n    this.isHover = false\n\n    this.resolveOptions()\n    LinkBlot.autoProtocol = this.options.autoProtocol\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.setTemplate()\n    })\n  }\n\n  setTemplate() {\n    this.root.innerHTML = [\n      `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${this.quill.getLangText('linkplaceholder')}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n      '<span class=\"ql-split\"></span>',\n      '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n      '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n    ].join('')\n    this.textbox = this.root.querySelector('input[type=\"text\"]')\n    this.listen()\n  }\n\n  resolveOptions() {\n    this.options = {\n      autoProtocol: 'https',\n    }\n    const value = this.quill.options.autoProtocol\n    if (value && typeof value === 'string') {\n      this.options.autoProtocol = value\n    }\n    else if (typeof value === 'boolean' && !value) {\n      this.options.autoProtocol = ''\n    }\n  }\n\n  shouldHide() {\n    return !this.isHover && !this.isInputFocus\n  }\n\n  hideToolTip() {\n    if (this.shouldHide()) {\n      this.hide()\n    }\n  }\n\n  showToolTip(name, value, range) {\n    if (!this.shouldHide()) {\n      this.edit(name, value, range)\n    }\n  }\n\n  handleMouseLeave() {\n    this.isHover = false\n    this.debouncedHideToolTip()\n  }\n\n  handleMouseEnter(event: MouseEvent) {\n    const isTooltipShow = !this.root.classList.contains('ql-hidden')\n    if (isTooltipShow) {\n      return\n    }\n\n    if (this.isInputFocus) {\n      this.save()\n    }\n    this.isHover = true\n    const linkNode = event.target as HTMLElement\n    const preview = LinkBlot.formats(linkNode)\n    if (!preview || preview.startsWith('#')) {\n      return\n    }\n    const linkBlot = Quill.find(linkNode) as TypeParchment.Blot\n    const index = this.quill.getIndex(linkBlot)\n    const [link, offset] = this.quill.scroll.descendant(\n      LinkBlot,\n      index,\n    )\n    const length = link && link.length()\n    this.linkRange = new Range(index - offset, length)\n    this.debouncedShowToolTip('link', preview, this.linkRange)\n  }\n\n  listen() {\n    super.listen()\n    this.root.querySelector('a.ql-remove').addEventListener('click', (event) => {\n      if (!isNullOrUndefined(this.linkRange)) {\n        const range = this.linkRange\n        this.restoreFocus()\n        this.quill.formatText(range, 'link', false, Emitter.sources.API)\n        delete this.linkRange\n      }\n      event.preventDefault()\n      this.hide()\n    })\n\n    this.quill.root.addEventListener(\n      'mouseover',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (\n          (target.tagName.toUpperCase() !== 'A'\n            || !target.classList.contains(LinkBlot.className))\n          && !target.closest(`a.${LinkBlot.className}`)\n        ) {\n          return\n        }\n        this.handleMouseEnter(event)\n      },\n      false,\n    )\n\n    this.quill.root.addEventListener(\n      'mouseout',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (target.tagName.toUpperCase() !== 'A' && !target.closest(`a.${LinkBlot.className}`)) {\n          return\n        }\n        this.handleMouseLeave()\n      },\n      false,\n    )\n\n    this.root.addEventListener(\n      'mouseenter',\n      () => {\n        this.isHover = true\n      },\n      false,\n    )\n\n    this.root.addEventListener('mouseleave', this.handleMouseLeave.bind(this), false)\n\n    this.root.querySelector('a.ql-preview').addEventListener('click', (event) => {\n      const link = LinkBlot.sanitize(this.textbox.value)\n      window.open(link, '_blank')\n      event.preventDefault()\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('focus', () => {\n      this.isInputFocus = true\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('blur', () => {\n      this.isInputFocus = false\n      this.save()\n    })\n    this.quill.on(\n      Emitter.events.SELECTION_CHANGE,\n      (range, _oldRange, source) => {\n        if (isNullOrUndefined(range)) return\n        if (source === Emitter.sources.USER) {\n          const [link, offset] = this.quill.scroll.descendant(\n            LinkBlot,\n            range.index,\n          )\n\n          if (!isNullOrUndefined(link)) {\n            this.linkRange = new Range(range.index - offset, link.length())\n            const preview = LinkBlot.formats(link.domNode)\n            if (!preview.startsWith('#')) {\n              this.edit('link', preview, this.linkRange)\n            }\n            return\n          }\n        }\n        if (this.shouldHide()) {\n          this.hide()\n        }\n      },\n    )\n    this.quill.on(\n      Emitter.events.TEXT_CHANGE,\n      () => {\n        const selection = this.quill.getSelection()\n        const index = selection && selection.index\n        setTimeout(() => {\n          const link = this.quill.scroll.descendant(\n            LinkBlot,\n            index,\n          )[0]\n          if (!link) {\n            this.handleMouseLeave()\n          }\n        })\n      },\n    )\n  }\n\n  save() {\n    let value = this.textbox.value\n    if (!value) return\n    this.textbox.value = ''\n    switch (this.root.getAttribute('data-mode')) {\n      case 'link': {\n        const { scrollTop } = this.quill.root\n        if (this.options.autoProtocol) {\n          value = this.addHttpProtocol(value)\n        }\n\n        if (this.linkRange) {\n          this.quill.formatText(\n            this.linkRange,\n            'link',\n            value,\n            Emitter.sources.USER,\n          )\n          this.restoreFocus()\n        }\n        else {\n          this.restoreFocus()\n          this.quill.format('link', value, Emitter.sources.USER)\n        }\n        this.quill.root.scrollTop = scrollTop\n        break\n      }\n      case 'formula': {\n        const range = this.quill.getSelection(true)\n        if (!isNullOrUndefined(range)) {\n          const index = range.index + range.length\n          this.quill.insertEmbed(\n            index,\n            this.root.getAttribute('data-mode'),\n            value,\n            Emitter.sources.USER,\n          )\n          if (this.root.getAttribute('data-mode') === 'formula') {\n            this.quill.insertText(index + 1, ' ', Emitter.sources.USER)\n          }\n          this.quill.setSelection(index + 2, Emitter.sources.USER)\n        }\n        break\n      }\n      case 'video': {\n        const range = this.quill.getSelection(true)\n        this.quill.insertText(range.index, '\\n', Emitter.sources.USER)\n        this.quill.insertEmbed(range.index + 1, 'video', { src: value }, Emitter.sources.USER)\n        this.quill.insertText(range.index + 2, '\\n', Emitter.sources.USER)\n        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT)\n        this.textbox.value = ''\n        this.hide()\n        break\n      }\n      default:\n    }\n  }\n\n  position(reference) {\n    const left = reference.left\n    const top = reference.bottom + this.quill.root.scrollTop\n    this.root.style.left = `${left}px`\n    this.root.style.top = `${top}px`\n    this.root.classList.remove('ql-flip')\n    const containerBounds = this.boundsContainer.getBoundingClientRect()\n    const rootBounds = this.root.getBoundingClientRect()\n    let shift = 0\n    if (rootBounds.right > containerBounds.right) {\n      shift = containerBounds.right - rootBounds.right\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.left < containerBounds.left) {\n      shift = containerBounds.left - rootBounds.left\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.bottom > containerBounds.bottom) {\n      const height = rootBounds.bottom - rootBounds.top\n      const verticalShift = reference.bottom - reference.top + height\n      const fixedTop = top - verticalShift\n      this.root.style.top = `${fixedTop < 0 ? this.quill.root.scrollTop + reference.top : fixedTop}px`\n      this.root.classList.add('ql-flip')\n    }\n    return shift\n  }\n\n  // @ts-expect-error\n  edit(mode: string = 'link', preview = null, range) {\n    this.linkRange = range || this.quill.selection.savedRange\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    if (!isNullOrUndefined(preview)) {\n      this.textbox.value = preview\n    }\n    else if (mode !== this.root.getAttribute('data-mode')) {\n      this.textbox.value = ''\n    }\n    this.position(this.quill.getBounds(range || this.quill.selection.savedRange))\n    if (this.textbox.value === '') {\n      this.textbox.focus()\n    }\n    this.textbox.setAttribute(\n      'placeholder',\n      this.textbox.getAttribute(`data-${mode}`) || '',\n    )\n    this.root.setAttribute('data-mode', mode)\n  }\n\n  show() {\n    super.show()\n    this.root.removeAttribute('data-mode')\n  }\n\n  addHttpProtocol(url: string) {\n    let result = url\n    if (!url) {\n      return ''\n    }\n    if (!hadProtocol(url)) {\n      result = `${this.options.autoProtocol}://${url}`\n    }\n    return result\n  }\n}\n"],"names":["BaseTooltip","LinkBlot","debounce","CHANGE_LANGUAGE_EVENT","link","Range","isNullOrUndefined","hadProtocol","EN_US"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs.js","sources":["../../../../../src/modules/link/modules/tooltip.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport Quill, { Range } from 'quill'\nimport Emitter from 'quill/core/emitter'\nimport { BaseTooltip } from 'quill/themes/base'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport { hadProtocol, isNullOrUndefined } from '../../../config/editor.utils'\nimport { EN_US } from '../../../config/i18n/en-us'\nimport { debounce } from '../../../utils/debounce'\nimport { LinkBlot } from '../formats/link'\n\nexport class LinkTooltip extends BaseTooltip {\n  static TEMPLATE: string = [\n    `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${EN_US.linkplaceholder}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n    '<span class=\"ql-split\"></span>',\n    '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n    '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n  ].join('')\n\n  isInputFocus: boolean\n  isHover: boolean\n  debouncedHideToolTip: any\n  debouncedShowToolTip: any\n  options: { autoProtocol: string } = {\n    autoProtocol: 'https',\n  }\n\n  constructor(public quill: FluentEditor, bounds) {\n    super(quill, bounds)\n    this.setTemplate()\n    this.isInputFocus = false\n    this.isHover = false\n\n    this.resolveOptions()\n    LinkBlot.autoProtocol = this.options.autoProtocol\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.setTemplate()\n    })\n  }\n\n  setTemplate() {\n    this.root.innerHTML = [\n      `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${this.quill.getLangText('linkplaceholder')}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n      '<span class=\"ql-split\"></span>',\n      '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n      '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n    ].join('')\n    this.textbox = this.root.querySelector('input[type=\"text\"]')\n    this.listen()\n  }\n\n  resolveOptions() {\n    this.options = {\n      autoProtocol: 'https',\n    }\n    const value = this.quill.options.autoProtocol\n    if (value && typeof value === 'string') {\n      this.options.autoProtocol = value\n    }\n    else if (typeof value === 'boolean' && !value) {\n      this.options.autoProtocol = ''\n    }\n  }\n\n  shouldHide() {\n    return !this.isHover && !this.isInputFocus\n  }\n\n  hideToolTip() {\n    if (this.shouldHide()) {\n      this.hide()\n    }\n  }\n\n  showToolTip(name, value, range) {\n    if (!this.shouldHide()) {\n      this.edit(name, value, range)\n    }\n  }\n\n  handleMouseLeave() {\n    this.isHover = false\n    this.debouncedHideToolTip()\n  }\n\n  handleMouseEnter(event: MouseEvent) {\n    const isTooltipShow = !this.root.classList.contains('ql-hidden')\n    if (isTooltipShow) {\n      return\n    }\n\n    if (this.isInputFocus) {\n      this.save()\n    }\n    this.isHover = true\n    const linkNode = event.target as HTMLElement\n    const preview = LinkBlot.formats(linkNode)\n    if (!preview || preview.startsWith('#')) {\n      return\n    }\n    const linkBlot = Quill.find(linkNode) as TypeParchment.Blot\n    const index = this.quill.getIndex(linkBlot)\n    const [link, offset] = this.quill.scroll.descendant(\n      LinkBlot,\n      index,\n    )\n    const length = link && link.length()\n    this.linkRange = new Range(index - offset, length)\n    this.debouncedShowToolTip('link', preview, this.linkRange)\n  }\n\n  listen() {\n    super.listen()\n    this.root.querySelector('a.ql-remove').addEventListener('click', (event) => {\n      if (!isNullOrUndefined(this.linkRange)) {\n        const range = this.linkRange\n        this.restoreFocus()\n        this.quill.formatText(range, 'link', false, Emitter.sources.API)\n        delete this.linkRange\n      }\n      event.preventDefault()\n      this.hide()\n    })\n\n    this.quill.root.addEventListener(\n      'mouseover',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (\n          (target.tagName.toUpperCase() !== 'A'\n            || !target.classList.contains(LinkBlot.className))\n          && !target.closest(`a.${LinkBlot.className}`)\n        ) {\n          return\n        }\n        this.handleMouseEnter(event)\n      },\n      false,\n    )\n\n    this.quill.root.addEventListener(\n      'mouseout',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (target.tagName.toUpperCase() !== 'A' && !target.closest(`a.${LinkBlot.className}`)) {\n          return\n        }\n        this.handleMouseLeave()\n      },\n      false,\n    )\n\n    this.root.addEventListener(\n      'mouseenter',\n      () => {\n        this.isHover = true\n      },\n      false,\n    )\n\n    this.root.addEventListener('mouseleave', this.handleMouseLeave.bind(this), false)\n\n    this.root.querySelector('a.ql-preview').addEventListener('click', (event) => {\n      const link = LinkBlot.sanitize(this.textbox.value)\n      window.open(link, '_blank')\n      event.preventDefault()\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('focus', () => {\n      this.isInputFocus = true\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('blur', () => {\n      this.isInputFocus = false\n      this.save()\n    })\n    this.quill.on(\n      Emitter.events.SELECTION_CHANGE,\n      (range, _oldRange, source) => {\n        if (isNullOrUndefined(range)) return\n        if (source === Emitter.sources.USER) {\n          const [link, offset] = this.quill.scroll.descendant(\n            LinkBlot,\n            range.index,\n          )\n\n          if (!isNullOrUndefined(link)) {\n            this.linkRange = new Range(range.index - offset, link.length())\n            const preview = LinkBlot.formats(link.domNode)\n            if (!preview.startsWith('#')) {\n              this.edit('link', preview, this.linkRange)\n            }\n            return\n          }\n        }\n        if (this.shouldHide()) {\n          this.hide()\n        }\n      },\n    )\n    this.quill.on(\n      Emitter.events.TEXT_CHANGE,\n      () => {\n        const selection = this.quill.getSelection()\n        const index = selection && selection.index\n        setTimeout(() => {\n          const link = this.quill.scroll.descendant(\n            LinkBlot,\n            index,\n          )[0]\n          if (!link) {\n            this.handleMouseLeave()\n          }\n        })\n      },\n    )\n  }\n\n  save() {\n    let value = this.textbox.value\n    if (!value) return\n    this.textbox.value = ''\n    switch (this.root.getAttribute('data-mode')) {\n      case 'link': {\n        const { scrollTop } = this.quill.root\n        if (this.options.autoProtocol) {\n          value = this.addHttpProtocol(value)\n        }\n\n        if (this.linkRange) {\n          this.quill.formatText(\n            this.linkRange,\n            'link',\n            value,\n            Emitter.sources.USER,\n          )\n          this.restoreFocus()\n        }\n        else {\n          this.restoreFocus()\n          this.quill.format('link', value, Emitter.sources.USER)\n        }\n        this.quill.root.scrollTop = scrollTop\n        break\n      }\n      case 'formula': {\n        const range = this.quill.getSelection(true)\n        if (!isNullOrUndefined(range)) {\n          const index = range.index + range.length\n          this.quill.insertEmbed(\n            index,\n            this.root.getAttribute('data-mode'),\n            value,\n            Emitter.sources.USER,\n          )\n          if (this.root.getAttribute('data-mode') === 'formula') {\n            this.quill.insertText(index + 1, ' ', Emitter.sources.USER)\n          }\n          this.quill.setSelection(index + 2, Emitter.sources.USER)\n        }\n        break\n      }\n      case 'video': {\n        const range = this.quill.getSelection(true)\n        this.quill.insertText(range.index, '\\n', Emitter.sources.USER)\n        this.quill.insertEmbed(range.index + 1, 'video', { src: value }, Emitter.sources.USER)\n        this.quill.insertText(range.index + 2, '\\n', Emitter.sources.USER)\n        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT)\n        this.textbox.value = ''\n        this.hide()\n        break\n      }\n      default:\n    }\n  }\n\n  position(reference) {\n    const left = reference.left\n    const top = reference.bottom + this.quill.root.scrollTop\n    this.root.style.left = `${left}px`\n    this.root.style.top = `${top}px`\n    this.root.classList.remove('ql-flip')\n    const containerBounds = this.boundsContainer.getBoundingClientRect()\n    const rootBounds = this.root.getBoundingClientRect()\n    let shift = 0\n    if (rootBounds.right > containerBounds.right) {\n      shift = containerBounds.right - rootBounds.right\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.left < containerBounds.left) {\n      shift = containerBounds.left - rootBounds.left\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.bottom > containerBounds.bottom) {\n      const height = rootBounds.bottom - rootBounds.top\n      const verticalShift = reference.bottom - reference.top + height\n      const fixedTop = top - verticalShift\n      this.root.style.top = `${fixedTop < 0 ? this.quill.root.scrollTop + reference.top : fixedTop}px`\n      this.root.classList.add('ql-flip')\n    }\n    return shift\n  }\n\n  // @ts-expect-error\n  edit(mode: string = 'link', preview = null, range) {\n    this.linkRange = range || this.quill.selection.savedRange\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    if (!isNullOrUndefined(preview)) {\n      this.textbox.value = preview\n    }\n    else if (mode !== this.root.getAttribute('data-mode')) {\n      this.textbox.value = ''\n    }\n    this.position(this.quill.getBounds(range || this.quill.selection.savedRange))\n    if (this.textbox.value === '') {\n      this.textbox.focus()\n    }\n    this.textbox.setAttribute(\n      'placeholder',\n      this.textbox.getAttribute(`data-${mode}`) || '',\n    )\n    this.root.setAttribute('data-mode', mode)\n  }\n\n  show() {\n    super.show()\n    this.root.removeAttribute('data-mode')\n  }\n\n  addHttpProtocol(url: string) {\n    let result = url\n    if (!url) {\n      return ''\n    }\n    if (!hadProtocol(url)) {\n      result = `${this.options.autoProtocol}://${url}`\n    }\n    return result\n  }\n}\n"],"names":["BaseTooltip","LinkBlot","debounce","CHANGE_LANGUAGE_EVENT","link","Range","isNullOrUndefined","hadProtocol","EN_US"],"mappings":"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"}

package/lib/modules/mathlive/formats.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"formats.cjs.js","sources":["../../../../src/modules/mathlive/formats.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\nimport type { Root } from 'parchment'\nimport Quill from 'quill'\n\nconst Parchment = Quill.import('parchment')\nexport type MathliveBlotMode = 'dialog' | 'only-read'\nexport class MathliveBlot extends Parchment.EmbedBlot {\n  static blotName = 'mathlive'\n  static tagName = 'math-field'\n  static className = 'ql-math-field'\n  mode: MathliveBlotMode\n\n  static create(obj: { value: string, mode: MathliveBlotMode }) {\n    const el = super.create() as MathfieldElement\n    el.setAttribute('mode', obj.mode)\n    el.classList.add('view')\n    el.innerHTML = obj.value\n    el.setValue(obj.value)\n    return el\n  }\n\n  static value(domNode: MathfieldElement) {\n    return {\n      value: domNode.value,\n      mode: domNode.getAttribute('mode'),\n    }\n  }\n\n  constructor(scroll: Root, public domNode: MathfieldElement) {\n    super(scroll, domNode)\n    domNode.setAttribute('contenteditable', 'false')\n    this.mode = (domNode.getAttribute('mode') || 'only-read') as MathliveBlotMode\n  }\n\n  html() {\n    const formula = this.domNode.value\n    return `<math-field class=\"ql-math-field view\" contenteditable=\"false\" mode=\"${this.mode}\">${formula}</math-field>`\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAY,MAAM,OAAO,WAAW;AAE7B,MAAA,qBAAqB,UAAU,UAAU;AAAA,EAsBpD,YAAY,QAAqB,SAA2B;AAC1D,UAAM,QAAQ,OAAO;AAnBvB;AAkBiC,SAAA,UAAA;AAEvB,YAAA,aAAa,mBAAmB,OAAO;AAC/C,SAAK,OAAQ,QAAQ,aAAa,MAAM,KAAK;AAAA,EAAA;AAAA,EAnB/C,OAAO,OAAO,KAAgD;AACtD,UAAA,KAAK,MAAM,OAAO;AACrB,OAAA,aAAa,QAAQ,IAAI,IAAI;AAC7B,OAAA,UAAU,IAAI,MAAM;AACvB,OAAG,YAAY,IAAI;AAChB,OAAA,SAAS,IAAI,KAAK;AACd,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,MAAM,SAA2B;AAC/B,WAAA;AAAA,MACL,OAAO,QAAQ;AAAA,MACf,MAAM,QAAQ,aAAa,MAAM;AAAA,IACnC;AAAA,EAAA;AAAA,EASF,OAAO;AACC,UAAA,UAAU,KAAK,QAAQ;AAC7B,WAAO,wEAAwE,KAAK,IAAI,KAAK,OAAO;AAAA,EAAA;AAExG;AA/BE,cADW,cACJ,YAAW;AAClB,cAFW,cAEJ,WAAU;AACjB,cAHW,cAGJ,aAAY;;"}
+{"version":3,"file":"formats.cjs.js","sources":["../../../../src/modules/mathlive/formats.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\nimport type { Root } from 'parchment'\nimport Quill from 'quill'\n\nconst Parchment = Quill.import('parchment')\nexport type MathliveBlotMode = 'dialog' | 'only-read'\nexport class MathliveBlot extends Parchment.EmbedBlot {\n  static blotName = 'mathlive'\n  static tagName = 'math-field'\n  static className = 'ql-math-field'\n  mode: MathliveBlotMode\n\n  static create(obj: { value: string, mode: MathliveBlotMode }) {\n    const el = super.create() as MathfieldElement\n    el.setAttribute('mode', obj.mode)\n    el.classList.add('view')\n    el.innerHTML = obj.value\n    el.setValue(obj.value)\n    return el\n  }\n\n  static value(domNode: MathfieldElement) {\n    return {\n      value: domNode.value,\n      mode: domNode.getAttribute('mode'),\n    }\n  }\n\n  constructor(scroll: Root, public domNode: MathfieldElement) {\n    super(scroll, domNode)\n    domNode.setAttribute('contenteditable', 'false')\n    this.mode = (domNode.getAttribute('mode') || 'only-read') as MathliveBlotMode\n  }\n\n  html() {\n    const formula = this.domNode.value\n    return `<math-field class=\"ql-math-field view\" contenteditable=\"false\" mode=\"${this.mode}\">${formula}</math-field>`\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAY,MAAM,OAAO,WAAW;AAEnC,MAAM,qBAAqB,UAAU,UAAU;AAAA,EAsBpD,YAAY,QAAqB,SAA2B;AAC1D,UAAM,QAAQ,OAAO;AAnBvB;AAkBiC,SAAA,UAAA;AAE/B,YAAQ,aAAa,mBAAmB,OAAO;AAC/C,SAAK,OAAQ,QAAQ,aAAa,MAAM,KAAK;AAAA,EAC/C;AAAA,EApBA,OAAO,OAAO,KAAgD;AAC5D,UAAM,KAAK,MAAM,OAAA;AACjB,OAAG,aAAa,QAAQ,IAAI,IAAI;AAChC,OAAG,UAAU,IAAI,MAAM;AACvB,OAAG,YAAY,IAAI;AACnB,OAAG,SAAS,IAAI,KAAK;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAA2B;AACtC,WAAO;AAAA,MACL,OAAO,QAAQ;AAAA,MACf,MAAM,QAAQ,aAAa,MAAM;AAAA,IAAA;AAAA,EAErC;AAAA,EAQA,OAAO;AACL,UAAM,UAAU,KAAK,QAAQ;AAC7B,WAAO,wEAAwE,KAAK,IAAI,KAAK,OAAO;AAAA,EACtG;AACF;AA/BE,cADW,cACJ,YAAW;AAClB,cAFW,cAEJ,WAAU;AACjB,cAHW,cAGJ,aAAY;;"}

package/lib/modules/mathlive/module.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.cjs.js","sources":["../../../../src/modules/mathlive/module.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { MathliveBlot } from './formats'\r\nimport { MathliveTooltip } from './tooltip'\r\n\r\nexport class MathliveModule {\r\n  tooltip: MathliveTooltip\r\n  static register() {\r\n    Quill.register({ [`formats/${MathliveBlot.blotName}`]: MathliveBlot }, true)\r\n  }\r\n\r\n  constructor(public quill: Quill) {\r\n    this.tooltip = new MathliveTooltip(quill)\r\n\r\n    this.quill.root.addEventListener(\r\n      'click',\r\n      (e: MouseEvent) => {\r\n        if (!this.quill.isEnabled()) return\r\n        const path = e.composedPath() as HTMLElement[]\r\n        if (!path || path.length <= 0) return\r\n\r\n        const mathliveNode = path.find(node => node.tagName && node.tagName.toUpperCase() === MathliveBlot.tagName.toUpperCase() && node.classList.contains(MathliveBlot.className))\r\n        const mathliveBlot = Quill.find(mathliveNode) as MathliveBlot | null\r\n        if (mathliveBlot) {\r\n          const { value, mode } = MathliveBlot.value(mathliveBlot.domNode)\r\n          if (mode === 'dialog') {\r\n            this.createDialog(value)\r\n          }\r\n        }\r\n      },\r\n      true,\r\n    )\r\n  }\r\n\r\n  createDialog(value?: string) {\r\n    this.tooltip.edit(value)\r\n  }\r\n}\r\n"],"names":["MathliveTooltip","MathliveBlot"],"mappings":";;;;;;;;AAIO,MAAM,eAAe;AAAA,EAM1B,YAAmB,OAAc;AALjC;AAKmB,SAAA,QAAA;AACZ,SAAA,UAAU,IAAIA,QAAA,gBAAgB,KAAK;AAExC,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,MAAkB;AACjB,YAAI,CAAC,KAAK,MAAM,YAAa;AACvB,cAAA,OAAO,EAAE,aAAa;AAC5B,YAAI,CAAC,QAAQ,KAAK,UAAU,EAAG;AAE/B,cAAM,eAAe,KAAK,KAAK,UAAQ,KAAK,WAAW,KAAK,QAAQ,kBAAkBC,qBAAa,QAAQ,iBAAiB,KAAK,UAAU,SAASA,qBAAa,SAAS,CAAC;AACrK,cAAA,eAAe,MAAM,KAAK,YAAY;AAC5C,YAAI,cAAc;AAChB,gBAAM,EAAE,OAAO,SAASA,QAAa,aAAA,MAAM,aAAa,OAAO;AAC/D,cAAI,SAAS,UAAU;AACrB,iBAAK,aAAa,KAAK;AAAA,UAAA;AAAA,QACzB;AAAA,MAEJ;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAAA,EAxBF,OAAO,WAAW;AACV,UAAA,SAAS,EAAE,CAAC,WAAWA,qBAAa,QAAQ,EAAE,GAAGA,qBAAa,GAAG,IAAI;AAAA,EAAA;AAAA,EA0B7E,aAAa,OAAgB;AACtB,SAAA,QAAQ,KAAK,KAAK;AAAA,EAAA;AAE3B;;"}
+{"version":3,"file":"module.cjs.js","sources":["../../../../src/modules/mathlive/module.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { MathliveBlot } from './formats'\r\nimport { MathliveTooltip } from './tooltip'\r\n\r\nexport class MathliveModule {\r\n  tooltip: MathliveTooltip\r\n  static register() {\r\n    Quill.register({ [`formats/${MathliveBlot.blotName}`]: MathliveBlot }, true)\r\n  }\r\n\r\n  constructor(public quill: Quill) {\r\n    this.tooltip = new MathliveTooltip(quill)\r\n\r\n    this.quill.root.addEventListener(\r\n      'click',\r\n      (e: MouseEvent) => {\r\n        if (!this.quill.isEnabled()) return\r\n        const path = e.composedPath() as HTMLElement[]\r\n        if (!path || path.length <= 0) return\r\n\r\n        const mathliveNode = path.find(node => node.tagName && node.tagName.toUpperCase() === MathliveBlot.tagName.toUpperCase() && node.classList.contains(MathliveBlot.className))\r\n        const mathliveBlot = Quill.find(mathliveNode) as MathliveBlot | null\r\n        if (mathliveBlot) {\r\n          const { value, mode } = MathliveBlot.value(mathliveBlot.domNode)\r\n          if (mode === 'dialog') {\r\n            this.createDialog(value)\r\n          }\r\n        }\r\n      },\r\n      true,\r\n    )\r\n  }\r\n\r\n  createDialog(value?: string) {\r\n    this.tooltip.edit(value)\r\n  }\r\n}\r\n"],"names":["MathliveTooltip","MathliveBlot"],"mappings":";;;;;;;;AAIO,MAAM,eAAe;AAAA,EAM1B,YAAmB,OAAc;AALjC;AAKmB,SAAA,QAAA;AACjB,SAAK,UAAU,IAAIA,QAAAA,gBAAgB,KAAK;AAExC,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,MAAkB;AACjB,YAAI,CAAC,KAAK,MAAM,YAAa;AAC7B,cAAM,OAAO,EAAE,aAAA;AACf,YAAI,CAAC,QAAQ,KAAK,UAAU,EAAG;AAE/B,cAAM,eAAe,KAAK,KAAK,UAAQ,KAAK,WAAW,KAAK,QAAQ,YAAA,MAAkBC,qBAAa,QAAQ,iBAAiB,KAAK,UAAU,SAASA,qBAAa,SAAS,CAAC;AAC3K,cAAM,eAAe,MAAM,KAAK,YAAY;AAC5C,YAAI,cAAc;AAChB,gBAAM,EAAE,OAAO,KAAA,IAASA,QAAAA,aAAa,MAAM,aAAa,OAAO;AAC/D,cAAI,SAAS,UAAU;AACrB,iBAAK,aAAa,KAAK;AAAA,UACzB;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAAA,EAzBA,OAAO,WAAW;AAChB,UAAM,SAAS,EAAE,CAAC,WAAWA,qBAAa,QAAQ,EAAE,GAAGA,qBAAA,GAAgB,IAAI;AAAA,EAC7E;AAAA,EAyBA,aAAa,OAAgB;AAC3B,SAAK,QAAQ,KAAK,KAAK;AAAA,EACzB;AACF;;"}

package/lib/modules/mathlive/tooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs.js","sources":["../../../../src/modules/mathlive/tooltip.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\nimport type { Bounds } from 'quill/core/selection'\nimport type TypeTooltip from 'quill/ui/tooltip'\nimport Quill from 'quill'\nimport { isString } from '../../utils/is'\n\nconst Delta = Quill.import('delta')\nconst Tooltip = Quill.import('ui/tooltip') as typeof TypeTooltip\nexport class MathliveTooltip extends Tooltip {\n  static TEMPLATE = ``\n\n  mathliveDom: MathfieldElement\n  editValue?: string\n\n  constructor(quill: Quill, boundsContainer?: HTMLElement) {\n    super(quill, boundsContainer)\n    this.mathliveDom = document.createElement('math-field') as MathfieldElement\n    this.mathliveDom.classList.add('ql-math-field')\n    this.root.appendChild(this.mathliveDom)\n    this.root.classList.add('math-field-tooltip')\n    this.listen()\n  }\n\n  listen() {\n    this.mathliveDom.addEventListener('blur', (event) => {\n      this.hide()\n    })\n    this.root.addEventListener('keydown', (event) => {\n      if (event.key === 'Enter') {\n        event.preventDefault()\n        this.save()\n      }\n      else if (event.key === 'Escape') {\n        event.preventDefault()\n        this.cancel()\n      }\n    })\n  }\n\n  cancel() {\n    this.hide()\n    this.restoreFocus()\n  }\n\n  edit(value?: string) {\n    this.editValue = value\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    this.mathliveDom.setValue(value || '')\n    const range = this.quill.getSelection()\n    const bounds = range ? this.quill.getBounds(range) : null\n    if (bounds != null) {\n      this.position(bounds)\n    }\n    this.show()\n    this.mathliveDom.focus()\n  }\n\n  restoreFocus() {\n    this.mathliveDom.blur()\n    this.quill.focus({ preventScroll: true })\n  }\n\n  save() {\n    const range = this.quill.getSelection(true)\n    const inputValue = this.mathliveDom.value\n    if (!inputValue) return\n    const contentData = this.quill.getContents(range.index, 1).ops[0].insert\n    let deleteCount = 0\n    if (!isString(contentData) && contentData.mathlive) {\n      deleteCount += 1\n    }\n    const delta = new Delta()\n      .retain(range.index)\n      .delete(Math.max(deleteCount, range.length))\n      .insert({ mathlive: { value: inputValue, mode: 'dialog' } })\n    this.quill.updateContents(delta, Quill.sources.USER)\n    this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\n    this.hide()\n  }\n\n  position(reference: Bounds) {\n    const adjustedReference = { ...reference }\n    adjustedReference.left = reference.left + this.root.offsetWidth / 2 - reference.width / 2\n    return super.position(adjustedReference)\n  }\n}\n"],"names":["isString"],"mappings":";;;;;;;AAMA,MAAM,QAAQ,MAAM,OAAO,OAAO;AAClC,MAAM,UAAU,MAAM,OAAO,YAAY;AAClC,MAAM,wBAAwB,QAAQ;AAAA,EAM3C,YAAY,OAAc,iBAA+B;AACvD,UAAM,OAAO,eAAe;AAJ9B;AACA;AAIO,SAAA,cAAc,SAAS,cAAc,YAAY;AACjD,SAAA,YAAY,UAAU,IAAI,eAAe;AACzC,SAAA,KAAK,YAAY,KAAK,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,oBAAoB;AAC5C,SAAK,OAAO;AAAA,EAAA;AAAA,EAGd,SAAS;AACP,SAAK,YAAY,iBAAiB,QAAQ,CAAC,UAAU;AACnD,WAAK,KAAK;AAAA,IAAA,CACX;AACD,SAAK,KAAK,iBAAiB,WAAW,CAAC,UAAU;AAC3C,UAAA,MAAM,QAAQ,SAAS;AACzB,cAAM,eAAe;AACrB,aAAK,KAAK;AAAA,MAAA,WAEH,MAAM,QAAQ,UAAU;AAC/B,cAAM,eAAe;AACrB,aAAK,OAAO;AAAA,MAAA;AAAA,IACd,CACD;AAAA,EAAA;AAAA,EAGH,SAAS;AACP,SAAK,KAAK;AACV,SAAK,aAAa;AAAA,EAAA;AAAA,EAGpB,KAAK,OAAgB;AACnB,SAAK,YAAY;AACZ,SAAA,KAAK,UAAU,OAAO,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,YAAY;AAC/B,SAAA,YAAY,SAAS,SAAS,EAAE;AAC/B,UAAA,QAAQ,KAAK,MAAM,aAAa;AACtC,UAAM,SAAS,QAAQ,KAAK,MAAM,UAAU,KAAK,IAAI;AACrD,QAAI,UAAU,MAAM;AAClB,WAAK,SAAS,MAAM;AAAA,IAAA;AAEtB,SAAK,KAAK;AACV,SAAK,YAAY,MAAM;AAAA,EAAA;AAAA,EAGzB,eAAe;AACb,SAAK,YAAY,KAAK;AACtB,SAAK,MAAM,MAAM,EAAE,eAAe,MAAM;AAAA,EAAA;AAAA,EAG1C,OAAO;AACL,UAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AACpC,UAAA,aAAa,KAAK,YAAY;AACpC,QAAI,CAAC,WAAY;AACX,UAAA,cAAc,KAAK,MAAM,YAAY,MAAM,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE;AAClE,QAAI,cAAc;AAClB,QAAI,CAACA,GAAAA,SAAS,WAAW,KAAK,YAAY,UAAU;AACnC,qBAAA;AAAA,IAAA;AAEX,UAAA,QAAQ,IAAI,MAAA,EACf,OAAO,MAAM,KAAK,EAClB,OAAO,KAAK,IAAI,aAAa,MAAM,MAAM,CAAC,EAC1C,OAAO,EAAE,UAAU,EAAE,OAAO,YAAY,MAAM,SAAS,GAAG;AAC7D,SAAK,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AACnD,SAAK,MAAM,aAAa,MAAM,QAAQ,GAAG,MAAM,QAAQ,MAAM;AAC7D,SAAK,KAAK;AAAA,EAAA;AAAA,EAGZ,SAAS,WAAmB;AACpB,UAAA,oBAAoB,EAAE,GAAG,UAAU;AACvB,sBAAA,OAAO,UAAU,OAAO,KAAK,KAAK,cAAc,IAAI,UAAU,QAAQ;AACjF,WAAA,MAAM,SAAS,iBAAiB;AAAA,EAAA;AAE3C;AA7EE,cADW,iBACJ,YAAW;;"}
+{"version":3,"file":"tooltip.cjs.js","sources":["../../../../src/modules/mathlive/tooltip.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\nimport type { Bounds } from 'quill/core/selection'\nimport type TypeTooltip from 'quill/ui/tooltip'\nimport Quill from 'quill'\nimport { isString } from '../../utils/is'\n\nconst Delta = Quill.import('delta')\nconst Tooltip = Quill.import('ui/tooltip') as typeof TypeTooltip\nexport class MathliveTooltip extends Tooltip {\n  static TEMPLATE = ``\n\n  mathliveDom: MathfieldElement\n  editValue?: string\n\n  constructor(quill: Quill, boundsContainer?: HTMLElement) {\n    super(quill, boundsContainer)\n    this.mathliveDom = document.createElement('math-field') as MathfieldElement\n    this.mathliveDom.classList.add('ql-math-field')\n    this.root.appendChild(this.mathliveDom)\n    this.root.classList.add('math-field-tooltip')\n    this.listen()\n  }\n\n  listen() {\n    this.mathliveDom.addEventListener('blur', (event) => {\n      this.hide()\n    })\n    this.root.addEventListener('keydown', (event) => {\n      if (event.key === 'Enter') {\n        event.preventDefault()\n        this.save()\n      }\n      else if (event.key === 'Escape') {\n        event.preventDefault()\n        this.cancel()\n      }\n    })\n  }\n\n  cancel() {\n    this.hide()\n    this.restoreFocus()\n  }\n\n  edit(value?: string) {\n    this.editValue = value\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    this.mathliveDom.setValue(value || '')\n    const range = this.quill.getSelection()\n    const bounds = range ? this.quill.getBounds(range) : null\n    if (bounds != null) {\n      this.position(bounds)\n    }\n    this.show()\n    this.mathliveDom.focus()\n  }\n\n  restoreFocus() {\n    this.mathliveDom.blur()\n    this.quill.focus({ preventScroll: true })\n  }\n\n  save() {\n    const range = this.quill.getSelection(true)\n    const inputValue = this.mathliveDom.value\n    if (!inputValue) return\n    const contentData = this.quill.getContents(range.index, 1).ops[0].insert\n    let deleteCount = 0\n    if (!isString(contentData) && contentData.mathlive) {\n      deleteCount += 1\n    }\n    const delta = new Delta()\n      .retain(range.index)\n      .delete(Math.max(deleteCount, range.length))\n      .insert({ mathlive: { value: inputValue, mode: 'dialog' } })\n    this.quill.updateContents(delta, Quill.sources.USER)\n    this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\n    this.hide()\n  }\n\n  position(reference: Bounds) {\n    const adjustedReference = { ...reference }\n    adjustedReference.left = reference.left + this.root.offsetWidth / 2 - reference.width / 2\n    return super.position(adjustedReference)\n  }\n}\n"],"names":["isString"],"mappings":";;;;;;;AAMA,MAAM,QAAQ,MAAM,OAAO,OAAO;AAClC,MAAM,UAAU,MAAM,OAAO,YAAY;AAClC,MAAM,wBAAwB,QAAQ;AAAA,EAM3C,YAAY,OAAc,iBAA+B;AACvD,UAAM,OAAO,eAAe;AAJ9B;AACA;AAIE,SAAK,cAAc,SAAS,cAAc,YAAY;AACtD,SAAK,YAAY,UAAU,IAAI,eAAe;AAC9C,SAAK,KAAK,YAAY,KAAK,WAAW;AACtC,SAAK,KAAK,UAAU,IAAI,oBAAoB;AAC5C,SAAK,OAAA;AAAA,EACP;AAAA,EAEA,SAAS;AACP,SAAK,YAAY,iBAAiB,QAAQ,CAAC,UAAU;AACnD,WAAK,KAAA;AAAA,IACP,CAAC;AACD,SAAK,KAAK,iBAAiB,WAAW,CAAC,UAAU;AAC/C,UAAI,MAAM,QAAQ,SAAS;AACzB,cAAM,eAAA;AACN,aAAK,KAAA;AAAA,MACP,WACS,MAAM,QAAQ,UAAU;AAC/B,cAAM,eAAA;AACN,aAAK,OAAA;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,SAAK,KAAA;AACL,SAAK,aAAA;AAAA,EACP;AAAA,EAEA,KAAK,OAAgB;AACnB,SAAK,YAAY;AACjB,SAAK,KAAK,UAAU,OAAO,WAAW;AACtC,SAAK,KAAK,UAAU,IAAI,YAAY;AACpC,SAAK,YAAY,SAAS,SAAS,EAAE;AACrC,UAAM,QAAQ,KAAK,MAAM,aAAA;AACzB,UAAM,SAAS,QAAQ,KAAK,MAAM,UAAU,KAAK,IAAI;AACrD,QAAI,UAAU,MAAM;AAClB,WAAK,SAAS,MAAM;AAAA,IACtB;AACA,SAAK,KAAA;AACL,SAAK,YAAY,MAAA;AAAA,EACnB;AAAA,EAEA,eAAe;AACb,SAAK,YAAY,KAAA;AACjB,SAAK,MAAM,MAAM,EAAE,eAAe,MAAM;AAAA,EAC1C;AAAA,EAEA,OAAO;AACL,UAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AAC1C,UAAM,aAAa,KAAK,YAAY;AACpC,QAAI,CAAC,WAAY;AACjB,UAAM,cAAc,KAAK,MAAM,YAAY,MAAM,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE;AAClE,QAAI,cAAc;AAClB,QAAI,CAACA,GAAAA,SAAS,WAAW,KAAK,YAAY,UAAU;AAClD,qBAAe;AAAA,IACjB;AACA,UAAM,QAAQ,IAAI,MAAA,EACf,OAAO,MAAM,KAAK,EAClB,OAAO,KAAK,IAAI,aAAa,MAAM,MAAM,CAAC,EAC1C,OAAO,EAAE,UAAU,EAAE,OAAO,YAAY,MAAM,SAAA,GAAY;AAC7D,SAAK,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AACnD,SAAK,MAAM,aAAa,MAAM,QAAQ,GAAG,MAAM,QAAQ,MAAM;AAC7D,SAAK,KAAA;AAAA,EACP;AAAA,EAEA,SAAS,WAAmB;AAC1B,UAAM,oBAAoB,EAAE,GAAG,UAAA;AAC/B,sBAAkB,OAAO,UAAU,OAAO,KAAK,KAAK,cAAc,IAAI,UAAU,QAAQ;AACxF,WAAO,MAAM,SAAS,iBAAiB;AAAA,EACzC;AACF;AA7EE,cADW,iBACJ,YAAW;;"}