@vueup/vue-quill 1.3.0 → 1.4.0

package/dist/vue-quill.esm-bundler.js

@@ -1,5 +1,5 @@
 /*!
- * VueQuill @vueup/vue-quill v1.3.0
+ * VueQuill @vueup/vue-quill v1.4.0
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v2.0.2 || >=2.0.4 <3
@@ -7,10 +7,8 @@
  * 
  * Copyright (c) 2026 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2026-06-01T10:26:31.645Z
+ * Date: 2026-06-02T00:10:10.011Z
  */
-import Quill from 'quill';
-export { default as Quill } from 'quill';
 import Delta from 'quill-delta';
 export { default as Delta } from 'quill-delta';
 import { defineComponent, h, onMounted, onBeforeUnmount, ref, watch, nextTick } from 'vue';
@@ -46,6 +44,58 @@ const toolbarOptions = {
     ],
 };
 
+let loadedQuill;
+let quillLoadPromise;
+let pendingRegistrations = [];
+const isBrowser = () => typeof document !== 'undefined';
+const replayPendingRegistrations = (Quill) => {
+    const registrations = pendingRegistrations;
+    pendingRegistrations = [];
+    for (const args of registrations) {
+        Quill.register(...args);
+    }
+};
+const loadQuill = async () => {
+    if (loadedQuill)
+        return loadedQuill;
+    if (!isBrowser()) {
+        throw new Error('@vueup/vue-quill: Quill can only be loaded in a browser environment.');
+    }
+    quillLoadPromise !== null && quillLoadPromise !== void 0 ? quillLoadPromise : (quillLoadPromise = import('quill').then(({ default: Quill }) => {
+        loadedQuill = Quill;
+        replayPendingRegistrations(Quill);
+        return Quill;
+    }));
+    return quillLoadPromise;
+};
+const getLoadedQuill = () => loadedQuill;
+const getQuillOrThrow = () => {
+    if (loadedQuill)
+        return loadedQuill;
+    throw new Error('@vueup/vue-quill: Quill is not loaded yet. Use loadQuill() in a browser-only lifecycle hook, or access the Quill instance from the ready event.');
+};
+const Quill = new Proxy(function QuillProxy() { }, {
+    get(_target, property) {
+        if (property === 'register') {
+            return (...args) => {
+                if (loadedQuill) {
+                    return loadedQuill.register(...args);
+                }
+                pendingRegistrations.push(args);
+                if (isBrowser())
+                    void loadQuill();
+            };
+        }
+        const Quill = getQuillOrThrow();
+        const value = Quill[property];
+        return typeof value === 'function' ? value.bind(Quill) : value;
+    },
+    construct(_target, args) {
+        const Quill = getQuillOrThrow();
+        return new Quill(...args);
+    },
+});
+
 const QuillEditor = defineComponent({
     name: 'QuillEditor',
     inheritAttrs: false,
@@ -115,16 +165,19 @@ const QuillEditor = defineComponent({
     ],
     setup: (props, ctx) => {
         onMounted(() => {
-            initialize();
+            isUnmounted = false;
+            void initialize();
         });
         onBeforeUnmount(() => {
             quill = null;
+            isUnmounted = true;
         });
+        let isUnmounted = false;
         let quill;
         let options;
         const editor = ref();
         // Register Module if not already registered
-        const registerModule = (moduleName, module) => {
+        const registerModule = (Quill, moduleName, module) => {
             const quillImports = Quill.imports;
             if (quillImports && moduleName in quillImports) {
                 return;
@@ -132,20 +185,24 @@ const QuillEditor = defineComponent({
             Quill.register(moduleName, module);
         };
         // Initialize Quill
-        const initialize = () => {
+        const initialize = async () => {
             var _a, _b;
             if (!editor.value)
                 return;
+            const editorElement = editor.value;
+            const Quill = await loadQuill();
+            if (isUnmounted || !editor.value || editor.value !== editorElement)
+                return;
             options = composeOptions();
             // Register modules
             if (props.modules) {
                 if (Array.isArray(props.modules)) {
                     for (const module of props.modules) {
-                        registerModule(`modules/${module.name}`, module.module);
+                        registerModule(Quill, `modules/${module.name}`, module.module);
                     }
                 }
                 else {
-                    registerModule(`modules/${props.modules.name}`, props.modules.module);
+                    registerModule(Quill, `modules/${props.modules.name}`, props.modules.module);
                 }
             }
             // Create new Quill instance
@@ -345,7 +402,7 @@ const QuillEditor = defineComponent({
                 var _a, _b;
                 if (!ctx.slots.toolbar && quill)
                     (_b = (_a = getToolbarModule()) === null || _a === void 0 ? void 0 : _a.container) === null || _b === void 0 ? void 0 : _b.remove();
-                initialize();
+                void initialize();
             });
         };
         watch(() => props.content, (newContent) => {
@@ -387,4 +444,4 @@ const QuillEditor = defineComponent({
     },
 });
 
-export { QuillEditor };
+export { Quill, QuillEditor, getLoadedQuill, loadQuill };

package/dist/vue-quill.esm-bundler.prod.js

@@ -1,5 +1,5 @@
 /*!
- * VueQuill @vueup/vue-quill v1.3.0
+ * VueQuill @vueup/vue-quill v1.4.0
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v2.0.2 || >=2.0.4 <3
@@ -7,6 +7,6 @@
  * 
  * Copyright (c) 2026 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2026-06-01T10:26:31.645Z
+ * Date: 2026-06-02T00:10:10.011Z
  */
-import e from"quill";export{default as Quill}from"quill";import t from"quill-delta";export{default as Delta}from"quill-delta";import{defineComponent as o,h as l,onMounted as n,onBeforeUnmount as r,ref as i,watch as a,nextTick as s}from"vue";const d={essential:[[{header:[1,2,3,4,5,6,!1]}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}],["blockquote","code-block","link"],[{color:[]},"clean"]],minimal:[[{header:1},{header:2}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}]],full:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","video","image"],["clean"]]},u=o({name:"QuillEditor",inheritAttrs:!1,props:{content:{type:[String,Object]},contentType:{type:String,default:"delta",validator:e=>["delta","html","text"].includes(e)},enable:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},placeholder:{type:String,required:!1},theme:{type:String,default:"snow",validator:e=>["snow","bubble",""].includes(e)},toolbar:{type:[String,Array,Object],required:!1,validator:e=>"string"!=typeof e||""===e||("#"===e.charAt(0)||-1!==Object.keys(d).indexOf(e))},modules:{type:Object,required:!1},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready"],setup:(o,l)=>{let u,c;n(()=>{p()}),r(()=>{u=null});const m=i(),b=(t,o)=>{const l=e.imports;l&&t in l||e.register(t,o)},p=()=>{var t,n;if(m.value){if(c=v(),o.modules)if(Array.isArray(o.modules))for(const e of o.modules)b(`modules/${e.name}`,e.module);else b(`modules/${o.modules.name}`,o.modules.module);u=new e(m.value,c),C(o.content),u.on("text-change",O),u.on("selection-change",q),u.on("editor-change",x),"bubble"!==o.theme&&m.value.classList.remove("ql-bubble"),"snow"!==o.theme&&m.value.classList.remove("ql-snow"),null===(n=null===(t=f())||void 0===t?void 0:t.container)||void 0===n||n.addEventListener("mousedown",e=>{e.preventDefault()}),l.emit("ready",u)}},v=()=>{const e={};if(""!==o.theme&&(e.theme=o.theme),o.readOnly&&(e.readOnly=o.readOnly),o.placeholder&&(e.placeholder=o.placeholder),o.toolbar&&""!==o.toolbar&&(e.modules={toolbar:(()=>{if("object"==typeof o.toolbar)return o.toolbar;if("string"==typeof o.toolbar){return"#"===o.toolbar.charAt(0)?o.toolbar:d[o.toolbar]}})()}),o.modules){const t=(()=>{var e,t;const l={};if(Array.isArray(o.modules))for(const n of o.modules)l[n.name]=null!==(e=n.options)&&void 0!==e?e:{};else l[o.modules.name]=null!==(t=o.modules.options)&&void 0!==t?t:{};return l})();e.modules=Object.assign({},e.modules,t)}return Object.assign({},o.globalOptions,o.options,e)},h=e=>"object"==typeof e&&e?e.slice():e,f=()=>null==u?void 0:u.getModule("toolbar");let g;const y=e=>{if(typeof g==typeof e){if(e===g)return!0;if("object"==typeof e&&e&&"object"==typeof g&&g)return t=g.diff(e),!Object.values(t.ops).some(e=>!e.retain||1!==Object.keys(e).length)}var t;return!1},O=(e,t,n)=>{g=h(j()),y(o.content)||l.emit("update:content",g),l.emit("textChange",{delta:e,oldContents:t,source:n})},T=i(),q=(e,t,o)=>{T.value=!!(null==u?void 0:u.hasFocus()),l.emit("selectionChange",{range:e,oldRange:t,source:o})};a(T,e=>{l.emit(e?"focus":"blur",m)});const x=(...e)=>{"text-change"===e[0]&&l.emit("editorChange",{name:e[0],delta:e[1],oldContents:e[2],source:e[3]}),"selection-change"===e[0]&&l.emit("editorChange",{name:e[0],range:e[1],oldRange:e[2],source:e[3]})},j=(e,t)=>"html"===o.contentType?A():"text"===o.contentType?k(e,t):null==u?void 0:u.getContents(e,t),C=(e,l="api")=>{const n=e||("delta"===o.contentType?new t:"");"html"===o.contentType?L(n):"text"===o.contentType?w(n,l):null==u||u.setContents(n,l),g=h(n)},k=(e,t)=>{var o;return null!==(o=null==u?void 0:u.getText(e,t))&&void 0!==o?o:""},w=(e,t="api")=>{null==u||u.setText(e,t)},A=()=>{var e;return null!==(e=null==u?void 0:u.root.innerHTML)&&void 0!==e?e:""},L=e=>{u&&(u.root.innerHTML=e)};return a(()=>o.content,e=>{if(!u||!e||y(e))return;const t=u.getSelection();t&&s(()=>null==u?void 0:u.setSelection(t)),C(e)},{deep:!0}),a(()=>o.enable,e=>{u&&u.enable(e)}),{editor:m,getEditor:()=>m.value,getToolbar:()=>{var e;return null===(e=f())||void 0===e?void 0:e.container},getQuill:()=>{if(u)return u;throw'The quill editor hasn\'t been instantiated yet,\n                  make sure to call this method when the editor ready\n                  or use v-on:ready="onReady(quill)" event instead.'},getContents:j,setContents:C,getHTML:A,setHTML:L,pasteHTML:(e,t="api")=>{const o=null==u?void 0:u.clipboard.convert({html:e});o&&(null==u||u.setContents(o,t))},focus:()=>{null==u||u.focus()},getText:k,setText:w,reinit:()=>{s(()=>{var e,t;!l.slots.toolbar&&u&&(null===(t=null===(e=f())||void 0===e?void 0:e.container)||void 0===t||t.remove()),p()})}}},render(){var e,t;return[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),l("div",{ref:"editor",...this.$attrs})]}});export{u as QuillEditor};
+import e from"quill-delta";export{default as Delta}from"quill-delta";import{defineComponent as t,h as o,onMounted as n,onBeforeUnmount as l,ref as r,watch as i,nextTick as a}from"vue";const s={essential:[[{header:[1,2,3,4,5,6,!1]}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}],["blockquote","code-block","link"],[{color:[]},"clean"]],minimal:[[{header:1},{header:2}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}]],full:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","video","image"],["clean"]]};let u,d,c=[];const m=()=>"undefined"!=typeof document,b=async()=>{if(u)return u;if(!m())throw new Error("@vueup/vue-quill: Quill can only be loaded in a browser environment.");return null!=d||(d=import("quill").then(({default:e})=>(u=e,(e=>{const t=c;c=[];for(const o of t)e.register(...o)})(e),e))),d},p=()=>u,f=()=>{if(u)return u;throw new Error("@vueup/vue-quill: Quill is not loaded yet. Use loadQuill() in a browser-only lifecycle hook, or access the Quill instance from the ready event.")},v=new Proxy(function(){},{get(e,t){if("register"===t)return(...e)=>{if(u)return u.register(...e);c.push(e),m()&&b()};const o=f(),n=o[t];return"function"==typeof n?n.bind(o):n},construct:(e,t)=>new(f())(...t)}),h=t({name:"QuillEditor",inheritAttrs:!1,props:{content:{type:[String,Object]},contentType:{type:String,default:"delta",validator:e=>["delta","html","text"].includes(e)},enable:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},placeholder:{type:String,required:!1},theme:{type:String,default:"snow",validator:e=>["snow","bubble",""].includes(e)},toolbar:{type:[String,Array,Object],required:!1,validator:e=>"string"!=typeof e||""===e||("#"===e.charAt(0)||-1!==Object.keys(s).indexOf(e))},modules:{type:Object,required:!1},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready"],setup:(t,o)=>{n(()=>{c=!1,f()}),l(()=>{u=null,c=!0});let u,d,c=!1;const m=r(),p=(e,t,o)=>{const n=e.imports;n&&t in n||e.register(t,o)},f=async()=>{var e,n;if(!m.value)return;const l=m.value,r=await b();if(!c&&m.value&&m.value===l){if(d=v(),t.modules)if(Array.isArray(t.modules))for(const e of t.modules)p(r,`modules/${e.name}`,e.module);else p(r,`modules/${t.modules.name}`,t.modules.module);u=new r(m.value,d),C(t.content),u.on("text-change",O),u.on("selection-change",q),u.on("editor-change",x),"bubble"!==t.theme&&m.value.classList.remove("ql-bubble"),"snow"!==t.theme&&m.value.classList.remove("ql-snow"),null===(n=null===(e=y())||void 0===e?void 0:e.container)||void 0===n||n.addEventListener("mousedown",e=>{e.preventDefault()}),o.emit("ready",u)}},v=()=>{const e={};if(""!==t.theme&&(e.theme=t.theme),t.readOnly&&(e.readOnly=t.readOnly),t.placeholder&&(e.placeholder=t.placeholder),t.toolbar&&""!==t.toolbar&&(e.modules={toolbar:(()=>{if("object"==typeof t.toolbar)return t.toolbar;if("string"==typeof t.toolbar){return"#"===t.toolbar.charAt(0)?t.toolbar:s[t.toolbar]}})()}),t.modules){const o=(()=>{var e,o;const n={};if(Array.isArray(t.modules))for(const l of t.modules)n[l.name]=null!==(e=l.options)&&void 0!==e?e:{};else n[t.modules.name]=null!==(o=t.modules.options)&&void 0!==o?o:{};return n})();e.modules=Object.assign({},e.modules,o)}return Object.assign({},t.globalOptions,t.options,e)},h=e=>"object"==typeof e&&e?e.slice():e,y=()=>null==u?void 0:u.getModule("toolbar");let g;const w=e=>{if(typeof g==typeof e){if(e===g)return!0;if("object"==typeof e&&e&&"object"==typeof g&&g)return t=g.diff(e),!Object.values(t.ops).some(e=>!e.retain||1!==Object.keys(e).length)}var t;return!1},O=(e,n,l)=>{g=h(j()),w(t.content)||o.emit("update:content",g),o.emit("textChange",{delta:e,oldContents:n,source:l})},T=r(),q=(e,t,n)=>{T.value=!!(null==u?void 0:u.hasFocus()),o.emit("selectionChange",{range:e,oldRange:t,source:n})};i(T,e=>{o.emit(e?"focus":"blur",m)});const x=(...e)=>{"text-change"===e[0]&&o.emit("editorChange",{name:e[0],delta:e[1],oldContents:e[2],source:e[3]}),"selection-change"===e[0]&&o.emit("editorChange",{name:e[0],range:e[1],oldRange:e[2],source:e[3]})},j=(e,o)=>"html"===t.contentType?L():"text"===t.contentType?k(e,o):null==u?void 0:u.getContents(e,o),C=(o,n="api")=>{const l=o||("delta"===t.contentType?new e:"");"html"===t.contentType?S(l):"text"===t.contentType?A(l,n):null==u||u.setContents(l,n),g=h(l)},k=(e,t)=>{var o;return null!==(o=null==u?void 0:u.getText(e,t))&&void 0!==o?o:""},A=(e,t="api")=>{null==u||u.setText(e,t)},L=()=>{var e;return null!==(e=null==u?void 0:u.root.innerHTML)&&void 0!==e?e:""},S=e=>{u&&(u.root.innerHTML=e)};return i(()=>t.content,e=>{if(!u||!e||w(e))return;const t=u.getSelection();t&&a(()=>null==u?void 0:u.setSelection(t)),C(e)},{deep:!0}),i(()=>t.enable,e=>{u&&u.enable(e)}),{editor:m,getEditor:()=>m.value,getToolbar:()=>{var e;return null===(e=y())||void 0===e?void 0:e.container},getQuill:()=>{if(u)return u;throw'The quill editor hasn\'t been instantiated yet,\n                  make sure to call this method when the editor ready\n                  or use v-on:ready="onReady(quill)" event instead.'},getContents:j,setContents:C,getHTML:L,setHTML:S,pasteHTML:(e,t="api")=>{const o=null==u?void 0:u.clipboard.convert({html:e});o&&(null==u||u.setContents(o,t))},focus:()=>{null==u||u.focus()},getText:k,setText:A,reinit:()=>{a(()=>{var e,t;!o.slots.toolbar&&u&&(null===(t=null===(e=y())||void 0===e?void 0:e.container)||void 0===t||t.remove()),f()})}}},render(){var e,t;return[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),o("div",{ref:"editor",...this.$attrs})]}});export{v as Quill,h as QuillEditor,p as getLoadedQuill,b as loadQuill};