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

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

@@ -1,4 +1,7 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 require("../config/index.cjs.js");
 const is = require("../utils/is.cjs.js");
@@ -6,10 +9,10 @@ const editor_config = require("../config/editor.config.cjs.js");
 const langs = {};
 class I18N {
   constructor(quill, options) {
-    this.quill = quill;
-    this.options = {
+    __publicField(this, "options", {
       lang: ""
-    };
+    });
+    this.quill = quill;
     this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}));
     Promise.resolve().then(() => this.changeLanguage(this.options, true));
   }

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\ninterface 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 { I18NOptions }\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;AAApD,SAAA,QAAA;AAJI,SAAA,UAAA;AAAA,MACrB,MAAM;AAAA,IACR;AAGO,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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./collaborative-editing/index.cjs.js");
+require("./counter.cjs.js");
+const customClipboard = require("./custom-clipboard.cjs.js");
+require("./custom-image/index.cjs.js");
+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$1 = require("./mind-map/index.cjs.js");
+const index$2 = require("./shortcut-key/index.cjs.js");
+require("./syntax.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.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

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

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

@@ -1,10 +1,12 @@
 "use strict";
-var _a;
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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 Quill = require("quill");
 const editor_utils = require("../../../config/editor.utils.cjs.js");
 const Inline = Quill.import("blots/inline");
-let Link$1 = (_a = class extends Inline {
+const _LinkBlot = class _LinkBlot extends Inline {
   static create(value) {
     const node = super.create(value);
     let href = value;
@@ -26,14 +28,16 @@ let Link$1 = (_a = class extends Inline {
     if (name !== this.statics.blotName || [false, null].includes(value)) {
       super.format(name, value);
     } else {
-      this.domNode.setAttribute("href", _a.sanitize(value));
+      this.domNode.setAttribute("href", _LinkBlot.sanitize(value));
     }
   }
-}, _a.autoProtocol = "", _a);
-Link$1.blotName = "link";
-Link$1.tagName = "A";
-Link$1.SANITIZED_URL = "about:blank";
-Link$1.PROTOCOL_WHITELIST = ["http", "https", "mailto", "tel"];
-Link$1.className = "ql-normal-link";
-exports.default = Link$1;
+};
+__publicField(_LinkBlot, "blotName", "link");
+__publicField(_LinkBlot, "tagName", "A");
+__publicField(_LinkBlot, "SANITIZED_URL", "about:blank");
+__publicField(_LinkBlot, "PROTOCOL_WHITELIST", ["http", "https", "mailto", "tel"]);
+__publicField(_LinkBlot, "className", "ql-normal-link");
+__publicField(_LinkBlot, "autoProtocol", "");
+let LinkBlot = _LinkBlot;
+exports.LinkBlot = LinkBlot;
 //# sourceMappingURL=link.cjs.js.map

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'\r\nimport Quill from 'quill'\r\nimport { hadProtocol, sanitize } from '../../../config/editor.utils'\r\n\r\nconst Inline = Quill.import('blots/inline') as typeof TypeInline\r\n\r\n// @dynamic\r\nexport default class Link extends Inline {\r\n  static blotName: string\r\n  static tagName: string\r\n  static SANITIZED_URL: string\r\n  static PROTOCOL_WHITELIST: string[]\r\n  static className: string\r\n  static autoProtocol: string = ''\r\n  static create(value) {\r\n    const node = super.create(value)\r\n    let href = value\r\n    if (!hadProtocol(href) && this.autoProtocol) {\r\n      href = `${this.autoProtocol}://${value}`\r\n    }\r\n    href = this.sanitize(href)\r\n    node.setAttribute('href', href)\r\n    node.setAttribute('target', '_blank')\r\n    return node\r\n  }\r\n\r\n  static formats(domNode) {\r\n    return domNode.getAttribute('href')\r\n  }\r\n\r\n  static sanitize(url) {\r\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\r\n  }\r\n\r\n  format(name, value) {\r\n    if (name !== this.statics.blotName || [false, null].includes(value)) {\r\n      super.format(name, value)\r\n    }\r\n    else {\r\n      this.domNode.setAttribute('href', Link.sanitize(value))\r\n    }\r\n  }\r\n}\r\nLink.blotName = 'link'\r\nLink.tagName = 'A'\r\nLink.SANITIZED_URL = 'about:blank'\r\nLink.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\r\nLink.className = 'ql-normal-link'\r\n"],"names":["hadProtocol","sanitize","Link"],"mappings":";;;;;AAIA,MAAM,SAAS,MAAM,OAAO,cAAc;cAG1C,mBAAkC,OAAO;AAAA,EAOvC,OAAO,OAAO,OAAO;AACb,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,SAAS;AACf,WAAA,QAAQ,aAAa,MAAM;AAAA,EAAA;AAAA,EAGpC,OAAO,SAAS,KAAK;AACnB,WAAOC,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAAA;AAAA,EAG7D,OAAO,MAAM,OAAO;AACd,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,GAAK,SAAS,KAAK,CAAC;AAAA,IAAA;AAAA,EACxD;AAEJ,GA7BE,GAAO,eAAuB,IANhC;AAoCAC,OAAK,WAAW;AAChBA,OAAK,UAAU;AACfA,OAAK,gBAAgB;AACrBA,OAAK,qBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC3DA,OAAK,YAAY;;"}
+{"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/index.cjs.js

@@ -1,15 +1,7 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Quill = require("quill");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const link = require("./formats/link.cjs.js");
-const Module = Quill.import("core/module");
-class Link extends Module {
-  static register() {
-    Quill.register("blots/link", link.default, true);
-  }
-  constructor(quill, options) {
-    super(quill, options);
-  }
-}
-exports.default = Link;
+const tooltip = require("./modules/tooltip.cjs.js");
+exports.LinkBlot = link.LinkBlot;
+exports.LinkTooltip = tooltip.LinkTooltip;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/modules/link/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport LinkBlot from './formats/link'\r\n\r\nconst Module = Quill.import('core/module')\r\n\r\n// @dynamic\r\nclass Link extends Module {\r\n  static register() {\r\n    Quill.register('blots/link', LinkBlot, true)\r\n  }\r\n\r\n  constructor(quill, options) {\r\n    super(quill, options)\r\n  }\r\n}\r\n\r\nexport default Link\r\n"],"names":["LinkBlot"],"mappings":";;;;AAGA,MAAM,SAAS,MAAM,OAAO,aAAa;AAGzC,MAAM,aAAa,OAAO;AAAA,EACxB,OAAO,WAAW;AACV,UAAA,SAAS,cAAcA,KAAAA,SAAU,IAAI;AAAA,EAAA;AAAA,EAG7C,YAAY,OAAO,SAAS;AAC1B,UAAM,OAAO,OAAO;AAAA,EAAA;AAExB;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -1,5 +1,8 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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 Quill = require("quill");
 const Emitter = require("quill/core/emitter");
 const base = require("quill/themes/base");
@@ -9,17 +12,22 @@ const enUs = require("../../../config/i18n/en-us.cjs.js");
 const debounce = require("../../../utils/debounce.cjs.js");
 const link = require("../formats/link.cjs.js");
 const editor_config = require("../../../config/editor.config.cjs.js");
-const _Tooltip = class _Tooltip extends base.BaseTooltip {
+class LinkTooltip extends base.BaseTooltip {
   constructor(quill, bounds) {
     super(quill, bounds);
-    this.options = {
+    __publicField(this, "isInputFocus");
+    __publicField(this, "isHover");
+    __publicField(this, "debouncedHideToolTip");
+    __publicField(this, "debouncedShowToolTip");
+    __publicField(this, "options", {
       autoProtocol: "https"
-    };
+    });
+    this.quill = quill;
     this.setTemplate();
     this.isInputFocus = false;
     this.isHover = false;
     this.resolveOptions();
-    link.default.autoProtocol = this.options.autoProtocol;
+    link.LinkBlot.autoProtocol = this.options.autoProtocol;
     this.debouncedHideToolTip = debounce.debounce(this.hideToolTip, 300);
     this.debouncedShowToolTip = debounce.debounce(this.showToolTip, 300);
     this.quill.emitter.on(editor_config.CHANGE_LANGUAGE_EVENT, () => {
@@ -74,14 +82,14 @@ const _Tooltip = class _Tooltip extends base.BaseTooltip {
     }
     this.isHover = true;
     const linkNode = event.target;
-    const preview = link.default.formats(linkNode);
-    if (preview.startsWith("#")) {
+    const preview = link.LinkBlot.formats(linkNode);
+    if (!preview || preview.startsWith("#")) {
       return;
     }
     const linkBlot = Quill.find(linkNode);
     const index = this.quill.getIndex(linkBlot);
     const [link$1, offset] = this.quill.scroll.descendant(
-      link.default,
+      link.LinkBlot,
       index
     );
     const length = link$1 && link$1.length();
@@ -103,7 +111,8 @@ const _Tooltip = class _Tooltip extends base.BaseTooltip {
     this.quill.root.addEventListener(
       "mouseover",
       (event) => {
-        if ((event.target.tagName.toUpperCase() !== "A" || !event.target.classList.contains(link.default.className)) && !event.target.closest(`a.${link.default.className}`)) {
+        const target = event.target;
+        if ((target.tagName.toUpperCase() !== "A" || !target.classList.contains(link.LinkBlot.className)) && !target.closest(`a.${link.LinkBlot.className}`)) {
           return;
         }
         this.handleMouseEnter(event);
@@ -113,7 +122,8 @@ const _Tooltip = class _Tooltip extends base.BaseTooltip {
     this.quill.root.addEventListener(
       "mouseout",
       (event) => {
-        if (event.target.tagName.toUpperCase() !== "A" && !event.target.closest(`a.${link.default.className}`)) {
+        const target = event.target;
+        if (target.tagName.toUpperCase() !== "A" && !target.closest(`a.${link.LinkBlot.className}`)) {
           return;
         }
         this.handleMouseLeave();
@@ -129,7 +139,7 @@ const _Tooltip = class _Tooltip extends base.BaseTooltip {
     );
     this.root.addEventListener("mouseleave", this.handleMouseLeave.bind(this), false);
     this.root.querySelector("a.ql-preview").addEventListener("click", (event) => {
-      const link$1 = link.default.sanitize(this.textbox.value);
+      const link$1 = link.LinkBlot.sanitize(this.textbox.value);
       window.open(link$1, "_blank");
       event.preventDefault();
     });
@@ -146,12 +156,12 @@ const _Tooltip = class _Tooltip extends base.BaseTooltip {
         if (editor_utils.isNullOrUndefined(range)) return;
         if (source === Emitter.sources.USER) {
           const [link$1, offset] = this.quill.scroll.descendant(
-            link.default,
+            link.LinkBlot,
             range.index
           );
           if (!editor_utils.isNullOrUndefined(link$1)) {
             this.linkRange = new Quill.Range(range.index - offset, link$1.length());
-            const preview = link.default.formats(link$1.domNode);
+            const preview = link.LinkBlot.formats(link$1.domNode);
             if (!preview.startsWith("#")) {
               this.edit("link", preview, this.linkRange);
             }
@@ -170,7 +180,7 @@ const _Tooltip = class _Tooltip extends base.BaseTooltip {
         const index = selection && selection.index;
         setTimeout(() => {
           const link$1 = this.quill.scroll.descendant(
-            link.default,
+            link.LinkBlot,
             index
           )[0];
           if (!link$1) {
@@ -295,13 +305,12 @@ const _Tooltip = class _Tooltip extends base.BaseTooltip {
     }
     return result;
   }
-};
-_Tooltip.TEMPLATE = [
+}
+__publicField(LinkTooltip, "TEMPLATE", [
   `<input type="text" data-formula="e=mc^2" data-link="${enUs.EN_US.linkplaceholder}" data-video="Embed URL" style="width: 225px;">`,
   '<span class="ql-split"></span>',
   '<a class="ql-preview"><i class="icon-share"></i></a>',
   '<a class="ql-remove"><i class="icon-delete"></i></a>'
-].join("");
-let Tooltip = _Tooltip;
-exports.default = Tooltip;
+].join(""));
+exports.LinkTooltip = LinkTooltip;
 //# sourceMappingURL=tooltip.cjs.js.map

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

@@ -1,10 +1,14 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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 Quill = require("quill");
 const Parchment = Quill.import("parchment");
-const _MathliveBlot = class _MathliveBlot extends Parchment.EmbedBlot {
+class MathliveBlot extends Parchment.EmbedBlot {
   constructor(scroll, domNode) {
     super(scroll, domNode);
+    __publicField(this, "mode");
     this.domNode = domNode;
     domNode.setAttribute("contenteditable", "false");
     this.mode = domNode.getAttribute("mode") || "only-read";
@@ -27,10 +31,9 @@ const _MathliveBlot = class _MathliveBlot extends Parchment.EmbedBlot {
     const formula = this.domNode.value;
     return `<math-field class="ql-math-field view" contenteditable="false" mode="${this.mode}">${formula}</math-field>`;
   }
-};
-_MathliveBlot.blotName = "mathlive";
-_MathliveBlot.tagName = "math-field";
-_MathliveBlot.className = "ql-math-field";
-let MathliveBlot = _MathliveBlot;
-exports.default = MathliveBlot;
+}
+__publicField(MathliveBlot, "blotName", "mathlive");
+__publicField(MathliveBlot, "tagName", "math-field");
+__publicField(MathliveBlot, "className", "ql-math-field");
+exports.MathliveBlot = MathliveBlot;
 //# sourceMappingURL=formats.cjs.js.map

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'\r\nimport type { Root } from 'parchment'\r\nimport Quill from 'quill'\r\n\r\nconst Parchment = Quill.import('parchment')\r\ntype MathliveBlotMode = 'dialog' | 'only-read'\r\nexport default class MathliveBlot extends Parchment.EmbedBlot {\r\n  static blotName = 'mathlive'\r\n  static tagName = 'math-field'\r\n  static className = 'ql-math-field'\r\n  mode: MathliveBlotMode\r\n\r\n  static create(obj: { value: string, mode: MathliveBlotMode }) {\r\n    const el = super.create() as MathfieldElement\r\n    el.setAttribute('mode', obj.mode)\r\n    el.classList.add('view')\r\n    el.innerHTML = obj.value\r\n    el.setValue(obj.value)\r\n    return el\r\n  }\r\n\r\n  static value(domNode: MathfieldElement) {\r\n    return {\r\n      value: domNode.value,\r\n      mode: domNode.getAttribute('mode'),\r\n    }\r\n  }\r\n\r\n  constructor(scroll: Root, public domNode: MathfieldElement) {\r\n    super(scroll, domNode)\r\n    domNode.setAttribute('contenteditable', 'false')\r\n    this.mode = (domNode.getAttribute('mode') || 'only-read') as MathliveBlotMode\r\n  }\r\n\r\n  html() {\r\n    const formula = this.domNode.value\r\n    return `<math-field class=\"ql-math-field view\" contenteditable=\"false\" mode=\"${this.mode}\">${formula}</math-field>`\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAIA,MAAM,YAAY,MAAM,OAAO,WAAW;AAErB,MAAA,gBAAA,MAAA,sBAAqB,UAAU,UAAU;AAAA,EAsB5D,YAAY,QAAqB,SAA2B;AAC1D,UAAM,QAAQ,OAAO;AADU,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,cAAO,WAAW;AAClB,cAAO,UAAU;AACjB,cAAO,YAAY;AAHA,IAAA,eAAA;;"}
+{"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;;"}