ckeditor5-livewire 1.2.1 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sync-editor-with-input.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/editor/plugins/sync-editor-with-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAIlE;;GAEG;AACH,wBAAsB,+BAA+B,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"sync-editor-with-input.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/editor/plugins/sync-editor-with-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAIlE;;GAEG;AACH,wBAAsB,+BAA+B,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAsExG"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var G=Object.create;var A=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var Z=(i,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of X(t))!Q.call(i,a)&&a!==r&&A(i,a,{get:()=>t[a],enumerable:!(n=Y(t,a))||n.enumerable});return i};var e=(i,t,r)=>(r=i!=null?G(J(i)):{},Z(t||!i||!i.__esModule?A(r,"default",{value:i,enumerable:!0}):r,i));class I{constructor(t){this.livewireComponent=t}state="mounting";get canonical(){return this.livewireComponent.canonical}get element(){return this.livewireComponent.el}get $wire(){return this.livewireComponent.$wire}isBeingDestroyed(){return["destroyed","destroying"].includes(this.state)}}function tt(i,t){const r=new Map;window.Livewire?.hook("component.init",async({component:n,cleanup:a})=>{if(n.name!==i)return;const s=new t(n);r.set(n.id,s),a(async()=>{s.state="destroying",await s.destroyed(),s.state="destroyed",r.delete(n.id)}),await s.mounted(),s.state="mounted"}),window.Livewire?.hook("commit",async({component:n,succeed:a})=>{n.name===i&&a(()=>{const s=r.get(n.id);s?.state==="mounted"&&s?.afterCommitSynced?.()})})}class F{items=new Map;initializationErrors=new Map;pendingCallbacks=new Map;watchers=new Set;execute(t,r,n){const a=this.items.get(t),s=this.initializationErrors.get(t);return s?(n?.(s),Promise.reject(s)):a?Promise.resolve(r(a)):new Promise((o,c)=>{const u=this.getPendingCallbacks(t);u.success.push(async l=>{o(await r(l))}),n?u.error.push(n):u.error.push(c)})}register(t,r){if(this.items.has(t))throw new Error(`Item with ID "${t}" is already registered.`);this.resetErrors(t),this.items.set(t,r);const n=this.pendingCallbacks.get(t);n&&(n.success.forEach(a=>a(r)),this.pendingCallbacks.delete(t)),this.registerAsDefault(t,r),this.notifyWatchers()}error(t,r){this.items.delete(t),this.initializationErrors.set(t,r);const n=this.pendingCallbacks.get(t);n&&(n.error.forEach(a=>a(r)),this.pendingCallbacks.delete(t)),this.initializationErrors.size===1&&!this.items.size&&this.error(null,r),this.notifyWatchers()}resetErrors(t){const{initializationErrors:r}=this;r.has(null)&&r.get(null)===r.get(t)&&r.delete(null),r.delete(t)}unregister(t){if(!this.items.has(t))throw new Error(`Item with ID "${t}" is not registered.`);t&&this.items.get(null)===this.items.get(t)&&this.unregister(null),this.items.delete(t),this.pendingCallbacks.delete(t),this.notifyWatchers()}getItems(){return Array.from(this.items.values())}hasItem(t){return this.items.has(t)}waitFor(t){return new Promise((r,n)=>{this.execute(t,r,n)})}async destroyAll(){const t=Array.from(new Set(this.items.values())).map(r=>r.destroy());this.items.clear(),this.pendingCallbacks.clear(),await Promise.all(t),this.notifyWatchers()}watch(t){return this.watchers.add(t),t(new Map(this.items),new Map(this.initializationErrors)),this.unwatch.bind(this,t)}unwatch(t){this.watchers.delete(t)}notifyWatchers(){this.watchers.forEach(t=>t(new Map(this.items),new Map(this.initializationErrors)))}getPendingCallbacks(t){let r=this.pendingCallbacks.get(t);return r||(r={success:[],error:[]},this.pendingCallbacks.set(t,r)),r}registerAsDefault(t,r){this.items.size===1&&t!==null&&this.register(null,r)}}function S(i,t){let r=null;return(...n)=>{r&&clearTimeout(r),r=setTimeout(()=>{t(...n)},i)}}function et(i,t){const r=Object.entries(i).filter(([n,a])=>t(a,n));return Object.fromEntries(r)}function V(i){return Object.keys(i).length===0&&i.constructor===Object}function $(i,t){const r=Object.entries(i).map(([n,a])=>[n,t(a,n)]);return Object.fromEntries(r)}function C(i,t){if(i===t)return!0;const r=Object.keys(i),n=Object.keys(t);if(r.length!==n.length)return!1;for(const a of r)if(i[a]!==t[a]||!Object.prototype.hasOwnProperty.call(t,a))return!1;return!0}function rt(){return Math.random().toString(36).substring(2)}function it(i,{timeOutAfter:t=500,retryAfter:r=100}={}){return new Promise((n,a)=>{const s=Date.now();let o=null;const c=setTimeout(()=>{a(o??new Error("Timeout"))},t),u=async()=>{try{const l=await i();clearTimeout(c),n(l)}catch(l){o=l,Date.now()-s>t?a(l):setTimeout(u,r)}};u()})}const T=Symbol.for("context-editor-watchdog");async function nt({element:i,context:t,creator:r,config:n}){const a=rt();await t.add({creator:(u,l)=>r.create(u,l),id:a,sourceElementOrData:i,type:"editor",config:n});const s=t.getItem(a),o={state:"available",editorContextId:a,context:t};s[T]=o;const c=t.destroy.bind(t);return t.destroy=async()=>(o.state="unavailable",c()),{...o,editor:s}}function at(i){return T in i?i[T]:null}function st(i){return i.model.document.getRootNames().reduce((r,n)=>(r[n]=i.getData({rootName:n}),r),Object.create({}))}function v(i){return["inline","classic","balloon","decoupled"].includes(i)}function ot(i){let t=i;for(;t;){for(const r of t.attributes)if(r.name.startsWith("wire:model"))return!0;t=t.parentElement}return!1}async function ct(i){const t=await import("ckeditor5"),n={inline:t.InlineEditor,balloon:t.BalloonEditor,classic:t.ClassicEditor,decoupled:t.DecoupledEditor,multiroot:t.MultiRootEditor}[i];if(!n)throw new Error(`Unsupported editor type: ${i}`);return n}class M{static the=new M;plugins=new Map;constructor(){}register(t,r){if(this.plugins.has(t))throw new Error(`Plugin with name "${t}" is already registered.`);return this.plugins.set(t,r),this.unregister.bind(this,t)}unregister(t){if(!this.plugins.has(t))throw new Error(`Plugin with name "${t}" is not registered.`);this.plugins.delete(t)}unregisterAll(){this.plugins.clear()}async get(t){return this.plugins.get(t)?.()}has(t){return this.plugins.has(t)}}async function q(i){const t=await import("ckeditor5");let r=null;const n=i.map(async a=>{const s=await M.the.get(a);if(s)return s;const{[a]:o}=t;if(o)return o;if(!r)try{r=await import("ckeditor5-premium-features")}catch(u){console.error(`Failed to load premium package: ${u}`)}const{[a]:c}=r||{};if(c)return c;throw new Error(`Plugin "${a}" not found in base or premium packages.`)});return{loadedPlugins:await Promise.all(n),hasPremium:!!r}}async function N(i,t){const r=[i.ui,i.content];return await Promise.all([H("ckeditor5",r),t&&H("ckeditor5-premium-features",r)].filter(a=>!!a)).then(a=>a.flat())}async function H(i,t){return await Promise.all(t.filter(r=>r!=="en").map(async r=>{const n=await ut(i,r);return n?.default??n}).filter(Boolean))}async function ut(i,t){try{if(i==="ckeditor5")switch(t){case"af":return await import("ckeditor5/translations/af.js");case"ar":return await import("ckeditor5/translations/ar.js");case"ast":return await import("ckeditor5/translations/ast.js");case"az":return await import("ckeditor5/translations/az.js");case"bg":return await import("ckeditor5/translations/bg.js");case"bn":return await import("ckeditor5/translations/bn.js");case"bs":return await import("ckeditor5/translations/bs.js");case"ca":return await import("ckeditor5/translations/ca.js");case"cs":return await import("ckeditor5/translations/cs.js");case"da":return await import("ckeditor5/translations/da.js");case"de":return await import("ckeditor5/translations/de.js");case"de-ch":return await import("ckeditor5/translations/de-ch.js");case"el":return await import("ckeditor5/translations/el.js");case"en":return await import("ckeditor5/translations/en.js");case"en-au":return await import("ckeditor5/translations/en-au.js");case"en-gb":return await import("ckeditor5/translations/en-gb.js");case"eo":return await import("ckeditor5/translations/eo.js");case"es":return await import("ckeditor5/translations/es.js");case"es-co":return await import("ckeditor5/translations/es-co.js");case"et":return await import("ckeditor5/translations/et.js");case"eu":return await import("ckeditor5/translations/eu.js");case"fa":return await import("ckeditor5/translations/fa.js");case"fi":return await import("ckeditor5/translations/fi.js");case"fr":return await import("ckeditor5/translations/fr.js");case"gl":return await import("ckeditor5/translations/gl.js");case"gu":return await import("ckeditor5/translations/gu.js");case"he":return await import("ckeditor5/translations/he.js");case"hi":return await import("ckeditor5/translations/hi.js");case"hr":return await import("ckeditor5/translations/hr.js");case"hu":return await import("ckeditor5/translations/hu.js");case"hy":return await import("ckeditor5/translations/hy.js");case"id":return await import("ckeditor5/translations/id.js");case"it":return await import("ckeditor5/translations/it.js");case"ja":return await import("ckeditor5/translations/ja.js");case"jv":return await import("ckeditor5/translations/jv.js");case"kk":return await import("ckeditor5/translations/kk.js");case"km":return await import("ckeditor5/translations/km.js");case"kn":return await import("ckeditor5/translations/kn.js");case"ko":return await import("ckeditor5/translations/ko.js");case"ku":return await import("ckeditor5/translations/ku.js");case"lt":return await import("ckeditor5/translations/lt.js");case"lv":return await import("ckeditor5/translations/lv.js");case"ms":return await import("ckeditor5/translations/ms.js");case"nb":return await import("ckeditor5/translations/nb.js");case"ne":return await import("ckeditor5/translations/ne.js");case"nl":return await import("ckeditor5/translations/nl.js");case"no":return await import("ckeditor5/translations/no.js");case"oc":return await import("ckeditor5/translations/oc.js");case"pl":return await import("ckeditor5/translations/pl.js");case"pt":return await import("ckeditor5/translations/pt.js");case"pt-br":return await import("ckeditor5/translations/pt-br.js");case"ro":return await import("ckeditor5/translations/ro.js");case"ru":return await import("ckeditor5/translations/ru.js");case"si":return await import("ckeditor5/translations/si.js");case"sk":return await import("ckeditor5/translations/sk.js");case"sl":return await import("ckeditor5/translations/sl.js");case"sq":return await import("ckeditor5/translations/sq.js");case"sr":return await import("ckeditor5/translations/sr.js");case"sr-latn":return await import("ckeditor5/translations/sr-latn.js");case"sv":return await import("ckeditor5/translations/sv.js");case"th":return await import("ckeditor5/translations/th.js");case"tk":return await import("ckeditor5/translations/tk.js");case"tr":return await import("ckeditor5/translations/tr.js");case"tt":return await import("ckeditor5/translations/tt.js");case"ug":return await import("ckeditor5/translations/ug.js");case"uk":return await import("ckeditor5/translations/uk.js");case"ur":return await import("ckeditor5/translations/ur.js");case"uz":return await import("ckeditor5/translations/uz.js");case"vi":return await import("ckeditor5/translations/vi.js");case"zh":return await import("ckeditor5/translations/zh.js");case"zh-cn":return await import("ckeditor5/translations/zh-cn.js");default:return console.warn(`Language ${t} not found in ckeditor5 translations`),null}else switch(t){case"af":return await import("ckeditor5-premium-features/translations/af.js");case"ar":return await import("ckeditor5-premium-features/translations/ar.js");case"ast":return await import("ckeditor5-premium-features/translations/ast.js");case"az":return await import("ckeditor5-premium-features/translations/az.js");case"bg":return await import("ckeditor5-premium-features/translations/bg.js");case"bn":return await import("ckeditor5-premium-features/translations/bn.js");case"bs":return await import("ckeditor5-premium-features/translations/bs.js");case"ca":return await import("ckeditor5-premium-features/translations/ca.js");case"cs":return await import("ckeditor5-premium-features/translations/cs.js");case"da":return await import("ckeditor5-premium-features/translations/da.js");case"de":return await import("ckeditor5-premium-features/translations/de.js");case"de-ch":return await import("ckeditor5-premium-features/translations/de-ch.js");case"el":return await import("ckeditor5-premium-features/translations/el.js");case"en":return await import("ckeditor5-premium-features/translations/en.js");case"en-au":return await import("ckeditor5-premium-features/translations/en-au.js");case"en-gb":return await import("ckeditor5-premium-features/translations/en-gb.js");case"eo":return await import("ckeditor5-premium-features/translations/eo.js");case"es":return await import("ckeditor5-premium-features/translations/es.js");case"es-co":return await import("ckeditor5-premium-features/translations/es-co.js");case"et":return await import("ckeditor5-premium-features/translations/et.js");case"eu":return await import("ckeditor5-premium-features/translations/eu.js");case"fa":return await import("ckeditor5-premium-features/translations/fa.js");case"fi":return await import("ckeditor5-premium-features/translations/fi.js");case"fr":return await import("ckeditor5-premium-features/translations/fr.js");case"gl":return await import("ckeditor5-premium-features/translations/gl.js");case"gu":return await import("ckeditor5-premium-features/translations/gu.js");case"he":return await import("ckeditor5-premium-features/translations/he.js");case"hi":return await import("ckeditor5-premium-features/translations/hi.js");case"hr":return await import("ckeditor5-premium-features/translations/hr.js");case"hu":return await import("ckeditor5-premium-features/translations/hu.js");case"hy":return await import("ckeditor5-premium-features/translations/hy.js");case"id":return await import("ckeditor5-premium-features/translations/id.js");case"it":return await import("ckeditor5-premium-features/translations/it.js");case"ja":return await import("ckeditor5-premium-features/translations/ja.js");case"jv":return await import("ckeditor5-premium-features/translations/jv.js");case"kk":return await import("ckeditor5-premium-features/translations/kk.js");case"km":return await import("ckeditor5-premium-features/translations/km.js");case"kn":return await import("ckeditor5-premium-features/translations/kn.js");case"ko":return await import("ckeditor5-premium-features/translations/ko.js");case"ku":return await import("ckeditor5-premium-features/translations/ku.js");case"lt":return await import("ckeditor5-premium-features/translations/lt.js");case"lv":return await import("ckeditor5-premium-features/translations/lv.js");case"ms":return await import("ckeditor5-premium-features/translations/ms.js");case"nb":return await import("ckeditor5-premium-features/translations/nb.js");case"ne":return await import("ckeditor5-premium-features/translations/ne.js");case"nl":return await import("ckeditor5-premium-features/translations/nl.js");case"no":return await import("ckeditor5-premium-features/translations/no.js");case"oc":return await import("ckeditor5-premium-features/translations/oc.js");case"pl":return await import("ckeditor5-premium-features/translations/pl.js");case"pt":return await import("ckeditor5-premium-features/translations/pt.js");case"pt-br":return await import("ckeditor5-premium-features/translations/pt-br.js");case"ro":return await import("ckeditor5-premium-features/translations/ro.js");case"ru":return await import("ckeditor5-premium-features/translations/ru.js");case"si":return await import("ckeditor5-premium-features/translations/si.js");case"sk":return await import("ckeditor5-premium-features/translations/sk.js");case"sl":return await import("ckeditor5-premium-features/translations/sl.js");case"sq":return await import("ckeditor5-premium-features/translations/sq.js");case"sr":return await import("ckeditor5-premium-features/translations/sr.js");case"sr-latn":return await import("ckeditor5-premium-features/translations/sr-latn.js");case"sv":return await import("ckeditor5-premium-features/translations/sv.js");case"th":return await import("ckeditor5-premium-features/translations/th.js");case"tk":return await import("ckeditor5-premium-features/translations/tk.js");case"tr":return await import("ckeditor5-premium-features/translations/tr.js");case"tt":return await import("ckeditor5-premium-features/translations/tt.js");case"ug":return await import("ckeditor5-premium-features/translations/ug.js");case"uk":return await import("ckeditor5-premium-features/translations/uk.js");case"ur":return await import("ckeditor5-premium-features/translations/ur.js");case"uz":return await import("ckeditor5-premium-features/translations/uz.js");case"vi":return await import("ckeditor5-premium-features/translations/vi.js");case"zh":return await import("ckeditor5-premium-features/translations/zh.js");case"zh-cn":return await import("ckeditor5-premium-features/translations/zh-cn.js");default:return console.warn(`Language ${t} not found in premium translations`),await import("ckeditor5-premium-features/translations/en.js")}}catch(r){return console.error(`Failed to load translation for ${i}/${t}:`,r),null}}function B(i){return $(i,t=>({dictionary:t}))}function z(i){return window.Livewire.all().filter(({name:t,canonical:r})=>t==="ckeditor5-editable"&&r.editorId===i).reduce((t,{canonical:r,el:n})=>({...t,[r.rootName]:{element:n.querySelector("[data-cke-editable-content]"),content:r.content}}),Object.create({}))}function x(i,t){if(t==="decoupled"){const{element:n}=U(i);return n}if(v(t))return document.getElementById(`${i}_editor`);const r=z(i);return $(r,({element:n})=>n)}function j(i,t){if(t==="decoupled"){const{content:a}=U(i);if(typeof a=="string")return{main:a}}const r=z(i),n=$(r,({content:a})=>a);return et(n,a=>typeof a=="string")}function U(i){const t=z(i).main;if(!t)throw new Error(`No "main" editable found for editor with ID "${i}".`);return t}function D(i){if(!i||typeof i!="object")return i;if(Array.isArray(i))return i.map(n=>D(n));const t=i;if(t.$element&&typeof t.$element=="string"){const n=document.querySelector(t.$element);return n||console.warn(`Element not found for selector: ${t.$element}`),n||null}const r=Object.create(null);for(const[n,a]of Object.entries(i))r[n]=D(a);return r}function lt(i,t){const{editing:r}=i;r.view.change(n=>{n.setStyle("height",`${t}px`,r.view.document.getRoot())})}const O=Symbol.for("elixir-editor-watchdog");async function mt(i){const{EditorWatchdog:t}=await import("ckeditor5"),r=new t(i);return r.setCreator(async(...n)=>{const a=await i.create(...n);return a[O]=r,a}),{watchdog:r,Constructor:{create:async(...n)=>(await r.create(...n),r.editor)}}}function dt(i){return O in i?i[O]:null}class E extends F{static the=new E}class wt extends I{contextPromise=null;async mounted(){const{contextId:t,language:r,context:n}=this.canonical,{customTranslations:a,watchdogConfig:s,config:{plugins:o,...c}}=n,{loadedPlugins:u,hasPremium:l}=await q(o??[]),f=[...await N(r,l),B(a||{})].filter(w=>!V(w));this.contextPromise=(async()=>{const{ContextWatchdog:w,Context:y}=await import("ckeditor5"),h=new w(y,{crashNumberLimit:10,...s});return await h.create({...c,language:r,plugins:u,...f.length&&{translations:f}}),h.on("itemError",(...b)=>{console.error("Context item error:",...b)}),h})();const g=await this.contextPromise;this.isBeingDestroyed()||E.the.register(t,g)}async destroyed(){const{contextId:t}=this.canonical;this.element.style.display="none";try{await(await this.contextPromise)?.destroy()}finally{this.contextPromise=null,E.the.hasItem(t)&&E.the.unregister(t)}}}class p extends F{static the=new p}class pt extends I{editorPromise=null;mounted(){const{editorId:t,rootName:r,content:n,saveDebounceMs:a}=this.canonical,s=this.element.querySelector("input");this.editorPromise=p.the.execute(t,o=>{const{ui:c,editing:u,model:l}=o;if(l.document.getRoot(r)){if(n!==null){const w=o.getData({rootName:r});w&&w!==n&&o.setData({[r]:n})}return o}o.addRoot(r,{isUndoable:!1,...n!==null&&{data:n}});const m=this.element.querySelector("[data-cke-editable-content]"),f=c.view.createEditable(r,m);c.addEditable(f),u.view.forceRender();const g=()=>{const w=o.getData({rootName:r});s&&(s.value=w),this.$wire.set("content",w)};return o.model.document.on("change:data",S(a,g)),g(),o})}async afterCommitSynced(){const t=await this.editorPromise,{content:r,rootName:n}=this.canonical;t.getData({rootName:n})!==r&&t.setData({[n]:r??""})}async destroyed(){const{rootName:t}=this.canonical;this.element.style.display="none";const r=await this.editorPromise;if(this.editorPromise=null,r&&r.state!=="destroyed"){const n=r.model.document.getRoot(t);n&&"detachEditable"in r&&(r.detachEditable(n),r.detachRoot(t,!1))}}}async function ht({saveDebounceMs:i,component:t}){const{Plugin:r}=await import("ckeditor5");return class extends r{static get pluginName(){return"LivewireSync"}init(){this.setupTypingContentPush(),this.setupFocusableEventPush(),this.setupContentServerSync()}setupContentServerSync(){const{editor:a}=this,{model:s,ui:{focusTracker:o}}=a;let c=null;a.on("afterCommitSynced",()=>{const{content:u}=t.canonical,l=this.getEditorRootsValues();if(ot(t.element)){if(o.isFocused){C(u,l)||(c=u);return}C(u,l)||a.setData(u)}}),Livewire.on("set-editor-content",({editorId:u,content:l})=>{if(u!==t.canonical.editorId)return;const m=this.getEditorRootsValues();C(m,l)||a.setData(l)}),s.document.on("change:data",()=>{c=null}),o.on("change:isFocused",()=>{!o.isFocused&&c!==null&&(a.setData(c),c=null)})}setupTypingContentPush(){const{model:a}=this.editor,{$wire:s}=t,o=()=>{const c=this.getEditorRootsValues();C(c,t.canonical.content)||(s.set("content",c),s.dispatch("editor-content-changed",{editorId:t.canonical.editorId,content:c}))};a.document.on("change:data",S(i,o)),this.editor.once("ready",o)}setupFocusableEventPush(){const{ui:a}=this.editor,{$wire:s}=t,o=()=>{const c=this.getEditorRootsValues();s.set("focused",a.focusTracker.isFocused),C(c,t.canonical.content)||s.set("content",c)};a.focusTracker.on("change:isFocused",o)}getEditorRootsValues(){return st(this.editor)}}}async function ft(i){const{Plugin:t}=await import("ckeditor5");return class extends t{input=null;form=null;static get pluginName(){return"SyncEditorWithInput"}afterInit(){const{editor:n}=this,s=n.sourceElement.id.replace(/_editor$/,"");this.input=document.getElementById(`${s}_input`),this.input&&(n.model.document.on("change:data",S(i,()=>this.sync())),n.once("ready",this.sync),this.form=this.input.closest("form"),this.form?.addEventListener("submit",this.sync))}sync=()=>{const n=this.editor.getData();this.input.value=n,this.input.dispatchEvent(new Event("input",{bubbles:!0}))};destroy(){this.form&&this.form.removeEventListener("submit",this.sync),this.input=null,this.form=null}}}class gt extends I{editorPromise=null;async mounted(){const{editorId:t}=this.canonical;p.the.resetErrors(t);try{this.editorPromise=this.createEditor();const r=await this.editorPromise;this.isBeingDestroyed()||(p.the.register(t,r),r.once("destroy",()=>{p.the.hasItem(t)&&p.the.unregister(t)}))}catch(r){console.error(`Error initializing CKEditor5 instance with ID "${t}":`,r),this.editorPromise=null,p.the.error(t,r)}}async destroyed(){this.element.style.display="none";try{const t=await this.editorPromise;if(!t)return;const r=at(t),n=dt(t);r?r.state!=="unavailable"&&await r.context.remove(r.editorContextId):n?await n.destroy():await t.destroy()}finally{this.editorPromise=null}}async afterCommitSynced(){(await this.editorPromise)?.fire("afterCommitSynced")}async createEditor(){const{preset:t,editorId:r,contextId:n,editableHeight:a,saveDebounceMs:s,language:o,watchdog:c,content:u}=this.canonical,{customTranslations:l,editorType:m,licenseKey:f,config:{plugins:g,...w}}=t;let y=await ct(m);const h=await(n?E.the.waitFor(n):null);if(c&&!h){const d=await mt(y);({Constructor:y}=d),d.watchdog.on("restart",()=>{const P=d.watchdog.editor;this.editorPromise=Promise.resolve(P),p.the.register(r,P)})}const{loadedPlugins:b,hasPremium:K}=await q(g);b.push(await ht({saveDebounceMs:s,component:this})),v(m)&&b.push(await ft(s));const R=[...await N(o,K),B(l||{})].filter(d=>!V(d));let k={...u,...j(r,m)};v(m)&&(k=k.main||"");const L=await(async()=>{let d=x(r,m);if(Et(d,m)){const W=Object.keys(k);_(d,W)||(d=await yt(r,m,W),k={...u,...j(r,m)})}const P={...D(w),initialData:k,licenseKey:f,plugins:b,language:o,...R.length&&{translations:R}};return!h||!(d instanceof HTMLElement)?y.create(d,P):(await nt({context:h,element:d,creator:y,config:P})).editor})();return v(m)&&a&<(L,a),L}}function _(i,t){return t.every(r=>i[r])}async function yt(i,t,r){return await it(()=>{const n=x(i,t);if(!_(n,r))throw new Error(`It looks like not all required root elements are present yet.
|
|
1
|
+
"use strict";var G=Object.create;var A=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var Z=(i,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of X(t))!Q.call(i,a)&&a!==r&&A(i,a,{get:()=>t[a],enumerable:!(n=Y(t,a))||n.enumerable});return i};var e=(i,t,r)=>(r=i!=null?G(J(i)):{},Z(t||!i||!i.__esModule?A(r,"default",{value:i,enumerable:!0}):r,i));class I{constructor(t){this.livewireComponent=t}state="mounting";get canonical(){return this.livewireComponent.canonical}get element(){return this.livewireComponent.el}get $wire(){return this.livewireComponent.$wire}isBeingDestroyed(){return["destroyed","destroying"].includes(this.state)}}function tt(i,t){const r=new Map;window.Livewire?.hook("component.init",async({component:n,cleanup:a})=>{if(n.name!==i)return;const s=new t(n);r.set(n.id,s),a(async()=>{s.state="destroying",await s.destroyed(),s.state="destroyed",r.delete(n.id)}),await s.mounted(),s.state="mounted"}),window.Livewire?.hook("commit",async({component:n,succeed:a})=>{n.name===i&&a(()=>{const s=r.get(n.id);s?.state==="mounted"&&s?.afterCommitSynced?.()})})}class F{items=new Map;initializationErrors=new Map;pendingCallbacks=new Map;watchers=new Set;execute(t,r,n){const a=this.items.get(t),s=this.initializationErrors.get(t);return s?(n?.(s),Promise.reject(s)):a?Promise.resolve(r(a)):new Promise((o,c)=>{const u=this.getPendingCallbacks(t);u.success.push(async l=>{o(await r(l))}),n?u.error.push(n):u.error.push(c)})}register(t,r){if(this.items.has(t))throw new Error(`Item with ID "${t}" is already registered.`);this.resetErrors(t),this.items.set(t,r);const n=this.pendingCallbacks.get(t);n&&(n.success.forEach(a=>a(r)),this.pendingCallbacks.delete(t)),this.registerAsDefault(t,r),this.notifyWatchers()}error(t,r){this.items.delete(t),this.initializationErrors.set(t,r);const n=this.pendingCallbacks.get(t);n&&(n.error.forEach(a=>a(r)),this.pendingCallbacks.delete(t)),this.initializationErrors.size===1&&!this.items.size&&this.error(null,r),this.notifyWatchers()}resetErrors(t){const{initializationErrors:r}=this;r.has(null)&&r.get(null)===r.get(t)&&r.delete(null),r.delete(t)}unregister(t){if(!this.items.has(t))throw new Error(`Item with ID "${t}" is not registered.`);t&&this.items.get(null)===this.items.get(t)&&this.unregister(null),this.items.delete(t),this.pendingCallbacks.delete(t),this.notifyWatchers()}getItems(){return Array.from(this.items.values())}hasItem(t){return this.items.has(t)}waitFor(t){return new Promise((r,n)=>{this.execute(t,r,n)})}async destroyAll(){const t=Array.from(new Set(this.items.values())).map(r=>r.destroy());this.items.clear(),this.pendingCallbacks.clear(),await Promise.all(t),this.notifyWatchers()}watch(t){return this.watchers.add(t),t(new Map(this.items),new Map(this.initializationErrors)),this.unwatch.bind(this,t)}unwatch(t){this.watchers.delete(t)}notifyWatchers(){this.watchers.forEach(t=>t(new Map(this.items),new Map(this.initializationErrors)))}getPendingCallbacks(t){let r=this.pendingCallbacks.get(t);return r||(r={success:[],error:[]},this.pendingCallbacks.set(t,r)),r}registerAsDefault(t,r){this.items.size===1&&t!==null&&this.register(null,r)}}function S(i,t){let r=null;return(...n)=>{r&&clearTimeout(r),r=setTimeout(()=>{t(...n)},i)}}function et(i,t){const r=Object.entries(i).filter(([n,a])=>t(a,n));return Object.fromEntries(r)}function V(i){return Object.keys(i).length===0&&i.constructor===Object}function $(i,t){const r=Object.entries(i).map(([n,a])=>[n,t(a,n)]);return Object.fromEntries(r)}function C(i,t){if(i===t)return!0;const r=Object.keys(i),n=Object.keys(t);if(r.length!==n.length)return!1;for(const a of r)if(i[a]!==t[a]||!Object.prototype.hasOwnProperty.call(t,a))return!1;return!0}function rt(){return Math.random().toString(36).substring(2)}function it(i,{timeOutAfter:t=500,retryAfter:r=100}={}){return new Promise((n,a)=>{const s=Date.now();let o=null;const c=setTimeout(()=>{a(o??new Error("Timeout"))},t),u=async()=>{try{const l=await i();clearTimeout(c),n(l)}catch(l){o=l,Date.now()-s>t?a(l):setTimeout(u,r)}};u()})}const T=Symbol.for("context-editor-watchdog");async function nt({element:i,context:t,creator:r,config:n}){const a=rt();await t.add({creator:(u,l)=>r.create(u,l),id:a,sourceElementOrData:i,type:"editor",config:n});const s=t.getItem(a),o={state:"available",editorContextId:a,context:t};s[T]=o;const c=t.destroy.bind(t);return t.destroy=async()=>(o.state="unavailable",c()),{...o,editor:s}}function at(i){return T in i?i[T]:null}function st(i){return i.model.document.getRootNames().reduce((r,n)=>(r[n]=i.getData({rootName:n}),r),Object.create({}))}function v(i){return["inline","classic","balloon","decoupled"].includes(i)}function ot(i){let t=i;for(;t;){for(const r of t.attributes)if(r.name.startsWith("wire:model"))return!0;t=t.parentElement}return!1}async function ct(i){const t=await import("ckeditor5"),n={inline:t.InlineEditor,balloon:t.BalloonEditor,classic:t.ClassicEditor,decoupled:t.DecoupledEditor,multiroot:t.MultiRootEditor}[i];if(!n)throw new Error(`Unsupported editor type: ${i}`);return n}class M{static the=new M;plugins=new Map;constructor(){}register(t,r){if(this.plugins.has(t))throw new Error(`Plugin with name "${t}" is already registered.`);return this.plugins.set(t,r),this.unregister.bind(this,t)}unregister(t){if(!this.plugins.has(t))throw new Error(`Plugin with name "${t}" is not registered.`);this.plugins.delete(t)}unregisterAll(){this.plugins.clear()}async get(t){return this.plugins.get(t)?.()}has(t){return this.plugins.has(t)}}async function q(i){const t=await import("ckeditor5");let r=null;const n=i.map(async a=>{const s=await M.the.get(a);if(s)return s;const{[a]:o}=t;if(o)return o;if(!r)try{r=await import("ckeditor5-premium-features")}catch(u){console.error(`Failed to load premium package: ${u}`)}const{[a]:c}=r||{};if(c)return c;throw new Error(`Plugin "${a}" not found in base or premium packages.`)});return{loadedPlugins:await Promise.all(n),hasPremium:!!r}}async function N(i,t){const r=[i.ui,i.content];return await Promise.all([H("ckeditor5",r),t&&H("ckeditor5-premium-features",r)].filter(a=>!!a)).then(a=>a.flat())}async function H(i,t){return await Promise.all(t.filter(r=>r!=="en").map(async r=>{const n=await ut(i,r);return n?.default??n}).filter(Boolean))}async function ut(i,t){try{if(i==="ckeditor5")switch(t){case"af":return await import("ckeditor5/translations/af.js");case"ar":return await import("ckeditor5/translations/ar.js");case"ast":return await import("ckeditor5/translations/ast.js");case"az":return await import("ckeditor5/translations/az.js");case"bg":return await import("ckeditor5/translations/bg.js");case"bn":return await import("ckeditor5/translations/bn.js");case"bs":return await import("ckeditor5/translations/bs.js");case"ca":return await import("ckeditor5/translations/ca.js");case"cs":return await import("ckeditor5/translations/cs.js");case"da":return await import("ckeditor5/translations/da.js");case"de":return await import("ckeditor5/translations/de.js");case"de-ch":return await import("ckeditor5/translations/de-ch.js");case"el":return await import("ckeditor5/translations/el.js");case"en":return await import("ckeditor5/translations/en.js");case"en-au":return await import("ckeditor5/translations/en-au.js");case"en-gb":return await import("ckeditor5/translations/en-gb.js");case"eo":return await import("ckeditor5/translations/eo.js");case"es":return await import("ckeditor5/translations/es.js");case"es-co":return await import("ckeditor5/translations/es-co.js");case"et":return await import("ckeditor5/translations/et.js");case"eu":return await import("ckeditor5/translations/eu.js");case"fa":return await import("ckeditor5/translations/fa.js");case"fi":return await import("ckeditor5/translations/fi.js");case"fr":return await import("ckeditor5/translations/fr.js");case"gl":return await import("ckeditor5/translations/gl.js");case"gu":return await import("ckeditor5/translations/gu.js");case"he":return await import("ckeditor5/translations/he.js");case"hi":return await import("ckeditor5/translations/hi.js");case"hr":return await import("ckeditor5/translations/hr.js");case"hu":return await import("ckeditor5/translations/hu.js");case"hy":return await import("ckeditor5/translations/hy.js");case"id":return await import("ckeditor5/translations/id.js");case"it":return await import("ckeditor5/translations/it.js");case"ja":return await import("ckeditor5/translations/ja.js");case"jv":return await import("ckeditor5/translations/jv.js");case"kk":return await import("ckeditor5/translations/kk.js");case"km":return await import("ckeditor5/translations/km.js");case"kn":return await import("ckeditor5/translations/kn.js");case"ko":return await import("ckeditor5/translations/ko.js");case"ku":return await import("ckeditor5/translations/ku.js");case"lt":return await import("ckeditor5/translations/lt.js");case"lv":return await import("ckeditor5/translations/lv.js");case"ms":return await import("ckeditor5/translations/ms.js");case"nb":return await import("ckeditor5/translations/nb.js");case"ne":return await import("ckeditor5/translations/ne.js");case"nl":return await import("ckeditor5/translations/nl.js");case"no":return await import("ckeditor5/translations/no.js");case"oc":return await import("ckeditor5/translations/oc.js");case"pl":return await import("ckeditor5/translations/pl.js");case"pt":return await import("ckeditor5/translations/pt.js");case"pt-br":return await import("ckeditor5/translations/pt-br.js");case"ro":return await import("ckeditor5/translations/ro.js");case"ru":return await import("ckeditor5/translations/ru.js");case"si":return await import("ckeditor5/translations/si.js");case"sk":return await import("ckeditor5/translations/sk.js");case"sl":return await import("ckeditor5/translations/sl.js");case"sq":return await import("ckeditor5/translations/sq.js");case"sr":return await import("ckeditor5/translations/sr.js");case"sr-latn":return await import("ckeditor5/translations/sr-latn.js");case"sv":return await import("ckeditor5/translations/sv.js");case"th":return await import("ckeditor5/translations/th.js");case"tk":return await import("ckeditor5/translations/tk.js");case"tr":return await import("ckeditor5/translations/tr.js");case"tt":return await import("ckeditor5/translations/tt.js");case"ug":return await import("ckeditor5/translations/ug.js");case"uk":return await import("ckeditor5/translations/uk.js");case"ur":return await import("ckeditor5/translations/ur.js");case"uz":return await import("ckeditor5/translations/uz.js");case"vi":return await import("ckeditor5/translations/vi.js");case"zh":return await import("ckeditor5/translations/zh.js");case"zh-cn":return await import("ckeditor5/translations/zh-cn.js");default:return console.warn(`Language ${t} not found in ckeditor5 translations`),null}else switch(t){case"af":return await import("ckeditor5-premium-features/translations/af.js");case"ar":return await import("ckeditor5-premium-features/translations/ar.js");case"ast":return await import("ckeditor5-premium-features/translations/ast.js");case"az":return await import("ckeditor5-premium-features/translations/az.js");case"bg":return await import("ckeditor5-premium-features/translations/bg.js");case"bn":return await import("ckeditor5-premium-features/translations/bn.js");case"bs":return await import("ckeditor5-premium-features/translations/bs.js");case"ca":return await import("ckeditor5-premium-features/translations/ca.js");case"cs":return await import("ckeditor5-premium-features/translations/cs.js");case"da":return await import("ckeditor5-premium-features/translations/da.js");case"de":return await import("ckeditor5-premium-features/translations/de.js");case"de-ch":return await import("ckeditor5-premium-features/translations/de-ch.js");case"el":return await import("ckeditor5-premium-features/translations/el.js");case"en":return await import("ckeditor5-premium-features/translations/en.js");case"en-au":return await import("ckeditor5-premium-features/translations/en-au.js");case"en-gb":return await import("ckeditor5-premium-features/translations/en-gb.js");case"eo":return await import("ckeditor5-premium-features/translations/eo.js");case"es":return await import("ckeditor5-premium-features/translations/es.js");case"es-co":return await import("ckeditor5-premium-features/translations/es-co.js");case"et":return await import("ckeditor5-premium-features/translations/et.js");case"eu":return await import("ckeditor5-premium-features/translations/eu.js");case"fa":return await import("ckeditor5-premium-features/translations/fa.js");case"fi":return await import("ckeditor5-premium-features/translations/fi.js");case"fr":return await import("ckeditor5-premium-features/translations/fr.js");case"gl":return await import("ckeditor5-premium-features/translations/gl.js");case"gu":return await import("ckeditor5-premium-features/translations/gu.js");case"he":return await import("ckeditor5-premium-features/translations/he.js");case"hi":return await import("ckeditor5-premium-features/translations/hi.js");case"hr":return await import("ckeditor5-premium-features/translations/hr.js");case"hu":return await import("ckeditor5-premium-features/translations/hu.js");case"hy":return await import("ckeditor5-premium-features/translations/hy.js");case"id":return await import("ckeditor5-premium-features/translations/id.js");case"it":return await import("ckeditor5-premium-features/translations/it.js");case"ja":return await import("ckeditor5-premium-features/translations/ja.js");case"jv":return await import("ckeditor5-premium-features/translations/jv.js");case"kk":return await import("ckeditor5-premium-features/translations/kk.js");case"km":return await import("ckeditor5-premium-features/translations/km.js");case"kn":return await import("ckeditor5-premium-features/translations/kn.js");case"ko":return await import("ckeditor5-premium-features/translations/ko.js");case"ku":return await import("ckeditor5-premium-features/translations/ku.js");case"lt":return await import("ckeditor5-premium-features/translations/lt.js");case"lv":return await import("ckeditor5-premium-features/translations/lv.js");case"ms":return await import("ckeditor5-premium-features/translations/ms.js");case"nb":return await import("ckeditor5-premium-features/translations/nb.js");case"ne":return await import("ckeditor5-premium-features/translations/ne.js");case"nl":return await import("ckeditor5-premium-features/translations/nl.js");case"no":return await import("ckeditor5-premium-features/translations/no.js");case"oc":return await import("ckeditor5-premium-features/translations/oc.js");case"pl":return await import("ckeditor5-premium-features/translations/pl.js");case"pt":return await import("ckeditor5-premium-features/translations/pt.js");case"pt-br":return await import("ckeditor5-premium-features/translations/pt-br.js");case"ro":return await import("ckeditor5-premium-features/translations/ro.js");case"ru":return await import("ckeditor5-premium-features/translations/ru.js");case"si":return await import("ckeditor5-premium-features/translations/si.js");case"sk":return await import("ckeditor5-premium-features/translations/sk.js");case"sl":return await import("ckeditor5-premium-features/translations/sl.js");case"sq":return await import("ckeditor5-premium-features/translations/sq.js");case"sr":return await import("ckeditor5-premium-features/translations/sr.js");case"sr-latn":return await import("ckeditor5-premium-features/translations/sr-latn.js");case"sv":return await import("ckeditor5-premium-features/translations/sv.js");case"th":return await import("ckeditor5-premium-features/translations/th.js");case"tk":return await import("ckeditor5-premium-features/translations/tk.js");case"tr":return await import("ckeditor5-premium-features/translations/tr.js");case"tt":return await import("ckeditor5-premium-features/translations/tt.js");case"ug":return await import("ckeditor5-premium-features/translations/ug.js");case"uk":return await import("ckeditor5-premium-features/translations/uk.js");case"ur":return await import("ckeditor5-premium-features/translations/ur.js");case"uz":return await import("ckeditor5-premium-features/translations/uz.js");case"vi":return await import("ckeditor5-premium-features/translations/vi.js");case"zh":return await import("ckeditor5-premium-features/translations/zh.js");case"zh-cn":return await import("ckeditor5-premium-features/translations/zh-cn.js");default:return console.warn(`Language ${t} not found in premium translations`),await import("ckeditor5-premium-features/translations/en.js")}}catch(r){return console.error(`Failed to load translation for ${i}/${t}:`,r),null}}function B(i){return $(i,t=>({dictionary:t}))}function z(i){return window.Livewire.all().filter(({name:t,canonical:r})=>t==="ckeditor5-editable"&&r.editorId===i).reduce((t,{canonical:r,el:n})=>({...t,[r.rootName]:{element:n.querySelector("[data-cke-editable-content]"),content:r.content}}),Object.create({}))}function x(i,t){if(t==="decoupled"){const{element:n}=U(i);return n}if(v(t))return document.getElementById(`${i}_editor`);const r=z(i);return $(r,({element:n})=>n)}function j(i,t){if(t==="decoupled"){const{content:a}=U(i);if(typeof a=="string")return{main:a}}const r=z(i),n=$(r,({content:a})=>a);return et(n,a=>typeof a=="string")}function U(i){const t=z(i).main;if(!t)throw new Error(`No "main" editable found for editor with ID "${i}".`);return t}function D(i){if(!i||typeof i!="object")return i;if(Array.isArray(i))return i.map(n=>D(n));const t=i;if(t.$element&&typeof t.$element=="string"){const n=document.querySelector(t.$element);return n||console.warn(`Element not found for selector: ${t.$element}`),n||null}const r=Object.create(null);for(const[n,a]of Object.entries(i))r[n]=D(a);return r}function lt(i,t){const{editing:r}=i;r.view.change(n=>{n.setStyle("height",`${t}px`,r.view.document.getRoot())})}const O=Symbol.for("elixir-editor-watchdog");async function mt(i){const{EditorWatchdog:t}=await import("ckeditor5"),r=new t(i);return r.setCreator(async(...n)=>{const a=await i.create(...n);return a[O]=r,a}),{watchdog:r,Constructor:{create:async(...n)=>(await r.create(...n),r.editor)}}}function dt(i){return O in i?i[O]:null}class E extends F{static the=new E}class wt extends I{contextPromise=null;async mounted(){const{contextId:t,language:r,context:n}=this.canonical,{customTranslations:a,watchdogConfig:s,config:{plugins:o,...c}}=n,{loadedPlugins:u,hasPremium:l}=await q(o??[]),f=[...await N(r,l),B(a||{})].filter(w=>!V(w));this.contextPromise=(async()=>{const{ContextWatchdog:w,Context:y}=await import("ckeditor5"),h=new w(y,{crashNumberLimit:10,...s});return await h.create({...c,language:r,plugins:u,...f.length&&{translations:f}}),h.on("itemError",(...b)=>{console.error("Context item error:",...b)}),h})();const g=await this.contextPromise;this.isBeingDestroyed()||E.the.register(t,g)}async destroyed(){const{contextId:t}=this.canonical;this.element.style.display="none";try{await(await this.contextPromise)?.destroy()}finally{this.contextPromise=null,E.the.hasItem(t)&&E.the.unregister(t)}}}class p extends F{static the=new p}class pt extends I{editorPromise=null;mounted(){const{editorId:t,rootName:r,content:n,saveDebounceMs:a}=this.canonical,s=this.element.querySelector("input");this.editorPromise=p.the.execute(t,o=>{const{ui:c,editing:u,model:l}=o;if(l.document.getRoot(r)){if(n!==null){const w=o.getData({rootName:r});w&&w!==n&&o.setData({[r]:n})}return o}o.addRoot(r,{isUndoable:!1,...n!==null&&{data:n}});const m=this.element.querySelector("[data-cke-editable-content]"),f=c.view.createEditable(r,m);c.addEditable(f),u.view.forceRender();const g=()=>{const w=o.getData({rootName:r});s&&(s.value=w),this.$wire.set("content",w)};return o.model.document.on("change:data",S(a,g)),g(),o})}async afterCommitSynced(){const t=await this.editorPromise,{content:r,rootName:n}=this.canonical;t.getData({rootName:n})!==r&&t.setData({[n]:r??""})}async destroyed(){const{rootName:t}=this.canonical;this.element.style.display="none";const r=await this.editorPromise;if(this.editorPromise=null,r&&r.state!=="destroyed"){const n=r.model.document.getRoot(t);n&&"detachEditable"in r&&(r.detachEditable(n),r.detachRoot(t,!1))}}}async function ht({saveDebounceMs:i,component:t}){const{Plugin:r}=await import("ckeditor5");return class extends r{static get pluginName(){return"LivewireSync"}init(){this.setupTypingContentPush(),this.setupFocusableEventPush(),this.setupContentServerSync()}setupContentServerSync(){const{editor:a}=this,{model:s,ui:{focusTracker:o}}=a;let c=null;a.on("afterCommitSynced",()=>{const{content:u}=t.canonical,l=this.getEditorRootsValues();if(ot(t.element)){if(o.isFocused){C(u,l)||(c=u);return}C(u,l)||a.setData(u)}}),Livewire.on("set-editor-content",({editorId:u,content:l})=>{if(u!==t.canonical.editorId)return;const m=this.getEditorRootsValues();C(m,l)||a.setData(l)}),s.document.on("change:data",()=>{c=null}),o.on("change:isFocused",()=>{!o.isFocused&&c!==null&&(a.setData(c),c=null)})}setupTypingContentPush(){const{model:a}=this.editor,{$wire:s}=t,o=()=>{const c=this.getEditorRootsValues();C(c,t.canonical.content)||(s.set("content",c),s.dispatch("editor-content-changed",{editorId:t.canonical.editorId,content:c}))};a.document.on("change:data",S(i,o)),this.editor.once("ready",o)}setupFocusableEventPush(){const{ui:a}=this.editor,{$wire:s}=t,o=()=>{const c=this.getEditorRootsValues();s.set("focused",a.focusTracker.isFocused),C(c,t.canonical.content)||s.set("content",c)};a.focusTracker.on("change:isFocused",o)}getEditorRootsValues(){return st(this.editor)}}}async function ft(i){const{Plugin:t}=await import("ckeditor5");return class extends t{input=null;form=null;static get pluginName(){return"SyncEditorWithInput"}afterInit(){const{editor:n}=this,s=n.sourceElement.id.replace(/_editor$/,"");this.input=document.getElementById(`${s}_input`),this.input&&(n.model.document.on("change:data",S(i,()=>this.sync())),n.once("ready",this.sync),this.form=this.input.closest("form"),this.form?.addEventListener("submit",this.sync))}sync=()=>{if(this.input){const n=this.editor.getData();this.input.value=n,this.input.dispatchEvent(new Event("input",{bubbles:!0}))}};destroy(){this.form&&this.form.removeEventListener("submit",this.sync),this.input=null,this.form=null}}}class gt extends I{editorPromise=null;async mounted(){const{editorId:t}=this.canonical;p.the.resetErrors(t);try{this.editorPromise=this.createEditor();const r=await this.editorPromise;this.isBeingDestroyed()||(p.the.register(t,r),r.once("destroy",()=>{p.the.hasItem(t)&&p.the.unregister(t)}))}catch(r){console.error(`Error initializing CKEditor5 instance with ID "${t}":`,r),this.editorPromise=null,p.the.error(t,r)}}async destroyed(){this.element.style.display="none";try{const t=await this.editorPromise;if(!t)return;const r=at(t),n=dt(t);r?r.state!=="unavailable"&&await r.context.remove(r.editorContextId):n?await n.destroy():await t.destroy()}finally{this.editorPromise=null}}async afterCommitSynced(){(await this.editorPromise)?.fire("afterCommitSynced")}async createEditor(){const{preset:t,editorId:r,contextId:n,editableHeight:a,saveDebounceMs:s,language:o,watchdog:c,content:u}=this.canonical,{customTranslations:l,editorType:m,licenseKey:f,config:{plugins:g,...w}}=t;let y=await ct(m);const h=await(n?E.the.waitFor(n):null);if(c&&!h){const d=await mt(y);({Constructor:y}=d),d.watchdog.on("restart",()=>{const P=d.watchdog.editor;this.editorPromise=Promise.resolve(P),p.the.register(r,P)})}const{loadedPlugins:b,hasPremium:K}=await q(g);b.push(await ht({saveDebounceMs:s,component:this})),v(m)&&b.push(await ft(s));const R=[...await N(o,K),B(l||{})].filter(d=>!V(d));let k={...u,...j(r,m)};v(m)&&(k=k.main||"");const L=await(async()=>{let d=x(r,m);if(Et(d,m)){const W=Object.keys(k);_(d,W)||(d=await yt(r,m,W),k={...u,...j(r,m)})}const P={...D(w),initialData:k,licenseKey:f,plugins:b,language:o,...R.length&&{translations:R}};return!h||!(d instanceof HTMLElement)?y.create(d,P):(await nt({context:h,element:d,creator:y,config:P})).editor})();return v(m)&&a&<(L,a),L}}function _(i,t){return t.every(r=>i[r])}async function yt(i,t,r){return await it(()=>{const n=x(i,t);if(!_(n,r))throw new Error(`It looks like not all required root elements are present yet.
|
|
2
2
|
* If you want to wait for them, ensure they are registered before editor initialization.
|
|
3
3
|
* If you want lazy initialize roots, consider removing root values from the \`initialData\` config and assign initial data in editable components.
|
|
4
4
|
Missing roots: ${r.filter(a=>!n[a]).join(", ")}.`);return!0},{timeOutAfter:2e3,retryAfter:100}),x(i,t)}function Et(i,t){return!v(t)&&typeof i=="object"&&!(i instanceof HTMLElement)}class bt extends I{mountedPromise=null;async mounted(){const{editorId:t,name:r}=this.canonical;this.mountedPromise=p.the.execute(t,n=>{const{ui:a}=n,s=kt(r),o=a.view[s];if(!o){console.error(`Unknown UI part name: "${r}". Supported names are "toolbar" and "menubar".`);return}this.element.appendChild(o.element)})}async destroyed(){this.element.style.display="none",await this.mountedPromise,this.mountedPromise=null,this.element.innerHTML=""}}function kt(i){switch(i){case"toolbar":return"toolbar";case"menubar":return"menuBarView";default:return null}}const Pt={ckeditor5:gt,"ckeditor5-context":wt,"ckeditor5-ui-part":bt,"ckeditor5-editable":pt};function Ct(){for(const[i,t]of Object.entries(Pt))tt(i,t)}Ct();
|