@opentiny/fluent-editor 4.0.0-alpha.1 → 4.0.0-alpha.3

package/es/config/types/file-operation.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-operation.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/focus-change.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=focus-change.interface.es.js.map

package/es/config/types/focus-change.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus-change.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/fullscreen-module.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=fullscreen-module.interface.es.js.map

package/es/config/types/fullscreen-module.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-module.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/help-panel-item.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=help-panel-item.interface.es.js.map

package/es/config/types/help-panel-item.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"help-panel-item.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/help-panel-option.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=help-panel-option.interface.es.js.map

package/es/config/types/help-panel-option.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"help-panel-option.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/image-module.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=image-module.interface.es.js.map

package/es/config/types/image-module.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-module.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/image-upload.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=image-upload.interface.es.js.map

package/es/config/types/image-upload.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-upload.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/load-on-demand-module.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=load-on-demand-module.interface.es.js.map

package/es/config/types/load-on-demand-module.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"load-on-demand-module.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/mention-module.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=mention-module.interface.es.js.map

package/es/config/types/mention-module.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mention-module.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/paste-change.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=paste-change.interface.es.js.map

package/es/config/types/paste-change.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"paste-change.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/quick-menu-module.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=quick-menu-module.interface.es.js.map

package/es/config/types/quick-menu-module.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quick-menu-module.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/range.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=range.interface.es.js.map

package/es/config/types/range.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/registry-options.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=registry-options.interface.es.js.map

package/es/config/types/registry-options.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registry-options.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/selection-change.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=selection-change.interface.es.js.map

package/es/config/types/selection-change.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-change.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/toolbar-item.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=toolbar-item.interface.es.js.map

package/es/config/types/toolbar-item.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar-item.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/config/types/validate-error.interface.es.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=validate-error.interface.es.js.map

package/es/config/types/validate-error.interface.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validate-error.interface.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/modules/custom-image/BlotFormatter.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlotFormatter.es.js","sources":["../../../../src/modules/custom-image/BlotFormatter.ts"],"sourcesContent":["import type Action from './actions/Action'\r\nimport type { Options } from './Options'\r\nimport type BlotSpec from './specs/BlotSpec'\r\nimport { merge as deepmerge } from 'lodash-es'\r\nimport Quill from 'quill'\r\nimport ImageBlot from './image'\r\nimport ImageBar from './image-bar'\r\nimport DefaultOptions from './Options'\r\nimport { CustomImageSpec } from './specs/CustomImageSpec'\r\n\r\nconst dontMerge = (_destination: Array<any>, source: Array<any>) => source\r\n\r\n// @dynamic\r\nexport default class BlotFormatter {\r\n  quill: any\r\n  options: Options\r\n  currentSpec: BlotSpec\r\n  specs: BlotSpec[]\r\n  overlay: HTMLElement\r\n  actions: Action[]\r\n  observer: any\r\n  imageBar: ImageBar\r\n  private debounceTimer: number | null = null\r\n\r\n  static register() {\r\n    Quill.register('formats/image', ImageBlot, true)\r\n    Quill.register('modules/image-spec', CustomImageSpec, true)\r\n  }\r\n\r\n  constructor(quill: any, options: any = {}) {\r\n    this.quill = quill\r\n    this.options = deepmerge(DefaultOptions, options, { arrayMerge: dontMerge })\r\n    this.currentSpec = null\r\n    this.actions = []\r\n    this.overlay = document.createElement('div')\r\n    this.overlay.classList.add(this.options.overlay.className)\r\n    if (this.options.overlay.style) {\r\n      Object.assign(this.overlay.style, this.options.overlay.style)\r\n    }\r\n\r\n    // disable native image resizing on firefox\r\n    document.execCommand('enableObjectResizing', false, 'false') // eslint-disable-next-line-line no-undef\r\n    this.quill.root.addEventListener('click', this.onClick)\r\n    this.quill.root.addEventListener('mouseover', event => this.onMouseOver(event))\r\n    this.specs = this.options.specs.map((SpecClass: any) => new SpecClass(this))\r\n    this.specs.forEach(spec => spec.init())\r\n  }\r\n\r\n  show(spec: BlotSpec) {\r\n    this.currentSpec = spec\r\n    this.currentSpec.setSelection()\r\n    this.setUserSelect('none')\r\n    this.quill.root.parentNode.appendChild(this.overlay)\r\n    this.repositionOverlay()\r\n    this.createActions(spec)\r\n\r\n    // fix: 图片对齐之后，虚线外框应该跟随移动\r\n    const imageDom = spec.getTargetElement()\r\n    const win: any = window\r\n    const MutationObserver = win.MutationObserver || win.WebKitMutationObserver || win.MozMutationObserver\r\n    const element = imageDom.parentNode\r\n    this.observer = new MutationObserver((mutationList) => {\r\n      for (const mutation of mutationList) {\r\n        const target = mutation.target\r\n        const image = target.querySelector('img')\r\n        if (image) {\r\n          this.repositionOverlay()\r\n        }\r\n      }\r\n    })\r\n    this.observer.observe(element, {\r\n      attributes: true,\r\n      attributeFilter: ['class'],\r\n      attributeOldValue: true,\r\n      subtree: true,\r\n    })\r\n    document.body.addEventListener('click', this.hideImageOverlay, true)\r\n  }\r\n\r\n  hide() {\r\n    if (!this.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const imgDom = this.currentSpec.getTargetElement()\r\n    if (imgDom) {\r\n      imgDom.classList.remove('current-select-img')\r\n    }\r\n\r\n    this.currentSpec.onHide()\r\n    this.currentSpec = null\r\n    this.quill.root.parentNode.removeChild(this.overlay)\r\n    this.overlay.style.setProperty('display', 'none')\r\n    this.setUserSelect('')\r\n    this.destroyActions()\r\n  }\r\n\r\n  update() {\r\n    this.repositionOverlay()\r\n    this.actions.forEach(action => action.onUpdate())\r\n  }\r\n\r\n  createActions(spec: BlotSpec) {\r\n    this.actions = spec.getActions().map((ActionClass: any) => {\r\n      const action: Action = new ActionClass(this)\r\n      action.onCreate()\r\n      return action\r\n    })\r\n  }\r\n\r\n  destroyActions() {\r\n    this.actions.forEach((action: Action) => action.onDestroy())\r\n    this.actions = []\r\n  }\r\n\r\n  repositionOverlay() {\r\n    if (!this.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const overlayTarget = this.currentSpec.getOverlayElement()\r\n    if (!overlayTarget) {\r\n      return\r\n    }\r\n\r\n    const parent: HTMLElement = this.quill.root.parentNode\r\n    const specRect = overlayTarget.getBoundingClientRect()\r\n    const parentRect = parent.getBoundingClientRect()\r\n\r\n    Object.assign(this.overlay.style, {\r\n      display: 'block',\r\n      left: `${specRect.left - parentRect.left - 1 + parent.scrollLeft}px`,\r\n      top: `${specRect.top - parentRect.top + parent.scrollTop}px`,\r\n      width: `${specRect.width}px`,\r\n      height: `${specRect.height}px`,\r\n    })\r\n  }\r\n\r\n  setUserSelect(value: string) {\r\n    const props: string[] = [\r\n      'userSelect',\r\n      'mozUserSelect',\r\n      'webkitUserSelect',\r\n      'msUserSelect',\r\n    ]\r\n\r\n    props.forEach((prop: string) => {\r\n      // set on contenteditable element and <html>\r\n      this.quill.root.style.setProperty(prop, value)\r\n      if (document.documentElement) {\r\n        document.documentElement.style.setProperty(prop, value)\r\n      }\r\n    })\r\n  }\r\n\r\n  onClick = () => {\r\n    this.hide()\r\n    this.hideImageBar()\r\n  }\r\n\r\n  onMouseOver = (event) => {\r\n    if (this.debounceTimer) {\r\n      clearTimeout(this.debounceTimer)\r\n    }\r\n    this.debounceTimer = window.setTimeout(() => {\r\n      if (event.target.tagName === 'IMG') {\r\n        const target = event.target\r\n        if (target) {\r\n          if (this.imageBar) {\r\n            this.imageBar.destroy()\r\n          }\r\n          this.imageBar = new ImageBar(this.quill, target)\r\n        }\r\n      }\r\n      else {\r\n        this.hideImageBar()\r\n      }\r\n    }, 150)\r\n  }\r\n\r\n  hideImageBar = () => {\r\n    if (this.imageBar) {\r\n      this.imageBar.destroy()\r\n      this.imageBar = null\r\n    }\r\n  }\r\n\r\n  hideImageOverlay = (event) => {\r\n    const target = event.target\r\n    const isBlotFormatter = target?.classList?.contains('blot-formatter__overlay')\r\n    // 点击图片操作框之外应该将其销毁\r\n    if (!isBlotFormatter) {\r\n      this.hide()\r\n    }\r\n    document.body.removeEventListener('click', this.hideImageOverlay)\r\n  }\r\n}\r\n"],"names":["deepmerge","ImageBlot"],"mappings":"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"}

package/es/modules/custom-image/Options.es.js

@@ -1,95 +0,0 @@
-import ImageSpec from "./specs/ImageSpec.es.js";
-const DefaultOptions = {
-  specs: [
-    ImageSpec
-  ],
-  overlay: {
-    className: "blot-formatter__overlay",
-    style: {
-      position: "absolute",
-      boxSizing: "border-box",
-      border: "1px dashed #444"
-    }
-  },
-  align: {
-    attribute: "data-align",
-    aligner: {
-      applyStyle: true
-    },
-    icons: {
-      left: `
-        <svg viewbox="0 0 18 18">
-          <line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"></line>
-          <line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"></line>
-          <line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"></line>
-        </svg>
-      `,
-      center: `
-        <svg viewbox="0 0 18 18">
-           <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>
-          <line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"></line>
-          <line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"></line>
-        </svg>
-      `,
-      right: `
-        <svg viewbox="0 0 18 18">
-          <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>
-          <line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"></line>
-          <line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"></line>
-        </svg>
-      `
-    },
-    toolbar: {
-      allowDeselect: true,
-      mainClassName: "blot-formatter__toolbar",
-      mainStyle: {
-        position: "absolute",
-        top: "-12px",
-        right: "0",
-        left: "0",
-        height: "0",
-        minWidth: "100px",
-        font: "12px/1.0 Arial, Helvetica, sans-serif",
-        textAlign: "center",
-        color: "#333",
-        boxSizing: "border-box",
-        cursor: "default",
-        zIndex: "1"
-      },
-      buttonClassName: "blot-formatter__toolbar-button",
-      addButtonSelectStyle: true,
-      buttonStyle: {
-        display: "inline-block",
-        width: "24px",
-        height: "24px",
-        background: "white",
-        border: "1px solid #999",
-        verticalAlign: "middle"
-      },
-      svgStyle: {
-        display: "inline-block",
-        width: "24px",
-        height: "24px",
-        background: "white",
-        border: "1px solid #999",
-        verticalAlign: "middle"
-      }
-    }
-  },
-  resize: {
-    handleClassName: "blot-formatter__resize-handle",
-    handleStyle: {
-      position: "absolute",
-      height: "12px",
-      width: "12px",
-      backgroundColor: "white",
-      border: "1px solid #777",
-      boxSizing: "border-box",
-      opacity: "0.80"
-    }
-  }
-};
-export {
-  DefaultOptions as default
-};
-//# sourceMappingURL=Options.es.js.map

package/es/modules/custom-image/Options.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Options.es.js","sources":["../../../../src/modules/custom-image/Options.ts"],"sourcesContent":["import ImageSpec from './specs/ImageSpec'\r\n\r\nexport interface OverlayOptions {\r\n  // classname applied to the overlay element\r\n  className: string\r\n  // style applied to overlay element, or null to prevent styles\r\n  style: Record<string, string>\r\n}\r\n\r\nexport interface ResizeOptions {\r\n  // class name applied to the resize handles\r\n  handleClassName: string\r\n  // style applied to resize handles, or null to prevent styles\r\n  handleStyle: Record<string, string>\r\n}\r\n\r\nexport interface AlignOptions {\r\n  // the name of the attribute for an element that has its alignment changed\r\n  attribute: string\r\n  // the aligner does the actual alignment switch\r\n  aligner: {\r\n    // whether or not the aligner should handle the actual alignment properties\r\n    applyStyle: boolean\r\n  }\r\n  // icons used for alignment\r\n  icons: {\r\n    left: string\r\n    center: string\r\n    right: string\r\n  }\r\n  // the toolbar so users can change alignments\r\n  toolbar: {\r\n    // whether or not users can deselect an alignment. it's up to you to set the initial alignment\r\n    allowDeselect: boolean\r\n    // class name applied to the root toolbar element\r\n    mainClassName: string\r\n    // style applied to root toolbar element, or null to prevent styles\r\n    mainStyle\r\n    // class name applied to each button in the toolbar\r\n    buttonClassName: string\r\n    /* whether or not to add the selected style to the buttons.\r\n    they'll always get the is-selected class */\r\n    addButtonSelectStyle: boolean\r\n    // style applied to buttons, or null to prevent styles\r\n    buttonStyle\r\n    // style applied to the svgs in the buttons\r\n    svgStyle\r\n  }\r\n}\r\n\r\nexport interface Options {\r\n  // the BlotSpecs supported\r\n  specs: any\r\n  overlay: OverlayOptions\r\n  align: AlignOptions\r\n  resize: ResizeOptions\r\n}\r\n\r\nconst DefaultOptions: Options = {\r\n  specs: [\r\n    ImageSpec,\r\n  ],\r\n  overlay: {\r\n    className: 'blot-formatter__overlay',\r\n    style: {\r\n      position: 'absolute',\r\n      boxSizing: 'border-box',\r\n      border: '1px dashed #444',\r\n    },\r\n  },\r\n  align: {\r\n    attribute: 'data-align',\r\n    aligner: {\r\n      applyStyle: true,\r\n    },\r\n    icons: {\r\n      left: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"15\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"13\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n      center: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n           <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"14\" x2=\"4\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"12\" x2=\"6\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n      right: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"5\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    },\r\n    toolbar: {\r\n      allowDeselect: true,\r\n      mainClassName: 'blot-formatter__toolbar',\r\n      mainStyle: {\r\n        position: 'absolute',\r\n        top: '-12px',\r\n        right: '0',\r\n        left: '0',\r\n        height: '0',\r\n        minWidth: '100px',\r\n        font: '12px/1.0 Arial, Helvetica, sans-serif',\r\n        textAlign: 'center',\r\n        color: '#333',\r\n        boxSizing: 'border-box',\r\n        cursor: 'default',\r\n        zIndex: '1',\r\n      },\r\n      buttonClassName: 'blot-formatter__toolbar-button',\r\n      addButtonSelectStyle: true,\r\n      buttonStyle: {\r\n        display: 'inline-block',\r\n        width: '24px',\r\n        height: '24px',\r\n        background: 'white',\r\n        border: '1px solid #999',\r\n        verticalAlign: 'middle',\r\n      },\r\n      svgStyle: {\r\n        display: 'inline-block',\r\n        width: '24px',\r\n        height: '24px',\r\n        background: 'white',\r\n        border: '1px solid #999',\r\n        verticalAlign: 'middle',\r\n      },\r\n    },\r\n  },\r\n  resize: {\r\n    handleClassName: 'blot-formatter__resize-handle',\r\n    handleStyle: {\r\n      position: 'absolute',\r\n      height: '12px',\r\n      width: '12px',\r\n      backgroundColor: 'white',\r\n      border: '1px solid #777',\r\n      boxSizing: 'border-box',\r\n      opacity: '0.80',\r\n    },\r\n  },\r\n}\r\n\r\nexport default DefaultOptions\r\n"],"names":[],"mappings":";AA0DA,MAAM,iBAA0B;AAAA,EAC9B,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA;AAAA,EAEZ;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAON,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOR,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOT;AAAA,IACA,SAAS;AAAA,MACP,eAAe;AAAA,MACf,eAAe;AAAA,MACf,WAAW;AAAA,QACT,UAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAM;AAAA,QACN,WAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,iBAAiB;AAAA,MACjB,sBAAsB;AAAA,MACtB,aAAa;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EAEJ;AAAA,EACA,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/es/modules/custom-image/actions/Action.es.js

@@ -1,15 +0,0 @@
-class Action {
-  constructor(formatter) {
-    this.formatter = formatter;
-  }
-  onCreate() {
-  }
-  onDestroy() {
-  }
-  onUpdate() {
-  }
-}
-export {
-  Action as default
-};
-//# sourceMappingURL=Action.es.js.map

package/es/modules/custom-image/actions/Action.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Action.es.js","sources":["../../../../../src/modules/custom-image/actions/Action.ts"],"sourcesContent":["export default class Action {\r\n  formatter\r\n\r\n  constructor(formatter) {\r\n    this.formatter = formatter\r\n  }\r\n\r\n  onCreate() {}\r\n\r\n  onDestroy() {}\r\n\r\n  onUpdate() {}\r\n}\r\n"],"names":[],"mappings":"AAAA,MAAqB,OAAO;AAAA,EAG1B,YAAY,WAAW;AACrB,SAAK,YAAY;AAAA,EAAA;AAAA,EAGnB,WAAW;AAAA,EAAA;AAAA,EAEX,YAAY;AAAA,EAAA;AAAA,EAEZ,WAAW;AAAA,EAAA;AACb;"}

package/es/modules/custom-image/actions/DeleteAction.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteAction.es.js","sources":["../../../../../src/modules/custom-image/actions/DeleteAction.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport Action from './Action'\r\n\r\nexport default class DeleteAction extends Action {\r\n  onCreate() {\r\n    document.addEventListener('keyup', this.onKeyUp, true)\r\n    this.formatter.quill.root.addEventListener('input', this.onKeyUp, true)\r\n  }\r\n\r\n  onDestroy() {\r\n    document.removeEventListener('keyup', this.onKeyUp)\r\n    this.formatter.quill.root.removeEventListener('input', this.onKeyUp)\r\n  }\r\n\r\n  onKeyUp = (event: any) => {\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    // delete or backspace\r\n    if (event.keyCode === 46 || event.keyCode === 8) {\r\n      const blot = Quill.find(this.formatter.currentSpec.getTargetElement())\r\n      if (blot) {\r\n        blot.deleteAt(0)\r\n      }\r\n      this.formatter.hide()\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAGA,MAAqB,qBAAqB,OAAO;AAAA,EAAjD,cAAA;AAAA,UAAA,GAAA,SAAA;AAWE,SAAA,UAAU,CAAC,UAAe;AACpB,UAAA,CAAC,KAAK,UAAU,aAAa;AAC/B;AAAA,MAAA;AAIF,UAAI,MAAM,YAAY,MAAM,MAAM,YAAY,GAAG;AAC/C,cAAM,OAAO,MAAM,KAAK,KAAK,UAAU,YAAY,kBAAkB;AACrE,YAAI,MAAM;AACR,eAAK,SAAS,CAAC;AAAA,QAAA;AAEjB,aAAK,UAAU,KAAK;AAAA,MAAA;AAAA,IAExB;AAAA,EAAA;AAAA,EAvBA,WAAW;AACT,aAAS,iBAAiB,SAAS,KAAK,SAAS,IAAI;AACrD,SAAK,UAAU,MAAM,KAAK,iBAAiB,SAAS,KAAK,SAAS,IAAI;AAAA,EAAA;AAAA,EAGxE,YAAY;AACD,aAAA,oBAAoB,SAAS,KAAK,OAAO;AAClD,SAAK,UAAU,MAAM,KAAK,oBAAoB,SAAS,KAAK,OAAO;AAAA,EAAA;AAiBvE;"}

package/es/modules/custom-image/image-bar.es.js

@@ -1,127 +0,0 @@
-import Quill from "quill";
-import { Range } from "quill/core/selection";
-import CustomImage from "./image.es.js";
-const Delta = Quill.import("delta");
-class ImageBar {
-  constructor(quill, target) {
-    this.quill = quill;
-    this.image = target;
-    const imageBlot = Quill.find(target);
-    const index = this.quill.getIndex(imageBlot);
-    const [imageItem, offset] = this.quill.scroll.descendant(CustomImage, index);
-    const length = imageItem && imageItem.length();
-    this.imageRange = new Range(index - offset, length);
-    this.template = [
-      // `<a class="ql-image-preview"><i class="icon-preview"></i></a>`,
-      `<a class="ql-image-download"><i class="icon-download"></i></a>`,
-      `<a class="ql-image-copy">
-          <svg width="16" height="16" t="1736062378465" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1630"><path d="M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666667 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z" fill="#000000" p-id="1631"></path></svg>
-      </a>`,
-      `<a class="ql-image-delete"><i class="icon-delete"></i></a>`
-    ].join("");
-    this.createImageBar();
-  }
-  createImageBar() {
-    this.domNode = document.createElement("div");
-    this.domNode.className = "ql-image-bar";
-    this.domNode.innerHTML = this.template;
-    const imageDownload = this.domNode.querySelector("a.ql-image-download");
-    if (imageDownload) {
-      imageDownload.addEventListener("click", (event) => {
-        this.operateImage(event, "download");
-      });
-    }
-    const imageCopy = this.domNode.querySelector("a.ql-image-copy");
-    if (imageCopy) {
-      imageCopy.addEventListener("click", (event) => {
-        this.operateImage(event, "copy");
-      });
-    }
-    const imageDelete = this.domNode.querySelector("a.ql-image-delete");
-    if (imageDelete) {
-      imageDelete.addEventListener("click", (event) => {
-        this.operateImage(event, "delete");
-      });
-    }
-    this.setPosition();
-    this.quill.root.parentNode.appendChild(this.domNode);
-  }
-  destroy() {
-    if (this.domNode) {
-      this.domNode.remove();
-      this.domNode = null;
-      this.image = null;
-    }
-  }
-  async operateImage(event, operate) {
-    event.preventDefault();
-    const imageName = this.image.dataset.title || "";
-    const imageDownloadUrl = this.image.src || "";
-    if (operate === "download") {
-      try {
-        const a = document.createElement("a");
-        a.href = imageDownloadUrl;
-        a.target = "_blank";
-        a.id = "exppub";
-        a.download = imageName;
-        document.body.appendChild(a);
-        const alink = document.getElementById("exppub");
-        alink.click();
-        alink.parentNode.removeChild(a);
-      } catch (_e) {
-        throw new Error("Download image failed");
-      }
-    } else if (operate === "copy") {
-      const imageUrl = this.image.src;
-      try {
-        const response = await fetch(imageUrl);
-        if (!response.ok) {
-          throw new Error("Copy image failed");
-        }
-        const blob = await response.blob();
-        await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
-      } catch (_e) {
-        throw new Error("Copy image failed");
-      }
-    } else if (operate === "delete") {
-      try {
-        const delta = new Delta().retain(this.imageRange.index).delete(this.imageRange.length);
-        this.quill.updateContents(delta, Quill.sources.USER);
-        this.quill.setSelection(this.imageRange.index);
-      } catch (_e) {
-        throw new Error("Delete image failed");
-      }
-    }
-    this.destroy();
-  }
-  setPosition() {
-    if (this.domNode && this.image) {
-      const parent = this.quill.root.parentNode;
-      const containerRect = parent.getBoundingClientRect();
-      const imageRect = this.image.getBoundingClientRect();
-      this.css(this.domNode, {
-        left: `${imageRect.left + imageRect.width - containerRect.left - 125}px`,
-        top: `${imageRect.top - containerRect.top}px`
-      });
-    }
-  }
-  css(domNode, rules) {
-    if (typeof rules === "object") {
-      for (const prop in rules) {
-        if (prop) {
-          if (Array.isArray(rules[prop])) {
-            rules[prop].forEach((val) => {
-              domNode.style[prop] = val;
-            });
-          } else {
-            domNode.style[prop] = rules[prop];
-          }
-        }
-      }
-    }
-  }
-}
-export {
-  ImageBar as default
-};
-//# sourceMappingURL=image-bar.es.js.map

package/es/modules/custom-image/image-bar.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-bar.es.js","sources":["../../../../src/modules/custom-image/image-bar.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { Range } from 'quill/core/selection'\r\nimport CustomImage from './image'\r\n\r\nconst Delta = Quill.import('delta')\r\n\r\nexport default class ImageBar {\r\n  quill: Quill\r\n  image: HTMLImageElement\r\n  domNode: HTMLElement\r\n  imageRange: any\r\n  template: string\r\n\r\n  constructor(quill, target) {\r\n    this.quill = quill\r\n    this.image = target\r\n    const imageBlot = Quill.find(target)\r\n    const index = this.quill.getIndex(imageBlot)\r\n    const [imageItem, offset] = this.quill.scroll.descendant(CustomImage, index)\r\n    const length = imageItem && imageItem.length()\r\n    this.imageRange = new Range(index - offset, length)\r\n\r\n    this.template = [\r\n      // `<a class=\"ql-image-preview\"><i class=\"icon-preview\"></i></a>`,\r\n      `<a class=\"ql-image-download\"><i class=\"icon-download\"></i></a>`,\r\n      `<a class=\"ql-image-copy\">\r\n          <svg width=\"16\" height=\"16\" t=\"1736062378465\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1630\"><path d=\"M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666667 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z\" fill=\"#000000\" p-id=\"1631\"></path></svg>\r\n      </a>`,\r\n      `<a class=\"ql-image-delete\"><i class=\"icon-delete\"></i></a>`,\r\n    ].join('')\r\n\r\n    this.createImageBar()\r\n  }\r\n\r\n  createImageBar() {\r\n    this.domNode = document.createElement('div')\r\n    this.domNode.className = 'ql-image-bar'\r\n    this.domNode.innerHTML = this.template\r\n    // 下载图片\r\n    const imageDownload = this.domNode.querySelector('a.ql-image-download')\r\n    if (imageDownload) {\r\n      imageDownload.addEventListener('click', (event) => {\r\n        this.operateImage(event, 'download')\r\n      })\r\n    }\r\n    // 复制图片\r\n    const imageCopy = this.domNode.querySelector('a.ql-image-copy')\r\n    if (imageCopy) {\r\n      imageCopy.addEventListener('click', (event) => {\r\n        this.operateImage(event, 'copy')\r\n      })\r\n    }\r\n    // 删除图片\r\n    const imageDelete = this.domNode.querySelector('a.ql-image-delete')\r\n    if (imageDelete) {\r\n      imageDelete.addEventListener('click', (event) => {\r\n        this.operateImage(event, 'delete')\r\n      })\r\n    }\r\n\r\n    this.setPosition()\r\n    this.quill.root.parentNode.appendChild(this.domNode)\r\n  }\r\n\r\n  destroy() {\r\n    if (this.domNode) {\r\n      this.domNode.remove()\r\n      this.domNode = null\r\n      this.image = null\r\n    }\r\n  }\r\n\r\n  async operateImage(event, operate) {\r\n    event.preventDefault()\r\n    const imageName = this.image.dataset.title || ''\r\n    const imageDownloadUrl = this.image.src || ''\r\n    if (operate === 'download') {\r\n      try {\r\n        const a = document.createElement('a')\r\n        a.href = imageDownloadUrl\r\n        a.target = '_blank'\r\n        a.id = 'exppub'\r\n        a.download = imageName\r\n        document.body.appendChild(a)\r\n        const alink = document.getElementById('exppub')\r\n        alink.click()\r\n        alink.parentNode.removeChild(a)\r\n      }\r\n      catch (_e) {\r\n        throw new Error('Download image failed')\r\n      }\r\n    }\r\n    else if (operate === 'copy') {\r\n      const imageUrl = this.image.src\r\n      try {\r\n        const response = await fetch(imageUrl)\r\n        if (!response.ok) {\r\n          throw new Error('Copy image failed')\r\n        }\r\n        const blob = await response.blob()\r\n        await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })])\r\n      }\r\n      catch (_e) {\r\n        throw new Error('Copy image failed')\r\n      }\r\n    }\r\n    else if (operate === 'delete') {\r\n      try {\r\n        const delta = new Delta()\r\n          .retain(this.imageRange.index)\r\n          .delete(this.imageRange.length)\r\n        this.quill.updateContents(delta, Quill.sources.USER)\r\n        this.quill.setSelection(this.imageRange.index)\r\n      }\r\n      catch (_e) {\r\n        throw new Error('Delete image failed')\r\n      }\r\n    }\r\n    this.destroy()\r\n  }\r\n\r\n  setPosition() {\r\n    if (this.domNode && this.image) {\r\n      const parent = this.quill.root.parentNode as HTMLElement\r\n      const containerRect = parent.getBoundingClientRect()\r\n      const imageRect = this.image.getBoundingClientRect()\r\n      this.css(this.domNode, {\r\n        left: `${imageRect.left + imageRect.width - containerRect.left - 125}px`,\r\n        top: `${imageRect.top - containerRect.top}px`,\r\n      })\r\n    }\r\n  }\r\n\r\n  css(domNode, rules) {\r\n    if (typeof rules === 'object') {\r\n      for (const prop in rules) {\r\n        if (prop) {\r\n          if (Array.isArray(rules[prop])) {\r\n            // 兼容IE11浏览器\r\n            rules[prop].forEach((val) => {\r\n              domNode.style[prop] = val\r\n            })\r\n          }\r\n          else {\r\n            domNode.style[prop] = rules[prop]\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/es/modules/custom-image/specs/BlotSpec.es.js

@@ -1,27 +0,0 @@
-import CustomResizeAction from "../actions/CustomResizeAction.es.js";
-import DeleteAction from "../actions/DeleteAction.es.js";
-class BlotSpec {
-  constructor(formatter) {
-    this.formatter = formatter;
-  }
-  init() {
-  }
-  getActions() {
-    return [CustomResizeAction, DeleteAction];
-  }
-  getTargetElement() {
-    return null;
-  }
-  getOverlayElement() {
-    return this.getTargetElement();
-  }
-  setSelection() {
-    this.formatter.quill.setSelection(null);
-  }
-  onHide() {
-  }
-}
-export {
-  BlotSpec as default
-};
-//# sourceMappingURL=BlotSpec.es.js.map

package/es/modules/custom-image/specs/BlotSpec.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlotSpec.es.js","sources":["../../../../../src/modules/custom-image/specs/BlotSpec.ts"],"sourcesContent":["import ResizeAction from '../actions/CustomResizeAction'\r\nimport DeleteAction from '../actions/DeleteAction'\r\n\r\nexport default class BlotSpec {\r\n  formatter\r\n\r\n  constructor(formatter) {\r\n    this.formatter = formatter\r\n  }\r\n\r\n  init(): void {}\r\n\r\n  getActions() {\r\n    return [ResizeAction, DeleteAction]\r\n  }\r\n\r\n  getTargetElement() {\r\n    return null\r\n  }\r\n\r\n  getOverlayElement() {\r\n    return this.getTargetElement()\r\n  }\r\n\r\n  setSelection(): void {\r\n    this.formatter.quill.setSelection(null)\r\n  }\r\n\r\n  onHide() {}\r\n}\r\n"],"names":["ResizeAction"],"mappings":";;AAGA,MAAqB,SAAS;AAAA,EAG5B,YAAY,WAAW;AACrB,SAAK,YAAY;AAAA,EAAA;AAAA,EAGnB,OAAa;AAAA,EAAA;AAAA,EAEb,aAAa;AACJ,WAAA,CAACA,oBAAc,YAAY;AAAA,EAAA;AAAA,EAGpC,mBAAmB;AACV,WAAA;AAAA,EAAA;AAAA,EAGT,oBAAoB;AAClB,WAAO,KAAK,iBAAiB;AAAA,EAAA;AAAA,EAG/B,eAAqB;AACd,SAAA,UAAU,MAAM,aAAa,IAAI;AAAA,EAAA;AAAA,EAGxC,SAAS;AAAA,EAAA;AACX;"}

package/es/modules/custom-image/specs/CustomImageSpec.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomImageSpec.es.js","sources":["../../../../../src/modules/custom-image/specs/CustomImageSpec.ts"],"sourcesContent":["import { isInside } from '../../../config/editor.utils'\r\nimport CustomResizeAction from '../actions/CustomResizeAction'\r\nimport DeleteAction from '../actions/DeleteAction'\r\nimport ImageSpec from './ImageSpec'\r\n\r\nexport class CustomImageSpec extends ImageSpec {\r\n  formatter\r\n  editorElem: HTMLElement | undefined\r\n  observer: any\r\n  oldRootScrollTop: any\r\n\r\n  constructor(formatter) {\r\n    super(formatter)\r\n    this.formatter = formatter\r\n    this.oldRootScrollTop = this.formatter.quill.root.scrollTop\r\n    this.editorElem = this.formatter.quill.container\r\n    if (this.formatter.quill.root === this.formatter.quill.scrollingContainer) {\r\n      this.formatter.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\r\n    }\r\n  }\r\n\r\n  handleQuillRootScroll() {\r\n    if (this.formatter.overlay) {\r\n      this.formatter.overlay.style.marginTop = `${this.oldRootScrollTop - this.formatter.quill.root.scrollTop}px`\r\n    }\r\n  }\r\n\r\n  init(): void {\r\n    this.editorElem.addEventListener('mouseover', this.imageMouseOver.bind(this))\r\n    this.editorElem.addEventListener('mouseout', this.imageMouseout)\r\n\r\n    super.init()\r\n  }\r\n\r\n  getActions() {\r\n    return [DeleteAction, CustomResizeAction]\r\n  }\r\n\r\n  imageMouseOver(event) {\r\n    const target = event.target\r\n    const isBlotFormatter = target?.classList?.contains('blot-formatter__overlay')\r\n    if (target.nodeName === 'IMG' || isBlotFormatter) {\r\n      // this.addImagePreviewOverlay(event);\r\n    }\r\n  }\r\n\r\n  imageMouseout = (event) => {\r\n    if (event.target.nodeName === 'IMG'\r\n      || event.target.classList.contains('blot-formatter__overlay')) {\r\n      const imgDom = event.target\r\n      if (!isInside(event, imgDom)) {\r\n        this.removeImagePreviewOverlay()\r\n      }\r\n    }\r\n  }\r\n\r\n  addImagePreviewOverlay(event) {\r\n    const target = event.target\r\n    const {\r\n      left: imgLeft,\r\n      width: imgWidth,\r\n    } = target.getBoundingClientRect()\r\n    // fix: 解决 ql-container 容器设置 calc(100vh - 180px) 这样的视窗相对单位时，滚动视窗导致图片相对视窗的 top 相应改变，从而导致图片预览按钮的位置显示错误\r\n    const imgTop = target.getBoundingClientRect().top + this.formatter.quill.container.scrollTop\r\n\r\n    const {\r\n      left: editorLeft,\r\n      top: editorTop,\r\n    } = event.currentTarget.getBoundingClientRect()\r\n\r\n    const imgRelativeLeft = imgLeft - editorLeft\r\n    const imgRelativeTop = imgTop - editorTop\r\n\r\n    const maxmizeWidth = 24\r\n    const maxmizePadding = 15\r\n    const previewLeft = imgRelativeLeft + imgWidth - maxmizeWidth - maxmizePadding\r\n    const previewTop = imgRelativeTop + maxmizePadding\r\n\r\n    const previewStyle = `\r\n        left: ${previewLeft}px;\r\n        top: ${previewTop}px;\r\n        width: ${maxmizeWidth}px;\r\n      `\r\n    const imageSrc = target.src || target.getAttribute('data-image')\r\n    const imageId = target.getAttribute('data-image-id')\r\n\r\n    const previewDom = event.currentTarget.querySelector('.image-preview__overlay')\r\n    if (!previewDom) {\r\n      event.currentTarget.insertAdjacentHTML('beforeend', `\r\n          <div class=\"image-preview__overlay\" style=\"${previewStyle}\">\r\n            <i class=\"icon-maxmize\" id=\"btn-image-preview\" data-image-id=\"${imageId}\"\r\n              data-image=\"${imageSrc}\"></i>\r\n          </div>\r\n        `)\r\n    }\r\n  }\r\n\r\n  removeImagePreviewOverlay() {\r\n    const previewDom = this.editorElem.querySelector('.image-preview__overlay')\r\n    if (previewDom) {\r\n      previewDom.parentNode.removeChild(previewDom)\r\n    }\r\n  }\r\n\r\n  onHide() {\r\n    this.removeImagePreviewOverlay()\r\n    super.onHide()\r\n  }\r\n\r\n  resetOverlayMarginTop() {\r\n    if (this.formatter.overlay) {\r\n      this.formatter.overlay.style.marginTop = '0px'\r\n    }\r\n  }\r\n\r\n  onClick = (event: MouseEvent) => {\r\n    const el = event.target\r\n    const isReadonly = this.formatter.quill.options.readOnly\r\n    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG' || isReadonly) {\r\n      return\r\n    }\r\n\r\n    this.img = el\r\n    this.oldRootScrollTop = this.formatter.quill.root.scrollTop\r\n    this.resetOverlayMarginTop()\r\n    this.formatter.show(this)\r\n\r\n    // 通过图片dom获取图片选区用以复制，设置 current-select-img::selection 取消选区背景\r\n    const imageDom = this.formatter.currentSpec?.getTargetElement()\r\n    if (imageDom) {\r\n      imageDom.classList.add('current-select-img')\r\n      const quill = this.formatter.quill\r\n      const imgBlot = quill.scroll.find(this.img)\r\n      const index = quill.getIndex(imgBlot)\r\n      const len = imgBlot.length()\r\n      quill.setSelection(index, len)\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;AAKO,MAAM,wBAAwB,UAAU;AAAA,EAM7C,YAAY,WAAW;AACrB,UAAM,SAAS;AAkCjB,SAAA,gBAAgB,CAAC,UAAU;AACrB,UAAA,MAAM,OAAO,aAAa,SACzB,MAAM,OAAO,UAAU,SAAS,yBAAyB,GAAG;AAC/D,cAAM,SAAS,MAAM;AACrB,YAAI,CAAC,SAAS,OAAO,MAAM,GAAG;AAC5B,eAAK,0BAA0B;AAAA,QAAA;AAAA,MACjC;AAAA,IAEJ;AA6DA,SAAA,UAAU,CAAC,UAAsB;;AAC/B,YAAM,KAAK,MAAM;AACjB,YAAM,aAAa,KAAK,UAAU,MAAM,QAAQ;AAChD,UAAI,EAAE,cAAc,gBAAgB,GAAG,YAAY,SAAS,YAAY;AACtE;AAAA,MAAA;AAGF,WAAK,MAAM;AACX,WAAK,mBAAmB,KAAK,UAAU,MAAM,KAAK;AAClD,WAAK,sBAAsB;AACtB,WAAA,UAAU,KAAK,IAAI;AAGxB,YAAM,YAAW,UAAK,UAAU,gBAAf,mBAA4B;AAC7C,UAAI,UAAU;AACH,iBAAA,UAAU,IAAI,oBAAoB;AACrC,cAAA,QAAQ,KAAK,UAAU;AAC7B,cAAM,UAAU,MAAM,OAAO,KAAK,KAAK,GAAG;AACpC,cAAA,QAAQ,MAAM,SAAS,OAAO;AAC9B,cAAA,MAAM,QAAQ,OAAO;AACrB,cAAA,aAAa,OAAO,GAAG;AAAA,MAAA;AAAA,IAEjC;AA5HE,SAAK,YAAY;AACjB,SAAK,mBAAmB,KAAK,UAAU,MAAM,KAAK;AAC7C,SAAA,aAAa,KAAK,UAAU,MAAM;AACvC,QAAI,KAAK,UAAU,MAAM,SAAS,KAAK,UAAU,MAAM,oBAAoB;AACpE,WAAA,UAAU,MAAM,KAAK,iBAAiB,UAAU,KAAK,sBAAsB,KAAK,IAAI,CAAC;AAAA,IAAA;AAAA,EAC5F;AAAA,EAGF,wBAAwB;AAClB,QAAA,KAAK,UAAU,SAAS;AACrB,WAAA,UAAU,QAAQ,MAAM,YAAY,GAAG,KAAK,mBAAmB,KAAK,UAAU,MAAM,KAAK,SAAS;AAAA,IAAA;AAAA,EACzG;AAAA,EAGF,OAAa;AACX,SAAK,WAAW,iBAAiB,aAAa,KAAK,eAAe,KAAK,IAAI,CAAC;AAC5E,SAAK,WAAW,iBAAiB,YAAY,KAAK,aAAa;AAE/D,UAAM,KAAK;AAAA,EAAA;AAAA,EAGb,aAAa;AACJ,WAAA,CAAC,cAAc,kBAAkB;AAAA,EAAA;AAAA,EAG1C,eAAe,OAAO;;AACpB,UAAM,SAAS,MAAM;AACrB,UAAM,mBAAkB,sCAAQ,cAAR,mBAAmB,SAAS;AAChD,QAAA,OAAO,aAAa,SAAS,iBAAiB;AAAA,IAAA;AAAA,EAElD;AAAA,EAaF,uBAAuB,OAAO;AAC5B,UAAM,SAAS,MAAM;AACf,UAAA;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,IACL,OAAO,sBAAsB;AAE3B,UAAA,SAAS,OAAO,wBAAwB,MAAM,KAAK,UAAU,MAAM,UAAU;AAE7E,UAAA;AAAA,MACJ,MAAM;AAAA,MACN,KAAK;AAAA,IAAA,IACH,MAAM,cAAc,sBAAsB;AAE9C,UAAM,kBAAkB,UAAU;AAClC,UAAM,iBAAiB,SAAS;AAEhC,UAAM,eAAe;AACrB,UAAM,iBAAiB;AACjB,UAAA,cAAc,kBAAkB,WAAW,eAAe;AAChE,UAAM,aAAa,iBAAiB;AAEpC,UAAM,eAAe;AAAA,gBACT,WAAW;AAAA,eACZ,UAAU;AAAA,iBACR,YAAY;AAAA;AAEzB,UAAM,WAAW,OAAO,OAAO,OAAO,aAAa,YAAY;AACzD,UAAA,UAAU,OAAO,aAAa,eAAe;AAEnD,UAAM,aAAa,MAAM,cAAc,cAAc,yBAAyB;AAC9E,QAAI,CAAC,YAAY;AACT,YAAA,cAAc,mBAAmB,aAAa;AAAA,uDACH,YAAY;AAAA,4EACS,OAAO;AAAA,4BACvD,QAAQ;AAAA;AAAA,SAE3B;AAAA,IAAA;AAAA,EACL;AAAA,EAGF,4BAA4B;AAC1B,UAAM,aAAa,KAAK,WAAW,cAAc,yBAAyB;AAC1E,QAAI,YAAY;AACH,iBAAA,WAAW,YAAY,UAAU;AAAA,IAAA;AAAA,EAC9C;AAAA,EAGF,SAAS;AACP,SAAK,0BAA0B;AAC/B,UAAM,OAAO;AAAA,EAAA;AAAA,EAGf,wBAAwB;AAClB,QAAA,KAAK,UAAU,SAAS;AACrB,WAAA,UAAU,QAAQ,MAAM,YAAY;AAAA,IAAA;AAAA,EAC3C;AA0BJ;"}

package/es/modules/custom-image/specs/ImageSpec.es.js

@@ -1,29 +0,0 @@
-import BlotSpec from "./BlotSpec.es.js";
-class ImageSpec extends BlotSpec {
-  constructor(formatter) {
-    super(formatter);
-    this.onClick = (event) => {
-      const el = event.target;
-      if (!(el instanceof HTMLElement) || el.tagName !== "IMG") {
-        return;
-      }
-      event.stopPropagation();
-      this.img = el;
-      this.formatter.show(this);
-    };
-    this.img = null;
-  }
-  init() {
-    this.formatter.quill.root.addEventListener("click", this.onClick);
-  }
-  getTargetElement() {
-    return this.img;
-  }
-  onHide() {
-    this.img = null;
-  }
-}
-export {
-  ImageSpec as default
-};
-//# sourceMappingURL=ImageSpec.es.js.map

package/es/modules/custom-image/specs/ImageSpec.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageSpec.es.js","sources":["../../../../../src/modules/custom-image/specs/ImageSpec.ts"],"sourcesContent":["import BlotSpec from './BlotSpec'\r\n\r\nexport default class ImageSpec extends BlotSpec {\r\n  img\r\n\r\n  constructor(formatter) {\r\n    super(formatter)\r\n    this.img = null\r\n  }\r\n\r\n  init() {\r\n    this.formatter.quill.root.addEventListener('click', this.onClick)\r\n  }\r\n\r\n  getTargetElement() {\r\n    return this.img\r\n  }\r\n\r\n  onHide() {\r\n    this.img = null\r\n  }\r\n\r\n  onClick = (event: MouseEvent) => {\r\n    const el = event.target\r\n    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG') {\r\n      return\r\n    }\r\n    event.stopPropagation()\r\n\r\n    this.img = el\r\n    this.formatter.show(this)\r\n  }\r\n}\r\n"],"names":[],"mappings":";AAEA,MAAqB,kBAAkB,SAAS;AAAA,EAG9C,YAAY,WAAW;AACrB,UAAM,SAAS;AAgBjB,SAAA,UAAU,CAAC,UAAsB;AAC/B,YAAM,KAAK,MAAM;AACjB,UAAI,EAAE,cAAc,gBAAgB,GAAG,YAAY,OAAO;AACxD;AAAA,MAAA;AAEF,YAAM,gBAAgB;AAEtB,WAAK,MAAM;AACN,WAAA,UAAU,KAAK,IAAI;AAAA,IAC1B;AAxBE,SAAK,MAAM;AAAA,EAAA;AAAA,EAGb,OAAO;AACL,SAAK,UAAU,MAAM,KAAK,iBAAiB,SAAS,KAAK,OAAO;AAAA,EAAA;AAAA,EAGlE,mBAAmB;AACjB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGd,SAAS;AACP,SAAK,MAAM;AAAA,EAAA;AAaf;"}

package/es/modules/emoji/emoji-list/index.es.js

@@ -1,5 +0,0 @@
-import { peopleEmoji } from "./people.es.js";
-export {
-  peopleEmoji
-};
-//# sourceMappingURL=index.es.js.map